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

@font-face {
  font-family: Teko-Light;
  src:url(../font/Teko-Light.ttf);
}
@font-face {
  font-family: Amble-Regular;
  src:url(../font/Amble-Regular_0.ttf);
}
@font-face {
  font-family: Amble-Bold;
  src:url(../font/Amble-Bold_0.ttf);
}

*{
    margin: 0px;
    padding: 0px;
} 
html, body {
    font-family: Amble-Regular;
  }
  
.nav>li>a {
    position: relative;
    display: block;
    padding: initial;
}
h1, h2, h3, h4, h5, h6{ height: auto;}
p{ height: auto;}
div{ height: auto;}
.main-banner{ background-size: 100% 100%;height: 100vh;  background-image: url('../images/banner.jpg');   background-repeat:no-repeat; position: relative;}
.nopadding{ padding: 0 !important; }
.logobox{ position: absolute; right: 0; top: 0; width: 347px; height: 132px;}
.logobox img{ width: 100%;}
.banner-caption-box{ background: url('../images/banner-caption.png'); width: 500px; height: 363px;  position: absolute; top: 35%; right:15%;  
     background-repeat:no-repeat; padding:2% 3% 2% 5%;}

.banner-caption-box-mobile{   display: none; position: absolute;  bottom: 0px;left: 0;  right: 0;  text-align: center;}
.banner-caption-box-mobile  img{ width: 100%;  padding: 10px;}
.banner-caption-box-mobile  h1{font-size: 38px;  font-family: Teko-Light;  text-align: center;  color: #fff;  position: absolute;
  top: 15%;  left: 5%; right: 0;}  
.banner-caption-box-mobile  p{ font-family: Amble-Regular; color: #fff; font-size: 16px; text-align: center;  position: absolute; 
  left: 74px;right: 40px;font-size: 14px; top: 45%;}

