.u {text-transform: uppercase;}

html {font-size:10px;}
td,table,img {padding:0; border:none;border-collapse:collapse;}
body {width:860px;    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:660px;
    height:330px;
    margin: auto;
    line-height: 1.3;
    padding:40px 40px 40px 40px;
    background:url(../i/textarea.png) center center no-repeat;
    background-size: 100% 100%;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;

    border:none;
    -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;

}

@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;
    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%;animation: 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%;animation: button 5s linear infinite}
.button-w3 {position:absolute;left:0;top:0;width:100%;height:100%;animation: button 5s linear infinite}
.button-w.small .button-w1 {background-image: url(../i/b1s.png)}
.button-w.small .button-w2 {background-image: url(../i/b2s.png)}

.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:860px;margin:auto;height:100%;}

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

body.desktop {width:100%;background: url(../i/desktop.webp) center center no-repeat;background-size: cover;}
body.info {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;}
.splash {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-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%;}

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

.swiper-container-verical {height:470px;}

body.ready-loader .swiper-slide-main.swiper-slide-active .scene-line.line-1 {width:400px}


.ptr {position:absolute;cursor:pointer;left:20px;width:106px;bottom:50%;opacity:0.3;display: flex;align-items: center;justify-content: center;z-index:360;animation:pointer 2s infinite linear;}

.swiper-slide-main.stage-0 .ptr {display: none;}
.swiper-slide-main.stage-1 .ptr {display: none;}

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

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

@media (max-height: 1250px) {


}

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


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


