:root {
      --main-bg-color: #F2F2F2;
      --secondary-bg-color: #F9B000;
      --main-text-color: #232323;
    }
    
    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

    input {outline:none;}

    .quiz {
        max-width: 1240px;
        width: 100%;
        margin: 0 auto;
        background: var(--main-bg-color);
        padding: 30px;
        box-sizing: border-box;
        
	    font-family: 'HelveticaNeueCyr';
	    
	    border-radius: 20px;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }
    
	.quiz a {
		transition: all .5s;
	}

	.quiz a:hover {
		color: #666666;
	}

    .step_block {
        display: none;
    }
    
    .step_block.contacts {
        max-width: 1240px;
        width: 100%;
        margin: 30px auto;
        
        background: var(--main-bg-color);
        padding: 50px;
        box-sizing: border-box;
        
	    font-family: 'HelveticaNeueCyr';
	    
	    border-radius: 20px;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }
    
    .step_block.--active {
        display: block;     
        
        animation: animFade 1s;
        animation-fill-mode: both
    }
    
    .step_block--header {
        width: fit-content;
        padding: 0 0 20px;
        margin: 0 0 15px;
        
        display: flex;
        align-items: center;
        color: var(--main-text-color);
        font-size: 30px;
        font-weight: 700;
        text-transform: uppercase;
        
        border-bottom: 4px solid var(--secondary-bg-color);
        position: relative;
    }
    
    .step_block--header.smallPadding {
        padding: 0 0 5px;
    }

.step_block--header.headerSecondary {
	margin-top: 60px;
}
    
    .step_block--header span {
        width: 48px;
        height: 48px;
        line-height: 48px;
        background: var(--secondary-bg-color);
        
        text-align: center;
        font-size: 30px;
        color: var(--main-text-color);
        
        border-radius: 24px;
        
        margin-right: 20px;
    }
    
    .step_block--main__content {
        width: 100%;
        display: flex;
		margin: 20px 0;
    }
    
    .step_block--main__content_full {
        width: 100%;
    }
    
    .step_block--main__conten_left,
    .step_block--main__conten_right {
        width: 50%;
    }
    
    .step_block--footer_steplisting {
        display: grid;
        gap: 60px;
        grid-auto-columns: max-content;
        grid-auto-flow: column;
        
        margin: 0 0 30px 0;
    }
    
    .step_block--footer_stepblock {
        max-width: 210px;
        position: relative;
        display: inline-block;    
        background: var(--main-bg-color);
        padding: 0 20px;
    }
    
    .step_block--footer_stepblock:before {
        content: '';
        height: 2px;
        width: 100%;
        position: absolute;
        top: 12px;
        left: 100%;
        border-bottom: 2px dashed #D9D9D9;
    }
    
    .step_block--footer_stepblock:nth-child(1) {
        padding: 0 20px 0 0;
    }
    
    .step_block--footer_stepblock:last-child:before {
        display: none;
    }
    
    .step_block--footer_stepblock_top {
        display: flex;
        align-items: center;
    }
    
    .step_block--footer_stepblock_top .step_block--footer_stepblock_round {
        position: relative;
        width: 28px;
        height: 28px;
        background: #fff;
        margin-right: 10px;
        display: inline-block;
        border-radius: 14px;
        padding: 0;
		text-align: center;
    	line-height: 28px;
    }

	.step_block--footer_stepblock.clickable .step_block--footer_stepblock_top .step_block--footer_stepblock_round {
        background: var(--secondary-bg-color);
    }
    
    .step_block--footer_stepblock_top.current .step_block--footer_stepblock_round {
        font-weight: 700;
    }
    
	.step_block--footer_stepblock_bottom {
		margin-left: 38px;
	}

    .step_block--footer_stepblock_bottom > p {
        margin: 0;
    }
    
    .step_block--footer_stepblock_bottom .step_block--footer_stepblock_bottom_title {
        margin: 10px 0 0 0;
        
        color: #606060;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: 0%;
        text-align: left;
    }
    
    .step_block--footer_stepblock_bottom .step_block--footer_stepblock_bottom_value {
        color: #000;
        
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
    }
    
    .step_block--footer_progress {
        position: relative;
        background: #D9D9D9;   
        border-radius: 10px;
        height: 6px;
    }
    
    .step_block--footer_progress .step_block--footer_progress_bar {
        position: absolute;
        top: 0;
        left: 0;
        background: var(--secondary-bg-color);   
        border-radius: 10px;
        height: 6px;
    }
    
    .step_block--footer button {
        background: var(--secondary-bg-color);   
        border-radius: 10px;
        font-weight: 700;
        font-size: 20px;
        color: #fff;
        padding: 17px 30px;
        border: none;
        cursor: pointer;
		
		transition: all .5s;
    }

.step_block--footer button:hover {
	opacity: .7;
}
    


