section.intro{position:absolute;z-index:101;top:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-animation:intro_z 1s 3s forwards;animation:intro_z 1s 3s forwards;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}section.intro.off{visibility:hidden}section.intro .bg{background:#000;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-webkit-animation:intro_bg 1s 3.5s ease-in-out forwards;animation:intro_bg 1s 3.5s ease-in-out forwards}section.intro .name{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;padding-left:20px;bottom:0;z-index:1;-webkit-animation:intro 1s 3s ease-in-out forwards;animation:intro 1s 3s ease-in-out forwards}section.intro .name svg{display:block;width:100%;height:auto;height:initial}@media (max-width:767px){section.intro .name{padding-right:10px}}@media (max-width:1023px){section.intro .bg{-webkit-animation:intro_bg 1s 3s ease-in-out forwards;animation:intro_bg 1s 3s ease-in-out forwards}section.intro .name{-webkit-animation:intro_bg 1s 3s ease-in-out forwards;animation:intro_bg 1s 3s ease-in-out forwards}}@-webkit-keyframes intro{0%{bottom:0;width:100%;left:50%;transnform:translateX(-50%);margin-bottom:0}to{bottom:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);width:200px;left:50%;margin-bottom:5px}}@keyframes intro{0%{bottom:0;width:100%;left:50%;transnform:translateX(-50%);margin-bottom:0}to{bottom:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);width:200px;left:50%;margin-bottom:5px}}@-webkit-keyframes intro_bg{0%{opacity:1}to{opacity:0}}@keyframes intro_bg{0%{opacity:1}to{opacity:0}}@-webkit-keyframes intro_z{0%{z-index:101}to{z-index:7}}@keyframes intro_z{0%{z-index:101}to{z-index:7}}section.main{background:#000;height:100vh;position:relative;overflow:hidden}section.main .button{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-weight:600;font-size:22px;line-height:120%;text-transform:uppercase;z-index:4;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;cursor:pointer}@media (min-width:1025px){section.main .button:hover{color:#DCDCDC}}@media (max-width:767px){section.main .button{font-size:19px}}section.main .button.left{left:20px}@media (max-width:1023px){section.main .button.left{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}section.main .button.right{right:20px}section.main .button.right a{color:#fff;display:block;width:300px;text-align:right;opacity:0;position:absolute;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}section.main .button.right a.active{opacity:1;pointer-events:all}@media (min-width:1025px){section.main .button.right a:hover{color:#DCDCDC}}@media (max-width:1023px){section.main .button.right{top:auto;top:initial;right:auto;right:initial;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:60px;height:30px}section.main .button.right a{top:auto;top:initial;right:auto;right:initial;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90vw;bottom:0;text-align:center}}section.main .flick{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}section.main .flick.sliding{pointer-events:none}section.main .flick.sliding+.bar{pointer-events:none}section.main .flick .cell{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);overflow:hidden}section.main .flick .cell.active{z-index:1;-webkit-transform:none;transform:none}section.main .flick .cell.move-out-up{-webkit-animation:move-out-left 1.5s ease forwards;animation:move-out-left 1.5s ease forwards}section.main .flick .cell.move-in-up{-webkit-animation:move-in-left 1s ease forwards;animation:move-in-left 1s ease forwards;z-index:2}section.main .flick .cell.move-out-down{-webkit-animation:move-out-right 1.5s ease forwards;animation:move-out-right 1.5s ease forwards}section.main .flick .cell.move-in-down{-webkit-animation:move-in-right 1s ease forwards;animation:move-in-right 1s ease forwards;z-index:2}section.main .flick .cell .video,section.main .flick .cell iframe{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%}section.main .flick .cell iframe{pointer-events:none}section.main .bar{position:absolute;left:0;bottom:0;width:100%;z-index:4;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:0 15px}section.main .bar .player{margin:0 5px;width:100%;position:relative}section.main .bar .player:not(.active) .time{opacity:1;width:100%!important;-webkit-transition:none!important;transition:none!important}section.main .bar .player.active .time{opacity:1}section.main .bar .player.active~.player .time{opacity:0!important}@media (max-width:1023px){section.main .bar{counter-reset:counter;bottom:0}}@media (max-width:1023px){section.main .player{counter-increment:counter}section.main .player:before{content:"0" counter(counter);position:absolute;color:#959595;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:400;letter-spacing:0.05em;text-transform:uppercase;font-size:10px}section.main .player.active:before{color:#fff}}section.main .player .progress{height:50px}section.main .player .progress:before{content:"";display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;width:100%;height:1px;background:#fff;opacity:0.25}@media (min-width:1025px){section.main .player .progress:hover .vtt{opacity:1}}@media (max-width:1023px){section.main .player .progress{opacity:0}}section.main .player .vtt{position:absolute;left:0;bottom:35px;width:140px;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;pointer-events:none}section.main .player .vtt img{display:block;width:100%}section.main .player .buffer{position:absolute;left:0;top:0;background:#F8F8F8;height:1px;width:0;border-radius:0;z-index:2;width:100%;pointer-events:none;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}section.main .player .time{height:1px;pointer-events:none;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;background:#F8F8F8;position:absolute;z-index:4}section.main .player input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;z-index:3;accent-color:green;background:none;top:0;left:0;height:100%;padding:0;margin:0;border-radius:0;width:100%;--value:0;-webkit-transition:background 0.3s linear;transition:background 0.3s linear;opacity:0}@media (min-width:1025px){section.main .player input:hover{cursor:pointer}}section.main .player input::-webkit-slider-thumb{opacity:0}@-webkit-keyframes move-out-up{0%{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes move-out-up{0%{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes move-in-up{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:none;transform:none}}@keyframes move-in-up{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes move-out-down{0%{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes move-out-down{0%{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes move-in-down{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:none;transform:none}}@keyframes move-in-down{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes move-out-left{0%{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes move-out-left{0%{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes move-in-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:none;transform:none}}@keyframes move-in-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes move-out-right{0%{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes move-out-right{0%{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes move-in-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:none;transform:none}}@keyframes move-in-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:none;transform:none}}