.swiper-container-poll {height:100%;}
.swiper-slide-poll {display: flex;justify-content: center;align-items: center;}

.poll-intro {padding:0px 0px;text-align: center;}
.poll-intro .caption {font-size: 40px;line-height: 1.2;padding: 0px 0 60px 0;transition: all 0.3s linear;opacity:0;transform: scale(0.3);font-weight:700;text-transform: uppercase;margin:0 0 30px 0;}
.poll-intro .intro {font-weight: 700;font-size: 24px;line-height: 130%;letter-spacing: -0.02em;text-transform: uppercase;transition: all 0.3s linear;opacity:0;transform: scale(0.3);}
.poll-intro .image {width:100%;height:700px;opacity: 0;}
.poll-untro-image {width:100%;height:100%;object-fit: cover;object-position:center center;position: absolute;left:0;top:0;}
.poll-untro-image img {width:100%;height:100%;object-fit: cover;object-position:center center;}
.poll-intro .image img {width:100%;height:auto;display: block;transition: transform 1s ease;}
.poll-intro .btn {margin:40px 0 0 0;width:550px;margin:auto;transition: all 0.3s linear;opacity:0;transform: scale(0.3);}
.swiper-slide-main-poll.swiper-slide-active .poll-intro .caption {opacity:1;transform: none;}
.swiper-slide-main-poll.swiper-slide-active .poll-intro  .intro {opacity:1;transform: none;}
.swiper-slide-main-poll.swiper-slide-active .poll-intro  .btn {opacity:1;transform: none;}

.glass-window-poll {position: relative;z-index: 10;}
.swiper-slide-main-poll.swiper-slide-active .poll-intro .image img {transform: scale(1.2)}

.poll-slide {padding:60px 0px;text-align: center;}
.poll-slide-counter {
    font-weight: 600;
    font-size: 28px;
    line-height: 100%;
    leading-trim: both;
    text-edge: cap;
    text-align: center;
    margin:0 0 30px 0;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}
.poll-slide-header {
    height:280px;
}

.poll-slide-header .note {text-align: center;font-size: 24px;
    line-height: 110%;
    text-align: center;

    color: #FFFFFF;

    opacity: 0.7;}

.poll-slide-header-2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 110%;
    leading-trim: both;
    text-edge: cap;
    text-align: center;
    text-transform: uppercase;
    margin:20px 0 0 0;
}
.vote-stars {
    display: flex;
    height:110px;
    justify-content: center;
    align-items: center;
    margin:0px auto 0 auto;
    width:100%;

}


.vote-image {width:750px;height:650px;}
.vote-image img {width:100%;height:100%;object-fit: contain;}

.vote-star {width:104px;height:104px;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 {}
.vote-star.active span.w {width:100%;height:100%;}
.vote-star span.w {width:100%;height:100%;background: url(../i/star_.png) center center no-repeat;background-size:84px auto;display: block;transition: all 0.3s ease;}
.vote-star span.c {opacity:0;width:100%;height:100%;display: block;transition: all 1s ease;opacity: 0;background: url(../i/star.png) center center no-repeat;background-size:84px auto;}
.vote-star.active span.w {animation: star .4s linear;animation-fill-mode:forwards}
.vote-star.active span.c {animation: star .4s linear;animation-fill-mode:forwards}

.vote-star.star-1 span.w {animation-delay: 0s;}
.vote-star.star-2 span.w {animation-delay: 0.1s;}
.vote-star.star-3 span.w {animation-delay: 0.2s;}
.vote-star.star-4 span.w {animation-delay: 0.3s;}
.vote-star.star-5 span.w {animation-delay: 0.4s;}

.vote-star.star-1 span.c {animation-delay: 0s;}
.vote-star.star-2 span.c {animation-delay: 0.1s;}
.vote-star.star-3 span.c {animation-delay: 0.2s;}
.vote-star.star-4 span.c {animation-delay: 0.3s;}
.vote-star.star-5 span.c {animation-delay: 0.4s;}

@keyframes star {
    0%{transform:scale(1);}
    50%{transform:scale(1.2);opacity:1;}
    100%{transform:scale(1);opacity:1;}
}


.vote-buttons {margin:auto;height:760px;width:550px;padding-top:20px;}

.vote-button {
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    color: rgba(255, 255, 255, 0.7);
    height:200px;
    text-align: left;

    position: relative;

    display: flex;

    align-items: center;
    margin:15px 0;
    padding-left:90px;
    transition: all 0.5s ease;
    background: url(../i/poll/frame.png) no-repeat;
    background-size: 100% 100%;
}

.vote-button .w {position:absolute;left:30px;top:50%;margin-top:-18px;width:36px;height:36px;background: url(../i/bullet_.png) no-repeat;background-size: 100% 100%;}
.vote-button.active .w {background-image: url(../i/bullet.png);animation: bullet 1s ease}

@keyframes bullet {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

input.cf {
    font-weight: 700;
    width:100%;
    padding:0;
    text-align: center;
    background:none;
    font-size: 32px;
    line-height: 100%;
    height:96px;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-radius: 32px;
    display: block;

    color:rgba(255, 255, 255, 0.75);
    margin:20px 0;
    transition: all 0.5s ease;
}

input.cf::placeholder {
    text-align: center;
    font-size: 32px;
    color:rgba(255, 255, 255, 0.75);
}
input.cf:focus {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: rgba(86, 13, 67, 0.6);
    outline: none;
}

input.cf:focus::placeholder {
    opacity: 0;
}

input.cf:not(:placeholder-shown) {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: rgba(86, 13, 67, 0.6);
}




.poll-bttn .button {transition: all 1.5s ease;margin:40px auto auto auto;width:550px;}
.poll-bttn.disabled {}
.poll-bttn.disabled .button {opacity:0.5}

.vote-select {position:relative;margin:40px 0 40px 0}
.vote-select .icon {position:absolute;right:40px;top:40px;width:20px;}
.vote-select .icon img {width:100%;height:auto;display: block;}

select.cf {
    font-weight: 700;
    width:100%;
    padding:0;
    text-align: left;
    padding:0 20px 0 20px;
    -webkit-appearance: none;
    background:none;
    font-size: 30px;
    line-height: 100%;
    height:96px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-radius: 32px;
    display: block;

    color:rgba(255, 255, 255, 0.75);
    margin:20px 0;
    transition: all 0.5s ease;
}
.vote-select-input {margin:40px 0 0 0;}
.vote-select-input.disabled {display: none;}
.vote-select.disabled {display: none;}

.vote-textarea {margin:0px auto;height:760px;width:610px;}
.vote-textarea textarea {height:650px;}