@font-face {
	font-family: "wuerthbook";
	src: url("fonts/wuerth/wuerthbook-webfont.eot") format("embedded-opentype"), url("fonts/wuerth/wuerthbook-webfont.svg") format("svg"), url("fonts/wuerth/wuerthbook-webfont.ttf") format("truetype"), url("fonts/wuerth/wuerthbook-webfont.woff") format("woff"), url("fonts/wuerth/wuerthbook-webfont.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "wuerthbold";
	src: url("fonts/wuerthbold/wuerthbold-webfont.eot") format("embedded-opentype"), url("fonts/wuerthbold/wuerthbold-webfont.svg") format("svg"), url("fonts/wuerthbold/wuerthbold-webfont.ttf") format("truetype"), url("fonts/wuerthbold/wuerthbold-webfont.woff") format("woff"), url("fonts/wuerthbold/wuerthbold-webfont.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

body { margin: 0; padding: 0; background: #000; height:100%; }
#construct { position: fixed; width:100%; height:100%; top:0; left:0; }
.container { width: 100%; height: 100vh; min-height:960px; padding: 0; margin:0;  font-family: "wuerthbold", sans-serif; font-weight:400; font-size: 12px; line-height:1.4em; color:#FFF; }

video { position: fixed; top: 50% ;left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1; transform: translateX(-50%) translateY(-50%); opacity:0.5; }
.bloc { position: relative; top: 50%; max-width:480px; transform: translateY(-50%); text-align:center; margin:0 auto; padding:20px; }

.team { position: absolute; top: 0 ; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1; opacity:0.5; background:url(../images/team.jpg) no-repeat center center; background-size: cover; }

#construct h1 { font-family: "wuerthbook", sans-serif; font-weight:300; font-size: 2.2em; text-transform: uppercase; margin: 0; letter-spacing: 1px; color:#FFF; }
#construct p { font-family: "wuerthbold", sans-serif; font-weight:400; font-size: 12px; line-height:1.4em; color:#FFF; }
#construct a { display: inline-block; color: #fff; text-decoration: none; background:rgba(0,0,0,0.5); padding: .5rem; transition: .6s background; }
#construct a:hover{ background:rgba(0,0,0,0.9); }
.responsive-img { max-width: 100%; height: auto; }

#btnOK { display:inline-block; height:36px; border:1px solid #FFF; background: none; font-family: "wuerthbold", sans-serif; font-weight:400; font-size: 1.2em; text-transform: uppercase; color: #FFF; padding: 0 10px;  margin: 0 ; vertical-align: top; cursor:pointer; }
#btnOK:hover { background:#FFF; color:#000; }

/* IE8 */
.video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow:hidden; background:url(images/wuerth_modyf_innovator.jpg) no-repeat center center; background-size:contain; }

.no-video .container { display: table; width: 50%; margin:10% auto 0 auto; }
.no-video .bloc { display: table-cell; vertical-align: middle; text-align: center; padding:0; }

#construct .link img{
	padding-right: 5px;
	height: auto;
	width: 20px;
	position: relative;
	vertical-align: middle;
}

#construct p.link{
	font-family: "wuerthbook", sans-serif;
	font-weight: 300;
	font-size: 1.4em;
	font-size: 16px;
	margin: 0px;
}

#construct .link a{
	background: none;
}

#construct .link a:hover{
	text-decoration: underline;
}

#formdata p.link:first-child a{
	color: transparent;
	font-size: 0px;
}

#formdata p.link:first-child a::after{
	content: 'modyf.fr';
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	vertical-align: middle;
}

#formdata p.link:first-child a:hover::after{
	text-decoration: underline;
}

/* MEDIA QUERIES */
@media only screen and (max-width: 1023px) {
	.container { width:100%; min-height:480px; }
	.no-video .container { width: 100%;  }
	.bloc, .no-video .bloc { width:auto; }
}