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

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	background: #fff;
	margin:20px auto;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
div {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
	text-align:center;
	font-size:150%;
	text-transform:uppercase;
}

blockquote p::before, blockquote p::after{
	content: '\f106';
    display: inline;
    -webkit-font-smoothing: antialiased;
    font: normal 20px/1 'Genericons';
    vertical-align: top;
	color:#999;	
}

blockquote p::before{
	margin-right:4px;	
}

blockquote p::after{
	margin-left:4px;	
}

a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}

.quote{
	font-family:"bebas_neuebook";
	display:block;
	text-align:center;
	font-style:italic;
	font-size:200%;
	line-height:120%;
	margin-top:20px;
}

/* =Global
-------------------------------------------------------------- */

html,body{
	background:#181818;
	margin:0;
	padding:0;
	font-family:'bebas_neuebook', Arial, Helvetica, sans-serif;
	overflow:hidden;
}

.no-border{
	border:none !important;
}

h1{
	font-family:'bebas_neueregular', Arial, Helvetica, sans-serif;
}

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

h1 a{
	text-decoration:none; 
	color:#fff; 
	border-bottom:2px solid #fff;
	-webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
h1 a:focus,a:hover,a:active{
	text-decoration:none; 
	color:#fff; 
	border-bottom:4px solid #fff;
	-webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
	
}

p{
	margin:20px 0px 0px 0px;
}

/* =FONTS
---------------------------------------------------*/

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

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

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

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

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

}

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

}

/* =Text-Styles
-------------------------------------------------------------- */

.dark{
	text-shadow:0px 0px 4px #fff !important;
	text-shadow:0px 0px 4px rgba(255,255,255,1.0) !important;
	color:#333 !important;
}

/* =Nav
-------------------------------------------------------------- */

nav{ 
	width:100%;
	height:80px;
	background:rgba(255,255,255,0.0);
	position:fixed;
	top:0;
	z-index:10;
}

#opener_logo{
	width:30%;
	height:auto;
	display:block;
}

/* =Slider The GRID
-------------------------------------------------------------- */

#the-grid{
	position:fixed;
	bottom:20px;
	left:20px;
	margin:0 auto;
	padding:5px;
	z-index:2000;
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
	-o-user-select: none;
	-webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
	-ms-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
}

#the-grid div.grid-cat{
	width:100%;
	height:21px;
}

#the-grid div.grid-cat-title{
	font-size:18px;
	font-weight:100;
	color:#fff;
	float:left;
	padding-top:3px;
	padding-left:4px;
	text-shadow:0px 0px 3px rgba(0,0,0,0.3);
	/*display:none;*/
}

#the-grid div.grid-item{
	float:left;
	margin-right:1px;
	margin-top:1px;
	background:#ccc;
	background:rgba(255,255,255,0.5);	
	z-index:100;
	border-radius:200px;
	-webkit-transform:scale(0.9);
	-ms-transform:scale(0.9);
	-moz-transform:scale(0.9);
	-o-transform:scale(0.9);
	transform:scale(0.9);
	-webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
	-ms-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
}

#the-grid div.grid-item:hover{
	background:#fff;
	background:rgba(255,255,255,0.75);
	border-radius:200px;
	-webkit-transform:scale(1.0);
	-ms-transform:scale(1.0);
	-moz-transform:scale(1.0);
	-o-transform:scale(1.0);
	transform:scale(1.0);
	-webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
	cursor:pointer;
}

#the-grid div.grid-item.item-active{
	background:#fff;
	background:rgba(255,255,255,0.75);	
}

#the-grid div.grid-item.trailer{
}

#the-grid div.grid-item.trailer:after{
	content: '\25B6';
	display: inline-block;
	text-align: center;
    -webkit-font-smoothing: antialiased;
    font: 100 48px/0 'Entypo';
	font-weight:100;
    vertical-align: bottom;
	color:#000;
	text-align:center;
	width:100%;	
	-webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
	-ms-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
}

#the-grid div.grid-cat-overlay{
	background:transparent;
	border:3px solid #fff;
	border-radius:200px;
	-webkit-transform:scale(1.0) !important;
	position:absolute !important;
}

/*#the-grid div.grid-cat.cat-active div.grid-item{
	background:#fff;
	background:rgba(255,255,255,0.85);
	border-color:#ff0000 !important;
	-webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
	-ms-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;	
}*/
/*
#the-grid div.grid-cat-overlay{
	border-color:#ff0000 !important;	
}
*/

