*{box-sizing:border-box}body{margin:0;background-color:#121212;height:100%;font-family:"Mark Web W04 Bold", sans-serif;color:#FFC66F}html{margin:0;height:100%}#preroll,#cestitka{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-size:cover}#cestitka_iphone{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.border{border:30px solid #fff;position:relative;height:100%;width:100%;left:0;top:0;position:absolute}.number{width:120px;height:120px;position:absolute;left:50%;top:50%;margin-left:-60px;margin-top:-60px;border-radius:50%;background-color:#fff;text-align:center;font-size:60px;line-height:106px;-webkit-transition:-webkit-transform 0.2s, opacity 0.2s;transition:transform 0.2s, opacity 0.2s;-webkit-transform:scale(1.4, 1.4);-ms-transform:scale(1.4, 1.4);transform:scale(1.4, 1.4);opacity:0}.number.active{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1);opacity:1}.number.off{-webkit-transform:scale(0.8, 0.8);-ms-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8);opacity:0}#play{cursor:pointer;position:absolute;width:100px;height:100px;left:50%;top:50%;margin-left:-50px;margin-top:-50px}.overlay{position:absolute;height:100%;background-color:#121212;height:100%;width:100%;left:0;top:-100%;-webkit-transition:top 2s;transition:top 2s}.overlay.active{top:0%}.text{position:absolute;left:0;width:100%;text-align:center;font-size:42px;color:#fff;padding:0 10%;top:30%;opacity:0;-webkit-transition:top 4s, opacity 4s;transition:top 4s, opacity 4s}.text.active{top:43%;opacity:1}.text.off{top:55%;opacity:0;-webkit-transition:top 1s, opacity 1s;transition:top 1s, opacity 1s}.logo{position:absolute;width:400px;height:400px;left:50%;top:50%;margin-left:-200px;margin-top:-200px;opacity:0;-webkit-transform:scale(0.8, 0.8);-ms-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8);-webkit-transition:opacity 2s, -webkit-transform 2s;transition:opacity 2s, transform 2s}.logo.active{opacity:1;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}@media only screen and (max-width: 490px){.border{border-width:15px}.number{width:60px;height:60px;margin-left:-30px;margin-top:-30px;font-size:30px;line-height:56px}.text{font-size:24px}.text.active{top:40%}.logo{width:200px;height:200px;margin-left:-100px;margin-top:-100px}}

/*# sourceMappingURL=style.css.map */