.slide-item {}

/* Оцените обновленный дизайн упаковки */



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

.poll-stars {position:relative;}


.poll-slide-header {position:absolute;left:0;top:50px;width:100%;text-align: center}

.poll-slide-header .counter {font-size:32px;color:#967B4F;}

.poll-slide-header .question {
    font-size:48px;
    background: linear-gradient(90deg, #B8965F 0%, #7A613A 100%), #382304;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: 20px 0 0 0;
}

.vote-stars {padding:0 80px;position:relative;}
.vote-stars .legend {font-size:32px;}
.vote-stars .legend .l1 {position:absolute;right:0;top:0;}
.slide-item {position: relative;}

.poll-button {}

.input-range {padding:0px 0px;position:relative;width:608px;height:60px;background: #FFFFFF;box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.15);border-radius: 180px;margin:30px auto;}
.input-range .track {position:absolute;left:29px;top:22px;height:20px;width:545px;border-radius: 14px;
    background: #F4F4F4;
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.15);
}
.input-range .track-colored {position:absolute;left:0px;top:0px;height:20px;width:100%;}

.input-range .track-colored {background:url(../i/poll/track.png) center center no-repeat;background-size: 100% 100% ;border-radius: 60px;}






.input-labels {position:absolute;top:-60px;width:557px;left:30px;display:flex;justify-content: space-between;font-size:36px;color:#fff;padding:0;}
.input-labels .label {padding:0 20px;opacity:1;color:#D9D9D9;}
.input-labels .label.active {opacity: 1;
    background: linear-gradient(90deg, #FEFAB9 0%, #7A613A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;

}

.input-labels .hand {position:absolute;left:50%;top:0;animation:pointer2 1s infinite linear;}
.input-labels .hand img {width:94px;height:auto;margin-left:-58px;}


input[type=range]{
    -webkit-appearance: none;
    webkit-appearance: none;
    appearance: none;
    width:608px;
    background: none;


    height:100px;
    border:none;
    position: relative;
    z-index: 10;
    padding: 0;
    user-select: none;
}

input[type="range"]::-moz-range-track {
    opacity:0;
    background: none;
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    border:none;
    user-select: none;
}

input[type="range"]::-moz-range-thumb {
    background: url(../i/poll/2.png) center top 5px no-repeat;
    background-size: 48px 48px;
    width:100px;height:100px;
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    border:none;
    user-select: none;
}


.progress::-webkit-slider-thumb {
    background: url(../i/poll/2.png) center top 5px no-repeat;
    background-size: 48px 48px;
    border:none;
    width:100px;height:100px;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none;
    border:none;
    user-select: none;
}





.poll-bttn {position:absolute;left:0;bottom:0;width:100%;bottom:0px;padding:0 0 40px 0;transition:all 1s ease}
.poll-bttn.disabled {opacity:0.2;bottom:-10px;;}
.button-w {position:relative;height:110px;width:434px;margin: auto;}
.button-w .button {width:100%;background:url(../i/poll/btn.png) no-repeat;background-size:100% 100%;}
.button-w0 {position:absolute;left:0;top:0;width:100%;height:110px;}
.button-w3 {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;xanimation: button 5s linear infinite}
.button-w3 img {width:100%;height:100%;display: block;}


.poll-form-item {position:absolute;bottom:200px;left:0;width:100%;}
.poll-form-item-buttons {display: flex;justify-content: space-between;padding:0 15px;}
.vote-button {
    width:230px;
    height:230px;

    background-size: 100% 100%;
    border-radius: 20px;
    font-size:27px;
    color:#382304;
    line-height: 1.2;
    text-transform: uppercase;
    position: relative;
    padding:30px 0 0 20px;
    transition: all 1s ease;

    font-family: "Fira Sans Extra Condensed", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.vote-button {}
.vote-button img {display: block;position:absolute;left:0;top:0;width:100%;height:100%;}
.vote-button img.bgactive {z-index:2;opacity: 0;transition: opacity 1s ease;}
.vote-button img.bgdisabled {z-index:1}
.vote-button.active   img.bgactive {opacity:1;}

.vote-button:before {

}

.vote-button.active:before {

}

.vote-button.active {background-color:#fff; }

@keyframes vote-button{
    0%{transform:scale(1)}
    50%{transform:scale(1.2)}
    100%{transform:scale(1)}
}

.vote-textarea {padding:0 20px;}

.swiper-slide-main-poll-intro {
    background: url(../i/poll/introbg.webp) center top no-repeat;
    background-size: cover;
    display: flex;
    align-items: flex-end;
}
.poll-intro {padding:0 0 150px 80px;position: relative;z-index:100;}
.poll-intro .caption {margin:0 0 60px 0;}
.poll-intro img {display: block;width:auto;}
.poll-intro .button-w {margin: 0;}


.swiper-slide-main-poll-done {
    background: url(../i/poll/finish.webp) center center no-repeat;
    background-size: cover;
    display: flex;
    position:relative;
    z-index: 100;
    align-items: center;
}
.poll-done {padding:0 0 0px 80px;position: relative;z-index:100;}
.poll-done .caption {margin:0 0 60px 0;}
.poll-done img {display: block;width:auto;}
.poll-done .button-w {margin: 0;padding: 3px;}
.poll-done .button-w .button {position:relative;z-index:100;height:100%;}