@font-face {
    font-family: 'ColabLig';
    src: url('fonts/ColabLig.eot');
    src: url('fonts/ColabLig.eot') format('embedded-opentype'),
         url('fonts/ColabLig.woff2') format('woff2'),
         url('fonts/ColabLig.woff') format('woff'),
         url('fonts/ColabLig.ttf') format('truetype'),
         url('fonts/ColabLig.svg#ColabLig') format('svg');
}
@font-face {
    font-family: 'ColabMed';
    src: url('fonts/ColabMed.eot');
    src: url('fonts/ColabMed.eot') format('embedded-opentype'),
         url('fonts/ColabMed.woff2') format('woff2'),
         url('fonts/ColabMed.woff') format('woff'),
         url('fonts/ColabMed.ttf') format('truetype'),
         url('fonts/ColabMed.svg#ColabMed') format('svg');
}

@font-face {
    font-family: 'consolab_0';
    src: url('fonts/consolab_0.eot');
    src: url('fonts/consolab_0.eot') format('embedded-opentype'),
         url('fonts/consolab_0.woff2') format('woff2'),
         url('fonts/consolab_0.woff') format('woff'),
         url('fonts/consolab_0.ttf') format('truetype'),
         url('fonts/consolab_0.svg#consolab_0') format('svg');
}


/* --- RESET --- */
body,h1,h2,h3,h4,h5,h6,img,a,p,dl,dt,dd,input,textarea,select,ul,li button,area,map{margin: 0; padding: 0; list-style: none; text-decoration: none; outline: none; border: none;}

html,body{
	height:100%;
	min-height:100%;
	}

body {
	overflow-x:hidden;
	font-size:14px;
	font-weight:normal;
	
}

a{
	color: #444444;
	}	
.wrapper{
	width:100%;
	position:relative;
	float:left;
	overflow:hidden;
	min-height:100%;
	padding-bottom:264px;
	}
.content{
	float:left;
	width:100%;
	position:relative;
	}
footer{
	position:absolute;
	width:100%;
	background-color:#003449;
	bottom:0px;
	}
	
footer span.foot-icon{
	background-image:url(../images/foot-icon.png);
	width:53px;
	height:90px;
	position:relative;
	float:left;
	left:50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);             
    transform:translate(-50%,0%);
	top:-49px;
	}
.footer-div{
	float:left;
	position:relative;
	left:50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);             
    transform:translate(-50%,0%);
	width:493px;
	clear:both;
	margin-top:-26px;
	}
.footer-div h6{
	float:left;
	width:100%;
	color:#ffffff;
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
	font-family: 'ColabMed',Arial,sans-serif;
	}
	
.footer-div address{
	float:left;
	font-weight:normal;
	font-style:normal;
	color:#ffffff;
	font-size:18px;
	font-family: 'ColabLig',Arial,sans-serif;
	width:485px;
	text-align:center;
	margin-top:15px;
	}	
.footer-div address a{
	color:#ffffff;
	}
.footer-social{
	float:left;
	margin-top:40px;
	width:295px;
	margin-bottom:20px;
	position:relative;
	left:50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);             
    transform:translate(-50%,0%);
	}
.footer-social ul li{
	float:left;
	background-image:url(../images/sm-footer.png);
	width:29px;
	height:29px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin-right:29px;
	-webkit-transition: all 0.2s ease-in;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.2s ease-in;/* Firefox 4-15 */
	-o-transition: all 0.2s ease-in;/* Opera 10.5-12.00 */
	transition: all 0.2s ease-in;/* Firefox 16+, Opera 12.50+ */
	}
.footer-social ul li.twit{
	background-position:-62px 0px;
	width:37px;
	}
.footer-social ul li.linkedin{
	background-position:-130px 0px;
	}
.footer-social ul li.youtube{
	background-position:-188px 0px;
	width:42px;
	}
.footer-social ul li.gplus{
	background-position:-260px 0px;
	margin-right:0px;
	}
.safearea{
	float:left;
	width:960px;
	left:50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);             
    transform:translate(-50%,0%);
	position:relative;
	}
	
header{
	float:left;
	width:100%;
	position:relative;
	background-color:#ffffff;
	padding-top:10px;
	padding-bottom:10px;
	}
	
.logo{
	float:left;
	margin-left:20px;
	}
	
.social-media{
	top:22px;
	right:0px;
	position:absolute;
	}
	
nav{
	float:right;
	margin-top:75px;
	}
	
.social-media ul{
	float:left;
	}
	
.social-media ul li{
	float:left;
	height:15px;
	width:15px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-image:url(../images/sm.png);
	position:relative;
	margin-right:15px;
	-webkit-transition: all 0.2s ease-in;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.2s ease-in;/* Firefox 4-15 */
	-o-transition: all 0.2s ease-in;/* Opera 10.5-12.00 */
	transition: all 0.2s ease-in;/* Firefox 16+, Opera 12.50+ */
	}
	
.social-media ul li a{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	}
	
.social-media ul li.twit{
	background-position:-34px 0px;
	width:19px;
	}
.social-media ul li.linkedin{
	background-position:-69px 0px;
	}
.social-media ul li.youtube{
	background-position:-101px 0px;
	width:22px;
	}
.social-media ul li.gplus{
	background-position:-138px 0px;
	margin-right:0px;
	}
.social-media ul li:hover{
	background-position:0px -25px;
	}
.social-media ul li.twit:hover{
	background-position:-34px -25px;
	width:19px;
	}
.social-media ul li.linkedin:hover{
	background-position:-69px -25px;
	}
.social-media ul li.youtube:hover{
	background-position:-101px -25px;
	width:22px;
	}
.social-media ul li.gplus:hover{
	background-position:-138px -25px;
	margin-right:0px;
	}
	
nav ul{
	float:left;
	width:100%;
	}
	
nav ul li{
	float:left;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
	color:#345760;
	font-family: 'ColabMed',Arial,sans-serif;
	margin-right:40px;
	}
nav ul>li:last-child{
	margin-right:0px;
	}
