/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Feb 24 2026 | 08:00:22 */
/*Убираем родные кнопки*/
.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-image: url(/image/check.svg) !important;
   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*/
 .radio-box 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;
}

 .radio-box .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding-right: 1vw;
}

  .radio-box .pafe-field-container input, .radio-box .pafe-field-container select  {
    outline: none!important;
    display: none!important;
}

  .radio-box 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;
	
}
 .radio-box span.elementor-field-option input[type="radio"] ~ label:before {
    border-radius: 1000px;
}

 .radio-box span.elementor-field-option input[type="radio"]:checked ~ label:before, .radio-box span.elementor-field-option input[type="checkbox"]:checked ~ label:before {
    content: " ";
    position: absolute;
    background: var( --e-global-color-accent );
	 background-image: url(/image/check.svg) !important;
}



@media (max-width: 750px) {
    .radio-box span.elementor-field-option label:before {
    width: 5.9vw!important;
    height: 5.9vw!important;
    margin-left: -8.2vw;
    margin-top: -1vw;
}
 .radio-box 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;
}
 .radio-box span.elementor-field-option label {
    padding: 4.5vw 3vw 4.5vw 12vw!important;
}
 .radio-box .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;;
}
}




.nameclass3  span.elementor-field-option label {
    display: block !important; 			
    cursor: pointer;		
    width: 100%;			
    padding: 0vw  1.5vw 0vw 2.5vw!important;

    margin-right: 1vw!important;		
    border-radius: 10px!important;		
    margin-bottom: 1vw!important;		
}

.nameclass3 .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {
    -ms-flex-preferred-size: 100%;
    flex-basis: 30%;
    padding-right: 1vw;
}

.nameclass3  .pafe-field-container input, .nameclass .pafe-field-container select  {
    outline: none!important;
    display: none!important;
}

.nameclass3  span.elementor-field-option label:before {
    content: " ";			
    position: absolute;
   background-image: url(/image/check.svg) !important;	
    background: #eee;
   border-radius: 1000px;
    background-repeat: no-repeat;			
    width: 1.7vw!important;
    height: 1.7vw!important;
    background-size: contain!important;
    border: none;			
    margin-left: -2.5vw;
    top:-0.5vw;
    background-repeat: no-repeat;
	transition-duration: .2s;
}

.nameclass3 span.elementor-field-option input[type="radio"]:checked ~ label:before {
    content: " ";
    position: absolute;
    border-radius: 1000px;
	background-image: url(/image/check01.svg) !important;
    background: var( --e-global-color-accent );
    background-repeat: no-repeat;
    width: 1.7vw!important;
    height: 1.7vw!important;
    border: none;
    margin-left: -2.5vw;		
    margin-top: 0vw;	
    background-size: contain!important;
    background-repeat: no-repeat;
    transition-duration: .2s;
}



@media (max-width: 750px) {
    .nameclass3 span.elementor-field-option label:before {
    width: 5.9vw!important;
    height: 5.9vw!important;
    margin-left: -8.2vw;
    margin-top: -0.5vw;
}
.nameclass3 span.elementor-field-option input[type="radio"]:checked ~ label:before {
    width: 5.9vw!important;
    height: 5.9vw!important;
    margin-left: -8.2vw;
    margin-top: -0.5vw;
}
.nameclass3 span.elementor-field-option label {
    padding: 0vw 3vw 0vw 8vw!important;
}
.nameclass3 .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {
    -ms-flex-preferred-size:40%;
    flex-basis: 40%;;
}
}






/*Слайдер диапазона*/
.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;
}
}
