:root{
	--colorOne:#243370;
	--colorTwo:#e00620;
	
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
h1{ padding: 0 0 30px; }
a:hover{text-decoration:none;}

/*menu*/
    .navbar {background-color: #fff;border-bottom: 1px solid #ddd;}
    .navbar-nav .nav-item {padding-left: 15px; padding-right: 15px;}
    .navbar-nav .nav-link {color: #333 !important; font-size: 16px; text-transform: uppercase;}
    .navbar-nav .nav-link:hover {color: #ff0926 !important; text-decoration: underline;}
    .navbar-nav .nav-item:hover>.dropdown-menu {display: block;}
    .navbar-nav .dropdown-menu {background-color: #333; border-radius: 0; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
      display: none;}
    .dropdown-item {color: #fff !important;}
    .dropdown-item:hover {background-color: var(--colorTwo) !important;}
	.active {background-color: #ccc !important;}
    @media (max-width: 992px) {
      .navbar-nav .nav-item .dropdown-menu {display: none;}
      .navbar-nav .nav-item.open>.dropdown-menu {display: block;}
      .navbar-nav .nav-item .dropdown-toggle::after {
        content: "\f0d7";
        font-family: "FontAwesome";
        font-weight: normal;
        margin-left: 8px;
      }
      .navbar-nav .nav-item.open .dropdown-toggle::after {content: "\f0de";}
	  .navbar-nav{background-color: #333; z-index:9}
	  .navbar-nav .nav-link{color:#fff !important;}
    }
	.dropdown-toggle::after{border-top:none;vertical-align:0em;}
	.navbar-dark .navbar-toggler-icon{color:#333;}
/********************************/
	
.post-slide{
overflow: hidden;
}
.post-slide .post-img {
float: left;
width:100%;
position: relative;

}
.post-slide .post-img img{
width: 100%;
height: auto;
}
.post-slide .post-date{
color:#444;
position:absolute;
top: 18.9%;
display: block;
padding: 2% 3%;
transition:all 0.50s ease;
}
.post-slide .date{
display: block;
font-size:40px;
font-weight: 300;
color: #000;
font-family: 'Open Sans', sans-ser;
}
.post-slide .post-date h1{
color:var(--colorOne);
display: block;
font-size:35px;
font-weight: 700;
margin-top:10px;
}
.post-slide .banner-text-1{
display: block;
font-size:16px;
text-transform: uppercase;
}
.post-slide .line-bar{background:#e2253c; height:2px; width:50px; display:block;margin-top:5px;}
.post-slide .post-review {
padding: 5% 3% 1% 0;
border-top: 3px solid #38cfd8;
}
.post-slide:hover .post-review{
border-top-color:#ec3c6a;
}
.post-slide .post-title{
margin:0 0 10px 0;
}
.post-slide .post-title a{
font-size:14px;
color:#333;
text-transform:uppercase;
}
.post-slide .post-title a:hover{
text-decoration:none;
font-weight: bold;
}
.post-slide .post-bar{
padding:0;
list-style:none;
text-transform:uppercase;
position: relative;
margin-bottom: 20px;
}
.post-slide .post-bar:after,
.post-slide .post-bar:before{
border: 1px solid #38cfd8;
bottom: -10px;
content: "";
display: block;
position: absolute;
right: 36%;
width: 25px;
}
.post-slide .post-bar:before{
border: 1px solid #ec3c6a;
right: 32%;
}
.post-slide .post-bar li{
color:#555;
font-size:10px;
margin-right:10px;
display:inline-block;
}
.post-slide .post-bar li a{
font-size: 13px;
text-decoration:none;
text-transform:uppercase;
color:#ec3c6a;
}
.post-slide .post-bar li a:hover{
color:#ec3c6a;
}
.post-slide .post-bar li i{
color:#777;
margin-right:5px;
}
.post-slide .post-description{
font-size:12px;
line-height:21px;
color:#444454;
}
.owl-theme .owl-controls{
margin-top: 30px;
}
.owl-theme .owl-controls .owl-page span{
background: #fff;
border: 2px solid #fff;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
background: var(--colorTwo);
z-index: 1;
  position: relative;
}
/**********custome arrow banner***********/
.banner_wrap{width:100%; float:left;}

#banner-slider .owl-prev, #banner-slider .owl-next {
  background-color:unset;
  color: #000;
  border-radius: 40%;
  display:flex; align-items:center; justify-content:center; width:30px; height:30px;
font-weight:600; font-size:25px;
}
.owl-buttons{position:absolute; top:40%; z-index:1;
display:flex;
justify-content: space-between;
  width: 100%;
}


#banner-slider.owl-theme .owl-controls {
  text-align: center;
  margin-top: -50px;
  /*position: relative;*/
}
.banner-btn a.btn-1, .banner-btn a.btn-2{text-decoration:none; padding:8px 15px 8px 15px;color:#fff; border-radius:20px;}
.banner-btn a.btn-1{background:var(--colorOne);}
.banner-btn a.btn-2{background:var(--colorOne);}
.banner-btn a.btn-1:hover, .banner-btn a.btn-2:hover{background:var(--colorTwo);}
@media only screen and (max-width: 990px) {
.post-slide .post-img {
width:100%;
}
.post-slide .post-review{
width:100%;
border-bottom: 4px solid #ec3c6a;
}
.post-slide .post-bar:before{
left: 0;
}
.post-slide .post-bar:after{
left: 25px;
}

}

@media only screen and (max-width: 768px) {
	/*.post-slide .banner-text-1 {font-size: 12px;}
	.post-slide .date {font-size: 23px;}
	.post-slide .post-date h1 {font-size: 25px;}
	.post-slide .post-date p {font-size: 12px;}*/
	.post-slide .post-date p, .post-slide .banner-text-1, .post-slide .date, .post-slide .line-bar, .post-slide .post-date h1{display:none;}
	.post-slide .post-date {top: 70.9%;}
	#banner-slider.owl-theme .owl-controls .owl-page{display:none;}
	.banner_wrap{margin-top:75px;}

}

/********************section one ***********/
.our-service-list{
	border-top-right-radius:15px;
	border-top-left-radius :15px;
    border: 1px solid #ddd;
    text-align: center;
}
.pic img{
    width: 100%;
	border-top-right-radius :15px;
	border-top-left-radius :15px;
}
.our-service-title{
    font-size: 20px;
	font-weight:600;
    color:var(--colorOne);
}
.description{
    padding: 20px;
    color:#666;
    font-size: 15px;
    border-bottom: 3px solid transparent;
    margin-bottom: 0;
}
.our-service-list:hover{
    border-bottom: 1px solid transparent;
}
.our-service-list:hover .description{
    border-bottom: 3px solid var(--colorTwo);
    transition: all 0.2s ease-out 0s;
}
@media screen and (max-width: 990px){
    .our-service-list{
        margin-bottom: 30px;
    }
}

/**************************/
.mt-15{margin-top:15px;} .mt-24{margin-top:24x;} .mt-25{margin-top:25px;} .mt-30{margin-top:30px;}
.mt-35{margin-top:35px;} .mt-40{margin-top:40px;} .mt-45{margin-top:45px;} .mt-50{margin-top:50px;}
.mb-15{margin-bottom:15px;} .mb-24{margin-bottom:24x;} .mb-25{margin-bottom:25px;} .mb-30{margin-bottom:30px;}
.mb-35{margin-bottom:35px;} .mb-40{margin-bottom:40px;} .mb-45{margin-bottom:45px;} .mb-50{margin-bottom:50px;}
.page_wrap{width:100%; float:left; display:block;}

/**********product*********/
.mac-bg{background:url('../images/bg-mac.jpg') no-repeat center center;
	background-size:cover;}
.hdOne{font-size:40px; font-weight:600; display:block; text-align:center;color:#fff;padding:15px 0;}
.hdTwo {font-size: 36px;font-weight: bold; color: #333; text-align: center; position: relative; padding: 20px 0;
 line-height: 1.2;}
.hdTwo span {border-bottom: 1px solid #ddd; position: relative; display: inline-block; padding-bottom: 10px;}

.product-grid{
	background: #fff;
	margin-bottom:20px;
	text-align: center;
    border-radius: 25px;
    overflow: hidden;
    transition: all .5s ease;
}
.product-grid:hover{ box-shadow: 0 0 21px 0 rgba(39,39,39,.15); }
.product-grid .product-image{
    overflow: hidden;
    position: relative;
}
.product-grid .product-image a.image{ display: block; }
.product-grid .product-image img{ width: 100%; }
.product-grid .product-image .pic-1{ 
    transform: scale(1);
    transition: all .5s ease; 
}
.product-grid:hover .product-image .pic-1{ 
    opacity: 0;
    transform: scale(.9);
}
.product-grid .product-image .pic-2{
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    opacity: 0;
    transform: scale(1.1);
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s ease;
}
.product-grid:hover .product-image .pic-2{ 
    opacity: 1;
    transform: scale(1);
}
.product-grid .product-discount-label{
    color: #fff;
    background: #fe4343;
    font-size: 11px;
    font-weight: 500;
    text-transform:capitalize;
    line-height: 35px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    box-shadow: 0 6px 14px 0 rgba(39,39,39,.25);
    position: absolute;
    top:15px;
    left: 15px;
}
.product-grid .product-full-view{
    color: #272727;
    background-color: #fff;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgb(0 0 0 / 5%);
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all .5s ease;
}
.product-grid .product-full-view i{line-height:inherit;}
.product-grid:hover .product-full-view{ opacity: 1; }
.product-grid .product-full-view:hover{
    color: #fff;
    background-color: #f1252b;
}
.product-grid .product-like-icon{
    color: #d9d9d9;
    display: block;
    font-size: 25px;
    position: absolute;
    top: 15px;
    right: 15px;
    transition: all 0.3s ;
}
.product-grid .product-like-icon:hover{ color: #fbaf3f; }
.product-grid .product-content{ padding: 18px; }
.product-grid .title{
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 8px;
}
.product-grid .title a{
    color: #272727;
    transition: all 0.3s ease 0s;
}
.product-grid .title a:hover{ color: #f1252b; }
.product-grid .price{
    color: #ff0404;
    font-size: 16px;
    font-weight:700;
    display: block;
    margin: 0 0 12px;
}
.product-grid .price span{
    color: #ababab;
    font-size: 14px;
    font-weight: 600;
    text-decoration: line-through;
}
.product-grid .add-cart{
    color:#272727;
    background: #fff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 30px;
    border: 1px solid #272727;
    border-radius: 25px;
    display: inline-block;
    position: relative;
    transition: all .5s ease;
}
.product-grid .add-cart:hover{
    color: transparent;
    background: #f1252b; 
    border: 1px solid #f1252b; 
}
.product-grid .add-cart:before{
    content: "\f290";
    color: #fff;
    font-family: "FontAwesome";
    font-size: 18px;
    font-weight: 900;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all .2s ease;
}
.product-grid .add-cart:hover:before{
    opacity: 1;
    transform: translateX(-50%) translateY(-50%);
}
@media screen and (max-width: 990px){
    .product-grid{ margin-bottom: 30px; }
}

/******************************/
.feature img {height:40px;}
.feature .feature-text{font-size:16px; font-weight:600;}

.header_wrap{width:100%; float:left; background:#070d22;margin-top:75px;}
.page-title{min-height:150px;}
.page-title h1{text-align:center; font-weight:600; color:#fff;margin-top:20px;}

/*********contact**************/
.contact3 {
  font-family: "Montserrat", sans-serif;
  color: #333;
  font-weight: 300;
}

.contact3 h1,
.contact3 h2,
.contact3 h3,
.contact3 h4,
.contact3 h5,
.contact3 h6 {
  color: #3e4555;
}
.contact3 a{color:#333;}
.contact3 a:hover{color:var(--colorTwo);}
.contact3 h6{
  font-weight: 600;
}

.contact3 .card-shadow {
  -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
  box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
}

.contact3 .btn-danger-gradiant {
  background: #ff4d7e;
  background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b));
  background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
  background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
  background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);
}

.contact3 .btn-danger-gradiant:hover {
  background: #ff6a5b;
  background: -webkit-linear-gradient(legacy-direction(to right), #ff6a5b 0%, #ff4d7e 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ff6a5b), to(#ff4d7e));
  background: -webkit-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
  background: -o-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
  background: linear-gradient(to right, #ff6a5b 0%, #ff4d7e 100%);
}


/*********footer********************/
section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}
#footer {
	width:100%; float:left;
    background:#070d22  !important;
}
#footer h5{
	padding-left: 10px;
    border-left: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
	margin-top:40px;
    color:#ffffff;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.quick-links li a{
	color:#ffffff;
}
#footer ul.quick-links li{
	padding: 3px 0;
}
#footer ul.quick-links li:hover{
	padding: 3px 0;
	
}
#footer ul.quick-links li a i{
	margin-right: 5px;
}
#footer p, #footer h6{color:#fff;}
@media (max-width:767px){
	#footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
}