nav ul li a{
	color:#345760;
	-webkit-transition: all 0.2s ease-in;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.2s ease-in;/* Firefox 4-15 */
	-o-transition: all 0.2s ease-in;/* Opera 10.5-12.00 */
	transition: all 0.2s ease-in;/* Firefox 16+, Opera 12.50+ */
	}
	
.home-banners-wrapper{
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;
	height:500px;
	}
	
.home-banners-wrapper ul{
	float:left;
	position:relative;
	height:100%;
	}
.home-banners-wrapper ul li{
	width:980px;
	height:100%;
	background-size:cover;
	background-position:center center;
	float:left;
	}
.home-banners-wrapper ul li div.banner-text-holder{
	float:right;
	height:100%;
	width:50%;
	background-color:rgba(237,134,0,0.9);
	position:relative;
	top:-100%;
	-webkit-transition: all 0.3s ease-in;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.3s ease-in;/* Firefox 4-15 */
	-o-transition: all 0.3s ease-in;/* Opera 10.5-12.00 */
	transition: all 0.3s ease-in;/* Firefox 16+, Opera 12.50+ */
	}
.home-banners-wrapper ul li div.now-active-banner{
	top:0px;
	}	
	
.home-banners-wrapper ul li div.banner-text-holder div.banner-text-holder-table{
	float:left;
	margin-left:15%;
	width:491px;
	top:50%;
	position:relative;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    -ms-transform:  translate(0%,-50%);    
    transform: translate(0%,-50%);
	}
	
.banner-text-holder-table h5{
	float:left;
	width:100%;
	text-transform:uppercase;
	font-weight:normal;
	color:#b56b0c;
	font-size:18px;
	font-family: 'consolab_0',Arial,sans-serif;
	}
	
.banner-text-holder-table h2{
	float:left;
	width:100%;
	text-transform:uppercase;
	font-weight:normal;
	color:#132226;
	font-size:45px;
	font-family: 'consolab_0',Arial,sans-serif;
	line-height:45px;
	}
	
.banner-text-holder-table div{
	float:left;
	margin-top:15px;
	border:1px solid #003449;
	}


.banner-text-holder-table div span{
	float:left;
	padding:17px;
	display:block;
	color:#132226;
	font-size:12px;
	font-weight:normal;
	font-family: 'consolab_0',Arial,sans-serif;
	text-transform:uppercase;
	}
.banner-text-holder-table div.banner-text-power-table>span:nth-child(n+2){
	border-top:1px solid #003449;
	}
.banner-text-holder-table div.banner-text-electro-table>span:nth-child(-n+3){
	border-bottom:1px solid #003449;
	}
.banner-text-holder-table div.banner-text-power-table>span:nth-child(2),.banner-text-holder-table div.banner-text-power-table>span:nth-child(3),.banner-text-holder-table div.banner-text-electro-table>span:nth-child(n+2),.banner-text-holder-table div.banner-text-electro-table>span:nth-child(1){
	border-right:1px solid #003449;
	}
.banner-text-holder-table div.banner-text-power-table>span:nth-child(2){
	clear:both;
	}
.banner-text-holder-table div.banner-text-electro-table>span:last-child,.banner-text-holder-table div.banner-text-electro-table>span:nth-child(3){
	border-right:none;
	}
	
.banner-text-holder-table div.banner-text-electro-table span.adjust-span{
	width:180px;
	text-align:center;
	}


.banner-text-holder-table a{
	float:left;
	margin-top:45px;
	width:110px;
	height:45px;
	line-height:45px;
	background-color:#003449;
	color:#ee9116;
	font-size:15px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	clear:both;
	font-family: 'consolab_0',Arial,sans-serif;
	-webkit-transition: all 0.2s ease-in;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.2s ease-in;/* Firefox 4-15 */
	-o-transition: all 0.2s ease-in;/* Opera 10.5-12.00 */
	transition: all 0.2s ease-in;/* Firefox 16+, Opera 12.50+ */
	}
	
.home-about{
	float:left;
	width:100%;
	background-color:#003449;
	padding-top:100px;
	padding-bottom:100px;
	}
	
.home-about span.title{
	float:left;
	display:block;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	color:#eb992e;
	font-size:40px;
	font-weight:normal;
	font-family: 'consolab_0',Arial,sans-serif;
	}
	
.home-about-content{
	float:left;
	width:100%;
	background-position: center;
	background-repeat:no-repeat;
	background-image:url(../images/home-about-icon.png);
	margin-top:80px;
	}
	
.home-about-content-left{
	float:left;
	width:320px;
	border:1px solid #ffffff;
	padding-bottom:35px;
	}
	
.home-about-content-left article,.home-about-content-right article,.about-history-left article,.about-history-bottom-right article,.about-container article,.projects-home article,.projects-home-div div article,.projects-div-intro div article,.highlighted-project article,.other-projects-container>div div article,.scope-wrapper>div article,.stakeholders-left article,.services-div article{
	margin-top:33px;
	float:left;
	width:175px;
	font-size:16px;
	font-weight:normal;
	color:#ffffff;
	font-family: 'ColabLig',Arial,sans-serif;
	margin-left:13px;
	}
.home-about-content-right article,.about-history-left article,.about-history-bottom-right article,.about-container article,.projects-home article,.projects-home-div div article,.projects-div-intro div article,.highlighted-project article,.other-projects-container>div div article,.scope-wrapper>div article,.stakeholders-left article,.services-div article{
	width:100%;
	margin-left:0px;
	}	
.home-about-content-left span{
	float:left;
	display:block;
	background-image:url(../images/home-about-icon-set.png);
	width:98px;
	height:98px;
	background-position:0px 0px;
	margin-left:24px;
	margin-top:35px;
	clear:both;
	background-repeat:no-repeat;
	}
	
.home-about-content-left>span:nth-child(3){
	background-position:0px -112px;
	}
	
.home-about-content-left>span:nth-child(5){
	background-position:0px -229px;
	}
	
.home-about-content-right{
	float:right;
	width:320px;
	margin-top:78px;
	}
	
.home-about-content-right h4,.about-history-left h5,.about-history-bottom-left h5,.contact-left h5{
	float:left;
	width:100%;
	font-size:28px;
	font-weight:normal;
	line-height:28px;
	color:#ffffff;
	font-family: 'ColabMed',Arial,sans-serif;
	}
