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

@font-face {
    font-family: 'myCustomBebas';
    src: url('font/BebasNeue-webfont.eot');
    src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BebasNeue-webfont.woff') format('woff'),
         url('font/BebasNeue-webfont.ttf') format('truetype'),
         url('font/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
} 
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'myCustomBebas';
		src: url('font/BebasNeue-webfont.svg') format('svg');
	}
}
body {
	margin:0;
	background-color:#f6f8f7;
}
p {
	font-family:myCustomBebas;
	text-align:center;	
	letter-spacing:0.4px;
	color:#222;
	margin:0;
	padding:0;
}
h2 {
	font-family:myCustomBebas;
	text-align:center;	
	letter-spacing:0.4px;
	color:#222;	
	margin:0;
	padding:0;
}
a {
	text-decoration:none;	
}
.clear-fix {
	padding:0;
	margin:0;
	clear:left;
}
.container {
	max-width:100%;
	min-width:865px\9;
	width:100%;
	margin:auto;
}
.logo {
	width:90%;
	height:auto;
	position:relative;
	display:block;
	margin:auto;
	margin-bottom:1px;	
}
#link-to-wrapper {
	width:100%;
	height:600px;
	display:block;
	position:absolute;
/*	top:50%;
	margin-top:-300px;  */
}
#link-to-wrapper2 {
	width:100%;
	height:600px;
	display:block;
	position:absolute;
	margin-top:821px;
	z-index:-3;
	padding:0;
	background-color:#222;
}
#head {
	max-width:1920px;
	width:100%;	
	height:221px;
	background-image:url("Img/header.jpg");
	background-repeat:no-repeat;
	background-position:54.8% 5%;
	display:block;
	position:relative;
}
#rmc, #precast, #eqs, #dunno1, #dunno2 {
	width:33.3%;
	height:600px;
	display:block;
	float:left;
	position:relative;	
}
.blackdimmer {
	width:100%;
	height:600px;
	display:block;
	position:absolute;
	top:0;
	background-color:#222;	
	z-index:2;
	opacity:0.4;
	/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE 5-7 */
  filter: alpha(opacity=40);
  /* Netscape */
  -moz-opacity: 0.4;
  /* Safari 1.x */
  -khtml-opacity: 0.4;
	animation:goBlack 0.2s linear;
	-webkit-animation:goBlack 0.2s linear;
	-moz-animation:goBlack 0.2s linear;
	-o-animation:goBlack 0.2s linear;
	-ms-animation:goBlack 0.2s linear;
}
@-webkit-keyframes goBlack {
	from {
		opacity:0;
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		/* IE 5-7 */
		filter: alpha(opacity=0);
		/* Netscape */
		-moz-opacity: 0;
		/* Safari 1.x */
		-khtml-opacity: 0;
	}
	to {
		opacity:0.4;
		/* IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	  /* IE 5-7 */
	  filter: alpha(opacity=40);
	  /* Netscape */
	  -moz-opacity: 0.4;
	  /* Safari 1.x */
	  -khtml-opacity: 0.4;
	}	
}
@-webkit-keyframes goTrans {
	from {
		opacity:0.4;
		/* IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	  /* IE 5-7 */
	  filter: alpha(opacity=40);
	  /* Netscape */
	  -moz-opacity: 0.4;
	  /* Safari 1.x */
	  -khtml-opacity: 0.4;
	}
	to {
		opacity:0;
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		/* IE 5-7 */
		filter: alpha(opacity=0);
		/* Netscape */
		-moz-opacity: 0;
		/* Safari 1.x */
		-khtml-opacity: 0;
	}
}
@-moz-keyframes goBlack {
	from {
		opacity:0;
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		/* IE 5-7 */
		filter: alpha(opacity=0);
		/* Netscape */
		-moz-opacity: 0;
		/* Safari 1.x */
		-khtml-opacity: 0;
	}
	to {
		opacity:0.4;
		/* IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	  /* IE 5-7 */
	  filter: alpha(opacity=40);
	  /* Netscape */
	  -moz-opacity: 0.4;
	  /* Safari 1.x */
	  -khtml-opacity: 0.4;
	}	
}
@-moz-keyframes goTrans {
	from {
		opacity:0.4;
		/* IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	  /* IE 5-7 */
	  filter: alpha(opacity=40);
	  /* Netscape */
	  -moz-opacity: 0.4;
	  /* Safari 1.x */
	  -khtml-opacity: 0.4;
	}
	to {
		opacity:0;
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		/* IE 5-7 */
		filter: alpha(opacity=0);
		/* Netscape */
		-moz-opacity: 0;
		/* Safari 1.x */
		-khtml-opacity: 0;
	}
}
.blackdimmer:hover {
	-animation : goTrans 0.2s linear;
	-webkit-animation : goTrans 0.2s linear;
	-moz-animation : goTrans 0.2s linear;
	-o-animation : goTrans 0.2s linear;
	-ms-animation : goTrans 0.2s linear;
	-animation-fill-mode: forwards;	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
}
#rmc {
	background-image:url("Img/rmc.jpg");
	background-repeat:no-repeat;
	background-position:5% 35%;
}	
#precast {
	background-image:url("Img/precast.jpg");
	background-repeat:no-repeat;
	background-position:25% 10%;
}	
#eqs {
	background-image:url("Img/eqs.jpg");
	background-repeat:no-repeat;
	background-position:55% 0%;
}	
#dunno1{
	background-image:url("Img/fill2.png");
	background-repeat:no-repeat;
	background-position:55% 0%;
}	
#dunno2{
	background-image:url("Img/fill.png");
	background-repeat:no-repeat;
	background-position:55% 0%;
}	
#steel {	
	width:33.3%;
	height:600px;
	display:block;
	margin:auto;
	position:relative;	
	float:left;
	background-image:url("Img/steel.jpg");
	background-repeat:no-repeat;
	background-position:55% 0%;
}	
.base {
	width:245px;
	height:auto;
	position:relative;
	margin:auto;
	padding-top:246px;
	z-index:4;
}
.base:hover + .blackdimmer {
	-animation : goTrans 0.2s linear;
	-webkit-animation : goTrans 0.2s linear;
	-moz-animation : goTrans 0.2s linear;
	-o-animation : goTrans 0.2s linear;
	-ms-animation : goTrans 0.2s linear;
	-animation-fill-mode: forwards;	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
}
.base h2 {
	font-size:2em;
	margin-bottom:11px;
	color:#fff;
	font-weight:300;
	letter-spacing:0.5px;
	font-weight:100;
}
.base p {
	font-size:1.115em;
	color:#fff;
	margin-bottom:15.5px;
	line-height:1.2em;
}
.base > a {
	width:100px;
	display:block;	
	margin:auto;
}
.base .vst-btn {
	font-size:1.063em;
	width:100px;
	height:20px;
	padding-top:2px;
	background-color:#f8a23f;
	display:block;
	margin:auto;
	color:#222;	
	letter-spacing:0.3px;
	border:3px solid #f8a23f;
	border-radius:4px;
	animation:goBacki 0.2s linear;
	-webkit-animation:goBacki 0.2s linear;
	-moz-animation:goBacki 0.2s linear;
	-o-animation:goBacki 0.2s linear;
	-ms-animation:goBacki 0.2s linear;
	padding-top:2.5px\9;  /* code beside just for IE 8 or below */ 
}
@-webkit-keyframes goBacki {
	from {
		background-color:transparent;
		border-radius:8px;
		color:#fff;
		border:3px solid #fff;
	}
	to {
		background-color:#f8a23f;
		border-radius:4px;
		color:#222;
		border:3px solid #f8a23f;
	}	
}
@-moz-keyframes goBacki {
	from {
		background-color:transparent;
		border-radius:8px;
		color:#fff;
		border:3px solid #fff;
	}
	to {
		background-color:#f8a23f;
		border-radius:4px;
		color:#222;
		border:3px solid #f8a23f;
	}	
}
.vst-btn:hover {
	-animation : goRoundedi 0.2s linear;
	-webkit-animation : goRoundedi 0.2s linear;
	-moz-animation : goRoundedi 0.2s linear;
	-o-animation : goRoundedi 0.2s linear;
	-ms-animation : goRoundedi 0.2s linear;
	-animation-fill-mode: forwards;	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
}
@-webkit-keyframes goRoundedi {
	from {
		background-color:#f8a23f;
		border-radius:4px;
		color:#222;
		border:3px solid #f8a23f;
	}
	to {
		background-color:transparent;
		border-radius:8px;
		color:#fff;
		border:3px solid #fff;
	}
}
@-moz-keyframes goRoundedi {
	from {
		background-color:#f8a23f;
		border-radius:4px;
		color:#222;
		border:3px solid #f8a23f;
	}
	to {
		background-color:transparent;
		border-radius:8px;
		color:#fff;
		border:3px solid #fff;
	}
}
@media screen and (max-width:815px) {
	#dunno1,
	#dunno2 {
		display:none;
		float:none;
		background-image:transparent;
	}
	#link-to-wrapper2 {
		height:350px;
		margin-top:1271px;
	}
	#rmc, #precast, #eqs {
		float:none;
		width:100%;
		height:350px;
		display:block;
		margin:0;
		padding:0;
	}
	#rmc {
		background-image:url("Img/rmc2.jpg");
		background-repeat:no-repeat;
		background-position: 48% 0%;
	}	
	#precast {
		background-image:url("Img/precast2.jpg");
		background-repeat:no-repeat;
		background-position:35% 8%;
	}	
	#eqs {
		background-image:url("Img/eqs2.jpg");
		background-repeat:no-repeat;
		background-position:55% 0%;
	}
	#steel {
		width:100%;
		height:350px;
		background-image:url("Img/steel2.jpg");
		background-repeat:no-repeat;
		background-position:55% 0%;
	}	
	.blackdimmer {
		height:350px;	
		opacity:0.4;
		/* IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
	  /* IE 5-7 */
	  filter: alpha(opacity=35);
	  /* Netscape */
	  -moz-opacity: 0.35;
	  /* Safari 1.x */
	  -khtml-opacity: 0.35;
	}
	.base {
		margin-top:0;
		padding-top:119px;
	}
}
@media screen and (max-width:320px) {
	
}