@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'blue_highway_d_typeregular';
    src: url('bluehigd-webfont.eot');
    src: url('bluehigd-webfont.eot?#iefix') format('embedded-opentype'),
         url('bluehigd-webfont.woff') format('woff'),
         url('bluehigd-webfont.ttf') format('truetype'),
         url('bluehigd-webfont.svg#blue_highway_d_typeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'trackitalic';
    src: url('track_italic-webfont.eot');
    src: url('track_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('track_italic-webfont.woff') format('woff'),
         url('track_italic-webfont.ttf') format('truetype'),
         url('track_italic-webfont.svg#trackitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'trackregular';
    src: url('track-webfont.eot');
    src: url('track-webfont.eot?#iefix') format('embedded-opentype'),
         url('track-webfont.woff') format('woff'),
         url('track-webfont.ttf') format('truetype'),
         url('track-webfont.svg#trackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.font16{
	font-size:135%;
}

.font18{
	font-size:145%;
}


body{
	margin:0;
	overflow:hidden;
	color:#fff;
	font-family: "Open Sans";
	font-weight:300;
	opacity:0;
}



.transparentShadow{
	text-shadow: 0px -4px rgba(0,0,0,0.2);
	font-size:160%;
}

a{
	color:#ababab;
	text-decoration:none;
}

.orangeBG{
	background-color:#fd5130;
}

#firstContainer{
	background-image:url(../images/background.jpg);
	background-repeat:no-repeat;
	position:absolute;
}

#secondContainer{
	background-image:url(../images/background2.png);
	background-repeat:no-repeat;
	position:absolute;
	left:100%;
}

#secondContainer .content2{
	width:100%;
}

#thirdContainer{
	background-image:url(../images/background3.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:100%;
}


#logoContainer{
	position: absolute;
	z-index: 1;
	width:100%;
	text-align:center;
	top:0;
}

#navTopRight{
	width:70px;
	position:absolute;
	right:50px;
	top:28px;
}

#navTopRight img
{
	cursor:pointer;
}



#contactContainer{
	z-index:2;
	position:absolute;
	height:33%;
	width:100%;
	text-align:center;
	background:url(../images/contact_bg.png) no-repeat #fff -6%;
	background-size:auto 100%;
	display: none;
}

#contactVertical{
	display: table-cell;
	vertical-align: middle;
}

#contactBox{
	width:30%;
	margin:auto;
	height:100px;
	
}

#contactEmailTel{
	width:77%;
	float:left;
	color:#373637;
	font-family:"Open Sans";
	font-size:102%;
	line-height:1.7;
}

#contactCloseBtn{
	position:absolute;
	top:5%;
	right:1%;
	cursor:pointer;
}

#facebookIcon{
	float:right;
	width:20%;
	margin-top:3%;
	margin-left:2%;
	height:auto;
	cursor:pointer;
	
}

.openSansBold{
	font-weight:600;
}

.contactLine1{
	font-family: 'trackregular';
	font-size:160%;
	color:#1dbecf;
	letter-spacing:2px;
	line-height:2;
}

.arrowRight{
	position:absolute;
	right:0;
	z-index:4;
	cursor:pointer;
}

.arrowLeft{
	position:absolute;
	z-index:4;
	left:0;
	cursor:pointer;
}

#menuContainer{
	position: absolute;
	width:100%;
	text-align:center;
	bottom:0;
	height:188px;
	background-image:url(../images/degrade_menu.png);
}

#firstContent{
	/*position: absolute;*/
	z-index: 3;
	width:100%;
	text-align:center;
	/*font-size:36px;*/
}

#secondContent{
	/*position: absolute;*/
	z-index: 3;
	width:100%;
	text-align:center;
}

#menuLine{
	position:absolute;
	text-align:center;
	/*height:100%;*/
	padding-top:70px;
	width:100%;
}

#links{
	width:70%;
	position:absolute;
	font-family:'blue_highway_d_typeregular';
	
}

#expandDiv{
	width:10%;
	text-align:center;
	position:relative;
	z-index:1000;
	margin:auto;
}

#expandDiv img{
	width:100%;
    height: auto\9; /* ie8 */
	max-width:120px;
}

#expand1, .expand2{
	cursor:pointer;
}

#sloganHome{
	margin-top:45px;
}

.content1{
	position:absolute;
	width:100%;
	font-family: 'trackregular';
}

.content2{
	position:absolute;
	display:none;
	font-size:50%;
}

.linkMenu{
	padding-top:10px;
	float:left;
	bottom:0;
	width:41%;
	font-size:118%;
	
}

.linkMenu:first-child{
    width: 18%;
}

#servicesTitle{
	font-size:200%;
	margin-bottom:2%;
	text-align:center;
	color:#cac9c9;
}

#servicesSubtitle{
	font-family: "Open Sans";
	font-size:70%;
	width:80%;
	margin:auto;
	margin-bottom:3%;
	text-align:center;
}

.servicesQuads{
	font-family: "Open Sans";
	font-size:96%;
	float:left;
	text-align:center;
	width:22%;
	color:#373637;
	line-height:1;
}

.servicesQuads img{
    width:92%;
    height: auto\9; /* ie8 */
	margin-bottom:10px;
	max-width:200px;
}

#servicesSecondContent{
	width:90%;
	margin:auto;
	padding-top:1.5%;
	max-width:1160px;
	background:url(../images/services_content2.png) no-repeat;
	background-size:100%;
}

#servicesSecondContent img{
    width:90%;
    height: auto\9;
	visibility:hidden;
}

#servicesCloseContent2{
	float:right;
	width:5%;
	margin-right:8.4%;
	height:48px;
	cursor:pointer;
}


#lastServicesQuad{
	color:#fff;
	font-weight:600;
	font-size:62%;
	line-height:1.2;
}

#lastServicesQuad img{
	width:50%;
	padding-top:10px;
}



.clientsQuads{
	float:left;
	text-align:center;
	width:18.7%;
	margin-left:3%;
	margin-right:3%;
	cursor:pointer;
}

.clientsQuads2{
	float:left;
	text-align:center;
	width:25%;
	margin-left:3%;
	margin-right:3%;
	cursor:pointer;
}

#clientsQuadsContainer{
	margin:auto;
	width:75%;
	margin-top:6%;
	height:80px;
}

#clientsQuadsContainer2{
	margin:auto;
	width:60%;
}

#clientsTitle{
	font-size:180%;
	margin-bottom:1.5%;
	text-align:center;
	color:#fd5130;
}

#clientsSubtitle{
	font-family: "Open Sans";
	font-size:70%;
	width:70%;
	margin:auto;
	text-align:center;
	color:#373637;
}

#clientDetail{
	width:78%;
	margin:auto;
	background-color:rgba(255, 255, 255, 0.4);
	visibility:hidden;
	margin-top:2%;
	padding:3%;
	color:#373637;
	font-family: "Open Sans";
	font-size:85%;
	font-weight:400;
}

#clientDetailImage{
	float:left;
	text-align:center;
	margin-right:6%;
	margin-left:3%;
}

#clientDetailTextArea{
    width:100%;
	font-size:75%;
	color:#373637;
    padding-left:2%;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;     
    box-sizing: border-box; 
}

#clientDetailCloseBtn{
	margin-left:100%;
	margin-top:-6%;
	margin-bottom:2%;
	width:6%;
	
}

#clientDetailCloseBtn img{
	width:100%;
	cursor:pointer;
}

#client1Quad, #client2Quad, #client3Quad, #client4Quad, #client5Quad, #client6Quad, #client7Quad{
	margin:auto;
}