.banner-caption-box h1{ font-size: 48px; font-family: Teko-Light; text-align: center;  color: #fff;  margin-top: 45px;}  
.banner-caption-box p{ font-family: Amble-Regular; color: #fff; font-size: 16px; text-align: center; }
.welcome-sec{ padding: 80px 0; overflow: hidden;}
.flexirow { display: flex; justify-content: center;  align-items: center;  margin-bottom: 40px;}
.welcome-content{ padding-left: 10%;}
.welcome-content h5{ font-family: Teko-Light;  color: #48b04a;  font-size: 40pt; margin-bottom: 0;}
.welcome-content h2{ font-family: Teko-Light;  color: #1170b7;  font-size: 90pt; margin: 0;}
.welcome-content p{ font-family: Amble-Reglar; color: #626263; font-size: 16px;}
.welcomeimg img{ width: 100%;}
.ultra-sec{ background: #f3f8fb; padding: 80px 0;}

.ultra-content h5{ font-family: Amble-Bold;  color: #48b04a;  font-size: 20pt; margin-bottom: 15px;}
.ultra-content h2{ font-family: Teko-Light;  color: #1170b7;  font-size: 40pt; margin-bottom: 25px;}
.ultra-content p{ font-family: Amble-Reglar; color: #626263; font-size: 16px;}
.ultra-content .boldcnt{ font-family: Amble-Bold;}

.isocontent{ padding-left: 10%;}
.isocontent h2{ color: #1170b7; margin-bottom: 40px; padding-left: 7%;}
.isocontent h2 img{ margin-right: 15px;}
.isocontent .idicon{ color: #626263; text-align: center; }
.isocontent .idicon h4{ line-height: 28px;}

.product-sec{ padding: 80px 0; overflow: hidden;}
.heading-center{ text-align: center; margin-bottom: 25px;}
.heading-center h5{ font-family: Amble-Bold;  color: #48b04a;  font-size: 20pt; }
.heading-center h2{ font-family: Teko-Light;  color: #1170b7;  font-size: 40pt; margin-bottom: 40px;}

.prdbox{ border: 1px solid #9b9b9b;height: 315px;    margin-bottom: 25px; text-align: center; position: relative;}
.prdbox h4{ position: absolute; color:#484848; background: #dadbdc; left: 0; right: 0; padding: 5%;  bottom: -12px; height: 80px;
    line-height: 25px; font-family: Amble-Bold;    font-size: 18px;}
.prdbox img{ width: 100%;}    
.bluebg{ background: #1170b7;padding:35% 5% 35% 5%; text-align: center;}
.bluebg h4{font-family: Teko-Light;  color: #fff;  font-size:26pt; background: none; position: relative; }
.greenbg{ background: #00ac5a;padding:35% 5% 35% 5%; text-align: center;}
.greenbg h4{font-family: Teko-Light;  color: #fff;  font-size:26pt; background: none; position: relative; }

.project-sec{ padding: 0 0 80px 0;}
.flagbox{ text-align: center; padding: 5% 10% 5% 10%; margin-bottom: 40px;} 
.flagbox h4{color:#484848;  font-family: Amble-Bold; font-size:18pt; }

.quality-sec{ padding:0 0 80px 0; position: relative; overflow: hidden;}
.planemain{ position: absolute; z-index: 9;  bottom: 0; width: 25%;}
.qltybg{ position: relative;}
.qltybg img{ width: 100%;}
.qltycnt{ position: absolute; padding-left: 30%; top: 18%; padding-right: 10px;}
.qltycnt h2{ font-family: Teko-Light;  color: #fff;  font-size: 30pt;  }
.qltycnt ul{ margin-left: 25px; }
.qltycnt li{ color: #fff; font-family: Amble-Regular; font-size: 16px; }
.qltytor{ text-align: center; margin-bottom: 40px;}
.qltytor h4{ color:#626263; font-family: Amble-Bold;}
.iso-sec{ background: url('../images/plane-bg.jpg'); background-repeat: no-repeat;   padding: 80px; background-size: cover; margin-top: 80px;
  min-height: 500px;
  background-attachment: fixed;background-position: center;
}
.whitetext{ color: #fff !important;}
.isboxnm{ text-align: center;}
.isboxnm h3{font-family: Amble-Bold; font-size:40pt; color: #5ccd59; }
.isboxnm h4{ font-family: Amble-Regular; color: #fff; font-size: 16pt;}

.testimonial-sec{ margin: 80px 0; background: url('../images/testi-bg.jpg'); background-repeat: no-repeat; background-size: cover; }
.testileft{ padding: 12% 35px;  background: #fff;  margin: 80px 0;}
.testileft h5{font-family: Amble-Bold;  color: #48b04a;  font-size: 16pt;}
.testileft h2{font-family: Teko-Light;  color: #1170b7;  font-size: 30pt; }
.pdr0{ padding-right: 0 !important;}
.pdl0{ padding-left: 0 !important;}

.testiright{  padding: 22% 15%;background:  #00ac5a; position: relative; clear:both;border-radius: 0 50px 0 0; }

.testiright p{ font-family: Amble-Regular; color: #fff; font-size: 16px;}
.testiright span{font-family: Amble-Bold;  color: #fff;  font-size: 18px; float: right; }

.form-sec{ background: #1170b7; padding: 80px 0 40px 0;}

.contact-sec { display: flex;  align-items: center;  justify-content: center; margin-bottom: 60px;}
.contact-sec .fa { color: #fff; width: 40px; height: 32px; border-radius: 50%;  border: 1px solid #fff; text-align: center;
  font-size: 20px;  padding-top: 4px;}
.contact-sec input[type="text"], input[type="email"], input[type="tel"], select, textarea {
    border: 0 !important;  border-radius: 0 !important; border-bottom: 1px solid #fff !important;
    background: none;  outline: none; color: #fff; margin-left: 15px; box-shadow: none;}
.subbttn{ background:#1170b7 ; border: 1px solid #fff; padding: 10px 25px; color: #fff;}
.subbttn:hover{ background: #00ac5a;}
.form-sec h2{  font-size: 50pt; font-family: Teko-Light; text-align: center;  color: #fff;  margin-bottom: 45px;}
.footer-sec{ padding: 40px 0; }
.copyright{ text-align: center; color: #626263; font-size: 14px; margin-top: 25px;}
.footcnt .fa{ color: #626263; font-size: 16px; }
.footcnt a{ color:#626263; font-size: 16px;}

.clearfix{ clear: both;}
.drainage{ padding-top: 60px;}
.drainage h2{ background: #1170b7;  padding:15px 50px;  width: 50%;  margin: 0 auto;  font-family: Teko-Light;
  color: #fff;  font-size: 30pt;  text-align: center; margin-bottom: 40px;}
.footcnt br{ display: none;}
.modal-header{ position: relative; background: #07548e;}
.modal-header h1{ font-family: Teko-Light;  color: #fff;  font-size:26pt;}
.modal-header .close{ position: absolute;  right: -10px;  top: -10px;  background: red;  opacity: 1;  padding: 8px 12px;
  color: #fff; border-radius: 48%;}

.modal-body{ background: #1170b7;padding: 10%;}
@media only screen and (min-width:992px) and (max-width:1440px) {
.planemain {
    position: absolute;
    z-index: 9;
    bottom: 0;
    width: 24%;
}
.qltycnt {
    position: absolute;
    padding-left: 38%;
    top: 18%;
    padding-right: 10px;
}
}
  @media only screen and (max-width: 680px) {
    .moblogobox { width: 100%; text-align: center;}
    .moblogobox img{ width: 40%;}
    .flexirow{ display: block;}
    .drainage {  padding: 0 15px;}
    .logobox{ width: 175px;}
    .main-banner{ height: 65vh;}
    .banner-caption-box-mobile{ display: block; margin-bottom: 40px;}
    .welcome-content{ padding: 0;}
    .welcome-content h5{ font-size: 20pt;}
    .welcome-content h2{ font-size: 40pt;}
    .welcome-content p{ padding-top: 25px;}
    .welcome-sec { padding: 80px 0 0 0;}
    .isocontent {padding-left: 0%; }
    .ultra-sec { padding: 80px 0 0 0;  }
    .ultra-content h5{ font-size: 18pt;}
    .ultra-content h2{ font-size: 30pt;}
    .heading-center h2{ font-size: 30pt;}
    .heading-center h5{ font-size: 18pt;}
    .prdbox{ height: auto;}
    .prdbox h4 { position: relative;}
    .isocontent { margin-top: 80px;}
    .drainage h2{ width: 80%; padding: 15px 30px; font-size: 28px;}
    .qltycnt { padding:5% 10% 10% 10%;   background: #1170b7; }
    .planemain { top: 0;  width: 34%; display: none; }
    .qltybg {  padding-bottom: 75px; }
    .quality-sec{ padding: 0;}
    .iso-sec{ padding: 80px 20px;}
    .isboxnm h3{ font-size: 30pt;}
    .subhold{ text-align: center;}
    .testiright { padding: 12% 10%;}
    .testileft { padding: 5% 25px;}
    .testileft h2{ font-size: 24pt;}
    .footcnt{ text-align: center;}
    .footcnt br{ display: block;}
    .qltytor{ margin-top: 25px;}
    .isocontent h2 {  font-size: 26px;}
   
  }