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

 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;700;900&display=swap');
body {margin: 0;padding: 0;  font-size:14px; line-height:20px;    font-family: 'Poppins', sans-serif;
}
.header { width: 100%; height: auto; padding:20px 0px 0px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;top: 0; 
z-index: 21!important; position:fixed; 

}
 .header.scroll_css {

	margin: 0;

-webkit-transition: all .6s ease-in-out;

transition: all .6s ease-in-out; background:none;

}

 .header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; }
 
 .logo{ display:table; -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; position:relative; z-index:5; overflow:hidden; float:left;}
 
 .logo img{ -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; width:100%;}
.header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out}

.header-C{ position:relative;}




.social-media{ line-height:normal; margin:0px 0px; padding:0px 0px; list-style:none;}
.social-media li{ float:left; margin-right:10px; font-size:30px;}

.social-media li a{ color:#FFF;}


.head-line{ float:left; overflow:hidden; width:50%; display:table;}
.head-line img{ width:100%;}

.right-div{ float:right;}




.flt-left{ float:left;}


.get-in-touch{ float:left; margin-left:15px;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}
.get-in-touch .fa{ margin-right:8px;}
.get-in-touch { color:#FFFFFF!important;}
.get-in-touch span{ display:table;}


.carousel-caption{ text-align:left;}

.carousel-caption h1{ font-size:14px; font-weight:normal; text-transform:uppercase;}

.carousel-caption h2{ font-size:48px; font-weight:bold;  display:table; text-align:left;}


.carousel-fade{ background:#000;}
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

.sliderC{ position:relative; }

.carousel-caption{ bottom:30%; text-transform:uppercase; }





.carousel-caption{ left:9%;}



.menu-sec{ position:relative; }
#cssmenu{ position:relative;}

#cssmenu ul{ margin-top:44px!important; width:250px;   top:30px; z-index:50;position:absolute; right:10%;}
#cssmenu ul ul{ top:0;}
.menu-button{ }

#cssmenu > ul > li{ float:none;}

.menu-sec{ position:relative; }

#cssmenu{ position:relative; text-transform:uppercase;}

#cssmenu > ul > li a.active{color:#930033!important;}


	
	
	.menu-button {
    background: rgba(0, 0, 0, 0) url("../images/menu-btn.png") no-repeat scroll 0 0;
    cursor: pointer;
    float: right;
    height: 18px;
    position: relative;
    width: 34px;
    z-index: 1000;
}
#cssmenu > ul > li{ margin-left:0px;}
#cssmenu > ul > li a{ padding:8px!important;}
#cssmenu > ul > li{ padding:0px!important;}
#cssmenu > ul > li a.active{ border:none;}

#cssmenu #menu-button{ top:-4px;}
#cssmenu ul{ margin-top:38px;}

#cssmenu > ul ul{ margin-top:0px;}
#cssmenu ul ul li a{ font-size:12px; text-transform:capitalize;}

#cssmenu{ top:5px;}
#cssmenu #menu-button{ background:none;}



#cssmenu #menu-button::before{ background:#ff000a;}

#cssmenu #menu-button::after{ border-top:2px solid #ff000a; border-bottom:2px solid #ff000a;}

#cssmenu ul{ margin-top:5px!important; }
#cssmenu ul ul{ margin-top:0px!important;}
#cssmenu ul{ padding:0px; border-bottom-right-radius:2px; border-bottom-left-radius:2px;}

#cssmenu ul{ background:#fff;}
		#cssmenu li a{ border-top:0px solid #84c341!important;}

	#cssmenu li ul   a{  border-top:none!important;}

#cssmenu > ul > li a{ padding:10px!important;}

.fix-height{}
#cssmenu > ul > li:first-child {  background:none!important;}

#cssmenu > ul > li a.active{ border-left:5px solid #f039a7; color:#84c341!important;}
#cssmenu > ul > li a{ padding-left:18px!important; color:#84c341!important; font-weight:bold;}
#cssmenu > ul  ul li a{ padding-left:35px!important; position:relative;}

#cssmenu > ul  ul li a:before{ content:'\f105'; font-family:FontAwesome; position:absolute; left:25px; color:#FFF;}


#cssmenu ul ul li{ border-bottom:none;}

#cssmenu ul ul li{ line-height:22px;}

#cssmenu{ margin-top:4px!important;}
#cssmenu > ul > li{ font-size:12px!important;}
#cssmenu ul ul{ padding-top:0px!important;}
#cssmenu > ul > li a.active{ border-left:0px;}

.header a{ color:#FFFFFF;}

#cssmenu > ul > li a:hover{color:#000;}

.top-srv{ list-style:none; margin:0px 0px; padding:0px 0px;}
.top-srv li a{background:#84c341; padding:18px 5px; text-align:center; text-transform:uppercase; color:#fff; display:block; border-right:1px solid #FFFFFF; font-size:14px;}

.top-srv li { float:left; width:25%;}

.home-about-1{ background:url(../images/about-bg.jpg); background-size:100% auto; color:#FFFFFF; padding:60px 0px; padding:130px 0px;}
.home-about-1 h2{ font-weight:lighter; text-transform:uppercase; font-size:20px; text-transform:uppercase; color:#ff; margin:0px 0px; display:table; float:left; padding-left:30px; margin-right:20px; position:relative;}

.home-about-1 h2:before{ background:#84c341; width:20px; height:30px; position:absolute; left:0px; top:5px; content:''; }


.home-about-1 h3{ font-size:50px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; text-transform:uppercase; margin:0px 0px;}


.home-about-1 h4{ font-size:24px; font-weight:lighter; padding-left:106px; position:relative; margin:10px 0px 30px;}
.home-about-1 h4:before{ width:80px; height:1px; left:0; background:#FFFFFF; top:20px;content:''; background:#FFFFFF; position:absolute; }


.right-circle{ width:200px; height:200px;  border-radius:50%; background:#FFFFFF; color:#141f3e; text-align:center; text-transform:uppercase; overflow:hidden; float:right;}

.circle-inner{ width:190px; height:190px; margin:5px; padding:20px;  border-radius:50%; background:#FFFFFF;  background:#FFFFFF; border:1px solid #141f3e;}

.circle-inner h5 { font-size:16px; font-weight:200;text-transform:uppercase; color:#162345;margin:0px auto; margin-top:40px;}

.circle-inner h5 b{ font-size:24px; font-weight:bold; text-transform:uppercase; color:#162345;margin:0px auto;}

.circle-inner h6{ font-size:15px; text-transform:uppercase; font-weight:bold; margin:0px auto;}


.tank-img{ overflow:hidden; float:left; max-width:60%; margin:50px 30px;}
.tank-img img{ max-width:100%;}

.body-gray{ background:#f2f2f2; padding:80px 0px;}
.green-s{ background:#84c341; color:#FFFFFF;}

.green-s h2{ font-size:23px; font-weight:normal; margin-top:80px;}
.green-s h2 b{ font-size:100px; font-weight:bold;}
.green-s h2 span{ font-weight:bold;}
.right-img{ overflow:hidden; position:relative;}
.right-img img{ width:100%;}
.right-img h3{ text-align:center; position:absolute; font-size:18px; left:0; right:0; top:40%; position:absolute;  color:#FFFFFF; text-transform:uppercase;}
.right-img h3 b{ font-size:24px;}




.over-inner{ padding:15px;}
.whats-on{ padding:30px 0px;}

.whats-on h2{ font-size:30px; text-transform:uppercase; font-weight:bold; margin:0px 0px 20px; color:#2e2f79;}


.engage-C{ padding:70px 0px; background:url(../images/engage-bg.png); background-size:100% 100%; min-height:400px; position:relative; z-index:6;}
.engage-inner{ background:#254c80; color:#FFFFFF;}

.engage-img{ overflow:hidden;  width:100%;cursor:pointer;}


.engage-img:hover img {
-webkit-transform:scale(1.1);
transform:scale(1.1); cursor:pointer;
}
.engage-img  img{
-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; width:100%;
}



.eng-row{ margin:0px 0px;}
.eng-row .col-lg-4{ padding:0px 0px;}


.wht-titile{ padding:23px 20px 15px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; background:url(../images/title-bg.png); background-size:100% 100%;}

.whatsc{ overflow:hidden; position:relative; margin-bottom:30px;}
.whatsc img{ width:100%;}
.whatsc .wht-titile{ position:absolute; bottom:0; left:0; right:0; z-index:2;}
.whatsc .wht-titile h3{ font-size:15px; font-weight:bold; margin:0px 0px;}
.wht-over{ position:absolute;  left:0; right:0;  color:#FFFFFF; z-index:5; background:#84c341;  -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; height:0; top:0; overflow:hidden;}

.whatsc:hover .wht-over{  -webkit-transition: all .3s ease-in-out; height:100%; 
    transition: all .3s ease-in-out;}

.wht-over h4{ font-size:16px; text-transform:uppercasel;}
.wht-over p{ font-size:13.5px; line-height:18px; font-family:Arial, Helvetica, sans-serif;}
.wht-over h4{ text-transform:uppercase; font-weight:bold; margin:0px 0px 10px;}


.pls-btn img{ overflow:hidden; width:auto; margin-top:20px;}

.over-inner{ padding:15px;}
.whats-on{ padding:30px 0px;}

.whats-on h2{ font-size:50px; text-transform:uppercase; font-weight:bold; margin:40px 0px 20px; color:#162345; line-height:25px;}

.whats-on h2 span{ font-weight:lighter; font-size:23px;}


.stratergy{ background:url(../images/green-bg.jpg); padding:80px 0px 0px; color:#FFFFFF;}

.title-box{ background:rgba(0, 0, 0, 0.5); padding:30px; min-height:400px; text-transform:uppercase;}
.title-box h2{ font-size:40px; font-weight:bold; line-height:25px; margin:0px auto; display:table;} 
.title-box h2 span{ font-size:24px; font-weight:lighter;}


.strt-txt-c{ position:relative; padding-left:120px;}
.strt-txt-c:before{ position:absolute; left:0; top:0; width:70px; height:70px; background-size:100% 100%; content:'';}
.stratergy h3{ text-transform:uppercase; font-weight:bold; font-size:24px;}
.stratergy p{ font-size:13px; line-height:20px;}

.tr{ background:url(../images/Trust.png) no-repeat left top; margin-bottom:55px; }
.qu{ background:url(../images/quality.png) no-repeat left top;}
.re{ background:url(../images/Reliability.png) no-repeat left top;}

.whats-aap{ position:fixed; overflow:hidden; bottom:10px; right:30px; text-align:center; z-index:500;  }

.whats-aap-ic{width:100px; height:auto; margin:0px auto; text-align:center; display:table;}

.whats-aap img{ width:70%;  border-radius:50%;}

.whats-aap h5{ padding:8px 13px; border-radius:4px; background:#359704; color:#FFFFFF; font-weight:bold; margin:10px auto; margin-bottom:0px; font-size:11px;  display:table; text-align:center;}

.home-map-sec{ background:#303030; color:#FFFFFF; margin:40px 0px; color:#FFFFFF;}

.hm-address{ margin:60px 30px;}
.hm-address h3{ font-size:30px; font-weight:bold; text-transform:uppercase; margin:0px 0px 30px; }
.hm-address  ul{ margin:0px 0px; padding:0px 0px; list-style:none; }

.hm-address h4{ text-transform:uppercase; font-weight:bold; font-size:16px; margin:30px 0px 10px;}
.hm-address h5{ font-weight:normal; font-size:15px; margin:0px 0px;}

.hm-address  a{ color:#FFFFFF;}
.home-map-sec iframe{ margin-bottom:-8px;}

.client-img{ border:1px solid #CCCCCC; overflow:hidden;}

.client-page{}
.client-img{ margin-bottom:30px; overflow:hidden;} 

.client-img img{ width:100%;}


.clients-s h3{ font-size:25px; font-weight:bold; color:#303030; text-transform:uppercase; margin:0px 0px 20px;}


.footer{ background:#303030; color:#FFFFFF; padding:60px 0px 0px;}
.footer h2{ text-transform:uppercase; font-weight:bold; font-size:25px; margin:0px 0px 20px;}
.adr{ padding:0px 0px; margin:0px 0px 40px; list-style:none; overflow:hidden;}

.adr li{ float:left;  color:#FFFFFF;}
.adr li:nth-child(1){margin-right:5px; border-right:1px solid #FFFFFF; padding-right:5px;}
.adr .fa{ margin-right:5px;}

.ftr-left{ max-width:70%;}

.footer .textBox{ color:#FFFFFF; width:100%; height:40px; border:1px solid #454545; background:#454545; margin-bottom:10px; padding-left:10px;}
.footer .textArea{color:#FFFFFF; width:100%; height:90px; border:1px solid #454545; background:#454545; margin-bottom:10px; padding-left:10px; padding-top:10px;}

.footer-form .row{ margin:0px -5px;}
.footer-form .col-lg-6{ padding:0px 5px;}

.footer-form button{ background:#fff; padding:10px 15px; border:none; cursor:pointer;}


.social-media{ float:none; width:100%; display:block; overflow:hidden; margin:0px 0px 25px;}

.ftr-right { float:right;}
.footer a{ color:#FFFFFF;}
.footer li a{ color:#FFFFFF;} 



.footer-menu{ float:none; list-style:none; margin:0px 0px; padding:0px 0px;}
.footer-menu li{ float:none; margin-bottom:8px;}
.footer-menu a{ color:#FFFFFF;}

.copy-right{ border-top:1px solid #595959; padding:15px 0px; margin-top:50px;}

.copy-right p{ margin-bottom:0px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}



/*contact*/


.bannerC{ width:auto; height:auto; margin:0px 0px; padding:0px; overflow:hidden; position:relative;}
.bannerC img{ width:100%; }
.breadcrumb{ position:absolute; width:auto; max-width:95%; display:block;  bottom:0px; margin-bottom:7px; background:url(../images/bg.png);}
.breadcrumb li a{ color:#fff !important;}
.breadcrumb > .active{ color:#008b40;}

.pageTitle{ color:#3c3c3c; text-transform:uppercase; margin-top:50px;}
.pageTitle h1{  color: #3c3c3c;
    font-size: 25px;
    margin: 25px 0 25px;
    text-transform: uppercase; font-weight:800;}

.contactC .textBox{ height:40px;}
.contactC .textBox, .contactC .textAria{ border:1px solid #dfdfdf; color:#121212;}
.submitBtn{ border:none; padding:10px 15px; float:right; background:#0390b2; color:#FFFFFF;transition: all 0.2s ease-in-out 0s;}
.submitBtn:hover{ background:#1b3372;transition: all 0.2s ease-in-out 0s; color:#fff;}

.textBox{ border:1px solid #c3c3c3; width:100%; height:35px; color:#000; background:#dfdfdf; padding:5px; margin-bottom:10px; transition: all 0.2s ease-in-out 0s;}
.textArea{ border:1px solid #c3c3c3; width:100%;  color:#000; background:#dfdfdf;  padding:5px; margin-bottom:10px;transition: all 0.2s ease-in-out 0s; height:100px; }


.c-strip{ background:#ccc; height:1px; width:100%; margin:10px 0px;}
.textBox{ border:1px solid #ededed; background:#ededed; color:#494949; font-size:13px; height:40px; width:100%; padding-left:10px;}
.textArea{ border:1px solid #ededed; background:#ededed; color:#494949; font-size:13px; height:176px; width:100%; padding-left:10px; padding-top:5px;}

.c-sep{ position:relative;}
.c-sep:after{ content:" "; background:url(../images/input-sep.png) no-repeat right; width:4px; height:40px; position:absolute; right:0; }



.dark-btn{ background:#84c341; color:#FFFFFF; border:none; display:inline-table; padding:15px 20px; font-size:13px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-weight:bold; cursor:pointer;
transition: all 0.5s ease 0s;}
.button-sep{ margin:0px 10px 0px 14px;}

.dark-btn:hover{ background:#494949;transition: all 0.5s ease 0s;}


.locationC{ overflow:hidden;   width:100%; margin:50px 0px 0px; }



/*about*/


.inner p{ font-size:14px; line-height:20px;}


.about-img{ overflow:hidden;}
.about-img img{ width:100%;}


.vis h3{ font-size:16px; text-transform:uppercase; margin:0px 0px 15px; font-weight:bold;}

.abt{ margin-bottom:40px;}

.inner ul{ margin:0px 0px; padding:0px 0px 0px 15px;}
.ab1{ margin-bottom:30px;}



/*services*/



.service-box-02{ margin-bottom:30px; padding-bottom:30px;border-bottom:1px solid #CCCCCC;}

.service-box-02 h4{ font-size:24px; font-weight:bold; margin:0px 0px 15px; color:#0f4c55;}

.service-img{ overflow:hidden;}
.service-img img{ width:100%;}

.srv-right h5{ font-size:18px; text-transform:uppercase; margin:0px 0px 15px;}

.srv-right h5{ font-size:18px; text-transform:uppercase; margin:0px 0px 15px; font-weight:bold;}
.srv-right h6{ font-size:14px; font-weight:bold;  margin:0px 0px 20px;}

/*srv*/


 .service-image{ overflow:hidden;}
 
 .service-image img{ width:100%;}
 .srv { margin-bottom:30px;}
.srv h3{ font-size:30px; font-weight:lighter; text-transform:uppercase; margin:0px 0px 20px; text-transform:uppercase;}
.srv a{ text-transform:uppercase; font-weight:bold; color:#000000; font-size:17px;display:none;}

.srv-right{ margin-top:60px;}

.srv:nth-child(even) .s8{order:1; }
.srv:nth-child(odd) .s7{order:2; }

.titile-box{ background:#000000; color:#FFFFFF; text-transform:uppercase; text-align:left; padding:20px; margin-bottom:30px;}
.titile-box h2{ font-size:28px; font-weight:200;}
.service-dtl-img{ overflow:hidden;}
.service-dtl-img img{ width:100%;}

@media (min-width: 1300px) {
.container {max-width: 1250px;

}
}


 @media all and (max-width: 760px) {
 
.srv:nth-child(even) .s8{order:1; }
.srv:nth-child(odd) .s7{order:0; }
 
 .srv-right{ border-bottom:1px solid #CCCCCC; padding-bottom:30px;}
 
 .logo{ width:80px;}
 .logo img{ width:80px!important;}
 .carousel-caption h2{ font-size:15px;}
 .carousel-caption{ bottom:0;}
 .get-in-touch{ font-size:12px;}
 .top-srv li{ width:100%; margin-bottom:1px;}
 .top-srv li a{ padding:7px;}
  .top-srv { display:none;}
  .home-about-1 h3{ font-size:35px;}
  .home-about-1 h4{ font-size:14px;}
  .right-circle{ float:none; margin:10px auto; display:table;}
  .home-about-1{ padding:30px 0px;}
  .tank-img{ max-width:100%;}
  .green-s h2{ text-align:center; display:table; margin:20px auto;}
  .whats-on h2{ font-size:30px;}
  .title-box{ min-height:50px; margin-bottom:20px;}
  .hm-address{ margin:30px 20px;}
  .body-gray{ padding:30px 0px;}
  .home-map-sec{ padding-bottom:10px;}
  .stratergy{ padding:30px 0px;}
  .home-map-sec{ margin:30px 0px;}
  .home-map-sec iframe{ margin-bottom:-15px;}
  .ftr-left{ max-width:100%;}
  .ftr-right{ float:none; margin-top:15px;}
  .get-in-touch{ margin-left:10px;}
  .get-in-touch{ font-size:11PX;}
  
  .sliderC{ margin-top:59px;}
  .header{ background:#333333!important; padding:5px 0px!important;}
  #cssmenu{ padding:5px 0px!important;}
  .get-in-touch{ line-height:11px; margin-top:10px;}
  .right-circle{ display:none;}
  
  
  .pageTitle{ margin:20px 0px 10px;}
    .pageTitle h1{ margin:10px 0px;}
	
	.about-img{ margin-bottom:30px;}
	p{ text-align:justify;}
	
	.adr{ font-size:13px;}
	.hm-address h3{ font-size:20PX; margin-bottom:15PX;}
.footer-form{ margin-bottom:30PX;}  
.copy-right{ margin-top:30px}
.bannerC{ margin-top:55px;}

#cssmenu ul{ margin-top:15px!important;}
 }

a:hover{ text-decoration:none;}