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



#padding{background:#ffffff url() 50% 0;background-size:cover;border-top:0px solid #fff;border-bottom:0px solid #fff;padding:0px 0 25px 0;}


#lefttt{ padding-left:36px;}

.about-us-img{}


.why-save-water-left{ width:77%; height:auto;float:left; padding-right:30px; border-right:1px dotted #ccc;}
.why-save-water-right{ width:22%; height:auto; float:right; border-right:none;}

.small-ban{ width:100%; height:100px; background:url(../images/smallbanner.jpg); }
.small-ban h1{ color:#fff; font-size:24px; font-weight:600; padding-top:26px; float:left; }
.small-ban p{ float:right; color:#fff; font-size:18px; padding-top:37px;}
.small-ban span{ float:right; color:#fff; font-size:18px; padding-top:37px;}
.height{ width:100%; height:105px; }
                                
.about-us{ width:100%; height:auto; background:url(../images/about.jpg);  
 background-position: center; background-attachment: fixed;  background-repeat: repeat-y; margin-bottom:30px; margin-top:30px;}
.about-us p{ font-size:14px; text-align:justify; line-height:24px;}
.about-us h1{ font-size:20px; font-weight:600; color:#7ABF18; padding-bottom:10px;}
.about-us h2{ font-size:16px; font-weight:600; color:#09B4F8; padding-bottom:0px;}

.small-ban-left{ width:30%; height:100px; background:#eee; float:left;}
.small-ban-right{ width:30%; height:100px; background:#eee; float:right;}


.imagee{ width:100%; height:180px;   }
.left{ width:70%; height:180px;  float:left;}
.right{ width:28%; height:180px; float:right;}

.left1{ width:70%; height:180px;  float:right;}
.right1{ width:28%; height:180px; float:left;}

.products{ width:100%; height:250px;  margin-bottom:10px;}
.product-left{ width:71%; height:auto;  float:left;}
.product-right{ width:25.5%; height:auto;  float:right;}
.product-right p{ text-align:left}


.product1{ width:31%; height:260px;  float:left;   margin-top:20px; }
.product1a{ width:100%; height:220px; background:#eee; float:left;    }
.product1b{ width:100%; height:auto;  background:#1fa4cc; float:left;}
.product2{ width:31%; height:260px;  float:left;   margin-top:20px; margin-left:3% }
.product1b h1{ font-size:18px; color:#fff; text-align:center; padding-top:8px; font-weight:normal; text-transform:inherit;}

.title1{ width:100%; height:45px;  background:url(../images/bg0.jpg); border-bottom:2px solid #fff;  }
.title1 p{ color:#fff; font-size:22px; padding-left:20px; padding-top:12px; font-weight:600;  }
.title2{ width:100%; height:40px; background:url(../images/bg1.jpg); border-bottom:2px solid #fff;  }
.title2 p{ color:#fff; padding-left:15px; padding-top:8px; font-size:15.5px;}

.title3{ width:100%; height:40px; background:url(../images/bg2.jpg) ; border-bottom:2px solid #fff;  }
.title3 p{ color:#fff; padding-left:15px; padding-top:8px; font-size:15.5px;}


.title4{ width:100%; height:40px; background:url(../images/bg3.jpg) ; border-bottom:2px solid #fff;  }
.title4 p{ color:#fff; padding-left:15px; padding-top:8px; font-size:15.5px;}


.title5{ width:100%; height:40px; background:url(../images/bg4.jpg); border-bottom:2px solid #fff;  }
.title5 p{ color:#fff; padding-left:15px; padding-top:8px; font-size:15.5px;}






.ad{ width:100%; height:102px; margin-top:40px;   border-top: 1px dotted #76d9f8; border-bottom: 1px dotted #76d9f8;}

.fb-icon{ width:100%; height:52px; margin-top:40px; border-top: 1px dotted #76d9f8; border-bottom: 1px dotted #76d9f8;}

.client{ width:100%; height:150px;}
.client1{ width:6%; height:4px; border-bottom:1px dotted #82b440; border-top:1px solid #0066CC; margin-top:70px; float:left;}
.client2{ width:17%; height:150px; background:#eee; float:left; margin-left:30px;}







.vision-mission{ width:100%; height:230px;  margin-top:50px;}
.vision{ width:25%; height:220px;  float:left; }
.vision-image{ width:40%; height:220px;  float:left;  }
.mission{ width:25%; height:220px; float:left; }








.name{ width:100%; height:70px; background:#7ABF18}
.name h1{ color:#fff; text-align:center; padding-top:5px; font-size:16px; font-weight:500; text-transform:inherit}

.clear{ clear:both}

.videos1{ width:27%; height:240px;  float:left; margin-left:%;  margin-top:20px; }
.videos2{ width:27%; height:240px; float:left; margin-left:5%;  margin-top:20px; }




.bottom-line{ width:94%; height:2px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 auto; margin-top:15px; margin-bottom:15px; }

.about-uss{ width:94%; margin:0 auto; height:200px; }
.about-left{ width:19.1%; height:200px;  float:left; }         
.about-right{ width:77%; height:200px;  float:right; }  

.about-left1{ width:19.18%; height:200px; float:right; }         
.about-right1{ width:77%; height:200px;  float:left; } 


  .text7
{
font-size:14px;
}
.names p
{
display: block;
	padding: 20px 0 0px 0;
	font-size:15px; 	margin-left:0px;
	}
	.names1 p
{
display: block;

	padding: 39px 0 14px 0;
	font-size:14px;
	margin-left:20px;
	}
	.txtbox
{	
    font: 14px;
	width: 57%;
	height:40px;
	margin-left:0px;

	color: #666666;
	background: #fff;
	border: 1px solid rgba(153, 153, 153, 0.58);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
	.txtbox2
{ margin-left:0px;
    font: 14px;
	width: 57%;
	height:60px;
	padding: 9px;
	color: #666666;
	background: #fff;
	border: 1px solid rgba(153, 153, 153, 0.58);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
	.txtbox1

{ margin-left:0px;
    font: 14px;
	width: 57%;
	height:120px;
	padding: 9px;
	color: #666666;
	background: #fff;
	border: 1px solid rgba(153, 153, 153, 0.58);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
.txtarea
{
margin-top:-25px;
margin-left:760px;

}

.txtarea p
{
color:#ff0000;
font-size:15px;
font-weight:500;
}
.txtarea1
{
margin-top:-140px;
margin-left:650px;
}
.txtarea1 p
{
color:#006362;
font-size:14px;
font-weight:500;
}
.submit
{
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width:100px;
height:40px;
margin-top:45px;
text-align:center;
font-size:14px;
background:#7ABF18;
padding:10px 3px;
color:#FFFFFF;
margin-bottom:40px;
margin-left:20px; font-weight:500;
}

.contact-us{ width:100%; height:360px;  }
.contact-us1{ width:25%; height:250px;  float:left; margin-top:40px;   border-top:1px dotted #60AF44; border-bottom:1px dotted #60AF44;}
.contact-us2{ width:25%; height:250px;  float:left; margin-left:10%; margin-top:40px; border-top:1px dotted #60AF44; border-bottom:1px dotted #60AF44; }

.contact-us1a{ width:100%; height:200px; background:#82b440; background-repeat: repeat-x; float:left; margin-top:25px;}

#font-size{ font-size:30px;}
#height1{ height:200px}


.hr{ width:100%; height:1px; border-top:1px dotted #ccc; margin-top:20px; margin-bottom:40px;}

#left1{ padding-left:8px;}


#left1a{ padding-left:5px;}
#left2a{ padding-left:34.2px;}
#left3a{ padding-left:40.8px;}

#left1aa{ padding-left:29%;}
#left3aa{ padding-left:16.5%;}
@media (max-width:767px){

.why-save-water-left{ width:100%; height:auto;float:none; padding-right:0px; border-right:none;}
.why-save-water-right{ width:100%; height:auto; float:none; border-right:none;}
#font-size{ font-size:20px; line-height:25px}


#left1{ padding-left:0px;}


#left1a{ padding-left:0px;}
#left2a{ padding-left:0px;}
#left3a{ padding-left:0px;}

#left1aa{ padding-left:0%;}
#left3aa{ padding-left:0%;}

#top{ padding-top:60px;}
.small-ban span{ float:right; color:#fff; font-size:18px; margin-top:-10px;}
#height1{ height:20px}
.small-ban{ width:100%; height:auto; background:url(../images/smallbanner.jpg); margin-top:100px;   }
.small-ban h1{ color:#fff; font-size:30px; font-weight:600; padding-top:10px; float:left; }
.small-ban p{ float:right; color:#fff; font-size:18px; padding-top:10px;}
.height{ width:100%; height:200px; }

.height{ width:100%; height:30px; }

.vision-mission{ width:100%; height:auto;}
.vision{ width:100%; height:auto; background:none; float:left; }
.vision-image{ width:100%; height:auto; background:none; float:left; margin-left:0%}
.mission{ width:100%; height:auto; background:none; float:left; margin-left:6%; }




#padding{background:#ffffff url() 50% 0;background-size:cover;border-top:0px solid #fff;border-bottom:0px solid #fff;padding:0px 0 45px 0;}
.about-us{ width:100%; height:auto; background:url(../images/about.jpg);  
 background-position: center; background-attachment: fixed;  padding-bottom:30px; margin-top:30px;}
.about-us p{ font-size:15px;}
.about-us h1{ font-size:20px; font-weight:600; color:#7ABF18; padding-bottom:10px;}



.imagee{ width:100%; height:auto;  }
.imagee img{ width:100%; }
.name{ width:100%; height:40px; background:#7ABF18}
.name h1{ color:#fff; text-align:center; padding-top:5px; font-size:20px; font-weight:500;}

.clear{ clear:both}

.videos1{ width:100%; height:auto; background:none; float:left; margin-left:0%;  margin-top:20px; }
.videos2{ width:100%; height:auto; background:none; float:left; margin-left:0%;  margin-top:20px;}
.videos{ width:100%; height:auto; background:none; float:left; margin-left:0%;  margin-top:20px; }
.videosa{ width:0%; height:auto; background:none; float:left; margin-left:0%;  margin-top:20px; border-right:5px double #7ABF18; }



.bottom-line{ width:94%; height:2px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 auto; margin-top:15px; margin-bottom:15px; }

.about-uss{ width:94%; margin:0 auto; height:auto; }
.about-left{ width:100%; height:auto;  float:none; }         
.about-right{ width:100%; height:auto;  float:none; margin-bottom:60px; }  

.about-left1{ width:20%; height:auto; float:none; }         
.about-right1{ width:77%; height:auto;  float:none; margin-bottom:60px; } 

.contact-us{ width:100%; height:auto;  }
.contact-us1{ width:100%; height:auto;  float:none; margin-top:40px;  margin-left:0%; border-top:none; border-bottom:none;}
.contact-us2{ width:100%; height:auto;  float:none; margin-left:0%; margin-top:40px; border-top:none; border-bottom:none; }

.contact-us1a{ width:100%; height:auto; background:url(../images/contact1.jpg); background-repeat: repeat-x;  float:left; margin-top:25px;}



  .text7
{
font-size:14px;
}
.names p
{
display: block;
	padding: 20px 0 0px 0;
	font-size:15px; 	margin-left:20px;
	}
	.names1 p
{
display: block;

	padding: 39px 0 14px 0;
	font-size:14px;
	margin-left:20px;
	}
	.txtbox
{	
    font: 14px;
	width: 67%;
	height:40px;
	margin-left:20px;

	color: #666666;
	background: #fff;
	border: 1px solid rgba(153, 153, 153, 0.58);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
	.txtbox2
{ margin-left:20px;
    font: 14px;
	width: 67%;
	height:60px;
	padding: 9px;
	color: #666666;
	background: #fff;
	border: 1px solid rgba(153, 153, 153, 0.58);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
	.txtbox1

{ margin-left:20px;
    font: 14px;
	width: 67%;
	height:120px;
	padding: 9px;
	color: #666666;
	background: #fff;
	border: 1px solid rgba(153, 153, 153, 0.58);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	}
.txtarea
{
margin-top:25px;
margin-left:60px;

}

.txtarea p
{
color:#ff0000;
font-size:15px;
font-weight:500;
}
.txtarea1
{
margin-top:20px;
margin-left:20px;
}
.txtarea1 p
{
color:#006362;
font-size:14px;
font-weight:500;
}
.submit
{
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width:100px;
height:40px;
margin-top:45px;
text-align:center;
font-size:14px;
background:#7ABF18;
padding:10px 3px;
color:#FFFFFF;
margin-bottom:40px;
margin-left:20px; font-weight:500;
}







.imagee{ width:100%; height:auto;   }
.left{ width:100%; height:auto;  float:none;}
.right{ width:100%; height:auto; float:none;}
.left img{  width:100%;}
.left1 img{  width:100%;}
.right img{  width:100%;}
.right1 img{  width:100%;}

.left1{ width:100%; height:auto;  float:none;}
.right1{ width:100%; height:auto; float:none;}



.products{ width:100%; height:auto;  margin-bottom:10px;}
.product-left{ width:100%; height:auto;  float:none;}
.product-right{ width:100%; height:auto;  float:none;}

.product1{ width:100%; height:auto; background:none; float:none;   margin-top:20px; }
.product1a{ width:100%; height:auto; background:none; float:none;    }
.product1a img{ width:100%;}
.product1b{ width:100%; height:auto;  background:#1fa4cc; float:none;}
.product2{ width:100%; height:auto; background:none; float:none;   margin-top:20px; margin-left:0% }
.product1b h1{ font-size:18px; color:#fff; text-align:center; padding-top:8px; font-weight:normal; text-transform:inherit;}

.title1{ width:100%; height:45px;  background:url(../images/bg0.jpg); border-bottom:2px solid #fff;  }
.title1 p{ color:#fff; font-size:20px; padding-left:20px; padding-top:12px; font-weight:600;  }
.title2{ width:100%; height:40px; background:url(../images/bg1.jpg); border-bottom:2px solid #fff;  }
.title2 p{ color:#fff; padding-left:15px; padding-top:8px; font-size:16px;}

.title3{ width:100%; height:40px; background:url(../images/bg2.jpg) ; border-bottom:2px solid #fff;  }
.title3 p{ color:#fff; padding-left:15px; padding-top:8px; font-size:16px;}


.title4{ width:100%; height:40px; background:url(../images/bg3.jpg) ; border-bottom:2px solid #fff;  }
.title4 p{ color:#fff; padding-left:15px; padding-top:8px; font-size:16px;}


.title5{ width:100%; height:40px; background:url(../images/bg4.jpg); border-bottom:2px solid #fff;  }
.title5 p{ color:#fff; padding-left:15px; padding-top:8px; font-size:16px;}





.ad{ width:100%; height:auto; margin-top:40px;   border-top: 1px dotted #76d9f8; border-bottom: 1px dotted #76d9f8;}

.fb-icon{ width:100%; height:auto; margin-top:40px; border-top: 1px dotted #76d9f8; border-bottom: 1px dotted #76d9f8;}

.client{ width:100%; height:auto;}
.client1{ width:0%; height:4px; border-bottom:1px dotted #82b440; border-top:1px solid #0066CC; margin-top:0px; float:none;}
.client2{ width:100%; height:auto; background:none; float:none; margin-left:0px; margin-top:20px;}



}