.home-about-content-right h4 span,.about-history-left h5 span,.about-history-bottom-left h5 span,.contact-left h5 span{
	color:#da7e06;
	}
	
.home-about-content-right a{
	float:left;
		-webkit-transition: all 0.2s ease-in;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.2s ease-in;/* Firefox 4-15 */
	-o-transition: all 0.2s ease-in;/* Opera 10.5-12.00 */
	transition: all 0.2s ease-in;/* Firefox 16+, Opera 12.50+ */
	color:#003449;
	font-size:18px;
	font-weight:normal;
	width:100%;
	font-family: 'ColabMed',Arial,sans-serif;
	background-color:#d77b04;
	height:45px;
	line-height:45px;
	text-align:center;
	margin-top:35px;
	}
	
.about-history{
	float:left;
	width:100%;
	background-color:#003449;
	position:relative;
	padding-top:60px;
	padding-bottom:60px;
	}
	
.about-history-left{
	float:left;
	width:415px;
	margin-bottom:55px;
	margin-left:60px;
	}
.about-history-right{
	margin-top:80px;
	background-image:url(../images/home-about-icon.png);
	width:297px;
	height:259px;
	display:block;
	float:right;
	}
	
.about-history-left h2,.projects-home h2,.projects-div-intro div h1,.contact-left h1,.services-div h1{
	float:left;
	width:100%;
	color:#eb992e;
	font-size:40px;
	font-weight:normal;
	font-family: 'consolab_0',Arial,sans-serif;
	margin-bottom:35px;
	text-transform:uppercase;
	}
.projects-home h2{
	margin-bottom:0px;
	text-align:center;
	}	
.about-history-bottom{
	float:left;
	width:900px;
	padding-top:55px;
	border-top:1px solid #d27d0c;
	margin-left:60px;
	}
	
.about-history-bottom-left{
	float:left;
	width:345px;
	}
.about-history-bottom-right{
	float:right;
	width:460px;
	}
.about-history-bottom-right article,.services-div article{
	margin-top:0px;
	}
	
.about-vision-wrapper,.about-container{
	float:left;
	width:100%;
	padding-bottom:75px;
	}
	
.about-vision-wrapper h3{
	float:left;
	color:#f6f5f3;
	font-size:13px;
	font-weight:normal;
	font-family: 'ColabMed',Arial,sans-serif;
	width:226px;
	height:67px;
	text-align:center;
	line-height:67px;
	padding-left:60px;
	background-color:#d77b04;
	position:relative;
	}
	
.about-vision-wrapper h3::before{
	content:"";
	background-color:#d77b04;
	height:67px;
	position:absolute;
	top:0px;
	width:3000px;
	left:-3000px;
	}
	
.about-vision{
	float:left;
	width:390px;
	margin-top:40px;
	}
	
.about-container h2{
	float:left;
	color:#132226;
	font-size:45px;
	font-weight:normal;
	width:100%;
	font-family: 'consolab_0',Arial,sans-serif;
	text-transform:uppercase;
	margin-top:25px;
	}
	
.about-container span{
	float:left;
	display:block;
	background-image:url(../images/about-icons.png);
	width:100%;
	height:60px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	}

.about-container article{
	color:#003449;
	}	
	
.about-vision article{
	background-image:url(../images/line.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom:20px;
	margin-top:20px;
	}
	
.about-mission{
	float:right;
	padding:40px;
	width:380px;
	border:1px solid #d77b04;
	}
.about-mission span{
	background-position:-538px 0px;
	}
.about-mission div{
	float:left;
	background-image:url(../images/vision-map.png);
	width:362px;
	height:264px;
	}
	
.about-values{
	float:left;
	width:100%;
	}
	
.about-values span{
	background-position:0px -500px;
	}
.value-div {
    float: left;
    margin-right: 10px;
    margin-top: 20px;
    width: 232px;
}
	
.about-values>div:last-child{
	margin-right:0px;
	}
	
.value-div h4{
	float:left;
	color:#d77b04;
	font-size:18px;
	font-weight:normal;
	width:100%;
	font-family: 'consolab_0',Arial,sans-serif;
	text-transform:uppercase;
	}
.value-div article{
	margin-top:10px;
	}
	
.copy{
	float:left;
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	}
.copy span,.copy span a{
	color:#ffffff;
	font-size:16px;
	font-weight:normal;
	font-family: 'ColabLig',Arial,sans-serif;
	-webkit-transition: all 0.3s ease-in;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.3s ease-in;/* Firefox 4-15 */
	-o-transition: all 0.3s ease-in;/* Opera 10.5-12.00 */
	transition: all 0.3s ease-in;/* Firefox 16+, Opera 12.50+ */
	}
.copy span a:hover,.contact-left address a:hover{
	color:#eb992e;
	}	
.projects-home{
	float:left;
	width:100%;
	padding-top:100px;
	padding-bottom:100px;
	}
	
.projects-home article{
	color:#003449;
	width:650px;
	left:50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);             
    transform:translate(-50%,0%);
	position:relative;
	}
	
.projects-home-div-wrapper{
	float:left;
	width:100%;
	margin-top:20px;
	}
	
.projects-home-div{
	position:relative;
	float:left;
	background-image:url(../images/projects-home-img.jpg);
	width:475px;
	height:275px;
	background-size:cover;
	margin-top:10px;
	cursor:pointer;
	}
	
.projects-home-div div{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	background-color:rgba(220,127,6,0.95);
	padding-left:30px;
	opacity:0;
    -webkit-transform:scale(0,0);
    -moz-transform:scale(0,0);
    -o-transform:scale(0,0);
    -ms-transform:scale(0,0);       
    transform:scale(0,0);
	-webkit-transition: all 0.3s ease-in;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.3s ease-in;/* Firefox 4-15 */
	-o-transition: all 0.3s ease-in;/* Opera 10.5-12.00 */
	transition: all 0.3s ease-in;/* Firefox 16+, Opera 12.50+ */
	width:445px;
	}
	
.projects-home-div:hover div{
	opacity:1;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    -ms-transform:scale(1,1);
    transform:scale(1,1);
	}
