@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
*{ padding:0; margin:0;-webkit-transition: all 0.25s ease;  -moz-transition: all 0.25s ease;  -ms-transition: all 0.25s ease;  -o-transition: all 0.25s ease;  transition: all 0.25s ease;}
body{ font-family:PT Sans; font-size:16px; color:#666}
.outerContainer,.header,.banner,.bxslider,.aboutus,.blueLine,.contentBox,.whyus,.whiteBox,.map,.bottomMenus,.line,.footer,.footerBottom,.groupcomp{ width:100%; float:left}
.header{box-sizing: border-box; padding:10px 15px 5px 15px}
.blueLine{ background:url(images/blueLine.jpg) no-repeat center center; height:55px; padding:30px 0}
p{ font-size:18px; color:#333333}
h1{ color:#333333; font-weight:normal; text-transform:uppercase; text-align:center}
h2,.heading{ color:#333333; text-transform:uppercase; text-align:center; font-size:22px; padding:25px 0 10px 0; clear:both}
.groupcomp{ background:#fafafa}
.rightContainer ul{ margin-top:10px}
.leftBox{ width:48%; float:left}
.leftBox img{ margin-right:5px}
.leftBox a:link,.leftBox a:visited,.leftBox a:hover,.leftContact a:link,.leftContact a:visited,.leftContact a:hover{ color:#333; text-decoration:none}
.leftBox p{ line-height:24px}
.profileImg{ float:left; position:absolute; top:0; left:0}
.profileImg img{  border-radius: 150px;
    box-shadow: 0 0 5px #cccccc;
    margin: -70px 0 0 50px;
    width: 75px;}
ul.customBullets{ text-align:left; width:67%; margin:0 auto}

.leftContact{ float:left; width:25%; padding:15px;box-sizing:border-box; text-align:center}

.leftContact .photoImgNew{ width:100px; height:100px}

.aboutus p,.profileBox p{ width:70.1%; text-align:center; line-height:30px; margin:0 auto; padding:5px 0}
.groupcomp p{text-align:center; line-height:30px; margin:0 auto; padding:5px 0}
.aboutus .customTable p{ text-align:left; line-height:normal}
.centerContainer{ text-align:center; margin:30px 0}
.outerContainer.innerBox .aboutus p{ text-align:left}
.leftBox.rightContactBox{ text-align:left; float:right}
.leftBox.rightContactBox textarea{ width:98%; padding:10px}
.leftBox.rightContactBox .txtIn{ width:96.5%}
.leftBox{ width:48%; float:left}
.leftBox img{ margin-right:5px}
.leftBox a:link,.leftBox a:visited,.leftBox a:hover,.leftContact a:link,.leftContact a:visited,.leftContact a:hover{ color:#333; text-decoration:none}
.leftBox p{ line-height:24px}
input[type="text"],textarea{ border-radius:5px; padding:5px; width:98%; border:1px solid #cccccc; margin-bottom:10px; font-size:15px;font-family:PT Sans}
input[type="text"].fiftyBox{ width:47%;}

.centerContainer{ float:left; width:96%;box-sizing:border-box; margin:0 2%}
.leftBox p,.leftBox{ text-align:left}
.innerBox .aboutus p,.innerBox .profileBox p,.innerBox .aboutus .customTable p{ font-size:16px}
.leftBullet{ text-align:left}
.leftBullet li{ margin-bottom:5px; color:#333333}
.pheading{ font-size:16px}
.profileBox p{ width:100%}
.contentBox{ text-align:center}
.logo{ float:left; width:auto}
.rightHeader{ width:auto; float:right; color:#999999}
.rHeader{ float:right; width:495px;padding-right: 12px; margin:10px 0}
.banner.innerBanner,.banner.innerBanner img{ width:100%; float:left}
.innerHeading2,.innerHeading1,.innerHeading3{  background: #87CEEB none repeat scroll 0 0; color: #fff;  margin: -20px auto 30px; width: 230px;}
.innerHeading2{ width:460px;}
.innerHeading1 h1,.innerHeading2 h1,.innerHeading3 h1{ color:#fff}

.acc_content{ width:70%; margin:0 auto}
.acc_content p{ width:100%; text-align:left}
.acc_content ol,.acc_content ol li{ text-align:left; line-height:30px; color:#333333}

p.subHeadingBlue{color:#87CEEB; font-size:18px !important; font-weight:bold}

.call,.email{ float:left; width:auto; margin-right:30px;}
.call img,.email img{ vertical-align:middle; margin-right:5px}
.email a:link,.email a:visited,.email a:hover{ color:#999; text-decoration:none}

.facebook:link,.facebook:visited{ background:url(images/social-media.png); width:27px; height:27px; float:left; margin-right:5px}
.facebook:hover{ background-position:left -27px;}

.linkedin:link,.linkedin:visited{ background:url(images/social-media.png) -34px top; width:27px; height:27px; float:left;margin-right:4px}
.linkedin:hover{ background-position:-34px -27px;}

.youtube:link,.youtube:visited{ background:url(images/social-media.png) -67px top; width:27px; height:27px; float:left;}
.youtube:hover{ background-position:-67px -27px;}

.cls{ clear:both}
.bx-wrapper{ height:500px; width:100%; float:left}

.bxslider li p{ background:rgb(	135, 206, 235,1.0); width:290px; float:right; padding:15px; color:#fff; font-size:20px; line-height:34px; top:10%; position:absolute; right:0}

.bxslider li{ height:500px; width:100%; float:left; background-size: cover;   vertical-align: middle; display:inline-block}

.banner3{background-image:url(images/banner3.jpg)}
.banner2{background-image:url(images/banner2.jpg)}
.banner1{background-image:url(images/banner1.jpg)}

.bxslider li.banner3  p{ font-size:34px; width:340px;}
.subHeading.top{ text-align:left !important}
.groupcomp .subHeading{ text-align:left}
.groupcomp .biodigester p{ text-align: center}
.aboutus{ background:#f1f1f1; text-align:center}

.thumb1{ float:left; width:33%; text-align:center; cursor:pointer}
.thumb1 p{ padding:10px 0; color:#666; text-decoration:none}
.thumb1 a:link,.thumb1 a:visited{ text-decoration:none}
.thumb1 p:hover{ color:#87CEEB}
.subHeading{ font-size:20px !important;color:#87CEEB; padding:30px 0 0 0!important}
.thumb1 img{-webkit-filter: grayscale(1);filter: grayscale(1);width:202px; height:202px; padding:5px; border:1px solid #CCC; border-radius:150px; padding:5px; border:1px solid #CCC; border-radius:150px}
.thumbImg1{  background:url(images/thumb1.jpg) no-repeat center center;}
.thumbImg1:hover, .thumb1:hover .thumbImg1{  -webkit-filter: grayscale(0);filter: grayscale(0)}
.thumbImg2{  background:url(images/thumb2.jpg) no-repeat center center;}
.thumbImg2:hover, .thumb1:hover .thumbImg2{  -webkit-filter: grayscale(0);filter: grayscale(0)}
.thumbImg3{  background:url(images/thumb3.jpg) no-repeat center center;}
.thumbImg3:hover, .thumb1:hover .thumbImg3{  -webkit-filter: grayscale(0);filter: grayscale(0)}
.thumbImg4{  background:url(images/thumb4.jpg) no-repeat center center;}
.thumbImg4:hover, .thumb1:hover .thumbImg4{  -webkit-filter: grayscale(0);filter: grayscale(0)}

.whyus{ background:rgba(0, 0, 0, 0) url("images/whyus.jpg") no-repeat scroll 0 0 / cover;-webkit-filter: grayscale(1);filter: grayscale(1); cursor:pointer}
.whyus:hover{ -webkit-filter: grayscale(0);filter: grayscale(0) }
.cirlce{ border-radius:250px; background:#87CEEB; border:3px solid #fff; width:290px; height:290px; display:block; text-align:center; vertical-align:middle; margin:0 auto 30px auto}
.cirlce p{ color:#fff; line-height:25px}
span.blueHeading{ font-size:20px; font-weight:bold}




.whyus h1{ width:160px; background:#333; color:#fff; text-transform:uppercase; margin:-20px auto 30px auto; text-align:center}
.whiteBox p{ text-align:center; text-transform:uppercase; font-weight:bold; color:#666666; font-size:22px}

.bottomMenus{ color:#666666; text-align:center; padding:35px 0;}
.bottomMenus a:link,.bottomMenus a:visited{  color:#666; text-decoration:none; font-size:18px;}
.bottomMenus a:hover{color:#87CEEB}
.bottomMenus span{ padding:0 15px}
.line{ background:#999; height:1px}

.footer{ padding:25px 12%; box-sizing: border-box; }
.footer .footerHeading{ text-align:center}

.leftFooter{ width:50%; float:left}
.leftFooter input{ border:1px solid #CCC; padding:10px 15px; width:90%; clear:both; float:left; border-radius:3px; margin-bottom:10px; box-sizing: border-box; font-size:16px}
textarea{ border:1px solid #CCC; padding:10px 15px; width:90%; clear:both; float:left; border-radius:3px; margin-bottom:10px; box-sizing: border-box; font-size:16px;font-family:PT Sans; height:141px}
.leftFooter input[type="submit"],.btn{ cursor:pointer}
.leftFooter input[type="submit"]:hover,.btn:hover{ background:#0c8edb; border:1px solid #0c8edb; color:#fff}
.btn{ padding:5px 15px; background:#f1f1f1; border-radius:3px; border:1px solid #CCC; width:180px; font-size:14px; text-transform:uppercase; float:right; margin-right:10px}



.footerBottom{ padding:15px 25px;box-sizing: border-box;}

.photoBrd{ padding:3px; border:1px solid #CCC; border-radius:150px; width:100px; height:100px; background:#fff; margin-right:20px}
.profileBox{ width:70%; margin:0 auto; text-align:center}

.groupBtn:link,.groupBtn:visited{ border-radius:3px; padding:10px 15px; text-align:center; color:#fff; background:#87CEEB; text-decoration:none; font-size:18px}
.groupBtn:hover{ background:#2cb462}
.rightContainer {
    box-sizing: border-box;
    float: left;
    padding-left: 2%;
    width: 25%;
}

.leftContainer {
    float: left;
    width: 75%; padding-left:15px;box-sizing: border-box;
}

.biodigester img {
    border: 1px solid #CCC;
    padding: 3px;
}

.biodigester .subHeading {
	border: 0 none;
	border-bottom:1px dotted #666;
	text-align:left; margin-bottom:15px;
}
.subHeading {
    border-bottom: 1px dotted #666;
    font-size: 22px !important;
}
.rightContainer ul li{ text-align:left; margin-left:0px}

.customLi li {
    list-style-image: url("images/bullet.png");
    margin: 0; padding:3px 0;
}
.biodigester ul{ margin-left:30px; margin-top:20px;}
.imgTab{padding-top:20px}

.tabInactive:link, .tabInactive:visited {
    border-bottom: 1px dotted #87CEEB;
    box-sizing: border-box;
    color: #666 !important;
    float: left;
    padding: 10px 0 10px 10px;
    text-decoration: none;
    width: 100%;
}
.tabactive:link, .tabactive:visited, .tabInactive:hover {
    background: #87CEEB none repeat scroll 0 0;
    border-bottom: 1px solid #87CEEB;
    box-sizing: border-box;
    color: #fff !important;
    float: left;
    padding: 10px 0 10px 10px;
    text-decoration: none;
    width: 100%;
}
.rightContainer ul li {
    background: rgba(0, 0, 0, 0) url("images/bullet1.png") no-repeat scroll left 20px;
    box-sizing: border-box;
    float: left;
    list-style: outside none none;
    padding-left: 10px;
    width: 100%;box-sizing: border-box;
}

.four img {
    width: 70%;
}
.biodigester img {
    border: 1px solid #ccc;
    padding: 3px;
	background:#fff
}
@media all and (max-width: 800px)
{
	.header{ padding:5px;}
	.thumb1 img{}
#cssmenu > ul > li > a {
    color: #999999;
    font-size: 13px;
    padding: 12px 8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}
.logo{ width:175px;}
.profileBox{ width:90%}
}
@media all and (max-width: 700px)
{
	.header{ padding:5px}
	#cssmenu {
		position: absolute;
		right: 0;
		top: 0;
		width: 100%; z-index:9999999;
	}
	#cssmenu > ul > li > a{ font-size:14px;}
#cssmenu #menu-button{ font-size:0px;}
#cssmenu ul.open{ background:#fff;}
.rightFooter,.leftFooter,.thumb1,.footer,.leftFooter input,textarea,.leftFooter input[type="submit"],.leftBox,.rightBox,.leftContact{ width:100%}
.footer{ padding:10px}
.footerBottom td,.customTable td{ width:100%; display:inline-block; font-size:11px; text-align:center; padding-bottom:3px}
.aboutus p, .profileBox p{ width:90%}
.bottomMenus a:link, .bottomMenus a:visited{ font-size:13px}
.whiteBox p,h1{ font-size:16px}
}