/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 09 2024 | 20:25:50 */
/*Убираем родные кнопки*/
.pafe-multi-step-form__content-item-buttons {
    display: none!important;
}
.bnext, bprev {
	cursor:pointer;
}

/*Прогресс бар*/
.elementor-progress-bar {
    background-image: url(/image/progress.svg)!important;
    background-size: contain!important;
    animation: progress 30s linear infinite;
    -webkit-animation: progress 50s linear infinite;
}

@keyframes progress {
    from {
        background-position: -1000px 100%, 0 0;
    }

    to {
        background-position: 0 100%, 0 0;
    }
}

@-webkit-keyframes progress {
    from {
        background-position: -1000px 100%, 0 0;
    }

    to {
        background-position: 0 100%, 0 0;
    }
}




/*Вопрос Текст с изображением*/
.thumbnail.selected p, .thumbnail p {
position: relative;
}
.thumbnail p:before {
    content: "";
   background-image: url(/image/check.svg) !important;
    background: #eee;
   background-size: cover;
    background-repeat: no-repeat;
    width: 2vw;
    aspect-ratio: 1;
    position: absolute !important;
    left: 44% !important;
    top: -1.5vw !important;
    z-index: 5;
    border: 0.1vw solid #fff;
    border-radius:100000rem;
}


.thumbnail.selected p:before {
    background: var( --e-global-color-accent );
   background-size: cover;
}

@media (max-width: 767px) {
.thumbnail p:before {
    content: "";
    width: 6vw;
    left: 40% !important;
   top: -3.5vw !important;
}
}

.thumbnail.selected img {
    border: 3px solid var(--e-global-color-accent);
    opacity: 1;
    width: 100%!important;
}
.thumbnail img {
    border: 3px solid #eee;
    opacity: 0.6;
    width: 100%!important;
}

.elementor-field-type-image_select-multiple  .thumbnail p:before {
    border-radius:0rem;
}


/*Вопрос Radio/Checkbox*/
  span.elementor-field-option label {
    display: block !important;
    cursor: pointer;		
    width: 100%;			
    padding: 1.5vw 0.5vw 1.5vw 4vw!important;
    border: 1px solid #E9ECEE;
    margin-right: 1vw!important;		
    border-radius: 0px!important;		
    margin-bottom: 1vw!important;		
    background: #fff;
}

 .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding-right: 1vw;
}

  .pafe-field-container input, .check .pafe-field-container select  {
    outline: none!important;
    display: none!important;
}

  span.elementor-field-option label:before {
    content: " ";			
    position: absolute;
    background-image: url(/image/check.svg)!important;
    background-color: #eee;	
    background-repeat: no-repeat;			
    width: 1.8vw!important;
    height: 1.8vw!important;
    background-size: contain!important;
    border: 1px solid #fff;
    margin-left: -3vw;		
    margin-top: -0.3vw;		
    background-repeat: no-repeat;
	transition-duration: .2s;
	
}
 span.elementor-field-option input[type="radio"] ~ label:before {
    border-radius: 1000px;
}

 span.elementor-field-option input[type="radio"]:checked ~ label:before, .check span.elementor-field-option input[type="checkbox"]:checked ~ label:before {
    content: " ";
    position: absolute;
    background: var( --e-global-color-accent );
}



@media (max-width: 750px) {
    .check span.elementor-field-option label:before {
    width: 5.9vw!important;
    height: 5.9vw!important;
    margin-left: -8.2vw;
    margin-top: -1vw;
}
 span.elementor-field-option input[type="radio"]:checked ~ label:before {
    width: 5.9vw!important;
    height: 5.9vw!important;
    margin-left: -8.2vw;
    margin-top: -1vw;
}
 span.elementor-field-option label {
    padding: 4.5vw 3vw 4.5vw 12vw!important;
}
 .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;;
}
}




/*Слайдер диапазона*/
.irs--round .irs-line {
    background-color: #F5EAED;
    border-radius: 100px;
    top: 1.9vw!important;
    height: 0.4vw!important;
}
.irs--round .irs-bar {
    top: 1.9vw!important;
    height: 0.4vw!important;
    background-color: var(--e-global-color-accent)!important;
}
.irs--round .irs-handle {
    top: 1.3vw!important;
    width: 1.5vw!important;
    height: 1.5vw!important;
    border: 0.25vw solid var(--e-global-color-accent)!important;
    border-radius: 1000px!important;
    box-shadow: 0 1px 3px rgb(0 0 255 / 30%);
}



irs--round .irs-from:before, .irs--round .irs-single:before, .irs--round .irs-to:before {
    border-top-color: #FF2E2E;
}

.irs--round .irs-max, .irs--round .irs-min {
    font-size: 0.9vw!important;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif!important;
    padding: 0!important;
    background: none!important;
    font-family: 'Gilroy';
        font-size: 0.8vw!important;
        background: #fff!important;
    padding: 0.2em 0.5em!important;
}

.irs--round .irs-from, .irs--round .irs-single, .irs--round .irs-to {
    background-color: #333!important;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
        font-size: 0.8vw!important;
        
}
.irs--round .irs-from:before, .irs--round .irs-single:before, .irs--round .irs-to:before {
        border-top-color: #333!important;
        font-family: "Jost", Sans-serif;
}

@media (max-width: 750px) {
    .irs--round .irs-bar {
    height: 2.6vw!important;
}
.irs--round .irs-line {
    height: 2.6vw!important;
}
.irs--round .irs-handle {
    top: 0vw!important;
    width: 6.7vw!important;
    height: 6.7vw!important;
}
.irs--round .irs-max, .irs--round .irs-min {
    display:none!important;
}
.irs--round .irs-from, .irs--round .irs-single, .irs--round .irs-to {
    top: -8vw;
    font-size: 3.8vw!important;
}
}