.tooltip__block--close {
	display: none !important;
}

    .step_block--footer button.prev {
        position: relative;
        background: transparent;   
        border-radius: 10px;
        font-weight: 700;
        font-size: 17px;
        color: var(--secondary-bg-color);
        padding: 17px 30px;
        border: none;
        cursor: pointer;
        border: 1px solid var(--secondary-bg-color);
        margin-right: 20px;
    }
    
    .step_block--footer button.prev svg {
        position: relative;
        top: -2px;
    }
    
    .step_block--footer_stepblock_value {
        color: #666;
        font-size: 16px;
        font-weight: 400;
    }
    
	.step_block--footer_stepblock .step_block--footer_stepblock_top.current .step_block--footer_stepblock_value {
        color: #232323;
        font-size: 16px;
        font-weight: 700;
    }

	.step_block--footer_stepblock.clickable .step_block--footer_stepblock_value {
        cursor: pointer;
        transition: all .5s;
	}
    
    .step_block--footer_stepblock.clickable .step_block--footer_stepblock_value:hover {
        opacity: .5;   
    }
    
    .step_block--main p {
        font-size: 14px;
		line-height: 18px;
        font-weight: 400;
        margin: 0;
    }
    
    .step_block--main__conten_left ul {
        max-width: 70%;
        display: grid;
        gap: 10px;
        margin: 0;
        padding: 0;
		margin-left: 0;
    }
    
    .step_block--main__conten_left {
        margin: 0;
    }
    
    .step_block--main__conten_left ul li {
        display: inline-block;   
		margin-left: 0;
    }
    
    .step_block--main__conten_left ul li input[type=radio] {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    
    .step_block--main__conten_left label {
		display: block;
        position: relative;
    }
    
    .step_block--main__conten_left span {
        display: block;
        width: 100%;
        background: #FFFFFF;
        
        border-radius: 10px;
        padding: 10px 0 10px 10px;
        
        font-size: 16px;
        color: #9B9B9B;
        font-size: 16px;
        color: #9B9B9B;
        font-weight: 400;
		
    }

	.step_block--main__conten_left span:hover {
		cursor: pointer;
        background: #f7f7f7;
		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
		color: rgb(107, 107, 107);
	}

    .step_block--main__conten_left span.error {
        background: #ffd4d4;
        color: #f00;
    }
    
    .step_block--main__conten_left ul li input[type=radio]:checked+span {
        background: var( --secondary-bg-color );
        color: #fff;
    }
    
    .step_block--main__conten_left label p {
        margin: 0;      
    }
    
    .step_block .step_block--title {
        color: rgb(35, 35, 35);
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        text-align: left;
        
        margin: 30px 0;
        position: relative;
        
        width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .step_block .step_block--title i {
        display: block;
        width: 24px;
        height: 24px;
        margin-left: 10px;
        
        background: url( '../img/circle.svg' );   
    }
    .step_block--header_tooltip .tooltip {
        display: block;
        width: 24px;
        height: 24px;
        margin-left: 10px;
        
        background: url( '../img/circle.svg' );  
    }
    .step_block--header.step_block--header_tooltip .tooltip__block {
        height: auto;
    }
    .step_block--main__conten_left label .tooltip {
        display: block;
        width: 24px;
        height: 24px;
        
        cursor: pointer;
        
        position: absolute;
        top: 10px;
        right: 15px;
        
        background: url( '../img/circle.svg' );     
    }
    
    .step_block--main__conten_left ul li input[type=radio]:checked~i {
        background: url( '../img/circle-hover.svg' ); 
    }

    /* .step_block[data-step="4"] .step_block--main__conten_right.step_block--main__conten_right_img a {
        width: 100%;
    }

    .step_block[data-step="4"] .step_block--main__conten_right.step_block--main__conten_right_img a img {
        max-width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 20px;
        width: 100%;
    } */
    
    .step_block--result_slider--content_body .step_block--result_slider--content_header__item .tooltip__block, 
    .step_block--result_table--content .step_block--result_table--content_header .step_block--result_table--content_header__item .tooltip__block,
    .step_block--main__content_full--grid .tooltip__block,
    .step_block--main__conten_left span.tooltip__block,
    .step_block--header.step_block--header_tooltip .tooltip__block {
        display: none;
        min-width: 300px;
        
        position: absolute;
        top: 0;
        left: calc(100% + 20px);
        z-index: 999;
        
        background: #fff;
        border-radius: 10px;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
        
        color: rgb(107, 107, 107);
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0%;
        text-align: left;
        
        padding: 15px;
		
		cursor: auto;
        text-transform: math-auto;
    }
    
    .step_block--result_table--content .step_block--result_table--content_header .step_block--result_table--content_header__item .tooltip__block {
        left: calc(100% + 15px);
    }
    
    .step_block--main__conten_right {
        width: 50%;
		/* max-height: 350px; */
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .step_block--main__conten_right-txt {
        margin-bottom: 10px;
        text-align: center;
        font-size: 14px;
        line-height: 17px;
    }
	
	.step_block--main__conten_right img {
		max-width: 100%;
		height: 350px;
		object-fit: cover;
		border-radius: 20px;
	}
    
    .ui-slider-handle.ui-corner-all.ui-state-default {
        width: 15px !important;
		height: 15px !important;
		padding: 0 !important;
		background: var(--secondary-bg-color) !important;
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1) !important;
		border: 4px solid #fff !important;
		border-radius: 10px !important;
    }
    
    .ui-widget.ui-widget-content {
        max-width: 360px !important;
        width: 100% !important;
        height: 6px !important;
        border: none !important;
        border-radius: 10px !important;
        background: rgb(217, 217, 217) !important;
    }
    
    .ui-slider-horizontal .ui-slider-handle {
        top: -.4em !important !important;
    }
    
    body.brand-2019 .ui-slider-horizontal .ui-slider-range-min {
        background: rgb(249, 176, 0) !important;
		border-radius: 6px !important;
    }
    
    #range-slider_val {
        
        border-radius: 6px;
        background: rgb(255, 255, 255);
        border: none;
        
        width: 58px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        
        padding: 6px 10px 6px 10px;
        text-align: center;
        
        color: rgb(35, 35, 35);
        font-family: HelveticaNeueCyr;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
    }
    
    .step_block--body {
        display: flex;
        position: relative;
        gap: 30px;
    }
    
    .step_block--body .step_block--body_range-control {
        position: relative;
    top: -75px;
    height: 30px;
    }
    
    .step_block--body_range-control .step_block--body_range-control_up {
            position: relative;
    top: -7px;
    left: 19px;
        width: 20px;
        height: 20px;
        background: rgb(255, 255, 255);
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    
    .step_block--body_range-control .step_block--body_range-control_down {
               position: relative;
    top: 7px;
    left: 19px;
        width: 20px;
        height: 20px;
        background: rgb(255, 255, 255);
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    
    .step_block--body_range-control .step_block--body_range-control_up svg path,
    .step_block--body_range-control .step_block--body_range-control_down svg path {
        transition: all .5s;
    }
    
    .step_block--body_range-control .step_block--body_range-control_up:hover svg path,
    .step_block--body_range-control .step_block--body_range-control_down:hover svg path {
        fill: rgb(249, 176, 0);
    }
    
    .step_block--body_select {
        position: relative;
    }
    
    .step_block--body_select .step_block--body_select--current {
        width: 290px;
        position: relative;    
        
        padding: 10px 20px 10px 20px;
        border-radius: 10px;
        background: rgb(255, 255, 255);
        
        color: rgb(155, 155, 155);
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        
        cursor: pointer;
    }

	.step_block--body_range-control .step_block--body_range-control_down.disabled,
	.step_block--body_range-control .step_block--body_range-control_up.disabled,
	#range-slider_val.disabled,
	.step_block--body_select .step_block--body_select--current.disabled {
		background: rgb(228 228 228);
    	color: #666;
		pointer-events: none;
	}

	#range-slider.disabled {
		pointer-events: none;
	}
    
    .step_block--body_select .step_block--body_select--current:before {
        content: '';
        background: url(../img/select-arrow.svg);
        position: absolute;
        width: 10px;
        height: 6px;
        right: 15px;
        top: 20px;
    }
    
    .step_block--body_select .step_block--body_select--dropdown {
        display: none;
        width: 290px;
        position: absolute;
        z-index: 99;
        margin: 10px 0 0 0;
        padding: 5px 20px 15px 20px;
        border-radius: 10px;
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.06);
        background: rgb(255, 255, 255);
    }
    
    .step_block--body_select .step_block--body_select--dropdown .step_block--body_select--dropdown_val {
        padding: 10px 0 0 0;
        
        color: rgb(155, 155, 155);
        font-family: HelveticaNeueCyr;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0%;
        text-align: left;
        
        cursor: pointer;
        transition: all .5s;
    }
    
    .step_block--body_select .step_block--body_select--dropdown div + div {
        padding: 10px 0;
    }
    
    .step_block--body_select .step_block--body_select--dropdown .step_block--body_select--dropdown_val:hover {
        color: rgb(249, 176, 0);
    }
    
    .step_block .step_block--body__info-btn {
        position: relative;
        box-sizing: border-box;
        border: 1px solid rgb(249, 176, 0);
        border-radius: 6px;
    	background: var(--main-bg-color);
		
        padding: 10px 30px;
        
        
        color: rgb(249, 176, 0);
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 30px 0 0 0;
        
        cursor: pointer;
        
        transition: all .5s;
    }
    
    .step_block .step_block--body__info-btn.disabled {
		border: 1px solid var(--secondary-bg-color);
        background: var(--secondary-bg-color);
		color: #fff;
	}
    
    .step_block .step_block--body__info-btn.disabled .tooltip {
		background: url(../img/circle-white.svg);
	}
    
    .step_block .step_block--body__info-btn .tooltip {
        display: block;
        width: 24px;
        height: 24px;
        margin: 0 0 0 10px;
        
        cursor: pointer;
        
        background: url( '../img/circle-info.svg' );
		
		position: relative;
		z-index: 98;
    }


    .step_block .step_block--body__info-btn .tooltip:hover {
		background: url(../img/circle.svg);		
	}
    
    .step_block--main__content_full--grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;  
		margin: 0px 0 30px 0;
    }
      
    
    .step_block--main__content_full--grid .tooltip {
        display: block;
        width: 24px;
        height: 24px;
        margin: 0 0 0 10px;
        cursor: pointer;
        background: url(../img/circle.svg);
        position: absolute;
        top: 20px;
        right: 20px;    
    }
    
    .step_block--main__content_full--grid .step_block--main__content_full--grid_item .step_block--main__content_full--grid_item--img {
        border-radius: 10px;
        background: rgb(255, 255, 255);
        width: 100%;
        min-width: 260px;
        padding: 25px 0;
        text-align: center;
        position: relative;
        border: 2px solid transparent;
    }

	.step_block--main__content_full--grid .step_block--main__content_full--grid_item .step_block--main__content_full--grid_item--img img {
		width: auto;
		height: 270px;
		object-fit: cover;
	}
    
    .step_block--main__content_full--grid .step_block--main__content_full--grid_item.active .step_block--main__content_full--grid_item--img,
    .step_block--main__content_full--grid .step_block--main__content_full--grid_item:hover .step_block--main__content_full--grid_item--img {
        border: 2px solid rgb(249, 176, 0);
    }
    
    .step_block--main__content_full--grid .step_block--main__content_full--grid_item .step_block--main__content_full--grid_item--bottom {
        margin: 20px 0 0 0;
        
        color: rgb(35, 35, 35);
        font-family: HelveticaNeueCyr;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0%;
        text-align: center;
    }
    
    .step_block--result_table {
        margin-top: 60px;
    }

    .step_block--result_table--title {
        color: rgb(35, 35, 35);
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        text-align: left;
        
        margin-bottom: 15px;
    }
    
    .step_block--result_table--content .step_block--result_table--content_header {
        display: grid;
        grid-template-columns: 20% 15% 20% 15% 30%;
        gap: 3px;    
    }
    
    .step_block--result_table--content .step_block--result_table--content_header .step_block--result_table--content_header__item:nth-child(1) {
        border-radius: 10px 0px 0px 0px;
    }
    
    .step_block--result_table--content .step_block--result_table--content_header .step_block--result_table--content_header__item:last-child {
        border-radius: 0px 10px 0px 0px;
    }
    
    .step_block--result_table--content .step_block--result_table--content_header .step_block--result_table--content_header__item {
        position: relative;
        
        background: rgb(249, 176, 0);
        
        color: rgb(255, 255, 255);
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        text-align: left;
        
        padding: 10px 20px 10px 20px;
        
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .step_block--result_table--content .step_block--result_table--content_header .step_block--result_table--content_header__item .tooltip {
        position: relative;
        
        display: block;
        width: 24px;
        height: 24px;
        margin: 0 0 0 10px;
        
        cursor: pointer;
        
        background: url( '../img/circle-hover.svg' );   
    }
    
    .step_block--result_table--content .step_block--result_table--content_body {
        display: grid;
        grid-template-columns: 20% 15% 20% 15% 30%;
        gap: 3px; 
        
        margin: 0 0 3px 0;
    }
    
    .step_block--result_table--content .step_block--result_table--content_body:last-child .step_block--result_table--content_header__item:nth-child(1) {
        border-radius: 0px 0px 0 10px;
    }
    
    .step_block--result_table--content .step_block--result_table--content_body:last-child .step_block--result_table--content_header__item:last-child {
        border-radius: 0px 0px 10px 0;
    }
    
    .step_block--result_table--content .step_block--result_table--content_body .step_block--result_table--content_header__item {
        position: relative;
        
        background: #fff;
        
        color: rgb(255, 255, 255);
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        text-align: left;
        
        padding: 10px 20px 10px 20px;
        
        display: flex;
        align-items: center;
        justify-content: center;
        
        color: rgb(35, 35, 35);
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: center;
    }
    
    .step_block--old_price {
        color: rgb(155, 155, 155);
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        text-decoration-line: line-through;
        margin: 0 0 0 5px;
    }
    
    .step_block--result_table.--secondary {
        margin-bottom: 60px;
    }
    
     .step_block--result_table.--secondary .step_block--result_table--content_body:nth-child(1) .step_block--result_table--content_header__item:nth-child(1) {
        border-top-left-radius: 10px;
    }
    
     .step_block--result_table.--secondary .step_block--result_table--content_body:nth-child(1) .step_block--result_table--content_header__item:last-child {
        border-top-right-radius: 10px;
    }
    
     .step_block--result_table.--secondary .step_block--result_table--content_body:last-child .step_block--result_table--content_header__item:nth-child(1) {
        border-bottom-left-radius: 10px;
    }
    
     .step_block--result_table.--secondary .step_block--result_table--content_body:last-child .step_block--result_table--content_header__item:last-child {
        border-bottom-right-radius: 10px;
    }
    
    .step_block--select-icon {
        position: relative;
        width: 22px;
        height: 22px;
        background: rgb(242, 242, 242);
        border-radius: 11px;
        margin-right: 10px;
    }
    
    .step_block--select-icon.active:before {
        content: '';
        width: 12px;
        height: 12px;
        background: rgb(249, 176, 0);
        border-radius: 6px;
        position: absolute;
        top: 5px;
        left: 5px;
    }
    
    .step_block--eye-icon {
        width: 24px;
        height: 24px;
        background: url(img/eye.svg);
        position: absolute;
        top: 9px;
        right: 10px;
    }
    
    .step_block--result_table--content .step_block--result_table--content_body .step_block--result_table--content_header__item:nth-child(1) {
        text-align: left;
        align-items: start;
        justify-content: start;
        
        
    }
    
    .step_block--result_table--content .step_block--result_table--content_body .step_block--result_table--content_header__item:nth-child(1) {
        color: rgb(35, 35, 35);
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        text-decoration-line: underline; 
    }
    
    .step_block--star-icon {
        display: inline-block;
        width: 17px;
        height: 15px;
        background: url('../img/star.svg');
        margin: 0 1px;
    }
    
    .step_block--star-icon_hide {
        display: inline-block;
        width: 17px;
        height: 15px;
        background: url('../img/star-hide.svg');
        margin: 0 1px;
    }
    
    .step_block--result_table--content .step_block--result_table--content_body .step_block--result_table--content_header__item span {
        display: inline-block;
        margin: 0 0 0 10px;
    }
    
    .step_block--result_slider {
        margin: 0;
        padding: 0;
        overflow: auto;
    }
    
    .step_block--result_slider::-webkit-scrollbar {
      height: 6px;               /* ширина scrollbar */
    }
    .step_block--result_slider::-webkit-scrollbar-track {
      background: rgb(217, 217, 217);
      border-radius: 10px;
    }
    .step_block--result_slider::-webkit-scrollbar-thumb {
      background-color: var(--secondary-bg-color);
      border-radius: 10px;
    }
    
    .step_block--result_slider .step_block--result_slider--content {
        display: flex;
    }
    
    .step_block--result_slider--content_body {
        max-width: 280px;
        width: 100%;
        padding: 15px;
        background: #fff;
        border: 1px solid var(--secondary-bg-color);
        border-radius: 20px;
        margin: 0 30px 0 0;
    }
    
    .step_block--result_slider--content_body .step_block--result_slider--content_header__item {
        display: flex;
        flex-direction: column;
        gap: 5px;
        border-bottom: 1px solid rgb(237, 237, 237);
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
    }
    
    .step_block--result_slider--content_body .step_block--result_slider--content_header__item:last-child {
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .step_block--result_slider--content_body .step_block--result_slider--content_header__item:nth-last-child(2) {
        border: none !important;
    }
    
    .step_block--result_slider--content_body .step_block--result_slider--content_header__item a {
        color: var(--secondary-bg-color);
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        text-align: center;
        text-decoration-line: underline;
        
        transition: all .5s;
    }
    
    .step_block--result_slider--content_body .step_block--result_slider--content_header__item a:hover {
        color: rgb(155, 155, 155);
    }
    
    .step_block--result_slider--content_body .step_block--result_slider--content_header__item button {
        box-sizing: border-box;
        border: 1px solid var(--secondary-bg-color);
        border-radius: 6px;
        background: rgb(255, 255, 255);
        
        color: var(--secondary-bg-color);
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        text-align: left;
        
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 10px 0;
        padding: 10px 30px 10px 30px;
    }
    
    .step_block--result_slider--content_body .step_block--result_slider--content_header__item button svg {
        margin: 0 0 0 10px;
    }
    
    .step_block--result_slider--content_body .step_block--result_slider--content_header__item button.active {
        background: #F9B000;
        color: #fff;
    }
    
    .step_block--result_slider--content_body .step_block--result_slider--content_header__item button.active svg path {
         fill: #fff;   
    }
    
    .step_block--result_slider--content_body .step_block--result_slider--content_header__item_title {
        position: relative;
        color: var(--secondary-bg-color);
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        text-align: left;
    }
      
	.step_block--result_slider--content_body .step_block--result_slider--content_header__item_title span {
		color: #FF0000;
	}    

    .step_block--result_slider--content_body .step_block--result_slider--content_header__item_title .tooltip {
        display: block;
        width: 24px;
        height: 24px;
        margin: 0 0 0 10px;
        cursor: pointer;
        background: url(../img/circle.svg);
        position: absolute;
        top: -1px;
        right: 0;  
    }
    
    .step_block--result_slider--content_body .step_block--star-icon_box {
        display: flex;
		align-items: center;
        margin-right: 5px;
    }

	.step_block--result_slider--content_body .step_block--star-icon_box span {
		line-height: 14px;
	}
    
    .step_block--result_slider--content_body a.text--tr {
        color: rgb(35, 35, 35);
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        text-decoration-line: underline;
    }
    
    .step_block--main__line--grid p {
        display: flex;
        flex-direction: column;
        
    }
    
    .step_block.contacts p input[type=text] {
        width: 100%;
        
        box-sizing: border-box;
/* stroke */
border: 1px solid rgb(225, 225, 225);
border-radius: 10px;
background: rgb(255, 255, 255);
padding: 10px 20px 10px 20px;

color: rgb(172, 172, 172);
font-family: HelveticaNeueCyr;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0%;
text-align: left;
    }    
    .step_block.contacts p input[type=text].error {
		    border: 1px solid #fb9088;
    background: rgb(255 238 238);
}
    
	.step_block.contacts p input[type=text]:-webkit-autofill,
	.step_block.contacts p input[type=text]:-webkit-autofill:hover, 
	.step_block.contacts p input[type=text]:-webkit-autofill:focus {
	  background: rgb(255, 255, 255);
	}

    .step_block--main__line {
        margin: 0 0 10px 0;
    }
    
   .step_block.contacts p label {
    display: block;
        color: rgb(35, 35, 35);
font-family: HelveticaNeueCyr;
font-size: 14px;
font-weight: 700;
line-height: 22px;
letter-spacing: 0%;
text-align: left;
margin: 0 0 10px 0;
    }
    
    .step_block.contacts .step_block--main__line--grid {
        display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    margin: 0 0 20px 0;
    }
    
    .step_block.contacts .hidden {
            position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
    }
    
    .step_block.contacts .small_text {
        font-family: HelveticaNeueCyr;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
    }
    
    .step_block--main__line.marginTop {
        margin-top: 30px;
    }
   .step_block--main__line.marginBottom {
       margin-bottom: 40px;
   }
   
   .step_block.contacts .step_block--btn__file {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        color: var(--secondary-bg-color);
        text-decoration: underline;
        position: relative;
        padding: 0 0 0 30px;
        margin: 10px 0 0 0;
   }

.step_block.contacts .step_block--btn__file:hover {
	text-decoration: none;
	cursor: pointer;
}
   
   .step_block.contacts .step_block--btn__file:before {
       content: '';
       width: 24px;
        height: 24px;
        position: absolute;
        top: 0;
        left: 0;
        background: url('../img/paperclip.svg');
    }
    
    .step_block--main__line--row {
        display: flex;
        gap: 20px;
        align-items: center;
    }
    
    .step_block--main__line--row button {
        border-radius: 6px;
        background: var(--secondary-bg-color);
        font-family: HelveticaNeueCyr;
        font-size: 20px;
        font-weight: 700;
        line-height: 19.9px;
        text-align: left;
        color: #fff;
        padding: 15px 30px 15px 30px;
        border: none;
        
        cursor: pointer;
		
		transition: all .5s;
    }

	.step_block--main__line--row button.active {
		background: #e1e1e1;
    	color: #000;
	}

.step_block--main__line--row button:hover {
	opacity: .7;	
}
    
    .step_block--main__line--row .accept {
        position: relative;
        max-width: 400px;
        font-size: 12px;
        font-weight: 400;
        line-height: 12px;
        text-align: left;
        color: #232323;
        width: 100%;
        display: block;
    }
    
    .step_block--main__line--row .accept a {
        color: var(--secondary-bg-color);
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
        text-align: left;
        text-decoration: underline;
    }
    
    .step_block--main__line--row .accept label {
        display: flex;
    }
    
    .step_block--main__line--row .accept span {
        padding: 0 0 0 35px;
    }
    
    .step_block--main__line--row .accept span:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        border: 2px solid #E1E1E1;
        width: 20px;
        height: 20px;
        border-radius: 5px;
        background: #fff;
    }

	.step_block--main__line--row .accept span.error:before {
		border: 2px solid #fb9088;
        background: rgb(255 238 238);		
	}
    
    .step_block--main__line--row .accept label input[type=checkbox]:checked+span:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        border: 2px solid #E1E1E1;
        width: 20px;
        height: 20px;
        border-radius: 5px;
        background: #fff url('../img/ok.svg') center center no-repeat;
    }
    
    .step_block.contacts input::placeholder {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        color: #ACACAC;
    }
    
    @keyframes animFade {
        from {
            opacity:0
        }
        to {
            opacity:1
        }
    }
    
    .white-popup {
  position: relative;
  background: #F2F2F2;
  width: auto;
  max-width: 880px;
  margin: 20px auto;
  padding: 50px;
  border-radius: 20px;
}