/* =Slider OPT
-------------------------------------------------------------- */

#slider{
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
	-o-user-select: none;
	opacity:0.0;
}

#slider div.slider-cat{
	display:block;	
}

.slider-cat-overlay{
	position:absolute;
	top:20px;
	left:20px;
	padding:0px;
	/*background:rgba(255,255,255,1.0);*/
	display:none;
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none; 
	-o-user-select: none;
}

div.overlay-title{
	color:#fff;
	font-size:36px;
	text-align:center;
	display:block;
	text-transform:uppercase;
	font-weight:100;
}

#slider div.slider-item{
	float:left;	
	background: no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	backround-attachment:scroll;
}

	#slider div.slider-item .slider-item-header{
		width:60%;
		padding:20px;
		position:absolute;
		display: table;
		/*border-top:2px solid #fff;
		border-bottom:4px solid #fff;*/
	}
	
	#slider div.slider-item .slider-item-header:after{
		content:'';
		position: absolute; 
    	z-index: -1;
	}
	
	#slider div.slider-item .slider-item-header .inner[data-plus]{
		cursor:pointer;
	}
	
	#slider div.slider-item .slider-item-header.logo{
		width:auto;	
	}
	
	#slider div.slider-item .item-title{
		font-size:72px;
		font-weight:900;
		text-transform:uppercase;
		color:#fff;
		text-align:center;
		text-shadow:0px 0px 4px #000;
		text-shadow:0px 0px 4px rgba(0,0,0,0.5);
	}
	
	#slider div.slider-item .role{
		display:block;
		color:#fff;
		text-align:center;
		font-size:30px;
		padding-bottom:10px;
		text-shadow:0px 0px 4px #000;
		text-shadow:0px 0px 4px rgba(0,0,0,0.5);
	}
	
	#slider div.slider-item .item-subtitle{
		font-size:24px;	
		text-transform:lowercase;
		color:#fff;
		text-align:center;
		text-shadow:0px 0px 2px #000;
		text-shadow:0px 0px 2px rgba(0,0,0,0.3);
	}
	
	#slider .top{
		display:block;
	}
	
	#slider div.slider-item .top .item-title{
		font-size:108px;
	}
	
	#slider div.slider-item .top .item-title, #slider div.slider-item .top .item-subtitle{
		text-shadow:0px 0px 20px #fff;
		text-shadow:0px 0px 20px rgba(255,255,255,0.5);
		color:#333;
	}
	
	.selected-samples{
		width:100%;
		position:fixed;
		bottom:80px;
		text-align:center;
		color:#fff;
		font-size:18px;
		
	}
	
	#slider div.slider-item .slider-item-header .item-content-outer{
		width:75%;
		max-width:650px;
		min-width:450px;
		margin:0 auto;
		font-family:Arial,Helvetica,sans-serif;
		line-height:16px;
		font-size:14px;
		text-align: center;
	}
	
	#slider div.slider-item .slider-item-header .item-content-inner{
		background:#fff;
		background:rgba(255,255,255,0.8);
		padding:20px;
		margin-top:20px;
		color:#333;
	}
	
	#slider div.slider-item .slider-item-header .item-content-inner:not(.contact) a{
		color:#000;
		border-bottom:1px solid #333;
	}
	
	#slider div.slider-item .slider-item-header .item-content-inner:not(.contact) a a:hover,#slider div.slider-item .slider-item-header .item-content-inner:not(.contact) a a:focus;{
		color:#000;
		text-decoration:underline;
	}
	
	#slider div.slider-item .slider-item-header .item-content-inner .content-inner-title{
		display:block;
		text-align:center;
		font-family:'bebas_neuebook';
		font-size:18px;
		margin-bottom:10px;
	}
	
	#slider .content-left, #slider .content-right{
		width:48%;
		padding:0%;
		text-align:justify;
	}
	
	#slider .content-left{
		margin-right:4%;
	}
	
	#slider div.slider-item .slider-item-header .options{
		display:block;
		margin-top:20px;
	}
	
	#slider div.slider-item .slider-item-header span.expand{
		text-align:center;
		vertical-align:top;
		width:100%;
		padding:20px 0px 0px 0px;
	}
	
	#slider span.expand:after{
		content: '\2295';
	    display: inline;
	    -webkit-font-smoothing: antialiased;
	    font: 100 54px/0 'Entypo';
		font-weight:100;
	    vertical-align: top;
		color:#fff;
		text-align:center;
		text-shadow:0px 0px 10px #000;
		text-shadow:0px 0px 10px rgba(0,0,0,0.3);
		width:100%;	
		-webkit-transition: all 0.1s ease-out 0s;
	    -moz-transition: all 0.1s ease-out 0s;
	    -o-transition: all 0.1s ease-out 0s;
		-ms-transition: all 0.1s ease-out 0s;
	    transition: all 0.1s ease-out 0s;
	}
	
	#slider span.expand:hover{
		border:none;
		cursor:pointer;
	}
	
	#slider span.expand:hover:after{
		color:#ccc;
		-webkit-transition: all 0.1s ease-out 0s;
	    -moz-transition: all 0.1s ease-out 0s;
	    -o-transition: all 0.1s ease-out 0s;
		-ms-transition: all 0.1s ease-out 0s;
	    transition: all 0.1s ease-out 0s;
	}
	
	.pg-center{ position:absolute;}
	
	#slider span.expand:active:after{
		color:#aaa;
	}
	
	#slider span.expand.active:after{
		content: '\2296';
	}
	
	#slider span.playvideo{
		text-align:center;
		vertical-align:top;
		width:100%;
		padding:20px 0px 0px 0px;
	}
	
	.vid-close{
		cursor:pointer;
		width:50px;
		height:10px;
		padding:20px;
		background:#fff;
		position:absolute;
			
	}
	
	video{
		border:3px solid #fff;
	}
	
	#slider span.playvideo:after{
		content: '\25B6';
	    display: inline;
	    -webkit-font-smoothing: antialiased;
	    font: 100 72px/0 'Entypo';
		font-weight:100;
	    vertical-align: top;
		color:#fff;
		text-align:center;
		text-shadow:0px 0px 10px #000;
		text-shadow:0px 0px 10px rgba(0,0,0,0.3);
		width:100%;	
		-webkit-transition: all 0.1s ease-out 0s;
	    -moz-transition: all 0.1s ease-out 0s;
	    -o-transition: all 0.1s ease-out 0s;
		-ms-transition: all 0.1s ease-out 0s;
	    transition: all 0.1s ease-out 0s;
	}
	
	#slider a.playvideo:hover:after{
		color:#ccc;
		-webkit-transition: all 0.1s ease-out 0s;
	    -moz-transition: all 0.1s ease-out 0s;
	    -o-transition: all 0.1s ease-out 0s;
		-ms-transition: all 0.1s ease-out 0s;
	    transition: all 0.1s ease-out 0s;
	}
	
	#slider a.playvideo:active:after{
		color:#aaa;
	}
	
	#slider div.slider-item .slider-item-header .item-content-inner{ display:none; }
	#slider div.slider-item .slider-item-header .item-content-inner.contact{ 
		display:block;
		background:none;
		color:#fff; 
	}
	
	.content-upper{
		width:100%;
		text-align:center;
		margin-bottom:20px;
	}
	
	.content-left,  .content-right{
		width:48%;
		padding:1%;
		text-align:justify;
		float:left;
	}
	
	.content-left{
		margin-right:2%;
	}
	
	.mail{
		display:inline-block;
		padding:10px;
		border:1px solid #fff;
		border-radius:5px;
		color:#fff;
		margin-top:20px;
	}
	
	[data-icon]:before {
	  font: 100 30px/0 'Entypo'; /* BYO icon font, mapped smartly */
	  content: attr(data-icon);
	  speak: none; /* Not to be trusted, but hey. */
	  margin-right:10px;
	  vertical-align:middle;
		-webkit-transition: all 0.1s ease-out 0s;
	    -moz-transition: all 0.1s ease-out 0s;
	    -o-transition: all 0.1s ease-out 0s;
		-ms-transition: all 0.1s ease-out 0s;
	    transition: all 0.1s ease-out 0s;
	}
	
	.mail:focus, .mail:hover{
		border-bottom:1px solid #fff;
		background:#fff;
		color:#333;
		-webkit-transition: all 0.1s ease-out 0s;
	    -moz-transition: all 0.1s ease-out 0s;
	    -o-transition: all 0.1s ease-out 0s;
		-ms-transition: all 0.1s ease-out 0s;
	    transition: all 0.1s ease-out 0s;
	}
	
	#slider div.slider-item .video-overlay{
		width:100%;
		height:100%;
		background:#000;
		background:rgba(0,0,0,0.5);
		display:none;
		z-index:10000;
		position:absolute;
	}
	
	#slider div.slider-item .video-overlay .video-embed{
		display:block;
		margin:0 auto;
	}
	