.projects-home-div div h4{
	float:left;
	color:#ffffff;
	font-size:18px;
	font-weight:normal;
	font-family: 'consolab_0',Arial,sans-serif;
	background-image:url(../images/line2.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom:5px;
	width:100%;
	text-transform:uppercase;
	}
	
.projects-home-div div span{
	float:left;
	display:block;
	background-image:url(../images/projects-icons.png);
	background-position:-953px 0px;
	background-repeat:no-repeat;
	width:100px;
	height:75px;
	margin-top:20px;
	margin-bottom:60px;
	}
.projects-home-div div article{
	margin-top:10px;
	}
	
.projects-home-div-wrapper>div:nth-child(2){
	float:right;
	}
.projects-home-div-wrapper>div:nth-child(3){
	left:50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);             
    transform:translate(-50%,0%);
	}
	
.projects-home-div-wrapper>div:nth-child(2) span{
	background-position:0px -651px;
	}
.projects-home-div-wrapper>div:nth-child(3) span{
	background-position:-946px -658px;
	}

.projects-wrapper{
	float:left;
	width:100%;
	}
	
.projects-div{
	float:left;
	width:49.8%;
	background-color:#003449;
	height:50%;
	margin-bottom:0.3%;
	background-position:center;
	background-size:cover;
	}
	
.projects-wrapper>a:nth-child(2n) div{
	float:right;
	}
	
.projects-div-intro div{
	float:left;
	left:50%;
	top:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);       
    transform:translate(-50%,-50%);
	position:relative;
	width:410px;
	}
	
.projects-div h2{
	float:left;
	width:159px;
	height:59px;
	background-position:-909px 9px;
	position:relative;
	left:50%;
	top:50%;
    -webkit-transform: translate(-50%,-50%) scale(0.5,0.5);
    -moz-transform:translate(-50%,-50%) scale(0.5,0.5);
    -o-transform:translate(-50%,-50%) scale(0.5,0.5);
    -ms-transform: translate(-50%,-50%) scale(0.5,0.5);      
    transform:translate(-50%,-50%) scale(0.5,0.5);
	padding-top:100px;
	background-image:url(../images/projects-icons.png);
	background-color:#d07908;
	background-repeat:no-repeat;
	text-align:center;
	color:#f6f5f3;
	font-size:16px;
	font-weight:normal;
	font-family: 'consolab_0',Arial,sans-serif;
	line-height:16px;
	text-transform:uppercase;
	-webkit-transition: all 0.2s ease-in;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.2s ease-in;/* Firefox 4-15 */
	-o-transition: all 0.2s ease-in;/* Opera 10.5-12.00 */
	transition: all 0.2s ease-in;/* Firefox 16+, Opera 12.50+ */
	}
.projects-div:hover h2{
	    -webkit-transform: translate(-50%,-50%) scale(1,1);
    -moz-transform:translate(-50%,-50%) scale(1,1);
    -o-transform:translate(-50%,-50%) scale(1,1);
    -ms-transform: translate(-50%,-50%) scale(1,1); 
    transform:translate(-50%,-50%) scale(1,1);
	}
.projects-div h2 a{
	color:#f6f5f3;
	}	
.projects-wrapper > a:nth-child(3) div h2 {
    background-position: 49px -642px;
}
	
.projects-wrapper > a:nth-child(4) div h2 {
    background-position: -911px -653px;
}

.projects-wrapper > a:nth-child(2) div{
	background-image:url(../images/projects/power.jpg)
	}
.projects-wrapper > a:nth-child(3) div{
	background-image:url(../images/projects/industrial.jpg);
	}
.projects-wrapper > a:nth-child(4) div{
	background-image:url(../images/projects/residential.jpg);
	}
	
.projects-details-wrapper{
	float:left;
	width:100%;
	position:relative;
	}
	
.project-img{
	position:absolute;
	left:0px;
	width:50%;
	background-image:url(../images/project-details.jpg);
	height:680px;
	background-size:cover;
	}
	
.nav-projects{
	float:right;
	height:65px;
	position:relative;
	background-color:#003449;
	}
.nav-projects::after{
	background-color:#003449;
	width:3000px;
	right:-3000px;
	position:absolute;
	height:65px;
	content:"";
	}	
.nav-projects ul li{
	float:left;
	margin-left:20px;
	color:#f6f5f3;
	font-size:13px;
	font-weight:normal;
	font-family: 'ColabMed',Arial,sans-serif;
	line-height:65px;
	text-transform:uppercase;
	}
.nav-projects ul li a{
	color:#f6f5f3;
	-webkit-transition: all 0.2s ease-in;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.2s ease-in;/* Firefox 4-15 */
	-o-transition: all 0.2s ease-in;/* Opera 10.5-12.00 */
	transition: all 0.2s ease-in;/* Firefox 16+, Opera 12.50+ */
	}
	
.highlighted-project{
	float:right;
	width:450px;
	padding-left:30px;
	position:relative;
	background-color:#f6f5f3;
	}
	
.highlighted-project::after{
	content:"";
	background-color:#f6f5f3;
	width:3000px;
	right:-3000px;
	position:absolute;
	height:100%;
	top:0px;
	}
	
.highlighted-project span.project-icon{
	float:left;
	display:block;
	background-image:url(../images/residential-icon.png);
	height:48px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:100%;
	margin-top:90px;
	margin-bottom:45px;
	}
	
.highlighted-project h3{
	color:#d77b04;
	float:left;
	width:100%;
	font-size:18px;
	font-weight:normal;
	font-family: 'consolab_0',Arial,sans-serif;
	text-transform:uppercase;
	}
	
.highlighted-project h2{
	float:left;
	text-transform:uppercase;
	color:3132226;
	font-size:45px;
	font-weight:normal;
	font-family: 'consolab_0',Arial,sans-serif;
	width:100%;
	line-height:45px;
	}
	
.highlighted-project article{
	color:#003449;
	}
	
.highlighted-project div{
	width:445px;
	float:left;
	border:1px solid #003449;
	margin-top:40px;
	}

.highlighted-project2 div{
	width:auto;
	border:none;
	margin:0px;
	float:none;
	}
