@charset "utf-8";

/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);

body{

	margin:0;

	padding:0;

	width:100%;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:14px;

	min-width: 960px;   												/*Edited*/

}

header{

	background:#1781b3;

	width:100%;

	height:70px;

	position:relative;

}

.content-wrap{

	width:960px;

	margin:0 auto;

	position:relative;

}

.logo{

/*	padding:10px 0 0 20px;*/

	display:inline-block;

	vertical-align:top;

	padding:2px 0 3px;

	background-image:url(images/logo.png);

	background-repeat:no-repeat;

}

a{

	color:inherit;

	text-decoration:none;

}

.logo h2{

	font-family: 'Open Sans', sans-serif;

	color:#FFF;

	font-size:25px;

	margin:5px 10px 0 70px;

}

.logo p{

	font-size:20px;

	margin:0 10px 0 70px;

}

.menu{

	display:inline-block;

	font-family: 'Open Sans', sans-serif;

	vertical-align:top;

	color:#fff;

	margin-left:30px;

	float:right;

}

.menu nav a{

	display:inline-block;

	line-height:70px;

	padding:0 20px;

	position:relative;

	margin-right:-3px;

	z-index:10;

}

.menu nav a:hover,

.menu nav a.active{

	background:#f4c54b;

}

.menu nav a:hover:after,

.menu nav a.active:after{

	position:absolute;

	content:"";

	width:100%;

/*	background:url(images/menu-after.png) no-repeat;

	background-size:100% 100%;*/

	height:15px;

	border-radius:40px;

	bottom:-14px;

	left:0;

	z-index:5;

}

#banner{

	width:100%;

	position:relative;

	height:435px;

	overflow:hidden;

}

.banner-img{

	width:100%;

	height:100%;

	position:absolute;

}

.banner-img div{

	width:100%;

	height:100%;

	position:absolute;

	background-repeat:no-repeat;

	background-position:bottom center;

	opacity:0;

}

.banner-img div img{

	width:100%;

	visibility:hidden;

}

.banner-overlay{

	background:#344b5d;

	width:100%;

	height:100px;

	bottom:0;

	position:absolute;

	opacity:0.5;

	z-index:50;

}

#banner .content-wrap{

	height:100%;

}

.banner-text{

	font-family: 'Open Sans', sans-serif;

	font-size:26px;

	position:absolute;

	width:100%;

	height: 45px;

	bottom:40px;

	z-index:55;

}

.banner-text .text{

	color:#fff;

	text-align:center;

	position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0;

}

.text span.orange{

	color:#f4c74f;

}

.slide-control-wrap{

	position:absolute;

	width:100%;

	bottom:10px;

	z-index:60;

}

ul.slide-control{

	margin:0;

	padding:0;

	position:relative;

	z-index:80;

}

ul.slide-control li{

	cursor:pointer;

	display:inline-block;

	width:10px;

	height:10px;

	border:1px solid #fff;

	border-radius:6px;

}

ul.slide-control li.active span{

	display:block;

	width:8px;

	height:8px;

	background:#fff;

	border-radius:4px;

	margin:1px;

}

.phone-p{ text-indent: 35px;}

#container{

	background:url(images/container.jpg) no-repeat top center;

	width:100%;

	height:1681px;

	position:relative;

}

.content_container{

	margin:0 15px; padding: 15px 0;

}

/* edited */



.box-container{ 

	margin: 0 15px; 

	position: relative; 

/*	height:520px; 

	overflow:hidden;*/

}

.big-b-wrapper{ width: 335px; height: 335px; position: relative; position: absolute; left: 300px; top: 100px;}

.box-wrapper{ position: absolute; width: 145px; height: 145px; opacity: 0;}



.big-box{ width: 335px; height: 335px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); position: absolute; left: 0; top: 0; background: #FFF; opacity: 0.5;}

.box{ width: 145px; height: 145px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); position: absolute; left: 0; top: 0; background: #00adff; opacity: 0.5;}