/* =SLIDER ITEM IMAGE
-------------------------------------------------------------- */	
	
	img.slider-item-img{
		
	  /* Set up proportionate scaling */
	  width: 100%;
	  height: auto;
	  
	}
	
/* =SLIDER ITEM CONTENT
-------------------------------------------------------------- */
	
	#slider div.slider-item .slider-item-header .video-frame{
		
	}
	
	.video-container {
    	position: relative;
    	padding-bottom: 52.6%;
    	padding-top: 30px; height: 0; overflow: hidden;
		margin:0 auto;
		display:block;
		width:100%;
		height:100%;
	}
	 
	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
/* =SLIDER NAV ARROWS
-------------------------------------------------------------- */

.slider-nav-arrows .slider-nav{
	position:absolute;
	width:38px;
	height:40px;
	display:none;
	z-index:200;
}
.slider-nav-arrows .slider-nav{
	cursor:pointer;
}

.slider-nav.down{
	bottom:0;
	text-align:center;
	width:80%;
	left:50%;
	margin:0 0 0 -40.5%;
}
.slider-nav.down:after{
	content: '\e764';
    display: inline;
    -webkit-font-smoothing: antialiased;
    font: 100 108px/0 'Entypo';
	font-weight:100;
    vertical-align: top;
	color:#fff;
	text-align:center;
	text-shadow:0px 0px 10px #000;
	text-shadow:0px 0px 10px rgba(0,0,0,0.3);
	width:100%;	
}