.expired-caption {color:#E4C4AA;font-size: 36px;font-weight: 300;line-height: 54px;letter-spacing: 0.4em;}
.expired-s-caption {color:#FEFAF8;font-size:24px;line-height:36px;margin:30px 0 0 0;}
.expired-caption-logo {margin:40px 0 0 0;}


.swiper-slide-age {background: url(../i/182.webp) center center no-repeat;background-size: 100% 100%;}
.age-bg {position: absolute;left:0;top:0;width:100%;height:100%;background: url(../i/181.webp) center center no-repeat;background-size: 100% 100%;transition: transform 2s ease;transform: scale(3)}
body.ready-loader .swiper-slide-main.swiper-slide-age .age-bg {transform: scale(1)}
.age-wrapper {position: relative;z-index: 100;transform: scale(0);transition: transform 1s ease;text-align: center;}
body.ready-loader .swiper-slide-main.swiper-slide-age .age-wrapper {transform: scale(1)}
body.ready-loader .swiper-slide-main.swiper-slide-age.confirmed .age-wrapper {transform: scale(3)}
.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;}
.age-buttons .button-w {width:260px;}
.age-notice {color: #FEFAF8;font-size:24px;font-weight: 300;line-height: 150%;}

.product-select  {width:1500px;margin:-130px 0 0 -0px;position: relative;z-index:200;}
.swiper-container-products-select {width:1500px;position: relative;z-index:200;transition: all 2s ease;}
.swiper-container-products-select .swiper-slide {width:500px !important;}
.swiper-container-products-select .swiper-slide img {transform: translateX(-320px)}
.swiper-container-products-select .swiper-slide .caption {transform: translateX(-320px)}

.swiper-slide-product-select {width:500px;height:890px;padding:0px 0 0 0;display: flex;align-items: center}
.product-select-image {width:100%;transition: all .5s ease;opacity:0.4;margin:auto;}
.product-select-image.narrow {max-width:400px;}
.product-select-image img {display: block;width: 100%;max-width:390px;max-height: 650px;object-fit: contain;height:auto;display: block;margin: auto;}
.product-select-image .pack {}
.product-select-image .pack.pack-1 {transition: transform 4s ease 0.1s;opacity:1;}
.product-select-image .pack.pack-2 {transition: transform 5s ease 0.3s;opacity:1;}
.product-select-image .pack.pack-3 {transition: transform 1s ease 0.1s, opacity 4s ease;opacity:0;}
.product-select-image .pack.pack-4 {transition: transform 3s ease 0.0s;opacity:1;}

.swiper-slide-product-select.swiper-slide-active .product-select-image {opacity: 1;transform: translateY(-50px)}
.swiper-slide-products-main {background: url(../i/poll.webp) no-repeat;background-size: 100% 100%;}


.products-select-caption {position: relative;z-index:100;text-align: center;padding:50px 0 0 0;}
.products-select-caption .caption {color: #E4C4AA;font-size: 32px;font-weight: 300;margin:30px 0 0 0;}

.products-select-footer {position: absolute;left:0;bottom: -80px;width: 100%;height:412px;z-index:100;transition: transform 1.5s ease-out 1s;}
.footer-item-piece {position:absolute;right:0px;top:-50px;transition: transform 1s ease 1.5s;}

.products-select-footer-button {position: absolute;left:0;bottom:0px;width:100%;z-index: 1000;padding:0 100px 50px 100px;}


.swiper-slide-products-main.stage-0 .products-select-footer {transform: translateY(100%)}
.swiper-slide-products-main.stage-0 .footer-item-piece {transform: translateX(100%)}
.swiper-slide-products-main.stage-0 .swiper-container-products-select {transform: translateX(100%);}
.swiper-slide-products-main.stage-0 .product-select-image .pack {transform: translateX(1000px);opacity: 1}

.swiper-slide-products-main.stage-1 .products-select-footer {transform: none;}
.swiper-slide-products-main.stage-1 .footer-item-piece {transform: none;}
.swiper-slide-products-main.stage-1 .swiper-container-products-select {transform:none;}
.swiper-slide-products-main.stage-1 .product-select-image .pack {transform: translateX(0px);opacity: 1}
.swiper-slide-products-main.stage-2 .product-select-image .pack {transform: translateX(0px);opacity: 1}
.product-select-image-w {transform: translateX(-320px);text-align:center;}
.product-select-image-w .caption {opacity:0;transition: opacity 1s ease;padding-top:30px;color: #E4C4AA;font-size: 32px;font-weight: 300;}
.swiper-slide.swiper-slide-product-select.swiper-slide-active .product-select-image-w .caption {opacity:1;}

.swiper-slide-products-main.stage-2 .swiper-container-products-select {opacity:0;}

.products-select-footer-button {transform: translateY(300px);transition: transform 2s ease 1s;}
.swiper-slide-products-main.stage-1 .products-select-footer-button {transform: translateY(0)}


.swiper-container-products-footer {position: absolute;left:0;top:0;z-index:10;width:100%;height:100%;opacity:0;transition: opacity 2s ease;}
.swiper-slide-products-main.stage-1 .swiper-container-products-footer {opacity:1;}
.swiper-container-products-footer img {position: absolute;left:0;top:0;z-index:10;width:100%;height:100%;display: block;object-fit: cover;object-position: center bottom -50px;}

.swiper-container-products-footer-2 {position: absolute;right: 200px;bottom: 180px;z-index:210;width:250px;height:250px;opacity:0;transition: opacity 2s ease;}
.swiper-container-products-footer-2 img {width:100%;height:100%;display: block;object-fit: contain;}
.swiper-slide-products-main.stage-1 .swiper-container-products-footer-2 {opacity:1;}

.swiper-container-verical {z-index: 40;}
.sequence {position:absolute;transition: opacity 1s ease;opacity:0;z-index:30;}
.sequence.v-sequence {left:0;top:0;width:100%;height:100%;transition: opacity 3s ease;}
.sequence.active {opacity:1;}
.sequence-1 {top:00px;left:0;width:100%;transition: transform 0.3s linear;}
.sequence-1.final {transform:translateX(300px)}
.stage-image {position:absolute;left:0;top:0;width:100%;opacity: 0;}
.stage-image.active {opacity: 1}
.stage-image img {width:100%;height:auto;display: block;}

.pack-sequence {top:-100px;left:0;width:100%;transition: opacity 0.3s linear, top 1s ease;}
.pack-sequence.final {}



.pack-ico {display: none;text-align:center;padding-top:50px;width: 100%;}
.pack-ico.active {display: block;opacity:0;transition: opacity 1.5s ease 0s;}
.swiper-container-verical .swiper-slide-active .pack-ico.active {opacity:1;}

.pack-ico .caption {font-size: 32px;font-weight: 300;margin: 30px 0 0 0;}

.products-select-caption-intro {}
.products-select-caption-intro.active {opacity:1;}

.swiper-container-poll {height:100%;width:100%;background:url(../i/poll.webp) no-repeat;background-size: 100% 100%;}
.poll-bttn {position: absolute;bottom:60px;left:0;width:100%;padding:0 100px;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;}



.poll-slide {padding:0 0 140px 0;width:100%;}
.swiper-slide-poll {height:100%;display: flex;align-items: center;justify-content: center;}
.poll-slide-header {color:#E4C4AA;font-size:36px;}
.vote-stars {display: flex;width:500px;justify-content: space-between;margin:80px auto 0 auto}
.vote-star {width:84px;height:84px;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 {width:100%;height:100%;background: url(../i/star.png?3) 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/star_.png?3) 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 auto;width:610px;transition:all 1s ease;position: relative;filter:saturate(0);opacity:0.5;border-radius: 60px;}
.vote-button.active {filter:saturate(1);opacity:1;box-shadow: 0px 0px 30px 0px rgba(228,196,170,1);}


.poll-form-item {margin-top:60px;}
.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-pack {position:relative;padding:50px;width:500px;display: flex;align-items: center;justify-content: center;margin:40px auto 0 auto}
.vote-pack .pack {width:100%;height:100%;}
.vote-pack img {display: block;width:100%;height:auto;}
.vote-pack-w1 {background:url(../i/border1.png) no-repeat;background-size:100% 100%;position:absolute;left:0;top:0;width:100%;height:100%;animation: button2 4s linear infinite}
.vote-pack-w2 {background:url(../i/border2.png) no-repeat;background-size:100% 100%;position:absolute;left:0;top:0;width:100%;height:100%;animation: button 4s linear infinite}

.textp4  {transition:all 1s ease;position: relative;filter:saturate(0);opacity:0.5;}
.textp4.active {filter:saturate(1);opacity:1;}
.textp4:focus {filter:saturate(1);opacity:1;}


.swiper-slide-poll-welcome {background: url(../i/info.webp) no-repeat;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;text-align: center;color:#fff;font-size:30px;line-height:1.5;font-weight:300;width:100%;}
.poll-welcome-logo {margin:50px 0;}
.poll-welcome-bttns {width:660px;padding:150px 00px;margin: auto}
.poll-welcome-bttns .button-w {margin:50px 0;}
.poll-welcome-note {position:absolute;bottom:100px;left:0;z-index:100;width:100%;font-size: 20px;font-style: normal;font-weight: 300;line-height: 150%;color:#FEFAF8;}


.swiper-slide-poll-done {background: url(../i/info.webp) no-repeat;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;text-align: center;color:#fff;font-size:30px;line-height:1.5;font-weight:300;width:100%;}
.poll-done-intro.intro-2 {font-size: 32px;font-style: normal;font-weight: 300;line-height: normal;margin:120px 0 20px 0;}
.poll-done-intro.intro-3.header {color:#fff;}
.poll-done-bttns {width:660px;padding:150px 00px;margin: auto}

.poll-done-bttns .button-w {margin-bottom:50px;}
.i-repo {position:fixed;left:0;bottom:0;z-index:-100;width:1px;height:1px; opacity: 0;}