.mfp-close-btn-in .mfp-close {
    color: #fff !important;
    width: 40px !important;
    height: 40px !important;
    top: 20px !important;
    right: 20px !important;
    opacity: 0px;
    border-radius: 20px;
    background: #9B9B9B;
}

.popup-body {
        text-align: center;
}

.popup-body .popup-body_title {
    position: relative;
font-family: HelveticaNeueCyr;
font-size: 30px;
font-weight: 700;
line-height: 29.85px;
text-align: center;
color: #232323;
    margin: 20px 0;

}
    
    .popup-body .popup-body_title:before {
    content: '';
    position: absolute;
    top: 40px;
    left: calc(50% - 133px);
    width: 276px;
    height: 4px;
    background: #F9B000;
}

.popup-body_desc {
    margin: 30px 0 20px 0;
    font-family: HelveticaNeueCyr;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-align: center;
color: #232323;

}
    .step_block--main__conten_left span.disabled {
        background: #e1e1e1;
    }

.step_block--result_slider--content_body .step_block--result_slider--content_header__item .step_block--result_slider--content_header__item_subtitle {
	    display: flex;
    align-items: center;
}

.step_block--result_slider--content_body .step_block--result_slider--content_header__item .step_block--result_slider--content_header__item_subtitle svg {
margin-left: 15px;
	cursor: pointer;
}