.slider-nav.left{
	top:50%;
	left:20px;	
}
.slider-nav.left:after{
	content: '\e765';
    display: inline;
    -webkit-font-smoothing: antialiased;
    font: 100 108px/0 'Entypo';
	font-weight:100;
    vertical-align: top;
	color:#fff;
	text-align:center;
	text-shadow:0px 0px 10px #000;
	text-shadow:0px 0px 10px rgba(0,0,0,0.3);
	width:100%;	
}

.slider-nav.right{
	top:50%;
	right:20px;	
}
.slider-nav.right:after{
	content: '\e766';
    display: inline;
    -webkit-font-smoothing: antialiased;
    font: 100 108px/0 'Entypo';
	font-weight:100;
    vertical-align: top;
	color:#fff;
	text-align:center;
	text-shadow:0px 0px 10px #000;
	text-shadow:0px 0px 10px rgba(0,0,0,0.3);
	width:100%;	
}

.slider-nav.up{
	top:40px;
	text-align:center;
	width:100%;	
}
.slider-nav.up:after{
	content: '\e767';
    display: inline;
    -webkit-font-smoothing: antialiased;
    font: 100 108px/0 'Entypo';
	font-weight:100;
    vertical-align: top;
	color:#fff;
	text-align:center;
	text-shadow:0px 0px 10px #000;
	text-shadow:0px 0px 10px rgba(0,0,0,0.3);
	width:100%;	
}


/* =Video BG (@Copy CC)
-------------------------------------------------------------- */
		
	.header-unit {
	  height:100%;
	  border: 2px solid #000;
	  border-right:none;
	  border-left: none;
	  position: relative;
	  padding: 20px;
	}
	#video-container {
		position: absolute;
	}
	#video-container {
		top:0%;
		left:0%;
		height:100%;
		width:100%;
		overflow: hidden;
	}
	video {
		position:absolute;
		z-index:0;
	}
	video.fillWidth {
		width: 100%;
	}
	
/* =Info
-------------------------------------------------------------- */

.info-overlay{
	top:0;
	width:100%;
	height:100%;
	position:fixed;
	background:rgba(0,0,0,0.85);
	font-family:Arial, Helvetica, sans-serif;
	z-index:10000;
	display:none;
}

.info-box{
	background:rgba(255,255,255,0.4);
	width:80%;
	height:100%;	
	margin:0 auto;
	color:#fff;
	font-size:14px;
	text-align:center;
	padding:20px;
}

.info-box h1{
	font-size:30px;
	padding:20px 0px;
}

span.close{
	display:block;
	margin:0 auto;
	background:#fff;
	color:#000;
	text-align:center;
	text-decoration:none;
	padding:20px 0px;
	width:40%;
	font-size:18px;	
	margin-top:20px;
	-webkit-transition:all 0.25s ease-in-out;
}

span.close:hover{
	background:#333;
	color:#fff;
	-webkit-transition:all 0.25s ease-in-out;	
}

