#takeover{display:none}#takeover.active{width:100%;height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url("https://cykla.se/wp-content/uploads/2020/12/drapes-bio-mobile.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}#takeover.active .inner-takeover{max-width:400px;margin:0 auto;width:90%}#takeover.active .inner-takeover .movie{position:relative;padding-bottom:55%;height:0;display:block}#takeover.active .inner-takeover .movie iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%}#takeover.active #close-takeover{position:absolute;top:20px;right:20px;display:inline-block;font-size:16px;background-color:#000;color:#fff;padding:15px;opacity:1;z-index:99;cursor:pointer}#takeover.active #close-takeover:hover{opacity:1}#takeover.active #scroll-down{position:absolute;bottom:30px;font-size:16px;display:flex;justify-content:center;align-items:center;color:#fff;-webkit-animation-name:down;animation-name:down;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}#takeover.active #scroll-down i{margin-left:10px;font-size:14px}@-webkit-keyframes down{0%{bottom:30px}50%{bottom:20px}100%{bottom:30px}}@keyframes down{0%{bottom:30px}50%{bottom:20px}100%{bottom:30px}}@media (min-width: 768px){#takeover.active{background-image:url("https://cykla.se/wp-content/uploads/2020/12/drapes-bio.jpg")}#takeover.active .inner-takeover{max-width:700px}}