.popup-body.compl_text .popup-body_title {
	
	color: rgb(35, 35, 35);
	font-family: HelveticaNeueCyr;
	font-size: 30px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 0%;
	text-align: left;
	text-transform: uppercase;
	
    margin: 0 0 20px 0;
}

.popup-body.compl_text .popup-body_title:before {
	top: 35px;
    left: 0;
}

.popup-body.compl_text .popup-body_subtitle {
	color: rgb(35, 35, 35);
	font-family: HelveticaNeueCyr;
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
}

.popup-body.compl_text p {
	color: rgb(35, 35, 35);
	font-family: HelveticaNeueCyr;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	
	margin: 0 0 10px 0;
}

.popup-body.compl_text p a {
	color: rgb(249, 176, 0);
	font-family: HelveticaNeueCyr;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	text-decoration-line: underline;
}

.popup-body.compl_text .table_compl {
	margin: 60px 0 25px 0;
}

.popup-body.compl_text .table_compl p {
	color: rgb(35, 35, 35);
	font-family: HelveticaNeueCyr;
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	text-align: left;
}

.popup-body.compl_text .table_compl .mk-fancy-table.table-style1 {
    margin: 10px 0 0;
}

.popup-body.compl_text .table_compl .mk-fancy-table.table-style1 tr th {
	padding: 10px 20px 10px 20px;
	background: rgb(249, 176, 0) !important;
	
	color: rgb(255, 255, 255);
	font-family: HelveticaNeueCyr !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	text-align: center;
	
	border: 2px solid rgb(242, 242, 242) !important;
}

