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

h1,h2,h3,h4,h5,h6{ font-family: 'Roboto', sans-serif; font-weight:600; color:#0a9a73;}
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/slider1.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 #6382f7; 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 #6382f7;}


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

.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:#000;  }
.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: #fff ; width:100%; height:5px;
background: -moz-linear-gradient(left, #fff  0%, #fff  12%, #fff  12%, rgba(255,255,255,0) 12%, rgba(255,255,255,0) 12%, rgba(255,255,255,0) 100%); 
background: -webkit-linear-gradient(left, #fff  0%,#fff  12%,#fff  12%,rgba(255,255,255,0) 12%,rgba(255,255,255,0) 12%,rgba(255,255,255,0) 100%); 
background: linear-gradient(to right, #fff  0%,#fff  12%,#fff  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='#fff ', 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:#0a9a73; color:#fff; border-radius:4px;}

.top-nav{ background:#0a9a73; padding:15px 0 18px 0;}
.top-nav .contact li{ color:#fff;font-size:13px; font-weight:bold;}
.top-nav .contact li i{  font-size:16px !important; }
.top-nav .contact li, .top-nav .social li{ display:inline; margin-left:10px;}
.top-nav .social li a i{ color:#fff; transition:1s; font-size:18px;}
.top-nav .social li a i:hover{ color:#000;}
/*.top-nav .contact li:first-child:before{   content: "\f0e0";font-family: FontAwesome; margin-right:10px; color:#fff;}
.top-nav .contact li:nth-child(2):before{   content: "\f095";font-family: FontAwesome; margin-right:10px; color:#fff;}
.top-nav .contact li:last-child:before{  content: "\f017 ";font-family: FontAwesome; margin-right:10px; color:#fff;}*/
.top-nav .social{ width:100%; text-align:right;}
@media (max-width:412px)
{
	.navbar .callaction
	{
		display: block;
	}
	.navbar .nav-item .nav-link
	{
		padding: 2px 0px !important;
	}
	.top-nav .contact li
	{
		display:block;
		text-align:left;
		line-height: 26px;
	}	
	.top-nav .social li
	{
		text-align: left !important;	 
	}
}

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

.navbar{ padding:10px 0;}
.navbar .nav-item .nav-link{ font-size: 1.1em;  padding: 0px 10px;}
.navbar-brand img{ width:70%;}
.navbar strong{ background: #0a9a73; color:#fff; padding:10px 15px;  transition:1s; border:2px solid #0a9a73;}
.navbar strong:hover{ border:2px solid #0a9a73; background:none; color:#0a9a73; }
.navbar-light .navbar-nav .nav-link{font-family: 'Roboto', sans-serif;}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link
{color: #0a9a73;
font-weight: bold;}
.carousel-item img{ width:100%;}

.bg-products{ background-image: url(img/surgicareprdtbg.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: #6d839b;padding: 15px 17px;border-radius: 100%;margin-top: 10px;}
.products h4{ color:#fff;}

.products-details { background:#fff;   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:#f2f2f2;}
.products-details .content p{ color:#000;}
.products-details .content i {font-size: 25px;color: #fff;background: #0a9a73;padding: 15px 17px;border-radius: 100%;margin-top: 10px; border: 1px solid #eee;   transition:1s;}
.products-details .content i:hover{ background: #6382f7; 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:#0a9a73; font-weight:600; transition:1s;}
.about a:hover{ border-bottom:1px solid #6382f7; color:#000;}
.about-icons{ background: #0a9a73;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:1.6em;padding-bottom:10px;}
.about-content p{ font-size:16px;}


.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:#0a9a73; 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:#0a9a73;}
#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: #0a9a73;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 25px; background:#0a9a73; 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(10,154,115,0.7); padding:15px 20px;  }
.highlights h5{ color:#fff;}
.highlights p{ color:rgba(255,255,255,.7); font-size:13px;}
.highlights hr{ background:#d1d1d1; width:25px; height:3px; float:left; margin-top:15px; margin-bottom:0;}
.highlights-icons span {background: #0a9a73;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: #fff;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:#0a9a73; 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:left;} .footer-content .social { width:100%; text-align:left;}}

.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:#0a9a73;}

.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:#6382f7; padding:10px; }
.product-description button{ background:#6382f7; color:#fff; padding:10px 15px; border-radius:10px; border:1px solid #6382f7; transition:1s;}
.product-description button:hover{ background:#fff; color:#6382f7; border:1px solid #6382f7;}
.product-description h3{ color:#fba311; margin-top:20px;}
.product-description h5{ color:#6382f7; margin-bottom:20px;}

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

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

.text-justify
{
	text-align:justify;
}

/*blue_dk{ background:#1c1959; }
blue_lt{ background:#6382f7 ;}*/