/*-------------------------------------------------------
[Table of contents]

1. Reset
	
2. Generic

3. Typography

4. Form

5. Table

6. Menu

7. Layout
		
--------------------------------------------------------*/


/*-------------------------------------------------------
  #Reset Styles
 -------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
:focus { outline:0; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
}
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {
		border-collapse: collapse;
		border-spacing: 0;
}
caption, th, td {
		text-align:left;
		font-weight:400;
}
audio, canvas, img, video { vertical-align: middle; }
fieldset {
		border: 0;
		margin: 0;
		padding: 0;
}
/* WebKit browsers */
*::-webkit-input-placeholder {
color:#2f2f2f;
opacity:1;
}
*:-moz-placeholder {
 /* FF 4-18 */
color:#2f2f2f;
opacity:1;
}
*::-moz-placeholder {
/* FF 19+ */
color:#2f2f2f;
opacity:1;
}
*:-ms-input-placeholder {
 /* IE 10+ */
color:#2f2f2f;
opacity:1;
}
 input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
color:transparent;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
color:transparent;
} /* FF 4-18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
color:transparent;
} /* FF 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
color:transparent;
} /* IE 10+ */

/*-------------------------------------------------------
 #Generic Styles
 -------------------------------------------------------*/

.left { float:left; }
.right { float:right; }
.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.noFloat { float:none; }
.hidden {
		position: absolute;
		top:0;
		visibility: hidden;
}
.pointer { cursor:pointer; }
a {
		text-decoration: none;
		outline: 0;
		max-width:100%;
		max-width:none\9;
		color: #e54c4c;
}
a:hover, a:focus, a:visited {
		outline: 0;
		text-decoration: none;
}
p a, p a:visited { line-height: inherit; }
ul, ol {
		margin: 0 0 20px 0;
		list-style-position: inside;
}
ul { list-style: none; }
ul li { list-style: none; }
ol { list-style-type: decimal; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
*{-webkit-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;}
 
/*-------------------------------------------------------
 #Typography
 -------------------------------------------------------*/
 
body {
		font-size:14px;
		font-family: 'Open Sans', sans-serif;
		line-height:1.3em;/*
		background:url(../images/inner_bg.jpg) no-repeat center top fixed;*/
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { /*Heading Styles*/
		font-weight: 600;
		margin: 0;
}
h1, .h1 {
		font-size:2.6em;
		margin-bottom:16px;
		line-height: 1.1em;
}
h2, .h2 {
		font-size:2.2em;
		margin-bottom:15px;
		line-height: 1.1em;
}
h3, .h3 {
		font-size:1.8em;
		margin-bottom:14px;
		line-height: 1.1em;
}
h4, .h4 {
		font-size:1.4em;
		margin-bottom:13px;
		line-height: 1.1em;
}
h5, .h5 {
		font-size:1em;
		margin-bottom:12px;
		line-height: 1.1em;
}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top:1.5em; }
p {
		margin: 0.85em 0;
		line-height:20px;
}
p img { margin: 0; }

img, a img {
		border:none;
		padding: 0;
		margin:0;
		display:inline-block;
		max-width: 100%;
		height:auto;
		image-rendering: optimizeQuality;
}
em { font-style: italic; }
strong, b { font-weight: bold; }
small { font-size: 80%; }

/*-------------------------------------------------------
 Forms
 -------------------------------------------------------*/
 
form { margin-bottom: 20px; }
fieldset { margin-bottom: 20px; }
.input-text, input[type="text"], input[type="input"], input[type="password"], input[type="email"], input[type="number"], input[type="url"], input[type="tel"], input[type="search"], textarea, select {
		-webkit-appearance: none;
		border: 1px solid #e1e1e1;
		padding: 8px 6px;
		outline: none;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff;
		border-radius: 0px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="search"]:focus, textarea:focus {
		box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
		color: #555;
}
input[type="submit"], #submit, .button {
		padding:9px 22px;
		cursor:pointer;
		border:none;
		-webkit-appearance: none;
		border-radius: 0px;
}
textarea {
		min-height: 60px;
		line-height:1.5em;
}
label {
		display: block;
		font-weight: bold;
		font-size: 12px;
}
legend {
		display: block;
		font-weight: normal;
		font-size: 15px;
}
select { width: 220px; }
input[type="checkbox"], input[type="radio"] { display: inline; }
label span, legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444;
}
textarea { width:100%; }

