@import url(gotham/stylesheet.css);
body{
	background-color: #f3f2f2;
	margin: 0px;
	font-family: 'gothamregular';
	font-size: 14px;
	line-height: 32px;

}
header{
	/*background-image: url(../_images/_videoStill.png);*/
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 10%;
	height: 600px;
	width: 100%;
	color: #fff;
	margin-top: -100px;
	z-index: 1;
	position: relative;
}
.darkDiv{
	position: absolute;
	background-color: rgba(0, 0, 0, .4);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
}

.intro-bg{
/*	background-color: rgba(43, 43,43, .9);
*/	width: 100%;
	position: absolute;
	bottom: 0px;
	top: 20%;
}
.intro{
	text-align: center;
	padding: 20px;
	max-width: 700px;
	margin: auto;
	position: relative;
	z-index: 9;
}

.hline{
	padding-bottom: 10px;
	border-bottom: 4px solid #e10404;
	width: 100px;

	/*color: #e10404;
	height: 1px;*/
}
.sectionTitle h2{
	width: 30%;
	padding: 40px 10%;
	color: #fff;
	line-height: 40px;
	text-transform: uppercase;
	float: left;
}
nav{
	width: 100%;
	position: relative;
	display: inline-block;
/*	background-color: rgba(225, 4, 4, .9);
*/	text-align: center;
	z-index: 99;
}
/*nav .red{
*//*	background-color: rgba(225, 4, 4, .9);
*/	/*width: 100%;*/
/*	width: 55%;
	background-color: rgb(225, 4, 4);*/
/*	padding: 0px;*/
	/*position: relative;*/
	/*top: 0px;
	right: 0px;*/
/*}*/

/*.logo{
	display: inline-block;
	float: left;
	position: absolute;
	top: -20px;
	left: 11px;
	z-index: 10;
}*/
nav .top{
	position: relative;
	width: 160px;
	text-align: center;
}
nav .sub{
	position: absolute;
	background-color: rgba(0, 0, 0, .9);
	width: 100%;
	left: 0px;
	padding: 0px;
	margin: 0px;
	display: none;
}
nav li{
	text-decoration: none;
}
nav .sub li{
	float: left;
	width: 94%;
	padding: 3%;
}
nav .sub li a{
	font-family: 'gothamregular';
	font-size: 13px;
	display: block;
	text-align: left;
	width: 100%;		
}
nav .sub a:hover{
	border-bottom: solid 2px rgb(255, 4, 4);
}

nav li{
	display: inline-block;
	padding-left: 3%;
	padding-right: 3%;
	line-height: 56px;

}
nav a{
	text-decoration: none;
	color: #fff;
	font-family: 'gothambold';
	font-size: 16px;
	-webkit-transition: all ease-out .30s;
    -moz-transition: all ease-out .30s;
    -o-transition: all ease-out .30s;
    transition: all ease-out .30s;
}
nav a:hover{
	color: rgb(190, 190, 190);

}

header{
	background-image: url(_images/dubai-1367094_1920.jpg);
}
h2{
	font-size: 20px;
	color: rgb(43, 43, 43);
	line-height: 30px;
}
.noHeight{
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}

/*nav li{
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 56px;

}
nav a{
	text-decoration: none;
	color: #fff;
	font-family: 'gothambold';
	font-size: 16px;
	-webkit-transition: all ease-out .30s;
    -moz-transition: all ease-out .30s;
    -o-transition: all ease-out .30s;
    transition: all ease-out .30s;
}
nav a:hover{
	color: rgb(190, 190, 190);
}*/
/*.block:after {
	 color: #e10404;
	 border-right: 28px solid;
	 border-top: 28px solid transparent;
	 border-bottom: 28px solid transparent;
	 display: inline-block;
	 content: '';
	 position: absolute;
	 left: -28px;
	 top: -33px;
}

.block{
	position: relative;
	color: #e10404;
	display: inline-block;
	width: 170px;
}
*/.mobileLogo{
	background-color: #fff;
	text-align: center;
}
.smallNav{
/*	background-color: rgb(225, 4, 4);
*/	height: 52px;
	position: relative;
	z-index: 12;
}
.smallNav .col100{
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.smallNav li{
	display: block;
}

.smallNav h3{
	margin: 0px;
/*	padding: 10px;
	text-align: center;*/
	color: #fff;
}
#navButton{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 12;
}
#navButton2{
	position: absolute;
	top: 0px;
	right: 6px;
	display: none;
	z-index: 11;
}
#dropDown{
	background-color: rgba(43, 43, 43, .9);
	padding-top: 50px;
	position: absolute;
	text-align: right;
	top: 0px;
	z-index: 5;
	display: none;
	height: 900px;
}
.plus{
	color: rgb(255, 4, 4);
	display: inline;
}
.mobSub{
	display: none;
}
.mobSub li{
	line-height: 45px;
}
.mobSub a{
	font-family: 'gothamregular';
	color: #ececec;
}
/*#dropDown h3:hover{
	border-bottom: solid 2px red;
}*/
/*#dropDown li{
	padding-top: 10px;
	padding-bottom: 10px;
}*/


