.u {text-transform: uppercase;}

html {font-size:10px;}
td,table,img {padding:0; border:none;border-collapse:collapse;}
body {width:880px;    font-family: "Montserrat", 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: none;

}

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

    background: none;
    position:relative;
    z-index: 10;
    border:2px solid rgba(133,133,135,0.5);
    border-radius: 4px;
    transition: all 1s ease;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    letter-spacing: 14px;
    font-weight:400;
    color: #E4C4AA;
    font-size:36px;
    text-align: center;
    display: block;

}

.vote-textarea {width:680px;height:200px;position: relative;margin: auto;}
.vote-textarea.lg {height:500px;}

.vote-textarea .after {
    display: block;
    content: '';
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    z-index: 1;
    opacity: 0;
    top:0;
    background:url(../i/textarea.png) no-repeat;
    background-size: 100% 100%;
    transition: all 1s  ease;
}

.vote-textarea.active .after {opacity: 1;}
.vote-textarea.lg .after {opacity: 1;}
.vote-textarea.lg .cf {border-color:rgba(0,0,0,0)}
.vote-textarea.active .cf {border-color:rgba(0,0,0,0)}





@media (max-height: 1250px) {
}

::placeholder {
    color:rgba(133,133,135,0.7);
    opacity: 1; /* Firefox */
}

.vote-textarea.active.sm textarea.cf::placeholder {
    color: rgba(0,0,0,0);
}

.vote-textarea.lg textarea.cf::placeholder {
    color:#C7C7C7;
}

.button {
    padding:0;
    box-sizing:border-box;
    display:flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 100;
    flex-direction: column;

    height:120px;

    font-family: "Montserrat", sans-serif;

    background: none;
    border:none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    letter-spacing: 14px;
    font-weight:400;
    color: #E4C4AA;

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




    position: relative;

    font-size:36px;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    -webkit-tap-highlight-color: transparent;

}

.button-w {position:relative;height:120px;}
.button-w0 {background:url(../i/b1.png) no-repeat;background-size:100% 100%;position:absolute;left:0;top:0;width:100%;height:116px;}
.button-w1 {background:url(../i/b1.png) no-repeat;background-size:100% 100%;position:absolute;left:0;top:0;width:100%;height:100%;xanimation: button2 5s linear infinite}
.button-w2 {background:url(../i/b2.png) no-repeat;background-size:100% 100%;position:absolute;left:0;top:0;width:100%;height:100%;xanimation: button 5s linear infinite}
.button-w3 {position:absolute;left:0;top:0;width:100%;height:100%;xanimation: button 5s linear infinite}

.button-w1.square {background-image: url(../i/btn.png);animation: none;opacity: 0;transition: 1s ease all;}
.button-w2.square {background-image: url(../i/btn2.png);display: none;animation: none}

