@charset "utf-8";
/* CSS Document */

h1,h2,h3,h4,h5,h6{ font-family: 'Poppins', sans-serif; font-weight:600; color:#001837;}
p,a,li{ font-family: 'Open Sans', sans-serif; color:#565656; font-size:15px;}
a{ transition:1s;}
a:hover{ text-decoration:none;}
ul { padding:0; margin:0; list-style:none;}

.bg-red-lt{ background:#f7f7f7;}

.bg-slider{ background: url(img/slider/1-1-1.jpg) no-repeat center;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.product-list .products-details img{ width:100%;}
.product-list .products-details{ margin-bottom:40px;}

.product-price-style{ border:1px solid #0550a0; padding:20px 0; margin-top:20px; border-radius:10px; background:#fff;}
.product-price-style h4{ color:#000;}
.product-price-style p{ color:#fba311;}
.product-price-style .col-md-4{ border-left: 1px solid #0550a0;}


.brands{}
.brands img{ width:100%; filter: grayscale(0%); transition:1s;}
.brands img:hover{ filter: grayscale(100%); }

.bg-slider .bg-white{ margin:5rem 0;}
.home-page .bg-slider .slider-content{ margin-top:8rem;}
.bg-slider .slider-content{ margin:5rem 0;}
.slider-content h1, .slider-content h4, .slider-content p{ color:#fff;  }
.slider-content{ padding:50px 0;}
.carousel-inner .bg-white{ margin-top:5%;}
.carousel-inner .slider-content{ margin-top:30%;}
 .slider-content h1{ font-size:58px;}
 .slider-content h4 { font-weight:300;}
 .slider-content hr{ background: #fba311; width:100%; height:5px;
background: -moz-linear-gradient(left, #fba311 0%, #fba311 12%, #fba311 12%, rgba(255,255,255,0) 12%, rgba(255,255,255,0) 12%, rgba(255,255,255,0) 100%); 
background: -webkit-linear-gradient(left, #fba311 0%,#fba311 12%,#fba311 12%,rgba(255,255,255,0) 12%,rgba(255,255,255,0) 12%,rgba(255,255,255,0) 100%); 
background: linear-gradient(to right, #fba311 0%,#fba311 12%,#fba311 12%,rgba(255,255,255,0) 12%,rgba(255,255,255,0) 12%,rgba(255,255,255,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fba311', endColorstr='#ffffff',GradientType=1 ); }

@media (max-width:990px){ .carousel-inner .slider-content{ margin-top:10%;} .carousel-inner .bg-white{ visibility:hidden;}}
@media (max-width:768px){ .carousel-inner .slider-content{ margin-top:0%;} .slider-content h1{ font-size:35px;} .slider-content h4{ font-size:20px;}  }

 .slider-content p{ margin-bottom:25px;}
 .slider-content a{ padding:15px 40px; background-color:#fba311; color:#fff; border-radius:4px;}

.top-nav{ background:rgba(247,247,247,1); padding:10px 0 15px 0;}
.top-nav .contact li{ font-size:13px; font-weight:bold;}
.top-nav .contact li, .top-nav .social li{ display:inline; margin-left:10px;}
.top-nav .social li a i{ color:#0550a0; transition:1s; font-size:18px;}
.top-nav .social li a i:hover{ color:#fba311;}
.top-nav .contact li:first-child:before{   content: "\f0e0";font-family: FontAwesome; margin-right:10px; color:#0550a0;}
.top-nav .contact li:nth-child(2):before{   content: "\f095";font-family: FontAwesome; margin-right:10px; color:#0550a0;}
.top-nav .contact li:last-child:before{  content: "\f017 ";font-family: FontAwesome; margin-right:10px; color:#0550a0;}
.top-nav .social{ width:100%; text-align:right;}


@media (max-width:768px){ .top-nav ul{ margin-bottom:15px;} .top-nav .social,.top-nav .contact{ width:100%; text-align:center;} }

.navbar{ padding:15px 0;}
.navbar-brand img{ width:50%;}
.navbar strong{ background: #fba311; color:#fff; padding:10px 15px; border-radius:10px; transition:1s; border:2px solid #fba311;}
.navbar strong:hover{ border:2px solid #fba311; background:none; color:#fba311; }
.navbar-light .navbar-nav .nav-link{font-family: 'Open Sans', sans-serif;}
.carousel-item img{ width:100%;}

.bg-products{ background-image: url(img/bg-gradient-products.png); background-position:top center; background-repeat:no-repeat; background-size: cover;}
.products .header-style h6,.products .header-style h2 { color:#fff; text-align:left;}
.products .header-style h6{ margin-left:55px; }
.products .header-style h6:before{ background:#fff; right:0; left:15px; top:7px;}
.products p{ font-size: 16px; line-height: 1.7; color:rgba(255,255,255,.7); }
.products .fa-phone {font-size: 25px;color: #fff;background: #0550a0;padding: 15px 17px;border-radius: 100%;margin-top: 10px;}
.products h4{ color:#fff;}

.products-details { background:#fff; border-radius:10px; overflow:hidden; border: 1px solid #eee; transition:1s;}
.products-details:hover { -webkit-box-shadow: 3px 2px 38px 0px rgba(0,0,0,0.26);-moz-box-shadow: 3px 2px 38px 0px rgba(0,0,0,0.26); box-shadow: 3px 2px 38px 0px rgba(0,0,0,0.26); }
.products-details img{}
.products-details .content{ padding:20px; background:#f7f7f7;}
.products-details .content p{ color:#565656;}
.products-details .content i {font-size: 25px;color: #fff;background: #fff;padding: 15px 17px;border-radius: 100%;margin-top: 10px; border: 1px solid #eee; color:#0550a0; transition:1s;}
.products-details .content i:hover{ background: #0550a0; color:#fff;}

.about img{ width:100%;}
.about .header-style h6::before {background: #001837;top: 55px;left: 15px;}
.about .header-style h6{ margin-left:55px;}
.about p{ font-size: 16px; line-height: 1.7; }
.about a{ color:#0550a0; border-bottom:1px solid #000; font-weight:600; transition:1s;}
.about a:hover{ border-bottom:1px solid #0550a0; color:#000;}
.about-icons{ background: #fba311;clear: both;border-radius: 100%;padding: 8px 40px 8px 15px;left: 50px; }
.about-icons i{ color:#fff; font-size:25px; }
.about-content h5{ font-size:16px;}
.about-content p{ font-size:13px;}


.call-us{ -webkit-box-shadow: 3px 2px 38px 0px rgba(0,0,0,0.26);-moz-box-shadow: 3px 2px 38px 0px rgba(0,0,0,0.26); box-shadow: 3px 2px 38px 0px rgba(0,0,0,0.26); border-radius:5px; background:#fff;}
.call-us img{border-radius:5px 0 0 5px; width:100%;}
#call-us .header-style h6, #call-us .header-style h2, .about .header-style h6,.about .header-style h2  { color:#001837; text-align:left;} 
#call-us .header-style h2, .about .header-style h2 { font-size:30px;}
#call-us .header-style h2 span, .about .header-style h2 span { color:#fba311;}
#call-us .header-style h6{ margin-left:50px;}
#call-us .header-style h6:before{ background:#001837; top:55px; left:45px;}
#call-us .header-style h6:after, .about .header-style h6:after{ visibility:hidden;}
#call-us ul li{ display: inline;}
#call-us i {font-size: 25px;color: #fff;background: #0550a0;padding: 15px 17px;border-radius: 100%;margin-top: 10px;}
#call-us h4,  .products h4{ margin-top:10px; margin-left:15px;} 
#call-us h4 span, .products h4 span{ font-size:15px;}
.btn-cleanwix {  transition:1s; margin-right: 45px ; padding: 10px 40px; background:#0550a0; color:#fff; margin-top:20px;}
.btn-cleanwix:hover{-webkit-box-shadow: 3px 2px 38px 0px rgba(0,0,0,0.26);-moz-box-shadow: 3px 2px 38px 0px rgba(0,0,0,0.26); box-shadow: 3px 2px 38px 0px rgba(0,0,0,0.26); margin-top:10px; color:#fff;}




.gradient-bg{ background-image:url(img/bg-gradient.png); background-position:top center; background-repeat:no-repeat; background-size: cover;}
.gradient-bg .header-style h6, .gradient-bg .header-style h2{ color:#fff;} 
.gradient-bg .header-style h6:before, .gradient-bg .header-style h6:after{ background:#fff;}

.highlights{ background: rgba( 5, 80, 160, .9); padding:15px 20px; border-radius:5px; }
.highlights h5{ color:#fff;}
.highlights p{ color:rgba(255,255,255,.7); font-size:13px;}
.highlights hr{ background:#fba311; width:25px; height:3px; float:left; margin-top:15px; margin-bottom:0;}
.highlights-icons span {background: #fba311;clear: both;border-radius: 100%;padding: 10px 20px;position: absolute;top: -40px;left: 50px;}
.highlights-icons i{ color:#fff; font-size:35px; }
.slider { width: 100%; margin: 50px auto; }
.slick-slide { margin: 0px 20px; }
.slick-slide img {width: 100%;}
.slick-prev:before,.slick-next:before { color: black; }
.slick-slide { transition: all ease-in-out .3s; opacity: .2; }
.slick-active { opacity: 1; }
.slick-current { opacity: 1; }
@media (max-width:996px){ .highlights{ margin-bottom:60px;}}


.header-style h6{font-size: 13px;text-align: center;letter-spacing: 1px; text-transform:uppercase;}
.header-style h6:before{content: '';height: 1px;width: 50px; top: 6px; right:635px; position: absolute; background: #001837; opacity: .6;}
.header-style h6:after{ content: '';height: 1px;width: 50px; top: 6px; position: absolute;background: #001837;opacity: .6;}

.header-style h2{ font-size: 36px; line-height: 46px; text-align: center;}

.testimonials{ background:#fff; padding:40px;}
.testimonials p{ font-size: 16px;line-height: 28px;font-style: italic;margin-bottom: 0;}
.testimonials-img img{ width:100%; border-radius:100%;}
.testimonials i{ color:#fba311 ;}

footer{background:#0550a0; padding:50px 0; color:#fff;}
footer img{ width:75%; margin-bottom:15px;}
.footer-content h5{ color:#fff; margin-bottom:25px;}
footer p, footer .social li a, .footer-content ul li a{ color:rgba(255,255,255,.6);}
.footer-content .social li i{ font-size:20px; }
.footer-content .social li { display:inline; margin-right:10px;}
.footer-content .social li a:hover, .footer-content ul li a:hover{ color:rgba(255,255,255,1);}
.footer-content .news img{ width:100%; border-radius:5px;}
.footer-content  h6{ color:rgba(255,255,255,.5);}
.footer-content ul li{ padding-bottom:25px;}
.footer-content .footer-logo{}
@media (max-width:996px){.footer-content{ margin-bottom:25px;} footer p{ text-align:center;} .footer-content .social { width:100%; text-align:center;}}

.banner{ background-image: url(img/banner/contact-us.jpg); background-position:top center; background-repeat:no-repeat; background-size: cover;}
.banner .content{ padding:130px 0 130px 0;}
.banner .content h1, .banner .content h6 { color:#fff;}
.banner .content h6:before{ content: '';height: 1px;width: 50px; top: 140px; left:10px; position: absolute; background: #fff; opacity: .6;}
.banner .content h6{ margin-left:55px;}
.banner .content p{ color: rgba(255,255,255,.6); }

.content-1 {}
.content-1 h1, .banner .content-1 h6 { color:#001837;}
.content-1 p{ color:#001837; }
.content-1 hr{ padding:15px 0;}
.content-1 i{ color:#0550a0;}

.form-style{ -webkit-box-shadow: 3px 4px 20px 1px rgba(0,0,0,0.35);-moz-box-shadow: 3px 4px 20px 1px rgba(0,0,0,0.35);box-shadow: 3px 4px 20px 1px rgba(0,0,0,0.35); margin-top:-150px; border-radius:10px;}
@media (max-width:996px){.form-style{ margin-top:50px;}}

.product-list .row  { }
.product-list .products-details img{}
.product-list .bg-products-1{ background-image: url(img/bg-gradient-products.png); background-position: top center; background-repeat: no-repeat;}

.product-description ul li{ list-style: none; list-style-position:inside; padding-bottom:5px;}
.product-description ul li:before{ content: "\f00c"; font-family: FontAwesome; font-size:12px; margin-right:5px; color:#0550a0; padding:10px; }
.product-description button{ background:#0550a0; color:#fff; padding:10px 15px; border-radius:10px; border:1px solid #0550a0; transition:1s;}
.product-description button:hover{ background:#fff; color:#0550a0; border:1px solid #0550a0;}
.product-description h3{ color:#fba311; margin-top:20px;}
.product-description h5{ color:#0550a0; margin-bottom:20px;}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}



/*blue_dk{ background:#1c1959; }
blue_lt{ background:#0550a0 ;}*/