/* CSS Document */

.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: 100%;
	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:43%;
	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;
	font-size:12px;
}

.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;
	display:none;
	overflow:hidden;
}

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

/*About Us*/

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

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

.about_talk div{
	width: 90%;
	color:#eaeaea;
	margin:5px auto;
	font-size: 13px;
	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{
	padding-top: 10px;
	width: 90%;
	height:auto;
	color: white;
	margin: 30px auto;
	letter-spacing: 5px;
	text-transform: uppercase;
	line-height: 35px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:justify;
	font-size:12px;
	font-weight:200;
}

/*.service_talks div{
	display: inline-block;
	width: 220px;
	text-align:justify;
	height: 200px;
	margin: 10px;
}
*/
.the_services{
	float:none;
	width: 652px;	
	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: 200px;
	display:inline-block;
	height: 200px;
	text-align: center;
	color: grey;
	background:#232323;
	margin: 5px;
	padding-top: 20px;
	border: #282828 solid 1px;
	font-size: 12px;
}

.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:600px;
	display:none;
	float:none;
	margin: 10px 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: 600px;
	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{
	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: 100%;;
	margin:5px auto;
	padding-bottom: 50px;
	height: auto;
}

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

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

.cjjs{
	width: 40px;
}


.dropdown {
    position: absolute;
    display: inline-block;
	opacity: 1;
	overflow: visible;
	width: 100%;
	height: 50px;
	right: 0;
	bottom: 0px;
	z-index:100;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;     
	background-color: #9E0002;
    min-width: 140px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	width:100%;
	right: 0px;
	top: -150px;
	z-index:100;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	background: #9E0002;
	color: white;
	font-size:12px;
	text-align: center;
		z-index:100;

}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #E88486;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block; 	z-index:100;
}


.dropbtn {
    color: white;
    cursor: pointer;
    width: 30px;
    background:url(../img/menu_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 15px 15px 15px 15px;
    border: 0px;
	position:absolute;
	top: 10px;
	right: 10px;
}