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

.poll-intro {padding:60px 46px;text-align: center;}
.poll-intro .caption {font-size: 60px;line-height: 1.1;padding: 0px 0 0px 0;transition: all 0.3s linear;opacity:0;transform: scale(0.3);letter-spacing: -0.02em;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 .btn {margin:40px 0 0 0;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;}


.poll-slide {padding:60px 46px;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 {
    font-weight: 700;
    font-size: 30px;
    line-height: 130%;
    leading-trim: both;
    text-edge: cap;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin:20px 0 0 0;
}
.poll-slide-header-2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 110%;
    leading-trim: both;
    text-edge: cap;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin:20px 0 0 0;
}
.vote-stars {
    display: flex;
    justify-content: center;
    align-items: center;
    margin:40px auto 0 auto;
    width:530px;

}




.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:104px 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:104px 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:30px 0 30px 0;}

.vote-button {
    font-weight: 700;
    font-size: 30px;
    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: flex;
    justify-content: center;
    align-items: center;
    color:rgba(255, 255, 255, 0.75);
    margin:15px 0;
    transition: all 0.5s ease;
}

input.cf {
    font-weight: 700;
    width:100%;
    padding:0;
    text-align: center;
    background:none;
    font-size: 30px;
    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: 30px;
    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);
}

.vote-button.active {
    border: 2px solid rgba(255, 255, 255, 1);
    color:#fff;
    background: #78115D;
}

.poll-bttn {transition: all 0.5s ease;margin-top:40px;}
.poll-bttn.disabled {opacity: 0.35;filter:saturate(0)}

.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:40px 0 0 0;}