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

h1,h2,h3,h4,h5,h6{ font-family: 'Futura Md BT'; color:#005aab;}
p,a,li{ font-family: 'Roboto', sans-serif;} 
a:hover{ text-decoration:none;}
ul{ padding:0; margin:0;}
p{ color:#6a7c92;}

.header-style h1{ color: #005aab;font-size: 35px;font-weight: 500;line-height: 45px;letter-spacing: -0.8px;}
.header-style h6{ color: #00bfd9;font-size: 13px;font-weight: 600;line-height: 20px;letter-spacing: 1.7px;}

.banner-bg { background: url(img/banner-bg.png); background-position: bottom center;background-repeat: no-repeat;background-size: cover; padding:100px 0; }
.banner-img img{ width:100%;}
.banner-img h1, .banner-img p{ color:#fff;}
.banner-img h1{ padding-top:10rem; font-size:45px;}
@media (max-width:996px) { .banner-img h1{ padding-top:5rem;}}
.banner-img p{ margin-bottom:25px;}
.banner-img a{ font-size: 17px;font-weight: 700;background-color: #DB2929;box-shadow: 7px 6px 6px 1px rgba(0,0,0,0.5);padding: 12px 45px;color: #fff;transition: all 0.3s;border-radius: 3px;}
.banner-img a i{}
.banner-img a:hover{ color:#DB2929; background:#fff;}

.about-tile img{ width:100%; margin-bottom:25px; background:#fff;}
.about-tile h3{color: #005aab;font-size: 22px;font-weight: 500;line-height: 32px;} 
.about-tile { text-align:center; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;  padding: 37px 15px 30px 15px; padding: 37px 15px 25px 15px; background-color: #ffffff; border-radius: 05px 05px 05px 05px; box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.1); margin-bottom:30px; }
.mt-70{ padding-top:70px;}

.about-section{ margin-top:-9.5rem;}
.about-section .header-style{margin-top:9.5rem; background-image:url(img/about/seven-shape1.png); background-position:right top; background-repeat:no-repeat;}
@media (max-width:1200px) {.about-section .header-style{ margin-top:3rem;} .about-section{ margin-top:-5rem;} }
@media (max-width 996px) { .about-section{ margin-top:-9.5rem;}}

#featues-section{ background-image: url(img/legacy/seven-shape3.png);background-position: 890px 0px;background-repeat: no-repeat; margin-top:-12rem; padding-bottom:5rem;}
.features p{ margin-bottom:50px;}
.features ul { border-top:2px dashed #6a7c92; margin-top:20px; width:100%}
.features ul li{ display: inline-block;  text-align:center; font-weight:bold; font-family: 'Futura Md BT'; font-size:22px; font-weight: bold; color:#005aab; width:32% }
.features ul li span{ padding-top:400px;} 
.features ul li:before{ content:''; position:absolute; top:0; left:0; background: #fff; border:2px solid #b4c0d0; width:45px; height:45px; border-radius:200%; color:#060221; padding-top:8px; font-weight:normal; text-align: center!important; font-weight:700; font-family: 'Roboto', sans-serif; font-size:17px;}
.features ul li:before::hover{ background:#060221; color:#fff;}
.features ul li:first-child:before{content: '1';left: 14%;top: 61%; }
.features ul li:nth-child(2):before{ content: '2';left: 45%;top: 61%; }
.features ul li:last-child:before { content: '3';left: 76%;top: 61%;}
@media (max-width:1328px) {.features ul li:first-child:before, .features ul li:nth-child(2):before, .features ul li:last-child:before{ top:66%;}  }
@media (max-width:1196px) {.features ul li:first-child:before, .features ul li:nth-child(2):before, .features ul li:last-child:before{  top:76%;}}
@media (max-width:996px) {.features ul li:first-child:before, .features ul li:nth-child(2):before, .features ul li:last-child:before{  top:83%;}}
@media (max-width:768px) {.features ul li:first-child:before, .features ul li:nth-child(2):before, .features ul li:last-child:before{  top:75%;}}

.features img{ margin-top:10rem; }
@media (max-width:996px) { .features img{ margin-top:5rem; } }

@media (max-width:1328px) {.features img{ width:100%}}
.features .title{ width:200px; height:200px; border-radius:200px; background:#00bfd9; position:absolute; bottom:0; left:0; color:#fff; text-align:center;}
.features-content{ margin-top:15rem;}
.features h3{ color: #ffffff;font-size: 25px;font-weight: 500;line-height: 38px;letter-spacing: -1.2px;text-shadow: 0px 0px 4px rgba(0,0,0,0.3); padding-top:25%;}

#sales_services{ background:#f5f5fd; padding:5rem 0}
#sales_services .content{ text-align:center;}
#sales_services .content img{ width:100%;}
.service-tile{ box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1); border-radius:05px 05px 05px 05px;}
@media (max-width:768px) { .service-tile{ margin-bottom:25px;} .service-tile img{ width:70%;display: block; margin-left: auto; margin-right: auto; width: 50%;}}

.counter{ background: #005aab; 
background: -moz-linear-gradient(left, #005aab 0%, #00bfd9 100%, #00bfd9 100%, #00bfd9 100%, #00bfd9 100%, #00bfd9 100%); 
background: -webkit-linear-gradient(left, #005aab 0%,#00bfd9 100%,#00bfd9 100%,#00bfd9 100%,#00bfd9 100%,#00bfd9 100%); 
background: linear-gradient(to right, #005aab 0%,#00bfd9 100%,#00bfd9 100%,#00bfd9 100%,#00bfd9 100%,#00bfd9 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005aab', endColorstr='#00bfd9',GradientType=1 ); }

#products-style{ padding:5rem 0 5rem 0; background-image:url(img/bg-products.png); background-position:top; background-repeat:no-repeat;}
#products-style .header-style p{ color:#6a7c92;}
.products-container{}
.product-img img{ width:100%;}
#products-style hr{}

.product-list .products-container { min-height:500px;}

.products-container { background:#fff; box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.1); padding:20px; transition:1s ease-out; margin-bottom:2.5rem; border-radius:3px; }
.products-container:hover{ margin-top:-20px;}
.product-content h4{ margin-bottom:20px; text-align:center; /*text-transform:uppercase;*/ color:#00bfd9;}

#testimonials{ background-image: url(img/products/bg-testimonials.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding:7rem 0;}

.slider { width: 90%; margin: 0px 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; }

.testimonials-content{padding: 30px;box-shadow: 0px 10px 20px rgba(0,0,0,0.10);border-radius: 5px; background:#fff; }
.testimonials-content p{ font-size:15px; line-height:28px;}
.testimonials-content .arrow{left: 15px;width: 50px;height: 45px; position:absolute;
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 46%, rgba(255,255,255,0) 47%); 
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 46%,rgba(255,255,255,0) 47%); 
background: linear-gradient(135deg, rgba(255,255,255,1) 46%,rgba(255,255,255,0) 47%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );}

.testimonials-profile{ margin-top:3rem;}
.testimonials-profile a { transition:1s; text-transform: capitalize;}
.testimonials-profile a em i{ color:#ff0000; }
.testimonials-profile h4{ margin-top:25px;}

footer{ background:#051442; padding:5rem 0;}
footer h3{ font-size:20px;} 
@media (max-width:996px) { footer h3{ margin-top:35px;} }
footer h3, footer p, footer a{ color:rgba(255,255,255,1); transition:1s;}
footer p, footer a, footer ul li{ font-size:15px;}
footer a:hover{ color:#CEC9EF;}
footer h3{ padding-bottom:20px;}
footer ul li{ list-style:none; padding-bottom:15px; color:#CEC9EF; }
footer ul li a{ margin-bottom:10px;}
footer + section { background:#051442; }
footer + section .container { border-top:1px solid #5448aa; padding:1.5rem 0 .5rem 0;}
footer + section .container ul li{ display:inline-block; margin-right:15px; float:right;}
footer + section .container ul li a{ font-size:20px;}
footer + section .container ul{ width:100%;}
footer + section p{ color:#fff;}
@media (max-width:768px) {  footer + section p { text-align: left;} footer + section .container ul li { float:left; }}


.inner-banner{ background: url(img/master-inner-background.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:7rem 0 0 0;}
.inner-banner h1, .inner-banner p{ color:#fff;}
.inner-banner h1{ text-transform:uppercase;}
.product-list .inner-banner h1{ font-size: 40px;font-weight: 700; padding-top:5rem;}
.inner-banner-img img{ width:100%;}
.contact-us{ padding:5rem 0; background: url(img/contact-form-banner.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.contact-us-content h2 hr, #products-style hr, .product-details-decription h2 hr{ background:#00bfd9; width:55px; height:2px; float:left; position:absolute}
.contact-us-content h2{ margin-bottom:50px; text-transform:uppercase;}
.contact-us-content p{ color:#6a7c92;}
.contact-us-content form input, .contact-us-content form textarea{ border:none; background:#f3f5fd; border-radius:0; color:#aab4ca; padding:15px;}
.contact-us-content button{ background:linear-gradient(to right, #e7e900 0%, #00b38e 100%); border: none; padding:13px 40px; }

.about-us-2{ background: url(img/about/bg-1.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:7rem 0 5rem 0;}
.about-us-2 p{ line-height:30px;}

#products-style hr{ left:45%;}

.nav-ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 2.9375rem 2.3125rem 0;
  text-align: center;
}
 .nav-li {
  display: inline-block;
  font-size: 1em;
}
.nav-li a {
  position: relative;
  display: block;
  margin: 0 2px;
  padding: 0.625rem 1.25rem;
  color:#6a7c92;
  font-size:15px;
  overflow: hidden;
}
.nav-li a:before {
  box-sizing: border-box;
  transform: translateX(100%);
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 99.5%;
  height: 2px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
}
 .nav-li a:after {
  box-sizing: border-box;
  transform: translateX(-100%);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 99.5%;
  height: 2px;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
}
 .nav-li a:hover {
  color: inherit;
  text-decoration: none;
}
.nav-li a:hover:before {
  transition: 0.1s transform linear, 0.1s height linear 0.1s;
  transform: translateX(0);
  height: 100%;
  border-color: #005aab;
}
 .nav-li a:hover:after {
  transition: 0.1s transform linear 0.2s, 0.1s height linear 0.3s;
  transform: translateX(0);
  height: 100%;
  border-color: #005aab;
}

 .nav-li p{ text-align:center;}

.product-list .products-container{ padding:0;}
.product-list .products-container a p{ color:#000; margin-bottom:25px;}
.product-list .products-container p span{ padding:15px 15px; border-bottom:2px solid #00bfd9; transition:1s ease-out; color:#000; font-weight:bold; text-transform:capitalize;}
.product-list .products-container p:last-child{ padding-bottom:35px;}

.nav-li a:hover span{ color:#00bfd9; border-bottom: 2px solid #000;
/*background: rgb(245,236,0);
background: -moz-linear-gradient(-45deg, rgba(245,236,0,1) 0%, rgba(0,179,139,1) 100%, rgba(0,179,139,1) 100%, rgba(0,179,139,1) 100%, rgba(0,179,139,1) 100%, rgba(0,179,139,1) 100%); 
background: -webkit-linear-gradient(-45deg,rgba(245,236,0,1) 0%,rgba(0,179,139,1) 100%,rgba(0,179,139,1) 100%,rgba(0,179,139,1) 100%,rgba(0,179,139,1) 100%,rgba(0,179,139,1) 100%);background: linear-gradient(135deg, rgba(245,236,0,1) 0%,rgba(0,179,139,1) 100%,rgba(0,179,139,1) 100%,rgba(0,179,139,1) 100%,rgba(0,179,139,1) 100%,rgba(0,179,139,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ec00', endColorstr='#00b38b',GradientType=1 );*/ }

.clearHeader {height:auto; background:rgba(255,255,255,0); position:fixed; top:0; left:0; width:100%; z-index:9999; -webkit-transition: 1s;  transition: .3s ease-in-out;}
.darkHeader {height:auto; background:rgba(255,255,255,1); position:fixed; top:0; left:0; width:100%; z-index:9999; -webkit-transition:  1s;  transition: .3s ease-in-out; -webkit-box-shadow: 2px 3px 14px -3px rgba(0,0,0,0.1);-moz-box-shadow: 2px 3px 14px -3px rgba(0,0,0,0.1);box-shadow: 2px 3px 14px -3px rgba(0,0,0,0.1); }
@media (max-width:996px) { .clearHeader {background:#005aab;}}

.darkHeader .navbar-light .navbar-nav .nav-link{ color:#000;}
.clearHeader .navbar-brand .dark-logo{ visibility:hidden; width:0; height:0;}
.darkHeader .navbar-brand .white-logo{visibility:hidden; width:0; height:0;}
@media (max-width:996px) { .clearHeader .navbar-brand .dark-logo{ visibility: hidden; }
.darkHeader .navbar-brand .white-logo{visibility:visible; } }


.product-details{ background:#deecff; padding:5rem 0;}
.product-details-img img{ width:100%;}
.product-details-decription { background:#fff; padding:2rem; border-radius: 5px; box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);}
.product-details-decription h2 { font-size:25px}
.product-details-decription h5{ color:#00bfd9;}
.product-details-decription table, .features-list table{ margin:3rem 0 2rem 0;}
.product-details-decription table tr:first-child{ font-weight:bold;}
.product-details-decription table, .features-list table td, .product-details-decription table td { border-color:#eef3fa; }
.product-details-decription table td, .features-list table td{ padding:10px;  }
.product-thumb img{ width:100%;}


.dropdown-item{ transition:1s;}
.dropdown-item:hover{ color:#00bfd9}

.regular h4{ color:#00bfd9;}
.regular h4 + p{ color:#005aab;}

#sales_services h4 { color:#00bfd9;}

.product-list .product-content h4 { color:#005aab;}

.contact-us-content .text-center hr{ left:45%;}
.contact-us-content img{ width:100%;}

#testimonials  table td{ padding:10px;}
#testimonials table, #testimonials table td{ border-color:#6a7c92;}
@media (max-width:996px) {#testimonials h6, #testimonials h1 { text-align:center;}}

.testimonials-content a{ color:#ff0000;}
.testimonials-content a:hover{}


 .demo-gallery > ul {
                margin-bottom: 0;
            }
            .demo-gallery > ul > li {
                float: left;
                margin-bottom: 15px;
            }
            .demo-gallery > ul > li a {
                border: 3px solid #FFF;
                border-radius: 3px;
                display: block;
                overflow: hidden;
                position: relative;
                float: left;
            }
            .demo-gallery > ul > li a > img {
                -webkit-transition: -webkit-transform 0.15s ease 0s;
                -moz-transition: -moz-transform 0.15s ease 0s;
                -o-transition: -o-transform 0.15s ease 0s;
                transition: transform 0.15s ease 0s;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
                height: 100%;
                width: 100%;
            }
            .demo-gallery > ul > li a:hover > img {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
                opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.1);
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                -webkit-transition: background-color 0.15s ease 0s;
                -o-transition: background-color 0.15s ease 0s;
                transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
                left: 50%;
                margin-left: -10px;
                margin-top: -10px;
                opacity: 0;
                position: absolute;
                top: 50%;
                -webkit-transition: opacity 0.3s ease 0s;
                -o-transition: opacity 0.3s ease 0s;
                transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
                -webkit-transition: -webkit-transform 0.15s ease 0s;
                -moz-transition: -moz-transform 0.15s ease 0s;
                -o-transition: -o-transform 0.15s ease 0s;
                transition: transform 0.15s ease 0s;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
                height: 100%;
                width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
                opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.1);
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                -webkit-transition: background-color 0.15s ease 0s;
                -o-transition: background-color 0.15s ease 0s;
                transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
                left: 50%;
                margin-left: -10px;
                margin-top: -10px;
                opacity: 0;
                position: absolute;
                top: 50%;
                -webkit-transition: opacity 0.3s ease 0s;
                -o-transition: opacity 0.3s ease 0s;
                transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
                height: 48px;
                margin-left: -24px;
                margin-top: -24px;
                opacity: 0.8;
                width: 48px;
            }
            .demo-gallery.dark > ul > li a {
                border: 3px solid #04070a;
            }
            .home .demo-gallery {
                padding-bottom: 80px;
            }

.lg-on .clearHeader, .lg-on .darkHeader { z-index:999;}

.navigator ul{ margin:0; padding:0; margin-bottom:50px;}
.navigator ul li{ list-style:none; display:inline-block; margin-left:25px;}
.navigator ul li a{ color:#6a7c92; transition:1s; border-bottom: 2px solid rgba(255,255,255,0); padding-bottom:10px;}
.navigator ul li a:hover {border-bottom: 2px solid #00bfd9;transition: 1s ease-out;color: #000;}
.navigator ul li .active {border-bottom: 2px solid #00bfd9;transition: 1s ease-out;color: #000;}

.navigation-products{ background:#005aab; padding:25px 0;}
.navigation-products .navigator ul li a{ color:#fff;}
.navigation-products .navigator ul{ margin-bottom:0; }

.youtube-veriation { background-image:url(img/seo-curve-line.png); background-position: center; background-repeat: no-repeat; padding:70px 0;}
.poly-youtube{ background-image:url(img/seo-polygon-banner.png); background-position:center; background-repeat:no-repeat;}
.poly-youtube .content { text-align:center; padding:70px 25px;} 
.poly-youtube .content{}
.youtube-veriation h1 { text-align:center; }
a .content h3{ transition:1s;}
a:hover .content h3, a:hover .content i{ color:#00bfd9;}
.youtube-veriation h1 hr{background: #00bfd9;width: 55px;height: 2px; margin: 0 auto; position: absolute; left:45%; margin-top:25px; }

.dropdown-menu span {
	color: #fff;
	background: #ff0000;
	font-size: 9px;
	padding: 2px;
	/* margin-top: 150px; */
	/* padding-top: 25px; */
	text-transform: uppercase; border-radius:2px;
}

.dropdown-menu [href="Aquastar-sleek.html"] {
	background: #00bfd9;
	color: #fff;
}