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

}

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

}

.c {font-family: 'camelregular';}
.cl {font-family: 'camellight';}
.u {text-transform: uppercase;}

td,table,img {padding:0; border:none;border-collapse:collapse;}
body {width:750px;        font-family: 'Inter', sans-serif;margin:0; padding:0; background:#000;font-size:26px;color:#fff;scroll-behavior: smooth;line-height:1.2;}
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;}
sub,sup {vertical-align:baseline; position:relative;bottom:-4px;}
sup{top:-10px;}
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:#939598;

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

}
textarea.cf {
    width:670px;height:440px;
    margin: auto;
    background: #050505;
    line-height: 1.3;
    padding:40px 20px 0 40px;
}

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


.button {
    padding:0;
    box-sizing:border-box;
    display:inline-block;
    height:96px;
    line-height:96px;

    border:none;
    border-radius: 12px;
    background: var(--gradient-1, linear-gradient(45deg, #A2FF01 0%, #FC3008 100%));

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

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

    transition:all .3s linear ;

    position: relative;

    font-weight:700;
    font-size:32px;
    font-family: 'Inter', sans-serif;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    -webkit-tap-highlight-color: transparent;

}

.clickable {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.button.blanque {padding:4px;}
.button.blanque span {color:#fff;  border-radius: 6px; display: block;background:#000; height:88px;line-height:88px;}

.button.active {transform: scale(1.1);}


html,body {width:750px;margin: auto;height: 100%;}

body {position:relative;}
html.desktop {width:100%;}
body.desktop {width:100%;position: fixed;left:0;top:0;height:100%;}


.swiper-container-main {height:100%;position: fixed;left:0;top:0;width: 750px;}
.swiper-wrapper {height:auto;height:100%;}
.swiper-slide-main {overflow: hidden;height:100%;width: 100%;}

.scrolled-page {overflow: auto;height:100%;width: 100%;}
.p-cloud {transition:all 0.8s ease}

.p-cloud {transition:all 0.8s ease}
.p-cloud.cloud-1 {transition-delay:0s}
.p-cloud.cloud-2 {transition-delay:.2s}
.p-cloud.cloud-3 {transition-delay:.4s}
.p-cloud.cloud-4 {transition-delay:.6s}
.p-cloud.cloud-5 {transition-delay:.8s}
.p-cloud.cloud-6 {transition-delay:1s}

@keyframes main-icon {
    0%{transform:scale(1);}
    10%{transform:scale(1.1);}
    20%{transform:scale(1);}
    100%{transform:scale(1);}

}


.splash-horizontal {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url(../i/29.webp) right center no-repeat;background-size: cover;color:#fff;text-align: center;align-items:center;justify-content: center;font-size:36px;text-transform: uppercase;flex-direction: column;}
.splash-horizontal img {width:70px;height:auto;}
@media (orientation: landscape) and  (max-width: 750px)  {
    html,body {background: #000;}
    .splash-horizontal {display:flex}
}


.swiper-container-poll {height:100%;}
.poll-slide-header {width:732px;height:452px;position: absolute;left:0;top:100px;margin:auto;background: url(../i/3.webp);text-align: center;display: flex;justify-content: center;align-items: center;font-size:34px;font-weight:600;}
.poll-slide-header .counter {position: absolute;left:100px;top:90px;font-size:36px;color: #FDE601;}
.vote-stars {display: flex;width:100%;justify-content: center;}
.vote-star {width:176px;height:176px;display: flex;align-items: center;justify-content: center;margin:0 -23px 0 -23px;}
.poll-slide {perspective: 500px;width:100%;height:100%;overflow:hidden;padding:580px 0 0 0;display: flex;align-items: flex-start;justify-content: center}
.poll-slide.flexed {padding:200px 0 0 0;width:100%;height:100%;display: flex;align-items: center;justify-content: center}

.poll-slide-header {transform: rotateY(20deg);transition: all 1s ease;}
.swiper-slide-main.swiper-slide-active .swiper-slide-poll.swiper-slide-active .poll-slide-header {transform: rotateY(0deg);}

.swiper-slide-main.swiper-slide-poll-w {background: url(../i/bgr2.webp) center bottom no-repeat;background-size: 100% 100%}

.vote-star span.w {display: block;width:60px;height:60px;border-radius: 100%;border:4px solid #FDE601;}
.vote-star.active span.w {width:100%;height:100%;border:4px solid rgba(0,0,0,0);transition: all 1s ease;}
.vote-star span.c {width:100%;height:100%;background: url(../i/checked.png) center center no-repeat;background-size:contain;opacity:0;display: block;transition: all 1s ease;}
.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;font-size: 28px;font-weight: 500;position: relative;}
.vote-button .border {position: absolute;border-radius: 50px;left:0;top:0;width:100%;height:100%;transition:all 1s ease;border:6px solid rgba(0,0,0,0)}
.vote-button.active {color:#FDE601}
.vote-button:after {position:absolute;right:0px;top:-10px;background:#FDE601 url(../i/4.png) no-repeat;content: '';display: block;width:40px;height:40px;border-radius: 100%;opacity:0;transition:all 1s ease;}
.vote-button.active:after {opacity:1;}
.vote-button.active .border {border:6px solid #FDE601;color:#FDE601; box-shadow: 0px 0px 26px 0px rgba(253, 230, 1, 1);filter: blur(2px)}

.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 1.3s ease;transition-delay: 0s}
.vote-star.star-2.active span {transition: all 1.3s ease;transition-delay: .1s}
.vote-star.star-3.active span {transition: all 1.3s ease;transition-delay: .2s}
.vote-star.star-4.active span {transition: all 1.3s ease;transition-delay: .3s}
.vote-star.star-5.active span {transition: all 1.3s ease;transition-delay: .4s}

.y-18 {width:100%;height:100%;position: relative;z-index: 100;padding:80px 80px;display: flex;align-items: center;}
.y-18-w {transition: all 1s ease 0s;transform: scale(0)}

.y-18-bg {transition:background-size 1s ease;position: absolute;left:0;top:0;width:100%;height:100%;background: url(../i/bgr2.webp) center bottom no-repeat;background-size: 130% 130%;}
.y-18-text {position: relative;width:626px;height:366px;margin:-40px auto 0 -30px;text-align: center;}
body.expired .y-18-text {margin:-40px auto 0 auto;}
.y-18-text .frame {transform: rotateY(30deg);transition: transform 1s ease;position: absolute;left:0;top:0;width:100%;height:100%;background: url(../i/1.webp)  no-repeat;background-size: 100% 100%;}
.y-18-text .text {transform: rotateY(-30deg);transition: transform 1s ease;position: relative;z-index:10;padding:80px}
.y-18-bttns {display: flex;transition:all 1s ease .3s;opacity: 0;transform: translateY(30px)}
.y-18-bttns .button {width:188px;margin-right:26px;}
.y-18-caption {font-size:62px;font-weight:700;margin:80px 0 80px 0;transition:all 1s ease;opacity: 0;transform: translateY(30px)}

.y-18-caption.y17 {text-align: center;font-size:36px;line-height: 1.3;transition: none;background: url(../i/info-circle.webp) center top no-repeat;padding-top:320px;}
.y-18-caption.expired {background: url(../i/info-circle2.webp) center top no-repeat;}

.y-18-text {perspective: 500px;}

body.desktop {background: url(../i/zaglushka.webp) center center no-repeat;background-size: 100% 100%;height:100%;width:100%;}
.y-18-desktop .y-18-caption.y17 {background: url(../i/mobile.webp) center top no-repeat;padding-top:370px;}

body.ready-loader .y-18-w {transform: scale(1)}
body.ready-loader .y-18-text .frame {transform: rotateY(0);}
body.ready-loader .y-18-text .text {transform: rotateY(0);}

body.ready-loader .y-18-bg {background-size: 100% 100%;}
body.ready-loader .y-18-bttns {opacity: 1;transform: translateY(0px)}
body.ready-loader .y-18-caption {opacity: 1;transform: translateY(0px)}
.y-18-caption span.y {color:#FDE601;font-size:40px;}

.poll-bg {transition:background-size 1s ease;position: absolute;left:0;top:0;width:100%;height:100%;background: url(../i/bgr2.webp) center bottom no-repeat;background-size: 130% 130%;}
.swiper-slide-poll.swiper-slide-active .poll-bg {background-size: 100% 100%;}

body.ready-loader .swiper-slide-age.confirmed .y-18-w {transform: scale(1.2);opacity:0;transition-delay: 0s;}

.main-logo {width:152px;height:160px;background: url(../i/logo.png);position:fixed;right:40px;top:0;z-index:999;transition: transform 1s ease .0s;transform:translateY(-100%)}
.main-logo.active {transform:translateY(0)}

.poll-intro {padding:200px 0 0 0;height:100%;text-align: center;position: relative;z-index:100;}
.poll-intro-caption {font-size:40px;font-weight: 600;}
.poll-intro-caption-2 {font-size:40px;font-weight: 600;margin:0 0 30px 0;}
.poll-intro-caption-3 {font-size:28px;margin:0 0 50px 0;}
.poll-legal {font-size: 22px;color:#ccc}

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

.poll-bttn {position: absolute;bottom:60px;left:0;width:100%;padding:0 40px;transition: transform 1s ease;transform: translateY(300px)}
.swiper-slide-poll.swiper-slide-active .poll-bttn.active {transform: translateY(0)}
.poll-bttn-intro.active {transform: translateY(0)}


.poll-done {padding:30px 70px;text-align: center;}
.poll-done-caption {font-weight: 600;font-size:40px;}
.poll-done .p-cloud {opacity:0;transform:translateY(30px)}
.swiper-slide-poll.swiper-slide-active .poll-done .p-cloud {opacity:1;transform:translateY(0px)}
.poll-done-legal {margin:30px 0 0 0;font-size:28px;line-height: 1.4;padding-top:100px;background: url(../i/5.png) center top no-repeat}


.news-stage.stage-3 {display: block;}

.news-stage-3-contents .caption {font-weight: 600;font-size:30px;line-height: 1.6;transition: all 1s ease;transform: translateY(40px); opacity:0;}
.news-stage-3-contents .price {font-weight: 600;font-size:48px;line-height: 1.1;margin:20px 0;transition: all 1s ease .2s;transform: translateY(40px); opacity:0;}
.news-stage-3-contents .note {font-size:24px;line-height: 1.1;transition: all 1s ease .3s;transform: translateY(40px); opacity:0;}
.news-stage-3-contents .price span {color:#FDE601;}

.swiper-slide-product.swiper-slide-active .price {transform: translateY(0);opacity:1;}
.swiper-slide-product.swiper-slide-active .caption {transform: translateY(0);opacity:1;}
.swiper-slide-product.swiper-slide-active .note {transform: translateY(0);opacity:1;}

.news-stage-3-siga {position: absolute;right:50px;bottom:0;transition: all 1s ease;transform: translateY(100%)}
.news-stage-3-siga img {display: block;}
.news-stage-3-siga .round {position:absolute;left:44px;top:65px;animation: rotate 5s linear infinite}
.swiper-slide-product.swiper-slide-active .news-stage-3-siga {transform: translateY(0)}

.news-stage.stage-3 {padding:70px 0 0 50px}
.news-stage-3-caption {font-size: 40px;line-height: 1.2;font-weight: 700;transition: all 1s ease;transform: translateY(40px); opacity:0;}
.swiper-slide-product.swiper-slide-active .news-stage-3-caption {transform: translateY(0);opacity:1;}


.news-stage-3-pack {position: relative;width:601px;height:611px;}
.news-stage-3-pack .pack {position: absolute;left:110px;top:40px;transition: all 1s ease;transform:scale(0)}
.news-stage-3-pack .frame {position: absolute;left:0;top:0;transition: all 2s ease;transform:scale(4)}

.swiper-slide-product.swiper-slide-active .pack {transform:scale(1)}
.swiper-slide-product.swiper-slide-active .frame {transform:scale(1)}

.news-stage-3-pack {}
.news-star {width:750px;height:750px;position: relative;}
.news-star .star {width:1100px;height:1100px;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%)}
.news-star .star img {width:100%;height:100%;animation: rotate 15s linear infinite}
.news-star .pack {position: relative;z-index:10;padding-top:60px;}
.news-star .pack img {display: block;margin: auto;}

@keyframes rotate {
    from {
        transform: rotate(360deg);
    }
}

.swiper-container-product {width:100%;height:100%;}
.news-stage  {height:100%;width:100%;position: relative;z-index:100;display: flex;justify-content: center;flex-direction: column;}
.news-intro-logo {text-align: center;}


.news-stage.stage-1 {transition: transform 1s ease;transform: scale(0);}
.swiper-slide-product.swiper-slide-active .news-stage.stage-1 {transform: scale(1);}

.news-intro-caption-2 {font-size: 40px;font-weight;: 600;padding:0 0 0 60px;transition: transform 1s ease;transform: scale(0);}
.swiper-slide-product.swiper-slide-active .news-intro-caption-2 {transform: scale(1);}
.news-intro-caption-2 span {color:#FDE601;}

.news-star .pack {transition: transform 1s ease;transform: scale(0);transform-origin: center bottom;}
.swiper-slide-product.swiper-slide-active .news-star .pack {transform: scale(1)}

.swiper-slide-stages {display: flex;align-items: center;position: relative;}
.swiper-slide-icons {display: flex;align-items: center;}
.swiper-slide-icons .poll-bg {background-size: 100% 100%;}
.swiper-slide-stages .poll-bg {background-size: 100% 100%;}
.icons-page {position: relative;z-index:100;text-align: center;padding:0px 50px 0 50px;}
.icons-page-caption {font-size: 40px;font-weight:600;}
.icons-line {display: flex;width: 100%;justify-content: space-between;flex-wrap:wrap;margin-top:60px;}
.icon-item {width:300px;height:425px;padding:34px 0 0 0;position:relative;transition: all 1s ease;transform: scale(0);position: relative;border:2px solid #9D8782;border-radius: 20px;margin:0 0 50px 0;background: #050505;}

.icon-item.item-1 {transition-delay: 0s;}
.icon-item.item-2 {transition-delay: 0.2s;}
.icon-item.item-3 {transition-delay: 0.4s;}
.icon-item.item-4 {transition-delay: 0.6s;}
.icon-item .caption {width:100%;height:60px;margin: 10px 0 0 0;display: flex;align-items: center;justify-content: center;text-transform: uppercase;}
.icon-item .frame {position: absolute;left:0;top:0;width:100%;height:100%;filter: drop-shadow(0px 0px 14px #FDEC88) drop-shadow(0px 0px 18px #E4D511);border:6px solid #fff;border-radius: 20px;transition: opacity .5s ease;opacity: 0;}

.icon-item.active .frame {opacity: 1;}
.swiper-slide-icons.swiper-slide-active .icon-item {transform: scale(1);}
.swiper-slide-icons.swiper-slide-active .icon-item.disabled {transform: scale(0);transition-delay:0s;}
.swiper-slide-icons.swiper-slide-active .icon-item.disabled.active {transition-delay: 0s;transform: scale(1.1);}


.news-intro-caption {font-size:40px;text-align: center;font-weight: 600;}


.news-intro .p-cloud {opacity:0;transform:translateY(30px);}
.swiper-slide-stages.swiper-slide-active .news-intro .p-cloud {opacity:1;transform:translateY(0px)}


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


.a-pointer {opacity:0;position:absolute;left:50%;bottom:40px;width:200px;height:200px;background:url(../i/ptr.png) center center no-repeat;animation:pointer 1s infinite linear;background-size:24px auto;cursor:pointer;z-index:100;text-align: center;-webkit-tap-highlight-color: transparent;margin-left: -100px;}
.a-pointer.active {opacity:1;}

.p-counter {display:flex;    justify-content: center;text-align:center;margin-top:50px}
.p-counter-item {margin:0 6px;}
.p-counter-item .val {box-sizing: border-box;border-radius: 18px;width:174px;font-size:122px;color:#FDE601;margin:0 auto 10px auto;}
.p-counter-item .days {font-size:36px;margin-top:0px;}