.popup-body.compl_text .table_compl .mk-fancy-table.table-style1 tr td {
	padding: 10px 20px 10px 20px;
	background: rgb(255, 255, 255) !important;
	
	color: rgb(35, 35, 35) !important;
	font-family: HelveticaNeueCyr !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	text-align: left;
	
	border: 2px solid rgb(242, 242, 242) !important;
}

.popup-body.compl_text .table_compl table {
    border-radius: 0 !important;
}

.popup-body.compl_text p img {
	float: right;
    margin: 0 0 20px 20px;
	max-width: 280px;
	height: auto;
	object-fit: cover;
	border-radius: 20px;
}

.step_block--body_select .step_block--body_select--dropdown.minHeight {
    max-height: 250px;
    overflow-y: auto;
}

 .step_block--body_select .step_block--body_select--dropdown.minHeight::-webkit-scrollbar {
	 width: 6px;
      height: 6px;               /* ширина scrollbar */
    }
    .step_block--body_select .step_block--body_select--dropdown.minHeight::-webkit-scrollbar-track {
      background: rgb(217, 217, 217);
      border-radius: 3px;
    }
   .step_block--body_select .step_block--body_select--dropdown.minHeight::-webkit-scrollbar-thumb {
      background-color: var(--secondary-bg-color);
      border-radius: 3px;
    }