/*.box:hover{ cursor:pointer !important;background-color:#f4c74f;opacity:1;}*/

.box-wrapper:hover .box{ background-color:#f4c74f;opacity:1;}

.box-wrapper a{ z-index:1;}

.box:after{ content: ""; width: 39px; height: 39px; position: absolute; left: 95px; bottom: 12px; background: url(images/box-bg.png) no-repeat;-webkit-transform: rotate(-45deg);}

.box-wrapper:nth-child(2){ top: -85px; left: -150px;}

.box-wrapper:nth-child(3){ top: 195px; left: -210px;}

.box-wrapper:nth-child(4){ top: 475px; left: -150px;}

.box-wrapper:nth-child(5){ top: -85px; left: 810px;}

.box-wrapper:nth-child(6){ top: 195px; left: 920px;}

.box-wrapper:nth-child(7){ top: 475px; left: 810px;}

.big-b-wrapper h2{ margin: 0; position: relative; top: 130px; text-align: center; font-size: 32px; color: #FFF; line-height: 30px !important;}

.big-b-wrapper h3{ font-size: 23px; color: #FFF; text-align: center; position: relative; top: 140px; line-height: 30px !important; margin: 0;}

.big-b-wrapper hr{ position: relative; width: 100%; height: 1px; background: #FFF; border: none; top: 137px; margin: 0;}

.box-wrapper h3{ margin: 0; font-size: 19px; color: #FFF; position: relative; top: 60px; text-align: center; font-weight: normal;}

.box-wrapper:nth-child(5) h3, .box-wrapper:nth-child(6) h3, .box-wrapper:nth-child(3) h3{ top: 50px;}

.box-side{ width: 107px; height: 77px; background: url(images/box-side.png) no-repeat; position: absolute; left: 278px; top: 72px;}

.box-side:last-of-type{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); left: 552px; top: 385px;}



/* edited End */

.menu_selection{

	background-image:url(images/home_bg.jpg);

	background-repeat:no-repeat;

	width:100%;

	height:776px;



}

.menu_selection h2{

	color:#FFF;

	margin:0;

	line-height:70px;

}

.menu_selection p{

	color:#1e1b1b;

	line-height:25px;

	margin:0;

	text-align:justify;

}

.vision_mission{

	background-color:#1781b3;

	color:#FFF;

	position:relative;

}

.vision_mission:after{

	content: "";

	position: absolute;

	left: 49%;

	width: 0;

	height: 0;

	border-left: 15px solid transparent;

	border-right: 15px solid transparent;

	border-top: 10px solid #1781b3;

}

.sub_section{

	float:left;

	width:450px;

	margin:15px;

	line-height:25px;

	text-align:justify;

}

.sub_section:nth-child(1){

	margin-left:0;

}

.sub_section:nth-child(2){

	margin-right:0;

}

.clear{

	clear:both;

}

.sub_section h2{

	color:#f4c74f;

	position:relative;

	font-size:22px;

}

.sub_section h2 span{

	height:14px;

	width:14px;

	display:inline-block;

	background-image:url(images/vision_bg.png);

	background-repeat:no-repeat;

	position:relative;

}



.clients h2{

	color:#1781b3;

	font-weight:100;

	text-align:center;

	margin-bottom:0;

}

.back{

	background-image:url(images/back_slide.png);

	background-repeat:no-repeat;

	margin-top:90px;

	width:39px;

	height:39px;

	float:left;

	cursor:pointer;

}            

.client_container{

	float:left;

	overflow:hidden;

	position:relative;

	width:852px;



}

.wrapper_client_sub{

	position:relative;

	overflow:hidden;

	height:220px;

}

.client_sub{

	float:left;

	width:224px;

	padding:15px;

	margin:0 15px;

}

.next{

	background-image:url(images/next_slide.png);

	background-repeat:no-repeat;

	margin-top:90px;

	width:39px;

	height:39px;

	float:left;

	cursor:pointer;

}

.news{

	background-color:#f4c74f;

	padding:20px 0;

}

.news h2{

	margin:0;

	font-weight:100;	

}

.news_container{

	float:left;

	overflow:hidden;

	position:relative;

	width:852px;

	height: 116px;

}

.wrapper_news_sub{

	position:relative;

	overflow:hidden;

	height:118px;

}

.news_sub{

	margin-bottom:20px;

	float:left;

	height:38px;

}

.news_sub h2{

	background-image:url(images/news_sub_icon.png);

	background-repeat:no-repeat;

	background-position:0;

	color:#FFF;

	font-style:italic;

	font-size:15px;

	padding-left:12px;

}

.news_sub p{

	font-style:italic;

	margin:0;

	padding-left:12px;

}

.up_down{

	float:right;

}

.news_up{

	background-image:url(images/news_up.png);

	background-repeat:no-repeat;

	height:39px;

	width:39px;

	cursor:pointer;

	margin-top:10px;

}

.news_down{

	background-image:url(images/news_down.png);

	background-repeat:no-repeat;

	height:39px;

	width:39px;

	cursor:pointer;

	margin-top:10px;	

}

.footer{

	position:relative;

}

.footer_wrapper{

	background-color:#304252;

}

.footer_sub{

	float:left;

	margin-bottom:40px;

}

.footer_sub:nth-child(4){ float: right;}

.footer_sub h2{

/*	font-family: 'Open Sans', sans-serif;*/

	font-family: 'Source Sans Pro', sans-serif;

	font-size:15px;

/*	color:#9d9d9d;*/

	color:#889cae;

	margin-bottom:28px;

	font-weight:100;

}

.list_sub{

	float:left;

	margin-right:20px;

}

.footer_sub p{ font-size: 12px;}

.footer_sub ul{

	padding-left:0;

	margin:0;

}

.footer_sub ul li{

	text-transform: uppercase;

	list-style:none;

	/*background-image:url(Images/list_icon_first.png);*/

	background-repeat:no-repeat;

	background-position:2px;

	margin-bottom:10px;

}

.footer_sub ul li a{

	color:#889cae;

	text-decoration:none;

	font-family: 'Source Sans Pro', sans-serif;

	font-size:12px;

}

.footer_sub:nth-child(1) ul li a{

	background-image:url(images/footer_list_icon.png);

	background-repeat:no-repeat;

	background-position:0;

	padding:5px 16px;

}

.footer_sub:nth-child(1) ul li a:hover{

	background-image:url(images/footer_list_icon_hover.png);

}

.footer_sub:nth-child(2) ul li a{

	padding:5px 5px 5px 0;

}

.footer_sub:nth-child(4) p{

	padding-left:17px;

}

.footer_sub ul li:hover{

/*	background-image:url(Images/list_icon.png);*/

}

.footer_sub ul li a:hover{

	color:#c4cdd6;

}

.footer_sub p{

	color:#889cae;

	margin:8px 10px 5px 0;

	text-transform: uppercase;

}

.footer_sub a{

	color:#889cae;

	text-decoration:none;

}

.footer_sub img{

	margin:3px;

	border:none;

}

.separator_line{

	position:absolute;

	top:55px;

	width:100%;

}

.separator_01{

	height:1px;

	background-color:#19191c;

}

.separator_02{

	height:1px;

	background-color:#606062;

}

.footer_base{

	background-color:#1e3141;

}

.footer_base p{

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 14px;

	color: #3f5d78;

	font-weight: 500;

	line-height: 14px;

/*	color: #9d9d9d;*/

	margin:10px 0;

}

.copyright{

	float:left;

}

.design{

	float:right;

}

.footer_base a{

	color: #3f5d78;

	text-decoration: none;

}

/*.footer_base a:hover{

	color:#e9e9e9;

}*/

.icon_01{

	background-image:url(images/mb_icon.png);

	background-repeat:no-repeat;

}

.icon_02{

	background-image:url(images/ph_icon.png);

	background-repeat:no-repeat;

}

.icon_03{

	background-image:url(Images/email_icon.png);

}

.footer_sub:nth-child(3) p{

	background-repeat:no-repeat;

	background-position:3px;

}

.banner_about{

	background:url(images/banner_about.jpg) center no-repeat;

	height:206px;

	width:100%;

	min-width:960px;

}

.content_about h2{

	margin:0;

	padding:18px 0 4px;	

	font-weight:100;

}

.content_about p{

	line-height:23px;

}

.who_we p{

	text-align:justify;

}

/*

.who_we h2{

	margin:0;

	padding:18px 0 4px;

}



.who_we p{

	text-align:justify;

	line-height:25px;

}*/

.section_02_sub{

	width:290px;

	margin-right:20px;

	float:left;

}

.section_02_sub:nth-child(3){

	width:310px;

	margin-right:0;

}

.choose_list{

	background-image:url(images/list-new.png);

	background-repeat:no-repeat;

	background-position:0;

	padding-left:30px;

	margin:3px;

}

.testimony{

	background-color:#f1f0ee;

	padding:15px;

	margin-bottom:70px;

	position:relative;

}

.testimony:after{

	content:"";

	background-color:#d2d1d0;

	width:310px;

	height:35px;

	position:absolute;

	bottom:-35px;

	left:0;

}

.testimony h4 {

	position: absolute;

	bottom: -45px;

	z-index: 1;

	right: 10px;

	color: #515151;

}



.banner_services{

	background:url(images/banner_services.jpg) center no-repeat;

	height:235px;

	width:100%;

	min-width:960px;

}

.content_services{

	padding:30px 0;

}

.content_services h2{

	margin:0;

	padding:20px 0 20px;	

	font-weight:100;

}

.content_services h2 span{

	color:#1781b3;

}

.content_services p{

	line-height:18px;

	text-align:justify;

}

.material_sub{

	background-repeat:no-repeat;

	margin-bottom:5px;

	position:relative;

}

.materials:nth-child(2) .material_sub:nth-child(2){

	border-bottom:1px dotted #979797;

}

.materials:nth-child(2) .material_sub:nth-child(2) .material_text{

	height:216px !important;

	padding:0 0 15px 80px;

	width:675px;

	border-bottom:none;

}

.materials:nth-child(2) .material_sub:nth-child(3) .material_text{

	height:90px !important;

	padding:42px 0;

}

.materials:nth-child(2) .material_sub:nth-child(4) .material_text{

	height:54px !important;

	padding:60px 0 60px 80px;

	width:675px;

}

.materials:nth-child(2) .material_sub:nth-child(5) .material_text{

	height:72px !important;

	padding:51px 0;

}

.materials:nth-child(2) .material_sub:nth-child(6) .material_text{

	height:90px !important;

	padding:42px 0 42px 80px;

	width:675px;

}

.materials:nth-child(2) .material_sub:nth-child(7) .material_text{

	height:108px !important;

	padding:33px 0;

}

.materials:nth-child(2) .material_sub:nth-child(8) .material_text{

	height:94px !important;

	width:675px;

	padding:40px 0 40px 80px;

}

.materials:nth-child(2) .material_sub:nth-child(9) .material_text{

	height:54px !important;

	padding:60px 0;

}

.materials:nth-child(3) .material_sub:nth-child(even) .material_text{

	height:114px !important;

	padding:20px 0 40px 80px;

	width:675px;

}

.materials:nth-child(3) .material_sub:nth-child(odd) .material_text{

	height:94px !important;

	padding:40px 80px 40px 0;

	width:675px;

}

.material_sub:nth-child(even) {

/*	background-image:url(images/material_bgnd.png);

	background-position:175px;*/

}

.material_sub:nth-child(odd) {

/*	background-image:url(images/material_bgnd_02.png);

	background-position:707px;*/

}

.square{

	width:175px;

	height:175px;

	position:relative;

	z-index:1;

	color:#FFF;

	text-align:center;

	float:left;

}

.square h2{

	font-size:40px;

	padding:30px 0 0;

}

.square p{

	margin:0;

	font-size:12px;

	text-align:center;

}

.material_text{

	height:174px;

	width:755px;

	float:left;

	background-repeat:no-repeat;

	border-bottom:1px dotted #979797;

}

.material_text ul{

	float:left;

	margin:0;

	padding:0 15px 0 0;

}

.material_text ul li{

	list-style:none;

	background-image:url(images/list_icon.png);

	background-position:0 3px;

	background-repeat:no-repeat;

	padding-left:20px;

}

.material_sub:nth-child(even) .square{

	background-color:#1781b3;

}

.material_sub:nth-child(odd) .square{

	background-color:#929ea4;

}	

.material_sub:nth-child(even) .material_text p{

/*	margin:50px 20px 15px 60px;*/

}

.material_sub:nth-child(odd) .material_text p{

/*	margin:50px 60px 15px 20px;*/

}

.materials:nth-child(3) .material_sub:nth-child(even) .square{

	background-color:#929ea4;

}

.materials:nth-child(3) .material_sub:nth-child(odd) .square{

	background-color:#1781b3;

}

.materials:nth-child(3) .material_sub:nth-child(even){

/*	background-image:url(images/material_bgnd_03.png);*/

}

.materials:nth-child(3) .material_sub:nth-child(odd){

/*	background-image:url(images/material_bgnd_04.png);*/

}

.materials:nth-child(3) .material_sub:last-of-type .material_text{

	border-bottom:none;

}

.about-services{background-color:#0c202a; width:100%; text-align:center; padding:40px 0;}

.about-services h2{color:#1781b3; margin:0;}

.about-services p{color:#a09c9c;}

.about-services h3{color:#d1d1d1; border-bottom:1px solid #1781b3; padding: 20px; background-repeat:no-repeat; background-position: 50% 90%;}

.general h3{border-bottom:none; background-image:none; text-align:left; color:#c1c1c1; padding:20px 0 !important;}

.sub-general{float:left; text-align:left;width:465px;}

.sub-general ul{padding:0; margin:0;}

.sub-general li{color:#b7b7b7; background-image:url(images/li-new.png); background-repeat:no-repeat; list-style:none; background-position:0 11px; padding-left:25px; line-height:2; font-size:15px;}

.generators{padding:30px 0;}

.generators h3{padding:15px 0; margin:0;}

.generators li{color:#717171 !important;}

.electrical{background-color:#f4c54b; width:100%; padding:10px 0;}

.electrical li{color:#272727 !important;}

.electrical-sub{border-bottom:1px dotted #87650e; padding:30px 0;} 

.electrical-sub:nth-child(3){border-bottom:none;}



.banner_contact{

	background:url(images/banner_contact.jpg) center no-repeat;

	height:189px;

	width:100%;

	min-width:960px;

}

.content_contact h2{

	margin:0 0 0 15px;

	padding:20px 0 5px;

}

.location{

	float:left;

	margin:35px 15px 15px 15px;

}

.details{

	float:left;

	width:450px;

	margin:15px;

}

.c_form input{

	border:1px dotted #999;

	height:20px;

	width:128px;

	padding:5px;

	margin:5px;

	float:left;

	font-family: 'Open Sans', sans-serif;

}

.c_form textarea{

	width: 428px;

	height:166px;

	border:1px dotted #999;

	margin:15px 5px;

	font-family: 'Open Sans', sans-serif;

	padding:5px;

}

.c_form input:focus{ 

	border:1px solid #1781b3; 

	outline: none;

}

.c_form textarea:focus{ 

	border:1px solid #1781b3; 

	outline: none;

}

.c_form p{

	position:relative;

	float:left;

}

.details input[type="submit"]{ 

	width: 120px; 

	height: 30px; 

	border:none; 

	background: #0aa0e7; 

	float: right;

	color: #FFF; 

	font-size:15px;

	cursor: pointer;

	margin:10px 5px;

}

.contact{



}

.contact_sub{

	background-color:#cce3ee;

	width:230px;

	height:165px;

	padding:5px 30px;

	float:left;

	margin:15px;

	color:#476376;	

}

.contact_sub h4{

	margin:8px 0;

	padding-left:18px;

}

.contact_sub p{

	margin:3px 0;

}

.contact_sub:nth-child(2) p{

	font-size:15px;

}

.contact_sub:nth-child(1) h4{

	background-image:url(images/address_icon.png);

	background-repeat:no-repeat;

}

.contact_sub:nth-child(2) h4{

	background-image:url(images/phone_icon.png);

	background-repeat:no-repeat;

}

.contact_sub:nth-child(3) h4{

	background-image:url(images/email.png);

	background-repeat:no-repeat;

	background-position:0;

}

.details label {

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 15px;

	position: absolute;

	bottom: -20px;

	left:6px;

	color: #1781b3;

}

.arrow_01{

	background-image:url(images/material_bgnd.png);

	background-repeat:no-repeat;

	width:48px;

	height:175px;

	position:absolute;

	left:162px;

	opacity:0.4;

}

.arrow_02{

	background-image:url(images/material_bgnd_02.png);

	background-repeat:no-repeat;

	width:48px;

	height:175px;

	position:absolute;

	left:720px;

	opacity:0.4;

}

.arrow_03{

	background-image:url(images/material_bgnd_03.png);

	background-repeat:no-repeat;

	width:48px;

	height:175px;

	position:absolute;

	left:162px;

	opacity:0.4;

}

.arrow_04{

	background-image:url(images/material_bgnd_04.png);

	background-repeat:no-repeat;

	width:48px;

	height:175px;

	position:absolute;

	left:720px;

	opacity:0.4;

}

.content-about{text-align:justify;}

.who-are-wrap{

	background-color:#f0f0f0;

}

.who-are{

	padding:35px 0 25px;

}

.who-are h2{

/*	padding:20px 0 0;*/

}

.who-are h2{

	margin:0;

}

.why-choose{padding:30px 0 20px;}

.why-choose h2{margin:0;}

.why-list ul{float:left; padding:0 240px 0 0;}

.testi-wrapper{ background-color:#f4c54b; height:220px; width:100%;}

.testi-content{text-align:center; padding:25px 0 20px; position:relative;}

.testi-content h2{position:relative; font-weight:normal; margin:0;}

/*.testi-content h2:after{content:""; position:absolute; bottom:-6px; width:100px; height:6px; background-color:#242020; left:45%;}*/

.more-than{color:#626060; font-size:15px;}

.main-testimonial{ position:relative; height:125px;}

.node-active, .main-testimonial .active{ display:block !important; }

.sub-testimonial{position:absolute; left:0; top:0; display:none;}

.sub-testimonial p{font-size:14px;}

.name-company{color:#FFF; font-style:italic;}

.nodes{ position:absolute; left: 46%; bottom:0%;}

.sub-node{width:12px; height: 12px; background-color:#9abd7f; float:left; margin:5px;}

.node-active,.sub-node:hover{background-color:#14b2cd; cursor:pointer;}





/***********************************************************Career ****************************************************************/



.career-banner{background:url(images/career-banner.jpg) no-repeat;background-size:cover;height:210px;background-position:center}

p{line-height:24px;}

.career-content h2{color: #494949;font-weight: normal;}

.career-content ul{margin:0;padding: 0px 0px 0px 15px;}

.career-content li{height:25px;background:url(images/li-black.png) no-repeat;list-style-type:none;background-position: 0px 5px;padding-left: 14px;}

.career-img{background:url(images/career-img.png) no-repeat;height: 265px;margin-top: -190px;margin-left: 527px;width:305px;-webkit-transform: rotate(60deg);-moz-transform: rotate(60deg);-o-transform: rotate(60deg);transform: rotate(60deg);position:relative;top:-20px}

.career-img1{position:relative;top: 3px;left: 26px;height: 275px;margin-top: -286px;margin-left: 526px;;}

.career-img1 img{-webkit-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-o-transform: rotate(-60deg);transform: rotate(-60deg)}