.imprint{
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:2500;
	color:#fff;
	font-size:14px;
	cursor:pointer;
}

.imprint .imprint-button{
	display:block;
	cursor:pointer;
}

/* =MOBILE
-------------------------------------------------------------- */

body.mobile{
	background:#fff;
}

	body.mobile a{
		color:#333;
		border-color:#333;
	}

	body.mobile .info-overlay{
		display:none;
	}
	
	body.mobile div.slider-cat-overlay{
		position:fixed;
		bottom:0px;
		top:auto;
		left:0;
		width:100%;
		padding:10px 0px 10px 0px;
		background:#fff;
		border-top:1px solid #ccc;
		text-align:center;	
		clear:both;
	}
	
	body.mobile div.slider-cat-overlay .overlay-title{
		font-size:18px;
		color:#333;
		clear:both;
	}
	
	body.mobile.landscape div.slider-cat-overlay {
	}
	
	body.mobile.landscape div.slider-cat-overlay .overlay-title{
		height:10px;
		font-size:12px;
	}
	
	body.mobile #slider div.slider-item .slider-item-header{
		width:100%;
		text-align:center;
		padding:0px;
		height:100%;
	}
	
	body.mobile #slider img.slider-item-img{
		float:left;
		position:absolute;
	}

		body.mobile #slider div.slider-item .m-video-container{
			width:100% !important;
			height:auto;
		}
		
		.m-video-container {
	    	position: relative;
	    	padding-bottom: 46.25%;
	    	padding-top: 30px; height: 0; overflow: hidden;
			margin:0 auto;
			display:block;
			width:100%;
		}
	 
		.m-video-container iframe,
		.m-video-container object,
		.m-video-container embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		body.mobile #slider div.slider-item .item-title, body.mobile #slider div.slider-item .item-subtitle{
			width:100%;
			text-align:center !important;
			color:#333;
			text-shadow:none;
		}

		body.mobile #slider div.slider-item .item-title{
			font-size:30px;
		}
		
		body.mobile #slider div.slider-item .slider-item-header .inner{
			position:absolute;
			width:100%;
			height:auto;
			bottom:0px;
			clear:both;
			background:#fff;
			padding:20px 20px 88px 20px;
			overflow:scroll;
		}
		
		body.mobile #slider div.slider-item .slider-item-header .item-content-outer{
			width:90%;
			line-height:auto;
			margin:0 auto;
			min-width:100px;
			/*max-width:400px;*/
		}
		
		body.mobile #slider div.slider-item .slider-item-header .item-content-inner{
			background:transparent;
			padding:0px;
			color:#333;
		}
		
		body.mobile #slider div.slider-item .slider-item-header .options{
			margin-top:40px;
		}
		
		body.mobile #slider span.expand:after{
			color:#333;
			text-align:center;
			text-shadow:none;
			font: 100 120px/0 'Entypo';
			width:100%;	
			-webkit-tap-highlight-color: rgba(0,0,0,0);
		}
		
		body.mobile #slider span.expand:active:after{
			color:#000;
		}
		
		body.mobile #slider a.playvideo:after{
			color:#333;
			text-align:center;
			text-shadow:none;
			width:100%;	
			-webkit-tap-highlight-color: rgba(0,0,0,0);
		}
		
		body.mobile #slider a.playvideo:active:after{
			color:#000;
		}
		
		body.mobile #slider .contact .content-left,body.mobile #slider .contact .content-right{
			display:none;
		}
		
		body.mobile #slider .mail{
			border-color:#333;
			color:#333;
		}
		
		body.mobile ul.mobile-category-slide{
			display:block;
		}
		
		body.mobile ul.mobile-category-slide li{
			display:inline-block;
			width:10px;
			height:10px;
			border-radius:100px;
			border:1px solid #333;
			background:#fff;
			margin:0px 2px;
		}
		
		body.mobile ul.mobile-category-slide li.active{
			background:#333;
		}
		
		body.mobile .selected-samples{
			bottom:10px;
			color:#000;
			z-index:2500;
		
		}
		
		body.mobile br{
			display:none;
		}
		