.vote-button {    border:2px solid #858587;border-radius: 4px;}
.vote-button.active  {border-color:rgba(0,0,0,0)}
.vote-button.active .button-w1.square {opacity: 1;}


.button-w.small .button-w1 {background-image: url(../i/b1s.png);}
.button-w.small .button-w2 {background-image: url(../i/b2s.png);}

.button-w.small .button-w1 {background-image: url(../i/bsmallblack1.webp);}
.button-w.small .button-w2 {background-image: url(../i/bsmallblack2.webp);}

.button-w.small.blanque .button-w1 {background-image: url(../i/bsmallbalnq1.webp);}
.button-w.small.blanque .button-w2 {background-image: url(../i/bsmallbalnq2.webp);}





.button-w.blank .button-w1 {background:none;animation: none}
.button-w.blank .button-w2 {background:none;animation: none}

@keyframes button{
    0%{opacity:1}
    50%{opacity: 0;}
    100%{opacity: 1;}
}

@keyframes button2{
    0%{opacity:0}
    50%{opacity: 1;}
    100%{opacity: 0;}
}


.button small {font-size: 17px;font-weight: 500;letter-spacing: 6px;margin:4px 0 0 0;}


.button img {margin:0 20px;}

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



.header {color: #E4C4AA;text-align: center;font-size: 36px;font-style: normal;font-weight: 300;line-height: 150%;letter-spacing: 14px;text-transform: uppercase;}


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

html {height:100%;overflow: hidden;}
body {background: #000 url(../i/bg.webp?!) center center no-repeat;background-size:cover;width:880px;margin: auto;position: relative;height: 100%;overflow: hidden;}


/* Frame 180 */





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

body.expired {display: flex;align-items: center;justify-content: center;}

.swiper-slide-expired {background: url(../i/info.webp) center top no-repeat;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;text-align: center;padding:0 0 33vw 0;}

.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 {height:100%;}
.swiper-wrapper {height:100% !important;}
.swiper-slide {height:100%;}
/* Rectangle 4 */



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

.swiper-slide-main-stage {background: #000;}
.swiper-slide-main-stage-black {background:#000;}


.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 {}
body.ready-loader .swiper-slide-age {opacity: 1;}

body.ready-loader .age-wrapper {}

@media (max-height: 1250px) {


}








.age-caption .p-cloud {transition: all 1.8s ease;opacity: 0;letter-spacing:0px;background: linear-gradient(93.41deg, #604514 -5.86%, #FFF9D8 -3.1%, #F0E5A7 19.26%, #D79650 90.95%, #EAD3A9 108.84%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;}
body.ready-loader .age-caption .p-cloud {opacity: 1;letter-spacing: 21px;}



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





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

.expired {text-align: center;}
.expired-caption {color:#E4C4AA;font-size: 36px;font-weight: 300;line-height: 44px;letter-spacing: 0.4em;background: linear-gradient(93.41deg, #604514 -5.86%, #FFF9D8 -3.1%, #F0E5A7 19.26%, #D79650 90.95%, #EAD3A9 108.84%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;}
.expired-s-caption {color:#FEFAF8;font-size:28px;line-height:1.5;margin:30px 0 0 0;}
.expired-caption-logo {margin:40px 0 0 0;}







.swiper-slide-age {}
.age-bg {position: absolute;left:0;top:0;width:100%;height:100%;}
body.ready-loader .swiper-slide-main.swiper-slide-age .age-bg {transform: scale(1)}
.age-wrapper {position: relative;z-index: 100;text-align: center;background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);padding:350px 0 200px 0;}

@media (max-height: 1300px) {
    .age-wrapper  {padding:250px 0 200px 0;}
}
body.ready-loader .swiper-slide-main.swiper-slide-age.confirmed .age-wrapper {}
.age-caption {color:#E4C4AA;font-size: 36px;font-style: normal;font-weight: 300;line-height: 150%;letter-spacing: 14px;}
.age-buttons {display: flex;width:100%;justify-content: center;padding:80px 0 150px 0;}
@media (max-height: 1300px) {
    .age-buttons {padding:40px 0 150px 0;}
}
.age-buttons .button-w {width:260px;margin:0 20px;opacity: 0;transition: opacity 3s ease 1s;}
body.ready-loader .age-buttons .button-w {opacity: 1;}
.age-notice {transform:translateY(10%);opacity:0;transition:all 2s ease 1s;text-align:center;position:absolute;left:0;bottom:0;color: #FEFAF8;font-size:24px;font-weight: 300;line-height: 150%;width:100%;height:680px;background: url(../i/agenotice2.webp) no-repeat;background-size: contain;padding-top:140px;}
body.ready-loader .age-notice {transform:translateY(0);opacity:1;}

.swiper-slide-main.swiper-slide-age.confirmed .age-notice {xtransform:translateY(10%);opacity:0;xtransition-delay: 0s}
.swiper-slide-main.swiper-slide-age.confirmed .age-caption .p-cloud {xtransition-delay: 0s !important;xopacity: 0;xletter-spacing: 41px;}

.swiper-slide-main.swiper-slide-age.confirmed .age-buttons .button-w {transition: all 1s ease ;xopacity: 0;}


.main-logo {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.main-logo .logo {width:552px;transition: all 2.5s ease;opacity: 0;}
.main-logo .logo img {width:552px;}
.main-logo .black {

    margin:25px 0 0 0;

    transition: all 2s ease;
    opacity: 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0;

    text-transform: uppercase;

    background: linear-gradient(90.99deg, #604514 0%, #FFF9D8 2.4%, #F0E5A7 21.9%, #D79650 84.4%, #EAD3A9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;

}



.main-logo.y18 {position:absolute;left:0;top:100px;width:100%;z-index:200;}
@media (max-height: 1300px) {
    .main-logo.y18 {position:absolute;left:0;top:50px;width:100%;z-index:200;}
}
body.ready-loader .main-logo.y18 .logo {opacity: 1;}
body.ready-loader .main-logo.y18 .black {letter-spacing: 1em;opacity: 1;padding-left: 1em;}

.main-logo.splash {margin:50px 0 0 0;}
.main-logo.stage {position: absolute;left: 0;top: 100px;width: 100%;z-index: 200;}
.main-logo.select {position: absolute;left: 0;top: 0px;width: 100%;z-index: 200;padding:100px 0 200px 0;}

.main-logo.stage.active .logo {opacity: 1;}
.main-logo.stage.active .black {letter-spacing: 1em;opacity: 1;padding-left: 1em;}

.main-logo.select.active .logo {opacity: 1;}
.main-logo.select.active .black {letter-spacing: 1em;opacity: 1;padding-left: 1em;}

.splash-caption .p-cloud {transition: all 1.8s ease;opacity: 0;letter-spacing:0px;
    background: linear-gradient(93.41deg, #604514 -5.86%, #FFF9D8 -3.1%, #F0E5A7 19.26%, #D79650 90.95%, #EAD3A9 108.84%);
    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;}

body.ready-loader .age-caption .p-cloud {opacity: 1;letter-spacing: 21px;}


.swiper-slide-splash.swiper-slide-active .main-logo.splash .logo {opacity: 1;}
.swiper-slide-splash.swiper-slide-active .main-logo.splash .black {letter-spacing: 1em;opacity: 1;}

.swiper-slide-splash.swiper-slide-active .splash-caption .p-cloud {opacity: 1;letter-spacing: 21px;}
.swiper-slide-splash {padding:100px 0 0 0;display: flex;align-items: flex-end;}
.splash-caption {color:#E4C4AA;font-size: 36px;font-style: normal;font-weight: 300;line-height: 150%;letter-spacing: 14px;}

.splash-wrapper {transition:transform 1s ease;transform:translateY(100px);text-align:center;padding:300px 0 0 0;width:100%;height:1280px;background: url(../i/splash2.webp) center top no-repeat;background-size: cover;}
.swiper-slide-splash.swiper-slide-active .splash-wrapper {transform:translateY(0);}
.main-logo.splash .logo {transition-delay: 1.2s;}
.main-logo.splash .black {transition-delay: 1.3s;}

.splash-wrapper .p-cloud.p-cloud-1 {transition-delay:0.4s;}
.splash-wrapper .p-cloud.p-cloud-2 {transition-delay:0.7s;}
.splash-wrapper .p-cloud.p-cloud-3 {transition-delay:1s;}

.sequence {position:absolute;left:0;top:0;width:100%;}
.stage-image {position:absolute;left:0;top:170px;width:100%;opacity: 0;}
.stage-image.active {opacity: 1}
.stage-image img {xwidth:600px;xheight:1054px;display: block;margin:auto;object-fit:contain;}

@media (max-height: 1300px) {

    .stage-image img {width:auto;height:700px;}
}


.swiper-container-poll {height:100%;width:100%;background:url(../i/bollbg.webp) no-repeat;background-size: 100% 100%;}
.swiper-container-poll-black {height:100%;width:100%;background:url(../i/bollbg.webp) no-repeat;background-size: 100% 100%;}
.poll-bttn {position: absolute;z-index:20;bottom:120px;left:0;width:100%;padding:0 100px;filter: saturate(0.5);opacity:0;}
@media (max-height: 1300px) {
    .poll-bttn {bottom:90px;}
}
.swiper-slide-poll.swiper-slide-active .poll-bttn {opacity: 0.4}
.swiper-slide-poll.swiper-slide-active .poll-bttn.active {opacity:1;transition-delay: 0s;}



.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;}

/* Пожалуйста, поделитесь обратной связью по сигаретам Sobranie Черные */





.poll-slide {padding:0 0 0px 0;width:100%;position: relative;z-index: 20;}
.swiper-slide-poll {height:100%;padding:0px 0 0 0;}
.poll-slide-header {color:#fff;font-size:36px;width:100%;height:416px;padding:0 0 100px 0;display: flex;align-items: center;flex-direction: column;justify-content: center;}

.poll-slide-header-cloud {transition: all 2.5s ease;opacity:0;letter-spacing: 0px;white-space: nowrap}
.poll-slide-header-cloud.cloud-1 {transition-delay: 0.8s;}
.poll-slide-header-cloud.cloud-2 {transition-delay: 1.1s;}
.poll-slide-header-cloud.cloud-3 {transition-delay: 1.4s;}
.poll-slide-header-cloud.cloud-4 {transition-delay: 1.7s;}
.swiper-slide-poll.swiper-slide-active .poll-slide-header-cloud {opacity:1;letter-spacing:14px; }
.swiper-slide-poll.swiper-slide-prev .poll-slide-header-cloud {opacity:0;letter-spacing:24px; transition-duration: 1s}

.swiper-slide-poll.swiper-slide-prev  .poll-slide-header-cloud.cloud-1 {transition-delay: 0s;}
.swiper-slide-poll.swiper-slide-prev  .poll-slide-header-cloud.cloud-2 {transition-delay: .3s;}
.swiper-slide-poll.swiper-slide-prev  .poll-slide-header-cloud.cloud-3 {transition-delay: .6s;}
.swiper-slide-poll.swiper-slide-prev  .poll-slide-header-cloud.cloud-4 {transition-delay: .9s;}

.vote-stars {display: flex;width:590px;justify-content: space-between;margin:650px auto 0 auto}

@media (max-height: 1300px) {
    .vote-stars {margin:450px auto 0 auto}
}
.vote-star {width:76px;height:100px;position:relative;display: flex;align-items: center;justify-content: center;margin:0 0px 0 0px;}
.vote-star span {display: block;width:100%;height:100%;}

.vote-star span.w {display: block;height:100%;}
.vote-star.active span.w {width:100%;height:100%;}
.vote-star span.w {position:relative;z-index:10;width:100%;height:100%;background: url(../i/star.png) center center no-repeat;background-size:contain;display: block;transition: all 0.3s ease;}
.vote-star span.c {position:relative;z-index:10;width:100%;height:100%;background: url(../i/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-star.star-1 span.w {background-image: url(../i/stars/1_.png);}
.vote-star.star-2 span.w {background-image: url(../i/stars/2_.png)}
.vote-star.star-3 span.w {background-image: url(../i/stars/3_.png)}
.vote-star.star-4 span.w {background-image: url(../i/stars/4_.png)}
.vote-star.star-5 span.w {background-image: url(../i/stars/5_.png)}

.vote-star.star-1 span.c {background-image: url(../i/stars/1.png);}
.vote-star.star-2 span.c {background-image: url(../i/stars/2.png);}
.vote-star.star-3 span.c {background-image: url(../i/stars/3.png);}
.vote-star.star-4 span.c {background-image: url(../i/stars/4.png);}
.vote-star.star-5 span.c {background-image: url(../i/stars/5.png);}

.vote-button {margin:20px auto;width:680px;transition:all 1s ease;position: relative;filter:saturate(0);opacity:0.5;}
.vote-button.active {filter:saturate(1);opacity:1;}


.poll-form-item {opacity: 0;transition: opacity 1s linear .5s;position: relative;z-index: 10;}

.swiper-slide-poll.swiper-slide-active .poll-form-item {opacity: 1;}
.poll-form-item-buttons {margin: 100px auto auto auto;}
.poll-form-item-textarea {width:680px;margin: 100px auto auto auto;}
@media (max-height: 1300px) {
    .poll-form-item-buttons {margin: -30px auto auto auto;}
    .poll-form-item-textarea {margin: 30px auto auto 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.c {transition: all 1s linear;transition-delay: 0s}
.vote-star.star-2.active span.c {transition: all 1s linear;transition-delay: .1s}
.vote-star.star-3.active span.c {transition: all 1s linear;transition-delay: .15s}
.vote-star.star-4.active span.c {transition: all 1s linear;transition-delay: .2s}
.vote-star.star-5.active span.c {transition: all 1s linear;transition-delay: .25s}

.vote-star .shadow {position: absolute;opacity:1;z-index:5; left:50%;top:50%;width:30px;height:30px;margin:-25px 0 0 -20px;}

.vote-star.active .shadow {animation: shadow 0.8s linear; }

.vote-star.star-1.active .shadow {animation-delay: .25s}
.vote-star.star-2.active .shadow {animation-delay: .3s}
.vote-star.star-3.active .shadow {animation-delay: .35s}
.vote-star.star-4.active .shadow {animation-delay: .40s}
.vote-star.star-5.active .shadow {animation-delay: .45s}

@keyframes shadow{
    0%{box-shadow: none;}
    80%{box-shadow: 0px 0px 97px 0px rgba(255, 255, 255, 1);opacity:1;}
    100%{box-shadow:none;}
}

.vote-pack {position:absolute;left:0;top:50px;width:100%;z-index:1;;opacity:0;transition: opacity 1.5s ease 0.8s;}


.swiper-slide-poll.swiper-slide-active .vote-pack {opacity: 1;}





.poll-welcome-bttns {width:660px;z-index:1000;position:absolute;left:110px;bottom:50px;opacity: 0;transition: all 1s ease;transform: translateY(200px)}
.poll-welcome-bttns.active {opacity: 1;transform: none;}
.poll-welcome-bttns .button-w {}



.i-repo {position:fixed;left:0;bottom:0;z-index:-100;width:1px;height:1px; opacity: 0;}


.arrow {position:absolute;left:0;top:50%;width:100%;height:140px;z-index:200;margin-top: 418px;opacity: 0;transition: opacity 2s ease;padding-left:15px;}
.arrow.active {opacity:1;}


.swiper-slide-poll-done {background:#000 url(../i/bg.webp) center center no-repeat;background-size: 100% 100%;display: flex;align-items: flex-end;justify-content: center;text-align: center;}
.poll-done {background: url(../i/polldone.webp?1) center top no-repeat;width:100%;height:1172px;padding-top:150px;}
.poll-header-done-cloud {
    background: linear-gradient(93.41deg, #604514 -5.86%, #FFF9D8 -3.1%, #F0E5A7 19.26%, #D79650 90.95%, #EAD3A9 108.84%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    transition: all 1s ease;
    transition: all 2.5s ease;
    opacity:0;
    letter-spacing: 0px;
}

.swiper-slide-poll.swiper-slide-active .poll-header-done-cloud {opacity:1;letter-spacing:14px; }

.poll-header-done-cloud.cloud-1 {transition-delay: 0.4s;}
.poll-header-done-cloud.cloud-2 {transition-delay: 0.7s;}
.poll-header-done-cloud.cloud-3 {transition-delay: 1s;}

.poll-done-intro.intro-2 {transition:all 2.5s ease 1.3s;font-size: 32px;letter-spacing:5px;white-space:nowrap;opacity:0;font-style: normal;font-weight: 300;line-height: normal;margin:40px 0 20px 0;}

.swiper-slide-poll.swiper-slide-active .poll-done-intro.intro-2 {opacity:1;letter-spacing:0px; }

.poll-done-intro.intro-3.header {color:#fff;transition:all 2.5s ease 1.5s;letter-spacing:20px;opacity: 0;}

.swiper-slide-poll.swiper-slide-active .poll-done-intro.intro-3.header {opacity:1;letter-spacing:14px; }

.poll-done-bttns {width:660px;padding:40px 00px;margin: auto}

.poll-done-bttns  {margin-bottom:50px;opacity: 0;transition: all 2s ease 1.8s}
.swiper-slide-poll.swiper-slide-active  .poll-done-bttns {opacity:1;}


.splash-horizontal {display:none;width:100%;height:100%;left:0;top:0;position: fixed;z-index:9999;background: url(../i/v.webp?1e) center center no-repeat;background-size: cover;}
@media (orientation: landscape) {
    .splash-horizontal {display:block;}
}

.gradient {position:absolute;left:0;bottom:0;width:100%;height:380px;background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.swiper-container-poll {position: relative;z-index:10;}


.stage-video {width:100%;height:100%;object-fit: cover;object-position: center center;z-index:200;}
.stage-icon {position:absolute;left:0;bottom:50px;width:100%;display: flex;align-items: center;padding:0 0 0 100px;height:220px;transition: opacity 1s ease;opacity: 0;z-index: 200;}
.stage-icon.icon-0 {text-align: center;padding:0 0 0 0px;width:100%;bottom:0px}
.stage-icon.icon-0 .text {width:100%;}
.stage-icon.active {opacity:1;}
.stage-icon .text {          font-size: 28px;line-height: 150%;letter-spacing: 0.1em;color: #FFFFFF;}
.stage-icon .icon {width:177px;min-width:177px;}
.stage-icon .text .caption {
    font-weight: 600;

    text-transform: uppercase;
}

.stage-icon .text .notice {
    font-weight: 400;
}

.video-controls {display: none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:9999;}
.video-controls.active {display: block;}


.swiper-slide-main.swiper-slide-main-select {}

.main-logo.select {background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);}
.swiper-slide-main-select {}
.select-wrapper {background:url(../i/select/bg.webp?1) center center no-repeat;width:100%;height:1482px;position:relative;z-index:300;margin-top:280px;transition: transform 1.5s ease;transform: translateY(100px)}
.swiper-slide-main-select.swiper-slide-active .select-wrapper {transform: none;}
.sigas-select {position:relative;width:100%;height:750px;}
.sigas-select .siga {position:absolute;transition: opacity 1s ease;}
.sigas-select .siga img {display: block;position: absolute;width:100%;height:100%;object-fit:contain;left:0;top:0;}
.sigas-select .siga img.selected {z-index:1;transition: all 1.5s ease;opacity:0;transform:scale(0);mix-blend-mode: screen;}
.sigas-select .siga img.unselected {z-index:2;transition: opacity 0.5s ease;}
.sigas-select .siga.active img.selected {opacity:1;transform:scale(1);}
.sigas-select .siga.disabled img.unselected {opacity:0.3;transition-delay: 0s;transition-timing-function: ease-in ;}
.sigas-select .siga.disabled img.selected {transition-duration: 0.5s}

.sigas-select .siga.siga-white {width:472px;height:630px;left:80px;top:40px;animation: float-1 9s ease-in-out infinite;}
.sigas-select .siga.siga-black {width:510px;height:630px;right:60px;top:103px;animation: float-2 9s ease-in-out infinite;}

.sigas-buttons {position:absolute;left:0;top:0;width:100%;height:822px;display: flex;z-index:100;}
.sigas-buttons .sigas-button {width:50%;height:100%;}

.sigas-select-texts {text-align: center;margin-top:20px;font-size: 28px;}
.sigas-select-texts .caption {transition: all 2s ease;font-weight:600;line-height:1.5;opacity: 0;letter-spacing: -0.2em;}
.sigas-select-texts .caption-2 {transition: all 2s ease .3s;line-height:1.5;opacity: 0;letter-spacing: -0.2em;margin:25px 0 0 0;}
.sigas-select-texts .caption-3 {letter-spacing: 0.05em;margin:0px 0 0 0;line-height:1.5;}

.swiper-slide-main-select.swiper-slide-active .sigas-select-texts .caption {letter-spacing: 0.1em;opacity:1;}
.swiper-slide-main-select.swiper-slide-active .sigas-select-texts .caption-2 {letter-spacing:0.05em;opacity:1;}

.sigas-select-texts .button-w {margin:40px auto;width:660px;transition: opacity 1s ease;}
.sigas-select-texts .button-w.disabled {opacity:0.3;}

@keyframes float-1 {
    0% {margin-top: 0;}
    50% {margin-top:40px;}
    100% {margin-top: 0;}
}

@keyframes float-2 {
    0% {margin-top: 0;}
    50% {margin-top:-40px;}
    100% {margin-top: 0;}
}