.highlighted-project .project-details-fade-wrapper .project-details-fade div{
	width:445px;
	float:left;
	border:1px solid #003449;
	margin-top:40px;
	}
.highlighted-project div span{
	float:left;
	display:block;
	width:18%;
	padding:2%;
	border-bottom:1px solid #003449;
	}
	
.highlighted-project div>span:nth-child(2n){
	width:73.7%;
	}
	
.highlighted-project2 div>span:nth-child(2n){
	border-left:1px solid #003449;
	}
	
/*.highlighted-project div>span:nth-child(-n+4){
	border-bottom:1px solid #003449;
	}*/
	
.highlighted-project2 div>span:last-child,.highlighted-project2 div>span:nth-last-child(2){
	border-bottom:none;
	}
	
.other-projects-wrapper{
	float:left;
	width:100%;
	margin-bottom:75px;
	}
	
.other-projects-wrapper h4 {
    background-color: #d77b04;
    color: #f6f5f3;
    float: left;
    font-family: "ColabMed",Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    height: 65px;
    line-height: 65px;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 15px;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    width: 320px;
}
	
.other-projects-wrapper h4::before{
	content:"";
	background-color:#d77b04;
	width:3000px;
	left:-3000px;
	position:absolute;
	height:65px;
	}
	
.other-projects-container{
	float:left;
	width:100%;
	margin-top:25px;
	border-bottom:1px solid #003449;
	}
	
.other-projects-wrapper .safearea>div:last-child{
	border:none;
	}
	
.other-projects-container>div{
	float:left;
	width:450px;
	}
.other-projects-container>div.other-projects-right{
	float:right;
	}
	
.other-projects-container>div div{
	width:100%;
	float:left;
	margin-bottom:8px;
	}
	
.other-projects-container>div div h6{
	float:left;
	width:100%;
	color:#003449;
	font-size:18px;
	font-weight:normal;
	font-family: 'consolab_0',Arial,sans-serif;
	}
	
.other-projects-container>div div h3{
	float:left;
	color:#d77b04;
	font-size:18px;
	font-family: 'ColabMed',Arial,sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	}
	
.other-projects-container>div div span{
	color:#909090;
	font-size:14px;
	font-weight:normal;
	float:left;
	margin-left:5px;
	}
.other-projects-container>div div article{
	color:#132226;
	margin-top:0px;
	margin-bottom:20px;
	}
	
.contact-wrapper{
	float:left;
	width:100%;
	background-color:#003449;
	padding-top:35px;
	padding-bottom:25px;
	}
	
.contact-left{
	float:left;
	width:450px;
	margin-left:60px;
	}
	
.contact-right{
	float:right;
	margin-top:80px;
	width:405px;
	position:relative;
	}
	
.contact-left address{
	float:left;
	width:100%;
	font-weight:normal;
	font-style:normal;
	color:#ffffff;
	font-size:17px;
	font-family: 'ColabLig',Arial,sans-serif;
	margin-top:30px;
	}
.contact-left address span.address-icon{
	float:left;
	display:block;
	background-image:url(../images/address-icons.png);
	width:61px;
	height:50px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	clear:both;
	padding-top:0px;
	margin-left:0px;
	}
	
.contact-left address span{
	width:240px;
	display:block;
	float:left;
	margin-left:35px;
	padding-top:10px;
	}
.contact-left address a{
	color:#ffffff;
	-webkit-transition: all 0.3s ease-in;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.3s ease-in;/* Firefox 4-15 */
	-o-transition: all 0.3s ease-in;/* Opera 10.5-12.00 */
	transition: all 0.3s ease-in;/* Firefox 16+, Opera 12.50+ */
	}	
.contact-left address>span:nth-child(3){
	background-position:0px -48px;
	}
.contact-left address>span:nth-child(5){
	background-position:0px -93px;
	}
.contact-left address>span:nth-child(7){
	background-position:0px -140px;
	}
.contact-right label{
	float:left;
	color:#ffffff;
	font-size:18px;
	font-weight:normal;
	font-family: 'ColabLig',Arial,sans-serif;
	width:85px;
	margin-top:5px;
	}	
.contact-right input[type="text"],.contact-right textarea{
	float:left;
	width:298px;
	height:33px;
	background-color:transparent;
	border:1px solid #da7e06;
	color:#ffffff;
	font-size:16px;
	font-weight:normal;
	font-family: 'ColabLig',Arial,sans-serif;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:7px;
	}
	
.contact-right textarea{
	overflow:auto;
	resize:none;
	padding-top:10px;
	height:130px;
	}
.contact-right input[type="submit"]{
	float:right;
	width:322px;
	height:67px;
	background-color:#ffffff;
	cursor:pointer;
	color:#b96a03;
	font-size:13px;
	font-weight:normal;
	font-family: 'ColabMed',Arial,sans-serif;
	padding-right:12px;
	text-align:right;
	position:relative;
	margin-top:106px;
	}
	
.contact-right::after{
	position:absolute;
	content:"";
	width:3000px;
	right:-3000px;
	bottom:0px;
	height:67px;
	background-color:#ffffff;
	}
.contact-social{
	float:left;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	border-top:1px solid #da7e06;
	border-bottom:1px solid #da7e06;
	margin-top:25px;
	}
	
.contact-social span{
	width:205px;
	float:left;
	text-align:center;
	color:#ffffff;
	font-size:19px;
	font-weight:normal;
	font-family: 'ColabMed',Arial,sans-serif;
	text-transform:uppercase;
	}
	
.contact-social ul{
	float:left;
	}
	
.contact-social ul li{
	float:left;
	background-position:0px 0px;
	background-image:url(../images/contact-social.png);
	height:23px;
	width:24px;
	position:relative;
	margin-right:15px;
	background-repeat:no-repeat;
	-webkit-transition: all 0.3s ease-in;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.3s ease-in;/* Firefox 4-15 */
	-o-transition: all 0.3s ease-in;/* Opera 10.5-12.00 */
	transition: all 0.3s ease-in;/* Firefox 16+, Opera 12.50+ */
	}
.contact-social ul li a{
	position:absolute;
	height:100%;
	width:100%;
	display:block;
	}
	