.company-data_grid {
	    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, 50%);
	margin: 30px 0 0 0;
}

.company-data_grid .company-data_grid__elem {
	display: grid;
    grid-template-columns: 1fr 84px;
	padding: 40px;
    background: #fff;
    border: 2px solid #e4e4e4;
    box-sizing: border-box;
}

.company-data_grid__elem--left {
	padding: 0 40px 0 0;
}

.company-data_grid__elem--right .iconblock.active svg rect {
    fill: #f9b000;
}

.company-data_grid__elem--right {
    display: flex;    
    gap: 0 16px;
    flex-wrap: wrap;
    max-width: 84px;
    min-width: 84px;
}

.company-data_grid .company-data_grid__elem .company-data_grid__elem--title {
font-size: 24px;
font-weight: 700;
line-height: 29.26px;
text-align: left;
color: #000000;
}

.company-data_grid .company-data_grid__elem .company-data_grid__elem--adress {
font-family: HelveticaNeueCyr;
font-size: 14px;
font-weight: 400;
line-height: 23px;
text-align: left;
	color: #000000;
}

.company-data_grid .company-data_grid__elem .company-data_grid__elem--phone {
font-size: 15px;
font-weight: 700;
line-height: 18.29px;
text-align: left;
color: #000000;
}

.company-data_grid .company-data_grid__elem button {
	display: flex;
	align-items: center;
	justify-content: center;
	
	position: relative;
    border: 1px solid #F9B000;
    font-family: HelveticaNeueCyr;
    font-size: 16px;
    font-weight: 700;
    line-height: 15.92px;
    text-align: left;
    color: #F9B000;
    background: #fff;
    border-radius: 6px;
    padding: 10px 30px;
	transition: all .5s;
}

