@import url('http://fonts.cdnfonts.com/css/century-gothic?styles=24895,24896');
@import url('https://fonts.cdnfonts.com/css/futura-lt');
html {
  scroll-behavior: smooth;
}
.header-bar{ background-color:#0f1620;}
.logo{width: 150px;}
.top-nav{ margin-top:10px; margin-bottom:10px; }
.top-nav .nav-item{ border-right:1px solid #374b55; }
.top-nav li:last-child { border-right:0px ; }
.top-nav .blue{color: #77deec!important;}
.top-nav .yellow{color: #fff691!important;}

.navbar{ margin-top:43px; padding-bottom:0px; background-image:url(images/nav-bg.png); background-position:bottom right; background-repeat:no-repeat; }
.navbar .nav-item{ border-right:1px solid #374b55; }
.navbar li:last-child { border-right:0px ; }
.navbar .nav-item a{font-family: 'Futura Bk BT', sans-serif; color:#7fe4f3; font-size:20px!important; padding-left:15px!important; padding-right:15px!important; }
.navbar .nav-item .active{font-family: 'Futura Bk BT', sans-serif; color:#7fe4f3; font-size:20px!important; padding-left:15px!important; padding-right:15px!important; }
.navbar-toggler{ background-color:#fff; }

.navbar .dropdown li a{ color:#000; }
.navbar-nav .nav-link.show{color:#fff;}
.navbar-nav .dropdown-menu {
    background-color: #000!important;
}
.logo-slide{ background-color:#0a0a0a; overflow:hidden; }

.services{ padding-top:50px; padding-bottom:50px; background-color:#0f1620 }

.services h2{ color:#dcd9d9; font-family: 'Futura Hv BT', sans-serif; font-size:58px; text-align:center;  }
.services h5{ color:#dcd9d9; font-family: 'Futura Hv BT', sans-serif; font-size:18px;  text-align:center;  }

.services .ser-post{ background-color:#fff;}

.services .card-title{ color:#000; font-family: 'Futura Hv BT', sans-serif; font-size:21px; text-align:left;  }
.services .card-body{ padding:25px; }
.services .card{border-radius: 10px; border: none; margin-top: 15px;}


.about{padding-top:50px; padding-bottom:50px;}
.about h5{ color:#1c242e; font-family: 'Futura Hv BT', sans-serif; font-size:18px;   }
.about h2{ margin-bottom: 10px; color:#1c242e; font-family: 'Futura Hv BT', sans-serif; font-size:62px;  }
.about .redcolor{ color:#fe7336; }

.about-tab{ margin-top: 15px; margin-bottom: 15px;  font-family: 'Futura Hv BT', sans-serif; background-color:#000; border-radius:6px; border-left: 3px solid #fe7336; font-size:21px; padding:21px; color:#fff; }
.about .list-group-item{font-family: 'Futura Hv BT', sans-serif; font-size:18px; padding-left: 35px; border: none; background-image:url('images/check-icon.png'); background-repeat:no-repeat; background-position:left center; }

.feature{ background-color:#0f1620; padding-bottom:50px; padding-top:50px; }

.feature h5{ color:#fff; font-family: 'Futura Hv BT', sans-serif; font-size:18px;   }
.feature h2{ margin-bottom: 10px; color:#fff; font-family: 'Futura Hv BT', sans-serif; font-size:62px;  }
.feature h4{ color:#fff; font-family: 'Futura Hv BT', sans-serif; font-size:21px; margin-top:20px;   }
.feature p{ color:#fff; font-size:16px;  }

.terms{ background-color:#fff; padding-top:50px; padding-bottom:50px; }

.terms h5{ color:#727272;  font-size:16px; text-align:center;  }
.terms h2{ color:#727272; font-family: 'Futura Hv BT', sans-serif; font-size:62px; text-align:center;  }
.terms .blue{ color:#183a5d; }

.terms .card{background-color:#f4f4f4; border: 0px; border-radius: 8px;}
.terms .card a{ text-decoration:none; } 
.terms .card .card-title:hover{ text-decoration:none; color:#000; } 
.terms .card img{ text-align:center; }
.terms .card .icon{ margin-top:25px; margin-bottom:25px; }
.terms .card-title{ color:#4a528b; font-size:21px; font-family: 'Futura Hv BT', sans-serif; font-weight:bold; text-align:center; margin-bottom:20px; }

.terms .card-step{ color:#0f1620; font-size:18px; font-family: 'Futura Hv BT', sans-serif; text-align:center; }

.whych{ padding-top:50px; padding-bottom:50px; background-image:url('images/why-bg.jpg'); background-position:right center; background-color:#0f1620; background-repeat:no-repeat; }

.whych h5{ color:#fff; font-family: 'Futura Hv BT', sans-serif; font-size:18px;   }
.whych h2{ margin-bottom: 10px; color:#fff; font-family: 'Futura Hv BT', sans-serif; font-size:62px;  }

.whych .post-1{ margin-left: auto; margin-right: auto; padding-top: 25px; background-color:white; background-repeat:no-repeat; width:313px; height:240px; }
.whych .post-2{ margin-left: auto; margin-right: auto; padding-top: 25px; background-color:white; background-repeat:no-repeat; width:313px; height:240px; }
.whych .post-3{ margin-left: auto; margin-right: auto; padding-top: 25px; background-color:white; background-repeat:no-repeat; width:313px; height:240px; }
.whych .post-4{ margin-left: auto; margin-right: auto; padding-top: 25px; background-color:white; background-repeat:no-repeat; width:313px; height:240px; }

.whych .card-title{ color:#000; font-size:18px; font-weight:bold; }
.whych .card{text-align:center; background:none; border:none; margin-bottom:20px; }
.whych .card-text{ font-size:16px; }

.blog{ padding-top:50px; padding-bottom:50px; background-color:#0f1620;}


.blog h5{ color:#fff; font-family: 'Futura Hv BT', sans-serif; font-size:18px; text-align:center;   }
.blog h2{ margin-bottom: 10px; color:#fff; font-family: 'Futura Hv BT', sans-serif; font-size:62px;  text-align:center;  }

.blog h4{ padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #77deec; color:#fff; font-family: 'Futura Hv BT', sans-serif; font-size:21px;    }

.blog h6{ padding-bottom: 15px; padding-top: 0px;  color:#77deec; font-family: 'Futura Hv BT', sans-serif; font-size:16px;    }
.blog hr{ margin:0px; }

.footerbar{ background-color:#0f1620; padding-bottom:50px; padding-top:50px; }

.footerbar h3{ font-size:24px; font-family: 'Futura Hv BT', sans-serif; color:#77deec; }

.footerbar p{ color:#77deec; }

.footerbar a{ text-decoration: none; color:#77deec; display:block;  }
.footerbar a:hover{ text-decoration: none; color:#fff; display:block;  }

.copy{ color:#77deec; text-align:center; }

.small-baner{ padding-top: 80px; background-color:#020403; background-image:url('images/small-banner.png'); background-repeat:no-repeat; background-position:right center; height:200px; }

.small-baner h2{ color:#fff; font-size:45px; font-family: 'Futura Hv BT', sans-serif;  }

.dropdown-menu.show {
    width: max-content;
}

@media (min-width: 576px) and (max-width: 991.98px) {
.top-nav{ display:none; }
.navbar{ margin-top:-60px; padding-bottom:5px; background: none;}

}
@media (max-width: 991.98px) { 

.logo{width: 90px;}
.top-nav{ display:none; }
.navbar{ margin-top:-60px; padding-bottom:5px; background: none;}

.services h2{  font-size:32px; }
.about h2{ font-size:32px; }
.feature h2{font-size:32px; }
.terms h2{font-size:32px; }

.whych h2{font-size:32px; }

.blog h2{font-size:32px; }

.whych{ background-image:none; }


}



/*
.callus{ width:320px; float:right;}
.callus i{ font-size:24px; color:#b0bdb0; padding-right:5px;}
.calllabel{font-family: 'Futura Lt BT', sans-serif; color:#FFF; font-size:16px;  margin:0px; padding:0px; line-height:12px;}
.callno{color:#b0bdb0; font-size:24px; font-family: 'Futura Hv BT', sans-serif; margin:0px; padding:0px;  line-height:20px;}
.nv-bg{ background-color:#b0bdb0;}
.nav-item a{ color:#3a3e3a!important; font-size:16px!important; font-weight:bold; padding-left:15px!important; padding-right:15px!important;}
.search-icon{margin-left:-50px; border:none!important; background-color:transparent!important;}
.search-icon:hover{ color:#000;}
.sec-pad{ padding-top:50px; padding-bottom:50px;}
.about{ background-image:url(images/logo-2-water.png); background-repeat:no-repeat; background-position:center left;}
.about h1{font-family: 'Futura Md BT', sans-serif; font-size:42px; margin-bottom:40px; color:#3a3e3a}
.about a{ color:#000; text-decoration:none; font-weight:bold; }
.about a:hover{ text-decoration:none; color:#666;}
.about i{ font-size:24px; color:#333; padding-right:15px; margin-top:10px;}
.service{ background-image:url(images/services-bg.jpg); background-position:center; }
.service h1{ font-size:56px; color:#FFF; font-family: 'Futura Md BT', sans-serif; margin-bottom:40px;}
.testimonial h1{ font-size:42px; font-family: 'Futura Md BT', sans-serif; margin-bottom:40px;}
.contact{ background-color:#3a3e3a;}
.contact h1{ font-size:56px; color:#FFF; font-family: 'Futura Md BT', sans-serif; margin-bottom:40px;}

.contact input{ border-radius:0px; height:50px;}
.contact textarea{ border-radius:0px;}
.contact .btn{ background-color:#b0bdb0; color:#333; font-family: 'Futura Md BT', sans-serif; font-size:18px; padding:15px 30px; border-radius:0px; border:1px #fcffff solid;}
.phonesec{ background-color:#b0bdb0; font-size:26px; color:#3a3e3a; font-family: 'Futura Hv BT', sans-serif;}
.phonesec .no{ font-size:48px; line-height:45px;}
.order .btn{background-color:#b0bdb0; color:#333; text-transform:uppercase;}
.footer{background-color:#2b2b2b; color:#dbdbdb;}
.footer a{ text-decoration:none; text-transform:uppercase; color:#dbdbdb; line-height:28px;}
.footer a:hover{ text-decoration:none; text-transform:uppercase; color:#FFF;}
.footer h4{ font-family: 'Futura XBlkCnIt BT', sans-serif; font-size:24px;}
.footer input{ background-color:#FFF; }
.footer .btn{background-color:#b0bdb0; color:#333;}
.footer  i{ color:#b0bdb0; font-size:44px}
.copy{ background-color:#000; color:#b0bdb0;}

.small-banner{ background-image:url(images/small-banner.jpg); background-position:center; min-height:200px;}
.small-banner h1{ color:#FFF; font-family: 'Futura XBlkCnIt BT', sans-serif; font-size:56px; padding-top:70px;}

.testpost-left{ background-color:#CCC; border-radius:6px; background-color:#E1E1E1;}