.contact-social ul li.twit {
    background-position: -43px 0;
    width: 29px;
}
.contact-social ul li.linked{
	background-position:-89px 0px;
	}
.contact-social ul li.youtube {
    background-position: -129px 0;
    width: 33px;
}
.contact-social ul li.gplus{
	background-position:-177px 0px;
	}
	
.contact-map{
	position:relative;
	float:left;
	width:100%;
	}
	
.contact-map div.map-hover{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:rgba(215,123,4,0.8);
	-webkit-transition: all 0.2s ease-in;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.2s ease-in;/* Firefox 4-15 */
	-o-transition: all 0.2s ease-in;/* Opera 10.5-12.00 */
	transition: all 0.2s ease-in;/* Firefox 16+, Opera 12.50+ */
	}
	
.contact-map div.map-hover:hover{
	opacity:0;
	}
	
.services-wrapper{
	float:left;
	width:100%;
	position:relative;
	}
	
.services-div{
	float:left;
	width:100%;
	padding-top:100px;
	padding-bottom:100px;
	background-color:#003449;
	margin-bottom:0.2%;
	}
.services-div h1{
	width:100%;
	text-align:center;
	}
/*.services-div div{
	float:left;
	width:415px;
	position:relative;
	left:50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);             
    transform:translate(-50%,0%);
	border:1px solid #ffffff;
	}*/
.services-div div span{
	float:left;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:normal;
	font-size:14px;
	font-family:"consolab_0",Arial,sans-serif;
	padding: 15px 27px;
	}
.services-div div>span:nth-child(3){
	border-top:1px solid #ffffff;
	}
.services-div div>span:nth-child(2){
	border-left:1px solid #ffffff;
	width:130px;
	text-align:center;
	}
	
.services-div-3{
	float:left;
	width:33.2%;
	background-color:#000000;
	margin-right:0.2%;
	background-size:cover;
	background-position:center;
	}
	
.services-wrapper>a:last-child div{
	margin-right:0px;
	background-image:url(../images/services/management.jpg);
	}
	
.services-wrapper>a:nth-child(3) div{
	background-image:url(../images/services/electro.jpg);
	}
.services-wrapper>a:nth-child(2) div{
	background-image:url(../images/services/powert.jpg)
	}
	
	
.services-div-3 h2{
	float:left;
	width:159px;
	height:59px;
	background-position: 42px 12px;
	position:relative;
	left:50%;
	top:50%;
    -webkit-transform: translate(-50%,-50%) scale(0.5,0.5);
    -moz-transform:translate(-50%,-50%) scale(0.5,0.5);
    -o-transform:translate(-50%,-50%) scale(0.5,0.5);
    -ms-transform: translate(-50%,-50%) scale(0.5,0.5);      
    transform:translate(-50%,-50%) scale(0.5,0.5);
	padding-top:100px;
	background-image:url(../images/services-icons.png);
	background-color:#d07908;
	background-repeat:no-repeat;
	text-align:center;
	color:#f6f5f3;
	font-size:16px;
	font-weight:normal;
	font-family: 'consolab_0',Arial,sans-serif;
	line-height:16px;
	text-transform:uppercase;
	-webkit-transition: all 0.2s ease-in;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.2s ease-in;/* Firefox 4-15 */
	-o-transition: all 0.2s ease-in;/* Opera 10.5-12.00 */
	transition: all 0.2s ease-in;/* Firefox 16+, Opera 12.50+ */
	}
.services-div-3:hover h2{
	    -webkit-transform: translate(-50%,-50%) scale(1,1);
    -moz-transform:translate(-50%,-50%) scale(1,1);
    -o-transform:translate(-50%,-50%) scale(1,1);
    -ms-transform: translate(-50%,-50%) scale(1,1); 
    transform:translate(-50%,-50%) scale(1,1);
	}
.services-div-3 h2 a{
	color:#f6f5f3;
	}	
.services-wrapper>a:nth-child(3) div h2 {
    background-position: -627px 12px;
}
	
.services-wrapper>a:nth-child(4) div h2 {
    background-position: -1237px 12px;
}


.highlighted-project div.services-div-table span{
	width:100%;
	padding:0px;
	height:40px;
	line-height:40px;
	text-indent:20px;
	text-transform:uppercase;
	}
.highlighted-project div.services-div-table > span:last-child{
	border:none;
	}
	
.scope-wrapper{
	float:right;
	width:625px;
	margin-top:35px;
	clear:both;
	}
	
.scope-wrapper>div{
	float:left;
	width:293px;
	}
	
.scope-wrapper>div.scope-right{
	float:right;
	}
	
.scope-wrapper>div h5{
	float:left;
	width:100%;
	color:#d77b04;
	font-size:18px;
	font-weight:normal;
	font-family: 'consolab_0',Arial,sans-serif;
	text-transform:uppercase;
	}
.scope-wrapper>div article{
	color:#132226;
	}
.scope-wrapper>div article.service-article{
	margin-bottom:35px;
	}
	
.scope-wrapper>div h6{
	color:#132226;
	font-size:14px;
	font-weight:normal;
	float:left;
	font-family: 'ColabMed',Arial,sans-serif;
	margin-bottom:15px;
	margin-top:35px;
	}
.scope-wrapper>div ul li{
	float:left;
	width:100%;
	padding-bottom:5px;
	border-bottom:1px solid #132226;
	color:#132226;
	font-size:14px;
	font-weight:normal;
	margin-top:2px;
	font-family: 'ColabLig',Arial,sans-serif;
	}
	
.scope-wrapper>div ul>li:last-child{
	border:none;
	}
	
.stakeholders-wrapper{
	float:left;
	width:100%;
	padding-top:73px;
	background-color:#f5f4f2;
	}
	
.stakeholders-left{
	float:left;
	width:450px;
	margin-left:60px;
	}
.stakeholders-left h2{
	float:left;
	width:100%;
	color:#d77b04;
	font-size:18px;
	font-weight:normal;
	font-family: 'consolab_0',Arial,sans-serif;
	text-transform:uppercase;
	}
	
.stakeholders-left h3{
	float:left;
	width:100%;
	text-transform:uppercase;
	color:#132226;
	font-size:45px;
	font-family: 'consolab_0',Arial,sans-serif;
	font-weight:normal;
	}
