/* By Sasha Lourier | sasha@dotan-lidgi.com */
* {box-sizing:border-box; margin:0 auto; padding:0; border:0 none; outline:0;}
html {font-size:0; overflow:hidden;}
body {overflow:hidden; background-color:#000; position:relative; text-align:center;}
main {display:block; width:1080px; height:1920px;}
iframe {width:1080px; height:1920px; margin:0 auto;}

.ptr {cursor:pointer;}
.slider {position:relative;}
.slider .slide {position:absolute; top:0; left:0; width:100%; height:1920px; transition:all 3s; opacity:0; background-color:#000;}
.slider .slide.current {opacity:1; z-index:30;}
.slider .logo {position:absolute; top:0; left:0;}
.slider .start {display:inline-block; width:100%; position:absolute; bottom:0; left:0;}
.slider .click {display:inline-block; width:100%; height:150px; position:absolute; top:auto !important; bottom:0; left:0;}
.blink, .current .click img {animation:blink 6s forwards 1;}
.menu main {background:url(bg_menu.png) no-repeat 50% 0;}
.menu ul {text-align:center; padding:300px 0 0;}
.menu li {padding:24px; transition:all 1.5s;}
.opaque {opacity:0; transition:all 1.5s;}
.modal {position:absolute; top:0; left:0; width:100%; height:100%; bottom:0; background:rgba(0,0,0,0.75); z-index:999;}
.modal button {position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background:#fff; color:#000; font-size:30px; padding:30px 60px; border-radius:30px; font-weight:bold;}
.layers {width:100%; height:100%; min-height:1920px; position:relative;}
.layers li, .lyr {position:absolute; top:0; left:0; width:100%; height:1920px; background-repeat:no-repeat; transition:all 1.5s;}
.layers li a {position:absolute; top:0; left:0; width:100%; height:1920px;}

@keyframes blink {
0% {opacity:1;}
20% {opacity:0;}
40% {opacity:1;}
50% {opacity:0;}
60% {opacity:1;}
80% {opacity:0;}
100% {opacity:1;}
}