.company-data_grid .company-data_grid__elem button.active {
	color: #fff;
    background: #F9B000;
}

.company-data_grid .company-data_grid__elem button.disabled {
	pointer-events: none;
	color: #999;
    background: #fff;
    border: 1px solid #999;
}

.company-data_grid .company-data_grid__elem button.active:after {
	content: '';
	display: inline-block;
	background: url( '../img/btn-check.svg' );
	width: 24px;
	height: 24px;
	margin: 0 0 0 10px;
}

.company-data_grid .company-data_grid__elem button:hover { 
	opacity: .7;	
}

@media (max-width: 600px) {
	.step_block .step_block--body__info-btn {
    	width: 100%;
	}
	.step_block--body_select {
		position: relative;
		width: 100%;
	}
	.step_block--body_select .step_block--body_select--dropdown,
	.step_block--body_select .step_block--body_select--current {
    	width: 100%;
	}
	 .quiz {
        padding: 60px 20px;
        box-shadow: none;
        border-radius: 0;
        max-width: calc(100% + 30px);
        width: calc(100% + 30px);
        margin: 0 -15px;
    }
	.step_block--header {
		flex-direction: column;
		align-items: start;
		gap: 20px;
		
		font-family: HelveticaNeueCyr;
		font-size: 20px;
		font-weight: 700;
		line-height: 24px;
		text-align: left;
	}
	.step_block--main__conten_left {
		width: 100%;
	}
	.step_block--main__conten_right {
		display: none;
	}
	.step_block--main__conten_left ul {
    	max-width: 85%;
	}
	.step_block--main__conten_left label .tooltip {
    	right: -40px;
	}
	.step_block--footer_steplisting {
		overflow: hidden;
	}
	.step_block--main__conten_left ul li input[type=radio]:checked~i {
		background: url(../img/circle.svg);
	}
	.ui-widget.ui-widget-content {
    	max-width: 240px !important;
	}
	.step_block--header {
    	width: 100%;
	}
	.step_block--main__content_full--grid {
    	grid-template-columns: repeat(2, 1fr);
	}
	.step_block--main__content_full--grid .step_block--main__content_full--grid_item .step_block--main__content_full--grid_item--img {
		min-width: auto;
		max-width: 100%;
		height: 280px;
	}
	.step_block--main__content_full--grid .step_block--main__content_full--grid_item .step_block--main__content_full--grid_item--img img {
	    max-width: 100%;
		height: auto;
		max-height: 100%;
		object-fit: contain;
	}
	.step_block--footer button.prev {
		width: 45%;
		margin: 0 5px 0 0;
	}
	.step_block--footer button.prev.full {
		width: 100%;
		margin: 0;
	}
	.step_block--footer button.choiseContactData {
		width: 100%;
		margin-top: 10px;
	}
	.step_block.contacts {
		padding: 20px;
		max-width: calc(100% + 30px);
		width: calc(100% + 30px);
		margin: 0 -15px;
		border-radius: 0;
	}
	.step_block--main__line--row,
	.step_block.contacts .step_block--main__line--grid {
		display: flex;
		gap: 10px;
		flex-direction: column;
	}
	.popup-body.compl_text p img {		
    	width: 100%;
		float: none;
	}
	.popup-body .popup-body_title:before {
		top: 0 !important;
	}
	.popup-body.compl_text .table_compl {
		overflow: auto;
	}
	.popup-body .popup-body_title {
    	padding: 30px 0 0 0;
	}
	.step_block--result_slider--content_body .step_block--result_slider--content_header__item .tooltip__block, 
    .step_block--result_table--content .step_block--result_table--content_header .step_block--result_table--content_header__item .tooltip__block, 
    .step_block--main__content_full--grid .tooltip__block, .step_block--main__conten_left span.tooltip__block,
    .step_block--header.step_block--header_tooltip .tooltip__block {
		left: 0;
	}
	.company-data_grid {
		grid-template-columns: 1fr;
	}
	.step_block--main.contacts {
		background: #fff;
		padding: 10px 30px;
		margin: 60px 0 30px;
		border-radius: 10px;
	}
	.step_block--header.headerSecondary {
    	margin-top: 30px;
	}
	.step_block.contacts p input[type=text] {
		border: 1px solid #E1E1E1;
		background: #F2F2F2;
		color: #ACACAC;
	}
	.step_block--main__line.accept .step_block--main__line--row {
		flex-direction: column-reverse;
	}
	
	.step_block--footer button {
    	width: 50%;
    	font-size: 17px;
    	padding: 17px 17px;
	}
	
	.tooltip__block--close {
		display: block !important;
	} 
}