footer{
	background-color: rgb(43, 43, 43);
	color: #ababab;
}
footer li{
	
	list-style: none;
}
footer a{
	color: #ababab;
	text-decoration: none;
	-webkit-transition: all ease-out .20s;
    -moz-transition: all ease-out .20s;
    -o-transition: all ease-out .20s;
    transition: all ease-out .20s;

}
footer a:hover{
	color: #fff;
	border-bottom: 2px solid rgb(255, 4, 4);
	padding-bottom: 3px;
}
footer .col100{
	text-align: center;
}

.container{
	max-width: 1366px;
	margin: auto;
}
.white{
	background-color: #fff;
}
.black{
	background-color: rgba(43,43,43,.9);
	width: 50%;
	float: left;
}
.gray{
	background-color: rgb(43, 43, 43);
	padding: 20px;
	color: #fff;
	text-align: center;
}
.big{
	background-image: url(../_images/dubai-256585_1920.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
/*	background-size: 100%;
*/	background-size: cover;
	/*height: 100vh;*/
}
.big2{
	background-image: url(../_images/burdsch_chalifa_5162292.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	/*height: 100vh;*/
}
.big3{
	background-image: url(../_images/cityscape.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	/*height: 100vh;
*/}
.big4{
	background-image: url(../_images/sector_hospitality.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	/*height: 100vh;
*/}
.big5{
	background-image: url(../_images/sector_logistics.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	/*height: 100vh;
*/}
.big6{
	background-image: url(../_images/sector_healthcare.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	/*height: 100vh;
*/}
.skyScraper{
	background-image: url(../_images/sky-273998_1920.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	/*height: 50vh;*/
}
.teamHead{
	background-image: url(../_images/skylineTest.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	/*height: 50vh;*/
	text-align: center;
}
.teamHead h2{
	padding: 150px;
	line-height: 40px;
}
.video{
	background-image: url(../_images/_videoStill.png);
	height: 30vh;
	background-size: cover;
	background-repeat: no-repeat;
}
.center{
	text-align: center;
}
h1{
	font-family: 'gothambold';
	color: #fff;
	font-size: 40px;
	line-height: 45px;
}
h2{
	font-family: 'gothambold';
	color: #fff;
	font-size: 35px;
}
h3{
	font-family: 'gothambold';
	text-transform: uppercase;
}
h4{
	font-family: 'gothambold'; 
	color: #fff;
}
p.bold{
	font-family: 'gotham_mediumregular';
}
.col100{
	width: 96%;
	padding: 10px 1%;
	margin: 10px 1%;
	float: left;
	/*background-color: #ccc;*/
}
.col75true{
	width: 55%;
	padding: 100px 10%;
	background-color: rgba(43,43,43,.9);
	/*height: 88.6vh;*/
	color: #ababab;
	float: right;
}
.col75true2{
	width: 55%;
	padding: 100px 10%;
	background-color: rgba(43,43,43,.9);
	/*height: 88.6vh;*/
	color: #ababab;
	float: left;
}
.col75true h2{
	color: #fff;
}
.col75true2 h2{
	color: #fff;
}
.col75{
	width: 71%;
	padding: 10px 1%;
	margin: 10px 1%;
	float: left;
	/*background-color: #ccc;*/
}
.col66{
	width: 62.666%;
	padding: 10px 1%;
	margin: 10px 1%;
	float: left;

}

.col50true{
	width: 50%;
	max-width: 806px;
	padding: 100px 10%;
	background-color: transparent;
	color: #ababab;
	float: right;
}
.col50trueRight{
	width: 50%;
	max-width: 806px;
	padding: 100px 10%;
	background-color: transparent;
	color: #ababab;
	float: left;
}
.col50{
	width: 46%;
	padding: 10px 1%;
	margin: 10px 1%;
	float: left;
	/*background-color: #ccc;*/
}
.col35{
	width: 31%;
	padding: 10px 1%;
	margin: 10px 1%;
	float: left;
	/*background-color: #ccc;*/
}
.col33{
	width: 29.333%;
	padding: 10px 1%;
	margin: 10px 1%;
	float: left;
	/*background-color: #ccc;*/
	position: relative;
}
.col25{
	width: 21%;
	padding: 10px 1%;
	margin: 10px 1%;
	float: left;
/*	background-color: #ccc;*/
	position: relative;
}
.col15{
	width: 11%;
	padding: 10px 1%;
	margin: 10px 1%;
	float: left;
	/*background-color: #ccc;*/

}
.clear{
	clear: both;
}
.imgSizer{
	width: 100%;
	height: auto;
}
.show1024{
	display: none;
}
.show860{
	display: none;
}
.show798{
	display: none;
}
.show790{
	display: none;
}
.show768{
	display: none;
}
.show739{
	display: none;
}
.show710{
	display: none;
}
.show480{
	display: none;
}
.show877{
	display: none;
}
.show915{
	display: none;
}
@media only screen and (max-width: 1156px){
	nav .col75{
		width: 60%;
	}
}

@media only screen and (max-width: 1024px){
	.logoBig{
		margin-top: 40px;
	}
	.change1024{
		width: 21%;
	}
	.full1024{
		width: 96%;
	}
	.change75{
		width: 71%;
	}
	.change75team{
		width: 71%;
	}
	.hide1024{
		display: none;
	}
	.show1024{
		display: inherit;
	}
	.change25{
		width: 21%;
	}
}
@media only screen and (max-width: 920px){
	.hide920{
		display: none;
	}
	.full920{
		width: 96%;
	}
}
@media only screen and (max-width: 1050px){
	.show915{
		display: inherit;
	}
	.hide915{
		display: none;
	}
	.smallNav .logo{
		top: 0px;
		left: 0px;
	}
}	
@media only screen and (max-width: 939px){
	.full930{
		width: 96%;
		margin: 0px 1%;
		padding: 0px 1%;
	}
	.full930 img{
		padding-top: 20px;
		float: none;
		width: 100%;
		height: auto;
	}
}
@media only screen and (max-width: 904px){
	.hide904{
		display: none;
	}
	.change75{
		width: 96%;
	}

}
@media only screen and (max-width: 877px){
/*	header{
		margin-top: -18px;
	}*/
	.hide877{
		display: none;
	}
	.show877{
		display: inherit;
	}
@media only screen and (max-width: 867px){

	.hide867{
		display: none;
	}
}
@media only screen and (max-width: 860px){
	.hide860{
		display: none;
	}
	.show860{
		display: inherit;
		z-index: 999;
	}

}
@media only screen and (max-width: 798px){
	.hide798{
		display: none;
	}
	.show798{
		display: inherit;
	}

}
@media only screen and (max-width: 790px){
	header{
/*		height: 350px;
*/		background-attachment: scroll;
	}
	.show790{
		display: inherit;
	}
	.hide790{
		display: none;
	}
	footer .col33{
		width: 96%;
	}
	footer .col33 img{
		display: block;
	}
}
@media only screen and (max-width: 739px){

	.black{
		width: 100%;
	}
	.black .col50true{
		width: 96%; 
	}.black .col50trueRight{
		width: 96%; 
	}
	
	.col50true{
		width: 96%;
		padding: 100px 1%;
		margin: 0px 1%;
		height: auto;
	}
	.col50trueRight{
		width: 96%;
		padding: 100px 1%;
		margin: 0px 1%;
		height: auto;
	}
	.hide739{
		display: none;
	}
	.show739{
		display: inherit;
	}
	.big2 .sectionTitle h2{
		text-align: left;
	}
	.big{
		background-attachment: scroll;
	}
	.big2{
		background-attachment: scroll;
	}
	.big3{
		background-attachment: scroll;
	}
}
@media only screen and (max-width: 693px){
	.logoBig{
		width: 450px;
		height: auto;
	}
}

@media only screen and (max-width: 580px){
	.full580{
		width: 100%;
		height: auto;
	}

}

@media only screen and (max-width: 480px){
	.logoBig{
		width: 300px;
	}
	.col75{
		width: 96%;
	}
	.col50{
		width: 96%;
	}
	.col35{
		width: 96%;
	}
	.col33{
		width: 96%;
	}
	.show480{
		display: inherit;
	}
	.hide480{
		display: none;
	}
}