.stakeholders-left article{
	color:#003449;
	margin-top:15px;
	}
.accrediations-div{
	float:left;
	width:100%;
	margin-top:45px;
	}
.accrediations-div div{
	float:left;
	width:138px;
	height:103px;
	background-repeat:no-repeat;
	background-position:center;
	margin-right:18px;
	margin-bottom:18px;
	background-color:#ffffff;
	}
.accrediations-div>div:nth-child(3n){
	margin-right:0px;
	}
	
.stakeholders-right{
	float:right;
	background-image:url(../images/stakeholders/iso.jpg);
	width:302px;
	height:453px;
	background-size:cover;
	margin-right:35px;
	margin-top:65px;
	margin-bottom:30px;
	cursor:pointer;
	}
	
.iso-certification{
	float:right;
	width:450px;
	height:65px;
	background-color:#d77b04;
	clear:both;
	position:relative;
	}
	
.iso-certification::after{
	content:"";
	width:3000px;
	right:-3000px;
	position:absolute;
	top:0px;
	background-color:#d77b04;
	height:65px;
	}
	
.iso-certification span{
	float:left;
	width:100%;
	display:block;
	text-align:center;
	color:#ffffff;
	font-weight:normal;
	font-size:14px;
	font-family: 'ColabLig',Arial,sans-serif;
	line-height:65px;
	}
	
.stakeholders-wrapper-adjust{
	background-color:#ffffff;
	padding-bottom:75px;
	}
	
.clients-logo-wrapper{
	float:left;
	width:900px;
	margin-top:40px;
	position:relative;
	margin-left:60px;
	}
	
.clients-logo-wrapper div{
	float:left;
	width:140px;
	height:105px;
	background-repeat:no-repeat;
	background-position:center;
	margin-right:12px;
	margin-bottom:12px;
	}
.clients-logo-wrapper>div:nth-child(6n){
	margin-right:0px;
	}
	
.footer-social ul li a{
	float:left;
	width:100%;
	height:100%;
	display:block;

	}
	
nav ul li a.active,nav ul li a:hover,.nav-projects a.active,.nav-projects a:hover{
	color:#d88110;
	}
	
.scope-wrapper2{
	width:100%;
	}
.scope-wrapper2>div{
	margin-right:40px;
	}
.scope-wrapper2>div:last-child{
	margin-right:0px;
	}
	
.projects-div-intro h1{
	margin-bottom:0px !important;
	}
	
.iso-wrapper{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,0.9);
	display:none;
	}
	
.iso-img{
	background-image:url(../images/stakeholders/iso-big2.jpg);
	height:747px;
	width:500px;
	background-repeat:no-repeat;
	background-size:cover;
	float:left;
	position:relative;
	left:50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);             
    transform:translate(-50%,0%);
	top:100px;
	}
	
.x-btn{
	position:absolute;
	cursor:pointer;
	right:0px;
	top:-50px;
	font-size:40px;
	font-weight:normal;
	color:#ffffff;
	font-family: 'consolab_0',Arial,sans-serif;
	}
	
.highlighted-project2 div.project-details-fade-wrapper{
	float:left;
	width:100%;
	position:relative;
	}
	
.highlighted-project2 div.project-details-fade{
	width:100%;
	position:absolute;
	top:0px;
	}
	
.bull-wrapper{
	position:absolute;
	top:50%;
    -webkit-transform: translate(0%,-50%);
    -moz-transform:translate(0%,-50%);
    -o-transform:translate(0%,-50%);
    -ms-transform:translate(0%,-50%);     
    transform:translate(0%,-50%);
	right:10px;
	}
.bull-wrapper li{
	float:left;
	background-image:url(../images/bull.png);
	width:15px;
	height:15px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:0px -30px;
	clear:both;
	margin-top:10px;
	}
	
.bull-wrapper li.active-bull,.bull-wrapper li:hover{
	background-position:0px 0px;
	}
	
.projects-home-div a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:99;
	height:100%;
	}
	
.menu-btn{
	display:none;
	}	
	
.banner-text-holder-table a:hover,.home-about-content-right a:hover,.footer-social ul li:hover,.contact-social ul li:hover{
	opacity:0.7;
	}
	

.sent {
    bottom: 84px;
    clear: both;
    color: #ffffff;
    left: 0;
    position: absolute;
}

@media screen and (max-width:1155px){
.home-banners-wrapper ul li div.banner-text-holder div.banner-text-holder-table{
	margin-left:3%;
	}
}
	
@media screen and (max-width:1000px){

.safearea{
	width:760px;
	}
nav ul li{
	margin-right:20px;
	}
.home-banners-wrapper ul li{
	background-position:left;
	}
.home-banners-wrapper ul li div.banner-text-holder{
	width:67%;
	}
	
.home-about span.title{
	font-size:32px;
	}
.home-about-content{	
	background-size: 115px 109px;
}
.home-about-content-right,.home-about-content-left{
	width:290px;
	}
	
.home-about-content-left article, .home-about-content-right article, .about-history-left article, .about-history-bottom-right article, .about-container article, .projects-home article, .projects-home-div div article, .projects-div-intro div article, .highlighted-project article, .other-projects-container > div div article, .scope-wrapper > div article, .stakeholders-left article, .services-div article{
	width:150px;
	}
.home-about-content-right article, .about-history-left article, .about-history-bottom-right article, .about-container article, .projects-home article, .projects-home-div div article, .projects-div-intro div article, .highlighted-project article, .other-projects-container > div div article, .scope-wrapper > div article, .stakeholders-left article, .services-div article{
	width:100%;
	}
.projects-home article{
	width:650px;
	}
.projects-home-div{
	width:373px;
	background-position:center;
	}


.about-history-right {
    background-size: cover;
    height: 218px;
    margin-top: 96px;
    width: 250px;
}
.about-history-bottom{
	width:700px;
	}
.about-history-bottom-left{
	width:300px;
	}
.about-history-bottom-right{
	width:375px;
	}
.about-mission{
	width:335px;
	}
	

.about-mission div {
    background-size: cover;
    height: 245px;
    width: 335px;
}


.about-vision {
    width: 306px;
}


.value-div {
    margin-right: 20px;
    width: 175px;
}
.services-div-3{
	width:100%;
	}
.project-img{
	background-position:center;
	}
.highlighted-project{
	width:350px;
	}
.highlighted-project div{
	width:330px;
	}
	
.projects-home-div div{
	width:343px;
	}
	
.highlighted-project div.services-div-table span{
	text-indent:5px;
	}
.scope-wrapper{
	width:100%;
	}
.scope-wrapper2 > div:nth-child(2){
	float:right;
	margin-right:0px;
	}
.scope-wrapper2 > div:nth-child(3){
	float:right;
	margin-top:50px;
	}
	
.projects-div{
	width:100%;
	}
.highlighted-project .project-details-fade-wrapper .project-details-fade div{
	width:340px;
	}
.other-projects-container > div{
	width:370px;
	}
.stakeholders-left{
	width:330px;
	}
.stakeholders-right {
    height: 452px;
    width: 301px;
}

.accrediations-div > div:nth-child(2n){
	float:right;
	margin-right:0px;
	}
.clients-logo-wrapper{
	width:700px;
	}
.clients-logo-wrapper > div:nth-child(6n) {
    margin-right:12px;
}
.contact-left{
	width:360px;
	}
.contact-right{
	width:322px;
	}
.contact-social span{
	width:150px;
	}
}