.moreBth {
	    text-align: center;
    width: 100%;
    display: block;
    margin: 60px 0 0 0;
}


.moreBth span {
	border-radius: 6px;
    background: var(--secondary-bg-color);
    font-family: HelveticaNeueCyr;
    font-size: 20px;
    font-weight: 700;
    line-height: 19.9px;
    text-align: left;
    color: #fff;
    padding: 15px 30px 15px 30px;
    border: none;
    cursor: pointer;
    transition: all .5s;
}

.moreBth span:hover { 
	opacity: .7;
}

.company-data_grid__elem--right .iconblock:hover .hidden {
    display: block;
    position: absolute;
    right: 0;
    top: -33px;
    white-space: nowrap;
    color: #979797;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background-color: #F3F3F3;
    border: solid 1px #E1E1E1;
    border-radius: 3px;
    padding: 8px;
    width: fit-content;
    height: auto;
    opacity: 1;
    z-index: 999;
}

.step_block--btn__file--line {
	display: flex;
	align-items: center;
}

a.input-file-list-remove {
    color: #ff0000 !important;
    line-height: 32px;
    padding: 0;
    margin: 0 0 0 13px;
    height: 22px;
    font-size: 19px;
}

a.input-file-list-remove:hover {
	opacity: .5;
}

.step_block--main__toptext {
	position: relative;
}

.step_block--main__toptext .tooltip_text {
	display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(../img/circle.svg);
    position: relative;
    top: 7px;
    margin-left: 10px;
}

.tooltip_text__maxw {
    max-width: 600px;
    display: flex;
    padding-right: 20px;
}

.step_block--main__toptext .tooltip_text__maxw .tooltip_text {
    flex-shrink: 0;
}

.step_block--main__toptext .tooltip_text__block {
    display: none;
    min-width: 300px;
    position: absolute;
    top: 0;
    left: calc(100% + 20px);
    z-index: 999;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    color: rgb(107, 107, 107);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0%;
    text-align: left;
    padding: 10px 40px 10px 15px;
    cursor: auto;
    font-style: normal;
}

.step_block--main__toptext .tooltip_text__block .tooltip_text__block--close {
	position: absolute;
    right: 15px;
    top: 10px;
    background: #e1e1e1;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
}

@media (max-width: 1200px) {
	.step_block--footer {
		overflow: hidden;
	}
}

@media (max-width: 600px) {
	.step_block--main__content_full--grid .step_block--main__content_full--grid_item:nth-child(2n) span.tooltip__block {
		right: 0;
        left: auto;
	}
	.step_block--main__toptext .tooltip_text {
		position: initial !important;
	}
	.step_block--main__toptext .tooltip_text__block {
   		min-width: 100%;
    	position: absolute;
		top: 0;
		left: 0;
	}
}

.step_block--footer_line.footer_btns {
	margin: 30px 0;
}

.step_block--result_slider--content_body .step_block--result_slider--content_header__item .tooltip__block .tooltip__block--close {
	display: none;
	padding: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    background: #e1e1e1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border-radius: 30px;
}

.step_block--main__content_full--grid .step_block--main__content_full--grid_item:last-child .tooltip__block {
	left: auto;
    right: 65px;
}

.step_block--subheader.smallPadding {
	margin: 20px 0;
    font-size: 15px;
    color: #666;
}

.step_block--main__line--grid p span.error {
	display: none;
	margin: 5px 0 0 0;
    color: #ff3232;
    font-size: 14px;
    font-weight: 400;
}

.step_block--result_slider--content_body:last-child .tooltip__block {
	left: auto;
    right: 65px;
}

.choiseContactData.no-active {
	background: #9f9999;
    color: #fff;
    cursor: not-allowed;
    pointer-events: unset;
}