html, body {
	overflow:hidden;
}

#scroll-wrapper {
	position:relative;
	height: 100% !important;
	width: 100%;
	margin: 0 auto; 
	overflow: hidden;
}


#o______________________shared {}

section {
	position:relative;
	width:100%; height:100vh;
	display:block;
	clear:both;
	margin:0; padding:0;
	background:#000;
	-webkit-transition: -webkit-filter 1500ms;
	-moz-transition: 	filter 1500ms;
	transition: 		-webkit-filter 1500ms;
}

.photo {
	background-size:cover;
	background-repeat: no-repeat;
	background-color:#000;
	background-position: center !important;
}

.center {
	position:absolute;
	top:33%; left:0;
	width:90%; text-align: center;
	z-index:10;
	-webkit-transform: translate3d(0,0,0);
}

.overlay {
	position: absolute;
	width:100%; height:100vh;
	top:0; left:0;
	background: rgba(0,0,0,.5);
	z-index:9;
	-webkit-transform: translate3d(0,0,0);
}

.white {color:#fff;}


.invert-pagination:before {
	background: #CCC !important;
}

/*.big-border { border:20px solid #FFF;}*/

#o______________________first {}
#apron-container {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	z-index:5;
	text-align: center;
	width:100%; height:100%;
	cursor:pointer;
	background: gray;
	-webkit-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
}	

.apron-inside {
	/*display:none;*/
	position:relative;
	margin:0 auto 0;
	height:100%;
}

#apron-image {
	width:50%;
	z-index:10;
	/*background: #3CC;*/
}

#apron-video {
	width:auto;
	background: #000;
}


input {
	margin:200px 0 0 0;
	background: transparent;
	border:none;
	width:320px;
	text-align: center;
}

.sliding-door {
	position:absolute; top:0; bottom:0;
	display:block; width:50%; height:100%;
	z-index:9;
	background:#FAFAF8;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
}

#left-door {left:0px; }

#right-door { right:0px; }

.over { z-index:20;}

.title {
	position:absolute;
	top:45%;
}

#left-door .title {
	right:20px;
}

#right-door .title {
	left:20px;
}

#title-overlay {
	display:none;
}



#arrow-down { display:none;}
#fairytales {display:none;}
#fairytales p {margin-top: 15em}

#o______________________photos {}

.bg-intro { background-image: url('../img/bg-intro.jpg');}
.bg-apron { background-image: url('../img/bg-apron.jpg');}
.bg-inventing { background-image: url('../img/bg-inventing.jpg');}



#o______________________issues {}
.issue-title {
	display:inline-block; clear:both;
	width:120px; text-align: center;
	margin:0; padding:4px 0 4px;
}
.border-top {border-top: 1px solid white}
.border-bottom {border-bottom: 1px solid white}





#o______________________responsive{}
@media (max-width:460px) {
	.sliding-door .title {display:none;}

}