@media screen and (max-width:760px){

.safearea{
	width:320px;
	}
.logo{
	margin-left:0px;
	}	
.social-media{
	top:10px;
	}
.home-banners-wrapper ul li div.banner-text-holder,.home-banners-wrapper ul li div.banner-text-holder div.banner-text-holder-table{
	width:320px;
	margin:0px;
	}

.banner-text-holder-table h2 {
    font-size: 33px;
    line-height: 27px;
    text-align: center;
}
.banner-text-holder-table div span{
	width:100%;
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	}
.banner-text-holder-table div{
	width:290px;
	position:relative;
	float:left;
	left:50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);             
    transform:translate(-50%,0%);
	}
.banner-text-holder-table div span{
	border-bottom:1px solid #003449;
	border-top:none;
	}
.banner-text-holder-table div>span:last-child{
	border-bottom:none;
	}
.banner-text-holder-table div.banner-text-power-table > span:nth-child(n+2){
	border-top:none;
	}
.banner-text-holder-table a{
	position:relative;
	float:left;
	left:50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);             
    transform:translate(-50%,0%);	
	}
.home-about span.title{
	font-size:25px;
	}
.home-about-content{
	background-image:none;
	}
.home-about-content-right, .home-about-content-left{
	width:318px;
	}

.projects-home article {
    width: 100%;
}
.projects-home-div{
	width:100%;
	}

.projects-home-div div {
    width: 300px;
	padding-left:20px;
}
.footer-div,.footer-div address{
	width:293px;
	}
.footer-div h6{
	text-align:center;
	}
.footer-div address span.email{
	clear:both;
	display:block;
	}
.about-history-left,.about-history-bottom,.about-history-bottom-right{
	margin-left:0px;
	width:100%;
	}
.about-history-right{
	display:none;
	}
.about-history-bottom-right article{
	margin-top:33px;
	}
.about-vision{
	width:320px;
	}
.about-mission{
	width:280px;
	padding:20px;
	margin-top:20px;
	}

.about-mission div {
    background-size: cover;
    height: 204px;
    width: 280px;
}	
.about-values{
	margin-top:20px;
	}
.value-div{
	width:100%;
	margin-right:0px;
	}
.services-wrapper,.projects-wrapper{
	padding-bottom:85px;
	}
.stakeholders-left{
	width:320px;
	margin:0px;
	}

.stakeholders-right {
    height: 480px;
    margin-right: 0;
    width: 320px;
}
.iso-certification{
	width:320px;
	}
.clients-logo-wrapper,.contact-left{
	margin-left:0px;
	width:320px;
	}
.contact-left address span{
	width:210px;
	}
.contact-social ul>li:last-child{
	margin-right:0px;
	}

.contact-social span {
    width: 122px;
}
.contact-right {
    width: 320px;
}
.nav-projects ul li{
	line-height:30px;
	margin-left:0px;
	width:100%;
	text-align:center;
	}
.nav-projects{
	height:auto;
	}
.nav-projects::after{
	height:100%;
	}
.highlighted-project{
	width:305px;
	margin-top:280px;
	height:auto !important;
	padding-bottom:40px;
	padding-left:15px;
	}
.project-img{
	width:100%;
	height:370px;
	}
.highlighted-project::before {
    background-color: #f6f5f3;
    content: "";
    height: 100%;
    position: absolute;
    left: -3000px;
    top: 0;
    width: 3000px;
}
.scope-wrapper > div{
	width:100%;
	}
.scope-right{
	margin-bottom:50px;
	}
.scope-left{
	margin-bottom:30px;
	}
.highlighted-project2 div.project-details-fade-wrapper{
	height:235px;
	}

.highlighted-project div {
    width: 302px;
}
.highlighted-project div.services-div-table span{
	font-size:13px;
	}

.highlighted-project .project-details-fade-wrapper .project-details-fade div {
    width: 302px;
}

.highlighted-project div > span:nth-child(2n) {
    width: 73.6%;
}

.other-projects-container > div {
    width: 320px;
}
.other-projects-wrapper h4 {
    padding-left: 0;
    width: 320px;
}
	
.highlighted-project h2{
	font-size:42px;
	line-height:42px;
	}
	
.menu-btn {
    background-image: url("../images/menu-icon.png");
    background-position: 0 0;
    cursor: pointer;
    display: block;
    float: right;
    height: 40px;
    margin-top: 50px;
    width: 44px;
}
nav{
	margin-top:0px;
	width:100%;
	height:0px;
	overflow:hidden;
	}
nav ul li{
	margin-right:0px;
	width:100%;
	text-align:center;
	margin-top:10px;
	}
.highlighted-project div span{
	font-size:13px;
	}
.banner-text-holder-table div.banner-text-electro-table span.adjust-span{
	width:100% !important;
	text-align:center;
	}
}