/* CSS Document */

.dropdown {
    display: none;
	opacity: 0;
	overflow: hidden;
	width: 0px;
	height: 0px;
}


.brand_name{
	color:#EB3B3E;
}
	
.header{
	font-size:25px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 15px;
	text-align:center;
	color:#EB3B3E;
	font-weight:200;
	width: 800px;
	margin:10px auto;
	padding-top: 100px;
	text-transform:uppercase;
}


.slide_caption{
	position:absolute;
	top: 0px;
	width: 100%;
	overflow:hidden;
	height: 100vh;
	max-height: 100vh;
}


.slide_caption > .words{
	position:absolute;
	top:35%;
	left:0px;
	right:0px;
	bottom: 0px;
	max-height: 100vh;
	overflow:hidden;		
}


.words{
	position:absolute;
	top: 0px;
	text-align:center;
	width: 100%;
	text-align:center;
	line-height:48px;
	letter-spacing: 5px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color:#fff;
}

/*Caption Small */

.slide_caption2{
	position:absolute;
	top: 0px;
	width: 100%;
	overflow:hidden;
	height: 100vh;
	max-height: 100vh;
}


.slide_caption2 > .words1{
	position:absolute;
	top:48%;
	left:0px;
	right:0px;
	bottom: 0px;
	max-height: 100vh;
	overflow:hidden;		
}


.words1{
	position:absolute;
	top: 0px;
	text-align:center;
	width: 100%;
	text-align:center;
	line-height:48px;
	letter-spacing: 5px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color:#fff;
}

/*end*/

.words_1{
	font-size:7vw;
	letter-spacing: 20px;
	line-height:100px;
	color:#eaeaea;
	
}

.words_2{
	font-size:3vw;
}

.words_3{
	font-size:5vw;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	letter-spacing: 10px;
	color:#CF5E60;
}

.nav_menu{
	position: absolute;
	bottom: 0px;
	background: rgba(35,35,35,0.8);	
	width:100%;
	height: 50px;
}

.fixed {
	position: fixed; 
	top: 0;  
	z-index: 1;
	background: rgba(35,35,35,1);	
	border-bottom: #282828 solid 1px;
}

.nav_menu p{
	position: absolute;
	margin-top: 15px;
	left: 10px;
}

.home_link{
	text-decoration:none;
	color:#AC2224;
	font-weight:300;	
}

ul a{
	text-decoration:none;
	text-transform:uppercase;
	color:white;
	font-weight:300;	
	padding:8px;
}

ul a:hover{
	color:#AC2224;

}

.nav_menu ul li{
	display:inline-block;
	text-transform:uppercase;
	font-size:12px;
	
}

.nav_menu ul{
	position: absolute;
	margin-top: 15px;
	right: 10px;
}

.favicon img{
	position: absolute;
	left: 25px;
	top: 25px;
	width: 60px;	
}

/*About Us*/

.about{
	width:100%;
	border-top: solid 1px #282828;	
}

.about_talk{
	width: 750px;
	color: white;
	margin: 10px auto;
}

.about_talk div{
	width: 750px;
	color:#eaeaea;
	margin:5px auto;
	font-size: 15px;
	text-transform:uppercase;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: justify;
	letter-spacing: 5px;
	line-height: 35px;
	padding-top: 30px;
	font-weight:200;
}


/*Services*/


.services{
	width:100%;
	border-top: solid 1px #282828;
}

.service_talks{
	width: 760px;
	height:auto;
	color: #eaeaea;
	margin: 5px auto;
	padding-top: 30px;	
	letter-spacing: 5px;
	line-height: 35px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:justify;
	text-transform:uppercase;
	font-size:15px;
	font-weight:200;
}

/*.service_talks div{
	display: inline-block;
	width: 220px;
	text-align:justify;
	height: 200px;
	margin: 10px;
}
*/
.the_services{
	float:none;
	width: 760px;	
	margin: 10px auto;
	min-height:400px;
}

.the_services .Plant, .the_services .equipt, .the_services .Vehicles, .the_services .civil, .the_services .installations, .the_services .other{
	
	width: 237px;
	display:inline-block;
	height: 200px;
	text-align: center;
	color: grey;
	background:#232323;
	margin: 5px;
	padding-top: 20px;
	border: #282828 solid 1px;
}

.Plant:hover, .equipt:hover, .Vehicles:hover, .civil:hover, .installations:hover, .other:hover{
	background:#BF2C2F;
	color: #232323;
	border: 1px solid #232323;

}

.Plant.service_clicked, .equipt.service_clicked, .Vehicles.service_clicked, .civil.service_clicked, .installations.service_clicked, .other.service_clicked{
	background:#BF2C2F;
	color: #232323;
	border: 1px solid #232323;

}


.vehicle-talks, .plant-talks, .equip-talks, .civil-talks, .installations-talks, .other-talks{
	width:738px;
	display:none;
	float:none;
	margin: 10px 10px 5px auto;
	border: solid 1px #232323;
	color: #232323;
}

.Vehicles_mobile, .plant_mobile, .equipt_mobile, .civil_mobile, .installations_mobile, .other_mobile{
	width:0px;
	height: 0px;
	display:none;
	overflow:hidden;
	float:left;
	margin: 0px auto;
	border: solid 0px #232323;
	color: #232323;
}

table{
	width: 738px;
	margin-top: 10px;
	font-weight:300;
	font-size: 14px;
}

th{
	background:#eaeaea;
	color: #282828;
	font-weight:300;
	text-align:left;
	font-size:16px;
	padding:20px;
}

tr:nth-child(even) td{
	background: #232323;
	border: 1px solid #282828;	
	color: #eaeaea;
	padding: 5px 20px;
}

tr:nth-child(odd) td{
	background: #eaeaea;
	border: 1px solid #282828;	
	color: #282828;
	padding: 5px 20px;
}


.close_button{
	width: 30px;
	float:right;	
	
}


.service_images{
	height: 160px;	
}

.other_service_images{
	height: 100px;
	margin-top: 30px;
	margin-bottom: 30px;
}

/*Contact Us*/

.contact{
	width:100%;
	border-top: solid 1px #282828;
}

#google_map_api{
	margin-top: 30px;	
	width:100%;
	height: 300px;
	border-top: solid 1px #282828;
	border-bottom: solid 1px #282828;
}

.address_and_contact{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 1000px;
	margin:5px auto;
	padding-bottom: 50px;
	height: 250px;
}

.address_and_contact div{
	width: 238px;
	height: 200px;
	margin: 5px;
	display:inline-block;
	border: solid 0px #282828;
	color: grey;
	font-size:12px;
	text-align:center;
	line-height:25px;
	float:left;
	padding-top: 30px;
	
}

.contact_headers{
	float:none;
	width:100%;
	color:#BF2C2F;
	letter-spacing: 3px;
	margin: 0px 0px 10px 0xp;
}

.cjjs{
	width: 40px;
}