/*------------------------------------------------------- 
 #Table
 -------------------------------------------------------*/
table {
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 13px;
}

table caption {
	padding: 0 0 5px 0;
	width: auto;
	font-style:italic;
	text-align: right;
	font-size: 12px;
}

th {
	font-weight:bold;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-align: left;
	padding: 9px 12px;
	border-style: solid;
	border-width: 1px;
	border-left:none;
	border-top:none;
}

td {
	font-size: 13px;
	padding: 9px 12px;
	border-style: solid;
	border-width: 1px;
	border-left:none;
	border-top:none;
}

tr th:first-child, tr td:first-child{
	border-left-style: solid;
	border-left-width: 1px;
}

tr:first-child th, tr:first-child td{
	border-top-style: solid;
	border-top-width: 1px;
}

/*------------------------------------------------------- 
  Menu Styles
 -------------------------------------------------------*/
.main-menu{ background:#f8f8f8; clear:both; height:46px;}
.main-menu .nav_container{width:1004px; padding:0; margin: 0 auto;}
.main-menu ul{padding:0; margin:0; display: block; float: left;}
.main-menu ul li{position: relative; display:inline-block; padding:0; margin:0; float: left;}
.main-menu ul li a{padding: 14px 32px; display:inline-block; margin: 0; color:#262626; border-right:1px solid #e0e0e0; }
.main-menu ul li a:hover, .main-menu ul li.active{ text-decoration: none; background:#77d538; color:#000;}
.main-menu ul li.last a{border-right:none;}

.main-menu li ul {box-shadow: 1px 3px 5px rgba(0,0,0,0.40); width: 320px; position: absolute; float: left; list-style: none outside none; z-index: 999; background: #fff; margin-top: 0; padding: 0; margin-left: 0px; display: none;}
.main-menu li:hover ul {display: block;}
.main-menu li ul li{width: 100%;}
.main-menu li ul li a{border-right: none;   display: block;   border-bottom: 1px solid #eee;}
.sub-menu1 {width: 190px!important;} 

/*------------------------------------------------------- 
 #Layout Styles
 -------------------------------------------------------*/
html, body {
		width:100%;
		height:100%;
}
.container {
		width:100%;
		height:auto; /* real browsers */
		height:100%; /* IE6: treaded as min-height*/
		min-height:100%; /* real browsers */
		margin:0 auto; /* center, not in IE5 */
		position:relative; /* needed for footer positioning*/
}
.inner_container{ width:1004px; height: auto; margin: 0 auto;}
.header {display: block;   width: 100%;}
.content { }
.footer { }

/*header section start*/
.header .inner_container{height: 110px;}
.logo_section{float:left;  width:230px; padding: 5px 0;}
.logo_section .logo{}
.header .right_section{float:right;  width:175px; padding: 50px 0 0 0 ;}
.header .right_section .top_ul{margin:0; padding: 0; display: block;}
.header .right_section .top_ul li{display: inline-block; margin:3px 0; padding: 0 0 0 30px; font-size:14px; color:#4e4e4e;}
.header .right_section .top_ul li.call_us{background:url(../images/call_us.png) 0 0 no-repeat;}
.header .right_section .top_ul li.mail_us{background:url(../images/mail_us.png) 0 0 no-repeat; margin:5px 0 0 0;}
.header .right_section .top_ul li a{font-size:14px; color:#4e4e4e;}
.header .right_section .top_ul li span{}
/*header section end*/


/*content section start*/
.content_section{ width:1004px; margin: 0 auto;}
.content_section .inner_container{padding:35px 0; min-height: 420px; float: left;}
.content_section .left_section{  margin-right: 45px; width: 665px; float: left;}
.content_section .sidebar_secion{float:right; width:290px; }
.content_section p{font-size: 14px; padding:0;}
.content_section p a{color: #66b436;}
.content_section p .read_more{color: #ffffff; margin: 30px 0 0 0; float:right;}
.read_more{ background:#66b436; padding:5px 10px; height:auto; color:#fff; font-size:12px; }
.content_section .sidebar_secion p{margin:0;}

/*our products*/
.our_products{float: left; margin:33px 0 0 0; }
.our_products ul{margin:0; padding: 0; display: block;}
.our_products ul li{  width: 320px; display: inline-block; background:#ffeecf; border:1px solid #ffeecf ; padding: 1px; margin:0 4px 25px 0; }
.our_products ul li:nth-child(3n+3){margin:0 0 20px 0;}
.our_products ul li a p{color:#000000; padding:5px 15px; margin: 0}
.our_products ul li a .pro_img{border:1px solid #ffeecf ; overflow: hidden; }
.our_products ul li a .pro_img img{ cursor: pointer; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; width:322px;}
.our_products ul li a .pro_img:hover img{-moz-transform:scale(1.3,1.3); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

/*our services*/
.our_services{}
.our_services ul{ background:#fef8e1; border:1px solid #cecece; display: block; margin:0 0 50px 0; padding:0;}
.our_services ul li{ display:inline-block; width: 100%; border-bottom:1px solid #cecece;}
.our_services ul li.last{border-bottom:none;}
.our_services ul li a{color:#000000; padding:11px 0px 11px 50px; width:82%; display:inline-block; font-size:13px;}

.our_services ul li a.manpower{background:#fef8e1 url(../images/technical_manpower.png) 10px 10px no-repeat;}
.our_services ul li a.contracting{background:#fef8e1 url(../images/contracting_services.png) 12px 10px no-repeat;}
.our_services ul li a.instrumentation{background:#fef8e1 url(../images/instrumentation_services.png) 10px 3px no-repeat;}
.our_services ul li a.maintenance{background:#fef8e1 url(../images/maintenance_icon.png) 12px 6px no-repeat;}
.our_services ul li a.sewage_treatment{background:#fef8e1 url(../images/commissioning.png) 12px 6px no-repeat;}
.our_services ul li a.water_treatment{background:#fef8e1 url(../images/wastewater_plant.png) 12px 6px no-repeat;}
.our_services ul li a.solar-t{background:#fef8e1 url(../images/solar_icon.png) 12px 6px no-repeat;}
.our_services ul li a.pipe{background:#fef8e1 url(../images/pipe.png) 12px 6px no-repeat;}


.our_services ul li a.manpower:hover,.our_services ul li a.manpower.active {background:#77d538 
url(../images/technical_manpower.png) 10px 10px no-repeat;}
.our_services ul li a.contracting:hover, .our_services ul li a.contracting.active {background:#77d538 url(../images/contracting_services.png) 12px 10px no-repeat;}
.our_services ul li a.instrumentation:hover, .our_services ul li a.instrumentation.active{background:#77d538 url(../images/instrumentation_services.png) 10px 3px no-repeat;}
.our_services ul li a.maintenance:hover, .our_services ul li a.maintenance.active {background:#77d538 url(../images/maintenance_icon.png) 12px 6px no-repeat;}
.our_services ul li a.sewage_treatment:hover, .our_services ul li a.sewage_treatment.active {background:#77d538 url(../images/commissioning.png) 12px 6px no-repeat;}
.our_services ul li a.water_treatment:hover, .our_services ul li a.water_treatment.active {background:#77d538 url(../images/wastewater_plant.png) 12px 6px no-repeat;}
.our_services ul li a.solar-t:hover, .our_services ul li a.solar-t.active {background:#77d538 url(../images/solar_icon.png) 12px 6px no-repeat;}
.our_services ul li a.pipe:hover, .our_services ul li a.pipe.active {background:#77d538 url(../images/pipe.png) 12px 6px no-repeat;}


/*our Products*/
.our_products_list{}
.our_products_list ul{ background:#fef8e1; border:1px solid #E7E7E7; display: block; margin:0 0 50px 0; padding:0;}
.our_products_list ul li{ display:inline-block; width: 100%; border-bottom:1px solid #E7E7E7;}
.our_products_list ul li.last{border-bottom:none;}
.our_products_list ul li a{background:url(../images/nav_arrow.png) 15px 50% no-repeat; color:#000000; padding:11px 10px 11px 30px; display:block;}
.our_products_list ul li a:hover, .our_products_list ul li a.active{background:#77d538 url(../images/nav_arrow.png) 15px 50% no-repeat;}
/*new section*/
.new_section{}
.new_section .news{float: left; border:1px solid #e1e1e1; background: #ffffff; padding:5px 15px 10px 15px;}
.new_section .news ul{margin:0; padding: 0; display: block;}
.new_section .news ul li{margin:0; padding:10px 0 10px 0px; display: block; border-bottom: 1px solid #e1e1e1;}
.new_section .news ul li .new_title{ margin:0 0 5px 0; display: block; font-weight: 600; text-align: center; }
.new_section .news ul li{padding:5px 0 10px 0px; float: left;}
.new_section .news ul li:last-child{border-bottom: none;}
.new_section .news ul li p{font-size:12px; line-height: 18px; text-align: left;}
.new_section .news .read_more{margin: 0 0 0 0; float:right;}

.page_title{}
.page_title h1{font-size:27px; font-weight:500;}
.page_title h1 span{color:#c58007;}
.page_title h3{font-size:27px; font-weight:500;}
.page_title h3 span{color:#c58007;}

.section_title{}
.section_title h2{  font-size: 20px; font-weight: 500; color:#B07006;}

.detail_listing{ float: left; margin:0 0 20px 0;}
.detail_listing ul{ margin:0; padding: 0 0 0 0;  }
.detail_listing ul li{display: inline-block;line-height: 20px; width: 45%; padding: 5px 5px 5px 20px; background: url(../images/dots.png) 0 12px no-repeat; }
.detail_listing ul li span{  float: left; color: #C58007;}
.detail_listing ul li.full_width{width: 100%;}
/*career_from*/
.career_from{  border: 1px solid #ebeaea; margin:40px 0 0 0 ; float: left; padding: 15px 20px 30px; width: 93%;}
.career_from ul{  margin: 0; padding: 0; display: block; float: left;}
.career_from li{  margin: 0 0 10px 0; display: inline-block; float: left;   width: 100%;}
.career_from li label {margin: 10px 0 0; float: left; width: 110px; line-height: 20px; font-size: 14px; font-weight: 400; color: #453e3e;}
.career_from li input[type="text"] {  float: left; width: 494px; margin:0 0 10px 0; padding: 12px 6px; background: #ffffff; border: 1px solid #e1e1e1;;}
.career_from li input[type="submit"] {background: #66b436;  float: right; color: #ffffff; margin:0 0 10px 0; padding: 9px 3px;  border: none; font-size: 14px; width: 110px;}
.career_from li textarea{min-height: 80px; width: 494px; resize: none; margin: 0; padding: 12px 6px;  border: 1px solid #e1e1e1;;}
.career_from li input[type="file"]{  padding: 10px;   background: #EFEFEF;}


/*contact section*/
.content_section .contact_right_section{  margin-left: 45px; width: 625px; float: right;}
.contact_from{  border: 1px solid #ebeaea; margin:0 0 0 0 ; float: left; padding:25px 20px 5px; width: 93%;}
.contact_from ul{  margin: 0; padding: 0; display: block; float: left;}
.contact_from li{  margin: 0 0 10px 0; display: inline-block; float: left;   width: 100%;}
.contact_from li label {margin: 10px 0 0; float: left; width: 110px; line-height: 20px; font-size: 14px; font-weight: 400; color: #453e3e;}
.contact_from li input[type="text"] {  float: left; width: 454px; margin:0 0 10px 0; padding: 12px 6px; background: #ffffff; border: 1px solid #e1e1e1;;}
.contact_from li input[type="submit"] {background: #66b436;  float: right; color: #ffffff; margin:0 0 10px 0; padding: 9px 3px;  border: none; font-size: 14px; width: 110px;}
.contact_from li textarea{min-height: 80px; width: 454px; resize: none; margin: 0; padding: 12px 6px;  border: 1px solid #e1e1e1;;}
.contact_from li input[type="file"]{  padding: 10px;   background: #EFEFEF;}

.content_section .address_secion{  float: left; width: 330px;}
.content_section .address_secion ul{}
.content_section .address_secion ul li strong{  margin-bottom: 5px;   display: block; text-transform: uppercase; color:#b17500; font-size: 16px; font-weight:600;}
.content_section .address_secion ul li{color:#5d5d5d; font-size: 14px; padding: 1px 0; display: block;}
.content_section .address_secion ul li.divider{margin:18px 0 0 0;}
.content_section .address_secion ul li a{color:#66B436;}
.map_section{height:300px; width: 100%; border-bottom: 2px solid #66b436; border-top:1px solid #D3D3D3;}
/*content section end*/

/*footer section*/
.footer_section{ float: left; width: 100%; background: #f6f7f8 url(../images/footer_top_bg.jpg) 0 0 repeat-x;}
.footer_section .top_inner_container{margin:0 auto; width: 1004px;}
.footer_section .top_inner_container .links{padding-top: 30px; float: left; width: 225px; border-right:1px solid #dddedf; }
.footer_section .top_inner_container .links ul{}
.footer_section .top_inner_container .links ul li span{ text-transform: uppercase; color:#252525; font-size: 15px; font-weight:600;}
.footer_section .top_inner_container .links ul li a{color:#5d5d5d; font-size: 13px; padding: 1px 0; display: block;}
.footer_section .top_inner_container .links ul li a:hover{color:#b17500;}

.footer_section .top_inner_container .foot_address_section{background:url(../images/map_bg.png) 320px 30px no-repeat;  text-transform: uppercase; padding: 30px 0 0 35px; float: left; width: 400px; border-right:1px solid #dddedf; }
.footer_section .top_inner_container .foot_address_section ul{}
.footer_section .top_inner_container .foot_address_section ul li span{text-transform: uppercase; color:#252525; font-size: 15px; font-weight:600;}
.footer_section .top_inner_container .foot_address_section ul li strong{text-transform: uppercase; color:#b17500; font-size: 13px; font-weight:600;}
.footer_section .top_inner_container .foot_address_section ul li{text-transform: initial; color:#5d5d5d; font-size: 13px; padding: 1px 0; display: block;}
.footer_section .top_inner_container .foot_address_section ul li.divider{margin:18px 0 0 0;}
.footer_section .top_inner_container .foot_address_section ul li a{color:#5d5d5d;}

.subs_follwo_section{padding: 30px 0 0 35px; float:left; width: 307px;}
.subs_follwo_section .subscription_section{float:left; margin-bottom:20px;  }
.subs_follwo_section h3{text-transform: uppercase; color:#252525; font-size: 15px; font-weight:600;}
.subs_follwo_section .subscription_section .frome_area {width: 100%; float: left; margin: 0;  padding: 0;}
.subs_follwo_section .subscription_section .frome_area input[type="text"]{ float: left; margin: 0; width: 203px;}
.subs_follwo_section .subscription_section .frome_area .submit{background:#66b436; color: #ffffff; text-transform: uppercase; font-size:14px; padding:8px 16px;}


.follwo_section{}
.follwo_section ul{margin:0; padding: 0; display: block;}
.follwo_section ul li{ display: inline-block; padding: 0; margin:0 3px; }
.follwo_section ul li a{display: inline-block; height: 39px;  text-indent: -999px;  width: 39px;}
.follwo_section ul li a.facebook{background:url(../images/facebook_icon.png) 0 0 no-repeat;}
.follwo_section ul li a.twitter{background:url(../images/twitter_icon.png) 0 0 no-repeat;}


.copyright_section{background: #242424; text-align: center; clear: both; padding: 15px 0; }
.copyright_section p{color: #6f6f6f;  font-size: 13px; margin:0; padding: 0;}


/* Slider Css*/
.slider-con {width:100%; height:auto; float:left;}
.slider-con img {width: 100%; height: 345px;}
.slider-text {width:40%; height:auto; margin:0px auto 0px 11.5%; padding:0% 0 0 0; position:absolute; bottom:0; left:0px; text-align:left; font-size:15px; text-transform:uppercase;	line-height:40px; color:#fff; right:0px;}
.slider-text p {margin-bottom:20px; background:url(../images/text_bg.png) 0 0 repeat; padding: 6px 8px; color: #000000; font-size:13px; }
.slider-text h2{background:url(../images/text_bg.png) 0 0 repeat; color: #000000;   padding: 6px 8px;width: 120px;}
.home-slider-main{height: 345px; width:100%; clear:both; position:relative;}
.home-slider-main .background-image{}

.inner_banner{ width: 100%; float:left; margin:0 0 10px 0;}
.inner_banner img{ border:1px solid #e1e1e1;}

.water_con_list{}
.water_con_list ul{margin:0; padding: 0; display: block;;}
.water_con_list ul li{margin: 0 15px 0 0; display: inline-block; padding: 0; text-align: center;}
.water_con_list ul li p{text-align: center;}