/* =MEDIA QUERIES
-------------------------------------------------------------- */
		
		@media only screen and (max-width: 1024px) {
				#slider div.slider-item .item-title{
					font-size:48px;
				}
				#the-grid{
					bottom:0px;
					left:0px;
					-webkit-transform:scale(0.8);
					-ms-transform:scale(0.8);
					-moz-transform:scale(0.8);
					-o-transform:scale(0.8);
					transform:scale(0.8);
					-webkit-transition: all 0.1s ease-out 0s;
				    -moz-transition: all 0.1s ease-out 0s;
				    -o-transition: all 0.1s ease-out 0s;
					-ms-transition: all 0.1s ease-out 0s;
				    transition: all 0.1s ease-out 0s;
				}
		}
		
		@media only screen and (max-width: 768px) {
				#slider div.slider-item .item-title{
					font-size:36px;
				}
				#the-grid{
					bottom:-20px;
					left:-20px;
					-webkit-transform:scale(0.6);
					-ms-transform:scale(0.6);
					-moz-transform:scale(0.6);
					-o-transform:scale(0.6);
					transform:scale(0.6);
					-webkit-transition: all 0.1s ease-out 0s;
				    -moz-transition: all 0.1s ease-out 0s;
				    -o-transition: all 0.1s ease-out 0s;
					-ms-transition: all 0.1s ease-out 0s;
				    transition: all 0.1s ease-out 0s;
				}
		}
		
		
		.pace {
		  -webkit-pointer-events: none;
		  pointer-events: none;
		  -webkit-user-select: none;
		  -moz-user-select: none;
		  user-select: none;

		  z-index: 2000;
		  position: fixed;
		  margin: auto;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  height: 5px;
		  width: 200px;
		  background: #fff;
		  border: 1px solid #000;
		}

		.pace-inactive {
		  display: none;
		}

		.pace .pace-progress {
		  background: #000;
		  position: fixed;
		  z-index: 2000;
		  top: 0;
		  left: 0;
		  height: 5px;

		  -webkit-transition: width 1s;
		  -moz-transition: width 1s;
		  -o-transition: width 1s;
		  transition: width 1s;
		}

		.pace .pace-progress-inner {
		  display: block;
		  position: absolute;
		  right: 0px;
		  width: 100px;
		  height: 100%;
		  opacity: 1.0;
		  -webkit-transform: rotate(3deg) translate(0px, -4px);
		  -moz-transform: rotate(3deg) translate(0px, -4px);
		  -ms-transform: rotate(3deg) translate(0px, -4px);
		  -o-transform: rotate(3deg) translate(0px, -4px);
		  transform: rotate(3deg) translate(0px, -4px);
		}

		.pace .pace-activity {
		  display: block;
		  z-index: 2000;
		  position: absolute;
		  top:0;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  margin: auto;
		  width: 50px;
		  height: 50px;
		  border: solid 2px transparent;
		  border-top-color: #000;
		  border-left-color: #000;
		  border-radius: 100px;
		  -webkit-animation: pace-spinner 400ms linear infinite;
		  -moz-animation: pace-spinner 400ms linear infinite;
		  -ms-animation: pace-spinner 400ms linear infinite;
		  -o-animation: pace-spinner 400ms linear infinite;
		  animation: pace-spinner 400ms linear infinite;
		}
		
		.pace .pace-progress:after{
			content: attr(data-progress-text);
			font-family: "bebas_neuebook", sans-serif;
			font-weight: 100;
			font-size: 5rem;
			line-height: 1;
			text-align: center;
			color: #000;
		}

		@-webkit-keyframes pace-spinner {
		  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
		  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
		}
		@-moz-keyframes pace-spinner {
		  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
		  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
		}
		@-o-keyframes pace-spinner {
		  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
		  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
		}
		@-ms-keyframes pace-spinner {
		  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
		  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
		}
		@keyframes pace-spinner {
		  0% { transform: rotate(0deg); transform: rotate(0deg); }
		  100% { transform: rotate(360deg); transform: rotate(360deg); }
		}
		
		.pace.pace-active{
			background:#fff;
			position:absolute;
			width:100%;
			height:100%;
			z-index:10000;
		}
		
		#no-script{
			color:#fff;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background:#333;
			z-index:12000;
			font-size:14px;
			text-align:center;
			font-family:Arial,Helvetica,sans-serif;
		}
		
		#no-script .title{
			display:block;
			text-align:center;
			font-size:72px;
			font-weight:bold;
			font-family:'bebas_neuebold',Arial,Helvetica,sans-serif;
		}
		
		#no-script .head{
			margin-bottom:40px;
		}
		
		#no-script .content{
			width:60%;
			margin:0 auto;
			margin-top:80px;
			min-width:400px;
		}

		.cv{
			 float:left; text-align:center; width:100%; margin-top:20px;
		}
		
		body.mobile .cv{
			 margin-top:0px;
		}