@font-face {
    font-family: 'druk_cyrbold_italic';
    src: url('../fonts/drukcyr-bolditalic-webfont.woff2') format('woff2'),
    url('../fonts/drukcyr-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'druk_cyrbold';
    src: url('../fonts/drukcyr-bold-webfont.woff2') format('woff2'),
    url('../fonts/drukcyr-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.b {font-family: 'druk_cyrbold';text-transform: uppercase;}
.b.i {font-family: 'druk_cyrbold_italic';}
.u {text-transform: uppercase;}

html {font-size:10px;}
td,table,img {padding:0; border:none;border-collapse:collapse;}
body {width:750px;    font-family: 'Roboto', sans-serif;margin:0; padding:0; background:#000;font-size:3.7vw;color:#fff;scroll-behavior: smooth;line-height:1.2;}
td {}
form {margin:0;}
a {color:inherit;text-decoration:none;}
table {border-collapse:collapse;}

* {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust:none;
    text-size-adjust: none;
}

body {opacity:0;}
body.ready {opacity:1;}


ul, ul li {margin:0;padding:0;list-style:none;}
p,h1,h2,h3,h4,h5 {margin:0;font-weight:normal;box-sizing:border-box;}


body,div,ul,li,img,a,label,td,table,span {box-sizing:border-box;}



.cf {
    padding:30px 30px 0 30px;
    box-sizing:border-box;
    display:inline-block;
    line-height:1.3;
    background: none;

    width:100%;
    -webkit-appearance: none;
    outline:none;
    color:#fff;

    transition:box-shadow .3s ease ;
    border: 2px solid #DCDCDC;
    border-radius:0px;
    font-size:30px;
    font-family: 'Roboto', sans-serif;
    text-decoration:none;

}

textarea.cf {
    width:100%;height:540px;
    margin: auto;
    line-height: 1.3;
    padding:40px 20px 0 40px;
}

@media (max-height: 1250px) {
    textarea.cf {width:100%;height:440px;}
}

::placeholder {
    color:#939598;
    opacity: 1; /* Firefox */
}


.button {
    padding:0;
    box-sizing:border-box;
    display:flex;
    align-items: center;
    justify-content: center;
    height:13vw;
    line-height:12vw;
    background: #FEEB37;
    border:4px solid  #FEEB37;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    letter-spacing: 2px;

    width:100%;
    text-transform:uppercase;
    -webkit-appearance: none;
    outline:none;
    color:#000;

    transition:all .3s linear ;

    position: relative;

    font-size:7vw;
    font-family: 'druk_cyrbold';
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    -webkit-tap-highlight-color: transparent;

}

.button.img-right {padding-left:70px;}
.button.img-left {padding-right:20px;}

.button img {margin:0 20px;}

.clickable {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.button.blanque {border: 4px solid #FEEB37;background: none;color:#FEEB37;}
.button.black {border: 4px solid #000;background: #000;color:#FEEB37;}

.button.large {height:110px;line-height:100px;}





.main {z-index:10;position:fixed;width:750px;margin:auto;height:100%;}

html {height:100%;}
body {width:750px;margin: auto;position: relative;height: 100%;overflow: hidden;}

body.desktop {width:100%;background: url(../i/desktop.webp)  center center no-repeat;background-size: cover;}
@media (orientation: portrait) {
    body.desktop {
        background: url(../i/desktop3.webp)  center center no-repeat;background-size: cover;
    }
}


body.info {background: url(../i/info.webp) center top no-repeat;background-size: cover;display: flex;align-items: center;justify-content: center;text-align: center;padding:0 0 33vw 0;}
.splash {background: url(../i/splash.webp) center top no-repeat;background-size: cover;display: flex;align-items: center;justify-content: center;text-align: center;padding:0 0 33vw 0;}


.expired-caption {font-size: 8vw;line-height: 1.3;margin:5vw 0 5vw 0;}
.expired-caption-black {font-size: 8vw;line-height: 1.3;margin:5vw 0 5vw 0;background: #000;transform:skewX(-16deg);color:#FEEB37;padding:1.3vw 2.6vw;line-height:1.13;letter-spacing: 1px;}
.expired-caption-black span {transform: skewX(16deg);display: inline-block}
.expired-s-caption {}

.swiper-wrapper {height:auto;height:100%;}
.swiper-slide {}
.swiper-slide-main {overflow: hidden;height:100%;width: 100%;}


.p-cloud {transition:all 0.8s ease}

.swiper-container-main {height:100%;}

.scene-line {position:absolute;height:4px;z-index:12;transition: all 1s ease 0.5s;background: #FEEB37; }
.scene-line.line-1 {width:0px;right:100px;top:-4px;transform-origin: right center;transform:skewY(-17deg);}
body.ready-loader .swiper-slide-main.swiper-slide-active .scene-line.line-1 {width:400px}

.logo {position: absolute;left:50px;top:50px;z-index: 100;}
.logo.b2b {top:00px;}

.ptr {position:absolute;cursor:pointer;right:0;width:106px;bottom:30px;display: flex;align-items: center;justify-content: center;z-index:60;animation:pointer 2s infinite linear;}

.ptr div.hand {}
.ptr div.disabled {opacity: 0;}

@keyframes pointer{
    0%{transform:translateY(0%)}
    50%{transform:translateY(20%)}
    100%{transform:translateY(0%)}
}


@keyframes pointer2{
    0%{transform:translateX(0%)}
    25%{transform:translateX(20%)}
    75%{transform:translateX(-20%)}
    100%{transform:translateX(0%)}
}

@keyframes pulse{
    0%{transform:scale(0.9)}
    50%{transform:scale(1.1)}
    100%{transform:scale(0.9)}
}

.popwinalert.fancybox-content {width:500px;background: #000;text-align: center;padding:50px 40px;line-height: 1.5;font-size: 32px;}
body.fancybox-active {height:100%;}
.p-cloud {}
.swiper-slide-age {display: flex;justify-content: center;align-items: center;}
body.ready-loader .swiper-slide-age {opacity: 1;}

.age-wrapper {width:664px;height:694px;background: url(../i/age2.webp) no-repeat;text-align: center;position:relative;z-index: 10;margin:200px auto auto auto;transform: scale(0);opacity:0;transition: all 1s ease;}
body.ready-loader .age-wrapper {transform: scale(1);opacity:1;}

@media (max-height: 1250px) {

    .age-wrapper {margin-top:100px;}

}

.age-caption {font-size:84px;line-height: 1;padding:200px 0 0 0;}
.age-bg {position:absolute;left:0;top:0;width: 100%;height:100%;}
.age-bg img {position:absolute;left:0;top:0;width: 100%;height:100%;object-fit: cover;transform: scale(2);opacity:0;transition: transform 8s ease, opacity 2s ease;}

body.ready-loader .age-bg img {transform: scale(1);opacity: 1;}

.age-caption .p-cloud {transition: all .8s ease;opacity: 0;transform: translateY(100%)}
body.ready-loader .age-caption .p-cloud {opacity: 1;transform: translateY(0%)}

.p-cloud.p-cloud-1 {transition-delay:.3s;}
.p-cloud.p-cloud-2 {transition-delay:0.4s;}
.p-cloud.p-cloud-3 {transition-delay:0.5s;}

.age-notice {position:absolute;left:0;bottom:0;padding: 0 80px 80px 80px;text-align: center;background: url(../i/c2.png) center top no-repeat;background-size: 100% 100%;transition: all .8s ease;opacity: 0;transform: translateY(100%)}

body.ready-loader .age-notice {opacity: 1;transform: translateY(0)}

.age-buttons {width:100%;padding:80px 100px 80px 100px;display: flex;justify-content: space-between;}
.age-buttons .button {width:48%;margin:0 00px}

.swiper-slide-age.confirmed .age-notice {opacity: 0;transform: translateY(100%)}
.swiper-slide-age.confirmed .age-wrapper {transform: scale(0);opacity:0;}
.swiper-slide-age.confirmed .age-bg img {transform: scale(20);opacity: 1;}


.scene-footer-stats {width:614px;height:122px;margin:auto;border:2px solid #FEEB37;background: #000;position: relative; left:25px;}
.scene-footer-stats .stats {display: flex;padding:15px 30px;align-items: center;}

.scene-footer-stats .bttn {position: absolute; right:11px; top:11px;}

.scene-footer-stats.final {display: flex;justify-content: center;left:66px;}
.scene-footer-stats.final .bttn {display: none;}
.stats-item.item-1 {font-size: 26px;margin:0 15px 0 0}
.stats-item.item-2 {font-size: 84px;margin:0 15px 0 0;line-height: 1;}
.stats-item.item-3 {}

.swiper-slide-vertical.swiper-slide-next {width:100%;height:100%;overflow: hidden}
.swiper-slide-vertical.swiper-slide-prev {width:100%;height:100%;overflow: hidden}
.swiper-slide-vertical {width:100%;height:100%;overflow: hidden}

.scene-footer {position:absolute;bottom:0px;left:0;width:100%;z-index:50;height:150px;background: url(../i/c2.png) center top no-repeat;background-size: 100% 100%; }
.scene-footer-btn {width:100%;padding:0 120px;}

.scene-footer.b2b {bottom:20px;}

.scene-footer-item {transition: transform 1s ease;transform: translateY(300px);position: absolute;}
.swiper-slide-product.swiper-slide-active .scene-footer-item.active {transform: translateY(0px)}

.swiper-container-product {position: relative;z-index:50;width:100%;height:100%}
.scene-bgset {position:absolute;left:0;top:0;width:100%;height:100%;z-index: 10}
.scene-particles-set {position:absolute;left:0;top:0;width:100%;height:100%;z-index: 11}
.scene-particle {position:absolute;left:0;top:0;width:100%;height:100%;}

.scene-bg {position:absolute;left:0;top:0;width:100%;height:100%;}
.scene-bg.bg-1 {z-index: 5}
.scene-bg.bg-2 {z-index: 4}
.scene-bg.bg-3 {z-index: 3}
.scene-bg.bg-4 {z-index: 2}
.scene-bg.bg-5 {z-index: 1}
.bg-gradient {}
.scene-bg img {position:absolute;left:0;top:0;width:100%;height:auto;object-fit:cover;display: block;transition: all 2.5s ease;opacity: 0;transform-origin: center center}
.swiper-slide-product.swiper-slide-active .scene-bg.active img {transform: scale(1.4) translateY(0%);opacity: 1}
.swiper-slide-product.swiper-slide-active .scene-bg.prev img {transform: scale(2.9) translateY(0%);opacity: 0;}


.product-cloud {transition: all 1.5s ease;position:absolute;}



.product-cloud.cloud-1-1 {transform: translateY(-500px);left:150px;top:20px;}
.product-cloud.cloud-1-2 {transform: translateY(-300px);right:0px;top:331px;}
.product-cloud.cloud-1-3 {left:0px;bottom:0px;z-index: 30}
.product-cloud.cloud-1-4 {left:0px;bottom:15%;transition-delay: 0.7s; z-index: 9}
.product-cloud.cloud-1-5 {right:20px;bottom:20%;transition-delay: 0.3s; z-index: 9}
.product-cloud.cloud-1-6 {right:-40px;bottom:21%;transition-delay: 0.9s; z-index: 10}
.product-cloud.cloud-1-7 {left:100px;bottom:13%;transition-delay: 0s; transform-origin: center bottom; z-index: 31;transform: scale(0)}


@media (max-height: 1250px) {

    .product-cloud.cloud-1-1 img {transform: scale(0.8);transform-origin: center top;}
    .product-cloud.cloud-1-2 {top:250px;}
    .product-cloud.cloud-1-2 img {transform: scale(0.8);transform-origin: center top;}

}

.product-cloud.cloud-bottom {opacity: 0;}
.product-cloud.cloud-bottom-y {transform: translateY(1000px);}

.swiper-slide-product.swiper-slide-active .swiper-slide-active .product-cloud {transform: none;opacity: 1;}

.swiper-slide-product.swiper-slide-active .swiper-slide-prev .product-cloud.cloud-bottom {opacity: 0;transition-delay: 0s;}

.product-cloud.cloud-2-1 {transform: translateY(-700px);left:140px;top:100px;transition-delay: 1.1s;z-index:10}

.product-cloud.cloud-2-2 {transform: translateX(-400px) rotate(220deg);left:-60px;bottom:20vh;transition-delay: 0.5s}
.product-cloud.cloud-2-3 {transform: translateX(-400px) rotate(-220deg);left:-120px;bottom:120px;transition-delay: 0.5s}
.product-cloud.cloud-2-4 {transform: translateX(400px);right:0px;bottom:20vh;transition-delay: 0.5s}

.product-cloud.cloud-2-5 {transform: translateY(-1500px);left:140px;top:450px;transition-delay: 0.6s}

@media (max-height: 1250px) {
    .product-cloud.cloud-2-1 {top:70px;}
    .product-cloud.cloud-2-5 {top:400px;}
}

.product-cloud.cloud-3-1 {transform: translateY(-700px);left:200px;top:120px;transition-delay: 1.3s;z-index:10}
.product-cloud.cloud-3-2 {transform: translateX(-400px);left:-40px;top:80px;transition-delay: 0.5s;z-index: 11}
.product-cloud.cloud-3-3 {transform: translateX(-400px) rotate(220deg);left:-40px;top:360px;transition-delay: 0.5s}
.product-cloud.cloud-3-4 {transform: translateX(-400px) rotate(-100deg);;left:-290px;top:44vh;transition-delay: 0.5s}
.product-cloud.cloud-3-5 {transform: translateY(-1500px);left:360px;top:460px;transition-delay: 0.5s}


@media (max-height: 1250px) {
    .product-cloud.cloud-3-1 {top:90px}
    .product-cloud.cloud-3-5 {top:410px;}
}

.product-cloud.cloud-4-1 {transform: translateX(-700px);left:50px;bottom:17vh;}

.product-cloud.cloud-4-2 {transform: translateY(-1400px) scale(0) rotate(-1360deg);left:25%;top:25%;z-index: 5;}
.product-cloud.cloud-4-3 {transform: translateY(-1100px) scale(0);left:5%;top:15%;}
.product-cloud.cloud-4-4 {transform: translateY(-1300px) scale(0) rotate(-160deg);left:39%;top:18%;}
.product-cloud.cloud-4-5 {transform: translateY(-1400px) scale(0) rotate(60deg);left:54%;top:48%;}
.product-cloud.cloud-4-6 {transform: translateY(-1500px) scale(0) rotate(160deg);left:0%;top:20%;z-index:10}

.product-cloud.cloud-4-7 {transform: translateY(-1500px);right:50px;top:40px;z-index:10}

.cloud-pack .hint {position:absolute;left:-30px;top:120px;width:304px;height:172px;}
.cloud-pack .hint .text {background: url(../i/hint3.png) no-repeat;background-size: 100% 100%;padding:35px 0px 50px 25px;width:304px;font-size:26px;height:172px;margin:0 0 10px -34px;opacity: 0;transform:translateY(20px);transition:all 0.5s ease;}
.cloud-pack .hint.active .text {opacity: 1;transform: none}


.poll-bg {position: absolute;left:0;top:0;width:100%;height:100%;}
.poll-bg.bg-1 {z-index:1;background: url(../i/poll/bg.webp) center center no-repeat;background-size:cover;transform: scale(1);transition: transform 10s ease;}
.poll-bg.bg-2 {z-index:2;background: url(../i/poll/bgr.webp) center center no-repeat;background-size:cover;transform: scale(1.5);transition: transform 3s ease;transform-origin: center top;}
.poll-bg.bg-3 {z-index:2;background: url(../i/poll/bgr0.webp) center center no-repeat;background-size:cover;transform: scale(1.5);transition: transform 3s ease;transform-origin: center top;}
.poll-bg.bg-4 {z-index:2;background: url(../i/poll/final.webp) center center no-repeat;background-size:cover;transform: scale(1.5);transition: transform 3s ease;transform-origin: center top;}
.poll-gradi {position:absolute;z-index:3;left:0;bottom:0;width:100%;height:260px;text-align: center;background: url(../i/c2.png) center top no-repeat;background-size: 100% 100%;}

.poll-wrapper {position:relative;z-index: 100;height:100%; }
body.ready-loader .swiper-slide-poll.swiper-slide-active .poll-bg.bg-1 {transform: scale(1.8);}
body.ready-loader .swiper-slide-poll.swiper-slide-active .poll-bg.bg-2 {transform: scale(1);}
body.ready-loader .swiper-slide-poll.swiper-slide-active .poll-bg.bg-3 {transform: scale(1);}
body.ready-loader .swiper-slide-poll.swiper-slide-active .poll-bg.bg-4 {transform: scale(1);}

.poll-message {width:640px;margin:auto;position: relative;top:200px;background: #FEEB37;color:#000;text-align: center;padding: 50px 34px 300px 34px;transition: all 1s ease;transform: translateY(20%);opacity:0;min-height: 780px;;}
.poll-message.b2b {padding-bottom:370px;}
body.ready-loader .swiper-slide-poll.swiper-slide-active .poll-message {transform: translateY(0px);opacity:1;}
.poll-message-caption {font-size:72px;line-height: 1;margin:0 0 40px 0;}
.poll-message-text {margin:40px 0 40px;}

.poll-intro-header {position: absolute;top:0;right:0;z-index:10;}
.poll-intro-footer {position: relative;z-index:10;margin-top:-170px}

.poll-done {width:750px;height:932px;margin:auto;position: relative;top:80px;background: url(../i/poll/bgdone.webp);color:#000;text-align: center;padding: 150px 134px 0 134px;transition: all 1s ease;transform: translateY(50%);opacity:0;color:#fff;}
body.ready-loader .swiper-slide-poll.swiper-slide-active .poll-done {transform: translateY(0px);opacity: 1;}
.poll-done-caption {font-size:60px;line-height: 1;margin:0 0 40px 0;}
.poll-done-caption span {color:#FEEB37;}
.poll-done-caption img {display: block;margin:auto;}
.poll-done-text {margin:40px 0 40px;}

.poll-slide-header {transition: transform 1s ease;transform: translateX(-300px)}
.poll-form-item {transition: transform 1s ease;transform: translateX(-150px)}
.poll-bttn {transition: transform 1s ease;transform: translateX(000px)}
.swiper-slide-poll {overflow: hidden;}

body.ready-loader .swiper-slide .swiper-slide-poll.swiper-slide-active .poll-slide-header {transform: translateX(0px)}
body.ready-loader .swiper-slide .swiper-slide-poll.swiper-slide-active .poll-form-item {transform: translateX(0px)}
body.ready-loader .swiper-slide .swiper-slide-poll.swiper-slide-active .poll-bttn {transform: translateX(0px)}




.swiper-container-poll {height:100%;}
.poll-slide-header {width:100%;height:202px;position: absolute;left:0;top:120px;font-size:60px;margin:auto;text-align: center;letter-spacing: 2px;}

@media (max-height: 1250px) {
    .poll-slide-header {font-size:50px;height:150px;}
}

.poll-slide-header .counter {font-size:36px;color: #FDE601;font-size:48px;}
.vote-stars {display: flex;width:100%;justify-content: center;}
.vote-star {width:172px;height:206px;display: flex;align-items: center;justify-content: center;margin:0 -23px 0 -23px;}
.vote-star span {display: block;width:100%;height:100%;}
.poll-slide {padding:400px 70px 0 70px;height:100%;}
.poll-slide.flexed {padding:100px 0 0 0;width:100%;display: flex;align-items: center;justify-content: center}

@media (max-height: 1250px) {
    .poll-slide {padding:320px 70px 0 70px;height:100%;}
}

.poll-bttn {position: absolute;bottom:60px;left:0;width:100%;padding:0 70px;transition: all 1s ease;filter: saturate(0);opacity:0.7;}

.poll-bttn-upload {opacity:0;}

.poll-bttn-final {transform: translateY(200px);transition: all 1s ease;}
.poll-bttn-final.active {transform: translateY(0px)}

.swiper-slide-poll.swiper-slide-active .poll-bttn.active {filter: saturate(1);opacity:1;}
.swiper-slide-poll.swiper-slide-active .poll-bttn-upload.active {opacity:1;}
.poll-bttn-intro.active {filter: saturate(1);opacity:1;}



.vote-star span.w {display: block;height:100%;}
.vote-star.active span.w {width:100%;height:100%;}
.vote-star span.w {width:100%;height:100%;background: url(../i/poll/star.png) center center no-repeat;background-size:contain;display: block;transition: all 0.3s ease;}
.vote-star span.c {width:100%;height:100%;background: url(../i/poll/star_.png) center center no-repeat;background-size:contain;display: block;transition: all 0.3s ease;opacity: 0;}
.vote-star.active span.c {opacity:1;}

.vote-button {margin:20px 0;width:610px;height:110px;line-height:100px;text-align: center;transition:all 1s ease;position: relative;font-size:42px;letter-spacing:1px;background: rgba(0, 0, 0, 0.30);color:#FEEB37;border-width:2px;}
.vote-button.active {color:#FDE601;background:#FEEB37;color:#000;box-shadow: 0px 0px 15px 0px rgba(254, 235, 55, 0.70);}
.vote-button.active:after {opacity:1;}

.poll-form-item-textarea {width:610px;margin: auto;}

.vote-star.star-1 {z-index: 10;}
.vote-star.star-2 {z-index: 9;}
.vote-star.star-3 {z-index: 8;}
.vote-star.star-4 {z-index: 7;}
.vote-star.star-5 {z-index: 6;}

.vote-star.star-1.active span {transition: all .3s ease;transition-delay: 0s}
.vote-star.star-2.active span {transition: all .3s ease;transition-delay: .1s}
.vote-star.star-3.active span {transition: all .3s ease;transition-delay: .2s}
.vote-star.star-4.active span {transition: all .3s ease;transition-delay: .3s}
.vote-star.star-5.active span {transition: all .3s ease;transition-delay: .4s}

.vote-packs {width:100%;display: flex;justify-content: space-between;text-align:center;margin-top: -20px;}
.vote-pack {width:50%;}
.vote-pack .title {margin-top:-40px;}
.vote-pack .image {transition: all 1s ease;position: relative;z-index:10;}
.vote-pack .image img {width: 100%;height:auto;display: block;}

.vote-packs.active .vote-pack .image {filter:brightness(70%);transform: scale(0.9);}
.vote-packs.active .vote-pack.active .image {filter:brightness(100%);transform: scale(1.15);}

.product-cloud.cloud-5-1 {transform: translate(-900px,500px) rotate(-90deg);left:-400px;bottom:5vh;z-index:2;}
.product-cloud.cloud-5-2 {transform: translate(-900px,500px) rotate(90deg);left:-40px;bottom:22vh;}
.product-cloud.cloud-5-3 {transform:rotate(-2990deg) scale(1);right:-20px;bottom:48vh;transition-delay: 0s;transition-duration:2s;}

.product-cloud.cloud-5-3 {opacity: 1;}
.swiper-slide-product.swiper-slide-active .swiper-slide-active .product-cloud.cloud-5-3 {transition: all 7s ease 0s;opacity:0;transform:rotate(0deg) scale(0)}

.product-cloud.cloud-5-4 {transform: translateX(-900px);left:20px;bottom:44vh;}
@media (max-height: 1250px) {
    .product-cloud.cloud-5-4 {bottom:39vh}
}
.product-cloud.cloud-5-5 {transform: translateX(1900px);right:62px;bottom:30vh;height:28vh;}
.product-cloud.cloud-5-5 img {height:100%;width:auto;}

.product-cloud.cloud-6-1 {transform: translate(-900px,500px) rotate(-90deg);left:-400px;bottom:5vh;z-index:2;}
.product-cloud.cloud-6-2 {transform: translateX(900px);right:40px;bottom:33vh;z-index:10;}
.product-cloud.cloud-6-3 {transform: translate(900px,-900px);right:00px;top:-140px;z-index:2;}
.product-cloud.cloud-6-4 {transform:rotate(-2990deg) scale(0.5);right:35%;bottom:43vh;transition-delay: 1s;transition-duration:5s;z-index:15;}

.product-cloud.cloud-6-4 {opacity: 1;}
.swiper-slide-product.swiper-slide-active .swiper-slide-active .product-cloud.cloud-6-4 {transition: all 7s ease 0s;opacity:0;transform:rotate(0deg) scale(0)}


.file-upload-image {width:350px;height:350px;overflow: hidden;margin:0px auto 20px auto;position:relative;}
.file-input {position: absolute;left:0;top:0;z-index:10;opacity: 0;}
.file-input input {font-size:400px;}
.file-upload-text {text-align: center;line-height: 1.3;}
.file-upload-text a {text-decoration:underline;}
.file-upload-skip.clickable {font-size: 36px;height:50px;line-height: 50px;text-align: center;margin-top:30px;cursor: pointer;}
.file-preview img {width:350px;height:350px;object-fit:cover;object-position: center top;border-radius: 20px;}
.file-upload-reset {position: absolute;right:0;top:0;padding:50px;display: none;z-index: 100;}
.poll-form-item-upload.active .file-upload-reset {display: block;}

@media (max-height: 1250px) {
    .file-upload-image {width:300px;height:300px;}
    .file-preview img {width:300px;height:300px;}
}

.game-message {width:640px;left:50%;margin:0 0 0 -320px;position: absolute;top:250px;background: #FEEB37;color:#000;text-align: center;padding: 50px 34px 34px 34px;transition: all 1s ease;transform: translateY(-120%);opacity:0;z-index: 50;}
.game-message.active {transform: translateY(0px);opacity:1;}
.game-message-caption {font-size:72px;line-height: 1;margin:-50px 0 40px 0;}
.game-message-text {margin:40px 0 40px;font-size: 28px;line-height:1.3}
.game-message-image {margin:-170px auto auto -61px;width:690px;}

.bananas {position: absolute;left:0;top:0;z-index:10;display: none;}
.bananas.active {position: absolute;left:0;top:0;z-index:10;display: block;}
.banan {position: absolute;transform: scale(0); -webkit-user-select: none;user-select: none; }
.banan.active {width:auto;transform: scale(1);opacity:0;z-index: -10;transition: transform 2s ease, filter 3s ease, opacity 1s ease 1s, z-index 3s ease;}
.ptr-2 {position: absolute;left:50%;bottom:200px;margin-left:-107px;animation:pointer2 2s infinite linear;z-index:100;}
.ptr-2.disabled {display:none;}


.swiper-slide-poll-done .p-cloud {transform:translateY(50px);opacity:0;}
.swiper-slide-poll-done.swiper-slide-active .p-cloud {transform:translateY(0px);opacity:1;}

.done-repo {display: none;}
.i-repo {position:fixed;left:-1000px;top:0;}


.avatarka {position: absolute;left:0;top:0;width:100%;height:100%;}
.poll-bttn-close {position: absolute;right:0;top:0;padding:30px;cursor: pointer;z-index:100;}
.avatarka img {width:100%;height:100%;display: block;object-fit: cover;}
.a-loader  {width:100%;margin:60px 0;height:200px;display: flex;align-items: center;justify-content: center;position: relative;}

.progress {font-size:76px;position: absolute;width: 100%;height:100%;display: flex;align-items: center;justify-content: center;}

.swiper-container-ava {width:100%;height:100%;}
.swiper-container-ava .swiper-slide {width:100%;height:100%;position:relative;}

.swiper-button-ava {width:70px;height:70px;cursor: pointer;position: absolute;top:40%;z-index: 100;border:3px solid #FEEB37;border-radius: 100%;opacity:0.7}
.swiper-button-disabled.swiper-button-ava {opacity:0.5}
.swiper-button-ava-next {background: url(../i/next.png) center center no-repeat;right:30px;background-size: contain}
.swiper-button-ava-prev {background: url(../i/prev.png) center center no-repeat;left:30px;background-size: contain}
.poll-bttn.ava {}


.sequence {display: none}

.sequence.sequence-1 {display: block;width:400px;height:1200px;position: absolute;left:0;bottom:0;z-index:15;}


.sequence.active {display: block;}
.stage-image {width:400px;height:1200px;position: absolute;left:0;bottom:0;opacity:0;;}
.stage-image.active {opacity:1;}
.sequence .stage-image img {display: block;width:100%;height:100%;object-fit: contain;object-position: center bottom;}
.sequence.started .stage-image img {}


.siga {transform: translate(-900px,500px) rotate(90deg);transition: all 1s ease;display: block;width:400px;height:1200px;position: absolute;left:35px;bottom:5vh;z-index:15;}
.siga.stage-1 {transform: translate(0px,0px) rotate(45deg);}
.siga.stage-2 {transform: translate(300px,-500px) rotate(45deg);}

.sequence.sequence-2 {position:absolute;left:0;top:0;width:400px;height:400px;z-index:20;}
.sequence.sequence-3 {position:absolute;left:0;bottom:0;width:400px;height:400px;z-index:30;}

@media (max-height: 1250px) {
    .siga {bottom:-5vh;}
}