

/* Start:/local/components/sds/main-banner/templates/.default/style.css?1702039613185*/
.main-slider__pagination-item {
    cursor: pointer;
}

@media (max-width: 730px) {
	.crismass-tree .main-slider__item-img{
		object-position: calc(50% + 26.5vh)!important;
	}
}
/* End */


/* Start:/local/templates/nn.new/components/bitrix/form/calc/bitrix/form.result.new/.default/style.css?174428992211570*/
div[id^="wait_"]
{
	display: none !important;
	background: none !important;
	border: 0 !important;
	color: #000000;
	font-family: Verdana, Arial,
	sans-serif; font-size: 11px;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: normal;
	letter-spacing: normal !important;
	line-height: normal;
	padding: 0 !important;
	position: absolute;
	text-align: center !important;
	text-indent: 0 !important;
	width: 0px !important;
	height: 0px !important;
	word-spacing: normal !important;
	z-index: 0;
	content: "";
}


.order-section__form .order-section__title{
	margin-bottom: 104px;
}
.order-section__form .order-section__form-file-wrapper {
	margin: 0 0 60px;
	justify-content: space-between;
}
.order-section__form .order-section__form-file-desc{
	max-width: calc(100% - 92px - 205px);
	margin-right: 0;
}
.order-section__form .order-section__form-file-input {
	display: block;
	text-align: center;
}
.order-section__form .order-section__form-file-input .order-section__file-notion{
	font-weight: 400;
	font-size: 14px;
	text-align: center;
	background: linear-gradient(90deg, #d4a359 0%, #fedc9e 50%, #d4a359 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: 0.7;
}
.order-section__form .order-section__download{
	min-width: 205px;
	width: 205px;
	height: 43px;
	line-height: 41px;
	padding: 0 10px;
	padding-right: 30px;
	justify-content: flex-start;
	position: relative;
}
.order-section__form .order-section__download svg{
	margin-right: 3px;
	width: 21px;
	height: 21px;
	flex-shrink: 0;
}
.order-section__form .order-section__file-name-display{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.order-section__form .order-section__file-remove{
	position: absolute;
	width: 10px;
	height: 10px;
	right: 10px;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.85403 9.14604C9.90048 9.19249 9.93733 9.24764 9.96247 9.30834C9.98761 9.36904 10.0006 9.43409 10.0006 9.49979C10.0006 9.56549 9.98761 9.63054 9.96247 9.69124C9.93733 9.75193 9.90048 9.80708 9.85403 9.85354C9.80757 9.89999 9.75242 9.93684 9.69173 9.96199C9.63103 9.98713 9.56598 10.0001 9.50028 10.0001C9.43458 10.0001 9.36953 9.98713 9.30883 9.96199C9.24813 9.93684 9.19298 9.89999 9.14653 9.85354L5.00028 5.70666L0.854028 9.85354C0.760208 9.94736 0.63296 10.0001 0.500278 10.0001C0.367596 10.0001 0.240348 9.94736 0.146528 9.85354C0.0527077 9.75972 2.61548e-09 9.63247 0 9.49979C-2.61548e-09 9.36711 0.0527077 9.23986 0.146528 9.14604L4.2934 4.99979L0.146528 0.85354C0.0527077 0.759719 0 0.632472 0 0.49979C0 0.367108 0.0527077 0.23986 0.146528 0.14604C0.240348 0.0522194 0.367596 -0.000488281 0.500278 -0.000488281C0.63296 -0.000488281 0.760208 0.0522194 0.854028 0.14604L5.00028 4.29291L9.14653 0.14604C9.24035 0.0522194 9.3676 -0.000488284 9.50028 -0.000488281C9.63296 -0.000488279 9.76021 0.0522194 9.85403 0.14604C9.94785 0.23986 10.0006 0.367108 10.0006 0.49979C10.0006 0.632472 9.94785 0.759719 9.85403 0.85354L5.70715 4.99979L9.85403 9.14604Z' fill='white' /%3E%3C/svg%3E");
}

.order-section__form-line input{
	height: 40px;
	padding: 0 21px;
}
.order-section__form-line textarea{
	height: 106px;
	padding: 13px 21px;
}

input.textfield_dark:-webkit-autofill,
input.textfield_dark:-webkit-autofill:hover,
input.textfield_dark:-webkit-autofill:focus,
textarea.textfield_dark:-webkit-autofill,
textarea.textfield_dark:-webkit-autofill:hover,
textarea.textfield_dark:-webkit-autofill:focus {
	background: var(--dark-color)!important;
	border-color: var(--dark-color)!important;
	color: var(--white-color)!important;
	transition: background-color 0s 600000s, color 0s 600000s !important;
}




.form-agreement__label {
	display: flex;
	align-items: center;
	cursor: pointer;
	max-width: 415px;
	position: relative;
}

.form-agreement__checkbox {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.error .custom-checkbox{
	background-color: initial;
	border: 2px solid #E62900;
}

.custom-checkbox {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: #fff;
	margin-right: 10px;
	border-radius: 2px;
	flex-shrink: 0;
}

/* Кастомная галочка (скрыта по умолчанию) */
.custom-checkbox:after {
	content: "";
	position: absolute;
	display: none;
	left: 10px;
	top: 6px;
	width: 5px;
	height: 10px;
	border: solid black;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/* Показать галочку, когда чекбокс отмечен */
.form-agreement__checkbox:checked + .custom-checkbox:after {
	display: block;
}
.form-agreement{
	position: relative;
}
.agreement-error {
	color: red; /* Цвет текста ошибки */
	font-size: 14px;
	bottom: -25px;
	display: none; /* Скрываем ошибку по умолчанию */
	position: absolute;
}
.order-section__form-btn-wrap .order-section__form-btn{
	height: 37px;
	width: 192px;
	padding: 0;
}





body {
	max-width: 100vw;
}
.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(33, 28, 26, 0.8);
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal-window {
	background: #4b413d;
	padding: 0px 56px;
	border-radius: 5px;

	position: relative;
	text-align: center;
	max-width: 80%;
	max-height: 80%;
	overflow: auto;

	width: 317px;
	height: 224px;
	display: flex
;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.modal-close {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 10px;
	right: 10px;

	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.281 18.2191C19.3507 18.2887 19.406 18.3715 19.4437 18.4625C19.4814 18.5536 19.5008 18.6511 19.5008 18.7497C19.5008 18.8482 19.4814 18.9458 19.4437 19.0369C19.406 19.1279 19.3507 19.2106 19.281 19.2803C19.2114 19.35 19.1286 19.4053 19.0376 19.443C18.9465 19.4807 18.849 19.5001 18.7504 19.5001C18.6519 19.5001 18.5543 19.4807 18.4632 19.443C18.3722 19.4053 18.2895 19.35 18.2198 19.2803L12.0004 13.06L5.78104 19.2803C5.64031 19.421 5.44944 19.5001 5.25042 19.5001C5.05139 19.5001 4.86052 19.421 4.71979 19.2803C4.57906 19.1396 4.5 18.9487 4.5 18.7497C4.5 18.5507 4.57906 18.3598 4.71979 18.2191L10.9401 11.9997L4.71979 5.78031C4.57906 5.63958 4.5 5.44871 4.5 5.24968C4.5 5.05066 4.57906 4.85979 4.71979 4.71906C4.86052 4.57833 5.05139 4.49927 5.25042 4.49927C5.44944 4.49927 5.64031 4.57833 5.78104 4.71906L12.0004 10.9394L18.2198 4.71906C18.3605 4.57833 18.5514 4.49927 18.7504 4.49927C18.9494 4.49927 19.1403 4.57833 19.281 4.71906C19.4218 4.85979 19.5008 5.05066 19.5008 5.24968C19.5008 5.44871 19.4218 5.63958 19.281 5.78031L13.0607 11.9997L19.281 18.2191Z' fill='white' /%3E%3C/svg%3E");
}

.modal-message {
	font-size: 16px;
}
.modal-message .message-heading{
	margin-bottom: 5px;
	font-size: 24px;
}

.modal-window .modal-ok-button {
	max-width: initial;
	width: auto;
	padding: 0 17px;
	height: 41px;
	line-height: 41px;
	font-size: 16px;
	cursor: pointer;
	margin: 0 auto;
}

/* Скрываем модальное окно по умолчанию (необязательно, если JS управляет видимостью) */
.modal-overlay {
	display: none; /* Или visibility: hidden; opacity: 0; */
}

/* Класс для показа модального окна (добавляется JS) */
.modal-overlay.active {
	display: flex; /* Или visibility: visible; opacity: 1; */
}


.error.order-section__form-col{
	position: relative;
}
.order-section__form-col.error::after{
	content: "";
	position: absolute;
	display: block;
	right: 10px;
	top: 7px;
	width: 25px;
	height: 25px;
	background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 2.34375C10.4913 2.34375 8.52768 2.9394 6.85749 4.05539C5.18731 5.17137 3.88556 6.75756 3.11685 8.61337C2.34815 10.4692 2.14702 12.5113 2.5389 14.4814C2.93079 16.4515 3.89807 18.2612 5.31845 19.6816C6.73883 21.1019 8.5485 22.0692 10.5186 22.4611C12.4887 22.853 14.5308 22.6519 16.3866 21.8832C18.2424 21.1144 19.8286 19.8127 20.9446 18.1425C22.0606 16.4723 22.6563 14.5087 22.6563 12.5C22.6534 9.80727 21.5825 7.22564 19.6784 5.32159C17.7744 3.41754 15.1927 2.34659 12.5 2.34375ZM12.5 21.0938C10.8003 21.0938 9.13881 20.5897 7.72557 19.6454C6.31234 18.7011 5.21086 17.359 4.56041 15.7887C3.90997 14.2184 3.73979 12.4905 4.07138 10.8234C4.40297 9.15642 5.22145 7.62516 6.42331 6.4233C7.62516 5.22144 9.15642 4.40297 10.8234 4.07138C12.4905 3.73978 14.2184 3.90997 15.7887 4.56041C17.359 5.21085 18.7012 6.31233 19.6454 7.72557C20.5897 9.1388 21.0938 10.8003 21.0938 12.5C21.0912 14.7784 20.1849 16.9628 18.5738 18.5738C16.9628 20.1849 14.7784 21.0912 12.5 21.0938ZM11.7188 13.2812V7.8125C11.7188 7.6053 11.8011 7.40659 11.9476 7.26007C12.0941 7.11356 12.2928 7.03125 12.5 7.03125C12.7072 7.03125 12.9059 7.11356 13.0524 7.26007C13.1989 7.40659 13.2813 7.6053 13.2813 7.8125V13.2812C13.2813 13.4885 13.1989 13.6872 13.0524 13.8337C12.9059 13.9802 12.7072 14.0625 12.5 14.0625C12.2928 14.0625 12.0941 13.9802 11.9476 13.8337C11.8011 13.6872 11.7188 13.4885 11.7188 13.2812ZM13.6719 16.7969C13.6719 17.0287 13.6031 17.2552 13.4744 17.4479C13.3456 17.6406 13.1626 17.7908 12.9485 17.8795C12.7343 17.9682 12.4987 17.9915 12.2714 17.9462C12.0441 17.901 11.8353 17.7894 11.6714 17.6255C11.5075 17.4616 11.3959 17.2528 11.3506 17.0255C11.3054 16.7982 11.3286 16.5626 11.4173 16.3484C11.506 16.1343 11.6562 15.9513 11.8489 15.8225C12.0417 15.6937 12.2682 15.625 12.5 15.625C12.8108 15.625 13.1089 15.7485 13.3286 15.9682C13.5484 16.188 13.6719 16.4861 13.6719 16.7969Z' fill='%23E62900' /%3E%3C/svg%3E");

}


.success_text{
	font-weight: 400;
	font-size: 24px;
	color: #fff;
	margin-bottom: 30px;
}

button.refresh_page.btn{
	font-size: 16px;
	height: 37px;
	line-height: 37px;
	padding: 0 25px;
	width: auto;
}

@media all and (max-width: 1300px) {
	.order-section__form .order-section__form-file-desc{
		max-width: calc(100% - 20px - 205px);
	}
}

@media all and (max-width: 992px) {
	.order-section__title{
		margin-bottom: 27px;
	}
	.order-section__form .order-section__form-file-wrapper {
		margin: 0 0 30px;
	}
	.order-section__form .order-section__form-file-desc {
		max-width: 50%;
		margin-right: 0;
		font-size: 18px;
	}
	.order-section__form .order-section__form-file-input{
		max-width: 50%;
	}
	.order-section__form .order-section__download{
		min-width: initial;
		max-width: 205px;
		width: initial;
	}
	button.refresh_page.btn{
		width: 100%;
	}
}


@media all and (max-width: 576px) {
	.order-section__form-btn-wrap{
		flex-wrap: wrap;
		margin-top: 27px;
	}
	.order-section__form-privacy{
		order: 2;
	}
	input.btn.order-section__form-btn {
		order: 1;
		width: 100%;
		height: 49px;
		margin-bottom: 20px;
	}
	.form-agreement__label{
		max-width: 100%;
	}
}




@media all and (max-width: 390px) {
	.order-section__form .order-section__form-file-input {
		max-width: 100%;
	}
}


/* End */


/* Start:/local/components/sds/quiz/templates/.default/style.css?16933861252239*/
/*
body {
    background: var(--black-color) !important;
}

.page-content {
    width: calc(1621px + calc(var(--gutter-x) / 2));
    max-width: 100%;
    margin: auto;
    padding-right: calc(var(--gutter-x) / 2);
    padding-left: calc(var(--gutter-x) / 2);
}
 */

.quiz-block {
    margin-top: 142px;
}

.order-section__title_white {
    color: #fff;
}

.quiz-block__questions {
    padding-bottom: 120px;
}

.quiz-block__question {
    display: none;
}

.quiz-block__question_last {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}

.quiz-block__question[data-steep='1'] {
    display: block;
}

.quiz-block__question-title {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}

.quiz-block__question-items {
    margin: 39px 0 110px;
    gap: 30px;
}

.quiz-block__question-item {
    cursor: pointer;
}

.quiz-block__question-item.active {
    /*filter: drop-shadow(0 0 14px var(--primary-color-1)) drop-shadow(0 0 20px #fff);*/
}

.quiz-block__question-item-name {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin: 11px -15px 7px;
}

.quiz-block__question-item-img-wrapper {
    width: 250px;
    height: 250px;
    border-radius: 8px;
}

.quiz-block__question-item.active .quiz-block__question-item-img-wrapper {
    box-shadow: 0px 0px 15px 1px #FEDC9E;
}

.quiz-block__question-item-img {
    width: 100%;
}

.order-section__quiz {
    margin: auto !important;
    width: 191px;
    height: 37px;
    padding: 0;
}

.order-section__quiz-last {
    margin: auto !important;
    width: 191px;
    height: 37px;
    padding: 0;
    border-radius: 5px;
    color: #fff!important;
    border: 1px solid #fff!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: transparent!important;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.quiz-block__question-item-button-wrapper {
    gap: 20px;
}

@media (max-width: 992px) {
    .quiz-block__questions {
        padding-bottom: 68px;
    }
}


/* End */


/* Start:/local/templates/nn.new/components/bitrix/form.result.new/quiz.ajax/style.css?174835278119248*/
.quiz-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff !important;
}

.quiz-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}

.quiz-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}

.quiz-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.quiz-form ::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

.quiz-form ::placeholder { /* Most modern browsers support this now. */
    color: #fff;
}

.quiz-form__question_44 {
    display: none;
}

.quiz-form-wrapper {
    gap: 40px;
}

.quiz-form {
    width: 630px;
    min-width: 630px;
    text-align: left;
}

.quiz-form-house {
    width: calc(100% - 660px);
    background: url(/local/templates/nn.new/components/bitrix/form.result.new/quiz.ajax/./images/house_resized_950_818.webp) no-repeat 50% 50% / contain;
    margin: -100px 0;
}

.quiz-form__header {
    margin-bottom: 60px;
}

.quiz-form input[type=text], .quiz-form input[type=tel], .quiz-form textarea {
    width: 300px;
    height: 37px;
    border-radius: 5px;
    background: var(--dark-color) !important;
    border: 0 solid transparent;
    margin-bottom: 23px;
    color: #fff !important;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 9.18px 17px;
    display: flex;
}


.quiz-form input:-webkit-autofill,
.quiz-form input:-webkit-autofill:hover,
.quiz-form input:-webkit-autofill:focus,
.quiz-form textarea:-webkit-autofill,
.quiz-form textarea:-webkit-autofill:hover,
.quiz-form textarea:-webkit-autofill:focus,
.quiz-form select:-webkit-autofill,
.quiz-form select:-webkit-autofill:hover,
.quiz-form select:-webkit-autofill:focus {
    background: var(--dark-color) !important;
    border-color: var(--dark-color) !important;
    color: var(--white-color) !important;
    transition: background-color 0s 600000s, color 0s 600000s !important;
}


.quiz-form input[type=text], .quiz-form input[type=tel] {
    align-items: center;
}

.quiz-form textarea {
    width: 100%;
    height: 97px;
    display: block;
}

.quiz-form__fields {
    column-gap: 30px;
    width: 630px;
    min-height: 350px;
    max-width: 100%;
}

.quiz-form__question_41 {
    width: 100%;
}

.quiz-form__question_42 {
    display: flex;
    align-items: center;
    gap: 7px;
}

.quiz-form__question_42::before {
    content: "";
    display: block;
    width: 23px;
    height: 23px;
    flex-shrink: 0;
    border: 2px solid var(--dark-color);
    background: #D9D9D9;
    margin-right: 7px;
    border-radius: 5px;
}

.quiz-form__question_42.active::before {
    background: #D9D9D9 url(/local/templates/nn.new/components/bitrix/form.result.new/quiz.ajax/./images/check.svg) no-repeat 50% 50% / 80% 80%;
}

label[for='42'] {
    display: none;
    cursor: pointer;
}

input[name='form_checkbox_SIMPLE_QUESTION_405[]'] {
    display: none;
}

.quiz-form__question_43 {
    position: relative;
    display: inline-block;
    margin-left: 20px;
}

.quiz-form__question_43 .bx-input-file-desc {
    position: relative;
    width: 191px;
    height: 37px;
    flex-shrink: 0;
    border-radius: 5px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: transparent;


    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
    text-align: left;
    display: block;
    line-height: 33px;
}

.quiz-form__question_43 input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

.quiz-form__submit {
    margin-top: 90px !important;
    width: 198.659px;
    height: 37px;
    padding: 0 !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

.quiz-block-result {
    color: #fff;
    font-size: 14px;
    text-align: left;
    display: none;
    gap: 12px;
    max-width: 100%;
}

.result__item {
    border-radius: 5px;
    background: rgba(75, 65, 61, 0.20);
    box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.15);
    width: calc((100% / 3) - 24px);
    min-height: 126px;
    flex-shrink: 0;
    padding: 9px 12px;
    color: #FFF;
    font-size: 16px;
    font-weight: 450;
    line-height: normal;
    scrollbar-width: thin;
    scrollbar-color: #ffdc08 #cecece;
    /*overflow-y: auto;*/
}

.result__item::-webkit-scrollbar {
    width: 4px;
    height: 5px;
}

.result__item::-webkit-scrollbar-track {
    width: 2px;
    background: var(--dark-color);
    margin-right: 10px;
}

.result__item::-webkit-scrollbar-thumb {
    border: 2px solid #fff;
    height: 5px;
}

.quiz-answer {
    margin-left: 10px;
    font-weight: 300;
}





.quiz-section__form-file-input{
    display: block;
    text-align: center;
}
.quiz-form-wrapper .quiz-section__download{
    min-width: 205px;
    width: 205px;
    height: 43px;
    line-height: 41px;
    padding: 0 10px;
    padding-right: 30px;
    justify-content: flex-start;
    position: relative;

    border-radius: 5px;
    transition: all var(--transition-speed);
    align-items: center;
    border: 1px solid var(--primary-color);
    color: inherit;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    text-align: center;
    text-decoration: none;
}
.quiz-section__download input {
    left: 200%;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 200%;
}
.quiz-form-wrapper .quiz-section__download svg{
    margin-right: 3px;
    width: 21px;
    height: 21px;
    flex-shrink: 0;
}
.quiz-form-wrapper .quiz-section__file-name-display{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.quiz-form-wrapper .quiz-section__file-remove{
    position: absolute;
    width: 10px;
    height: 10px;
    right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.85403 9.14604C9.90048 9.19249 9.93733 9.24764 9.96247 9.30834C9.98761 9.36904 10.0006 9.43409 10.0006 9.49979C10.0006 9.56549 9.98761 9.63054 9.96247 9.69124C9.93733 9.75193 9.90048 9.80708 9.85403 9.85354C9.80757 9.89999 9.75242 9.93684 9.69173 9.96199C9.63103 9.98713 9.56598 10.0001 9.50028 10.0001C9.43458 10.0001 9.36953 9.98713 9.30883 9.96199C9.24813 9.93684 9.19298 9.89999 9.14653 9.85354L5.00028 5.70666L0.854028 9.85354C0.760208 9.94736 0.63296 10.0001 0.500278 10.0001C0.367596 10.0001 0.240348 9.94736 0.146528 9.85354C0.0527077 9.75972 2.61548e-09 9.63247 0 9.49979C-2.61548e-09 9.36711 0.0527077 9.23986 0.146528 9.14604L4.2934 4.99979L0.146528 0.85354C0.0527077 0.759719 0 0.632472 0 0.49979C0 0.367108 0.0527077 0.23986 0.146528 0.14604C0.240348 0.0522194 0.367596 -0.000488281 0.500278 -0.000488281C0.63296 -0.000488281 0.760208 0.0522194 0.854028 0.14604L5.00028 4.29291L9.14653 0.14604C9.24035 0.0522194 9.3676 -0.000488284 9.50028 -0.000488281C9.63296 -0.000488279 9.76021 0.0522194 9.85403 0.14604C9.94785 0.23986 10.0006 0.367108 10.0006 0.49979C10.0006 0.632472 9.94785 0.759719 9.85403 0.85354L5.70715 4.99979L9.85403 9.14604Z' fill='white' /%3E%3C/svg%3E");
}
.quiz-form-wrapper .quiz-section__file-notion {
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    background: linear-gradient(90deg, #d4a359 0%, #fedc9e 50%, #d4a359 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.7;
}



.quiz-section__form-privacy {
    margin-top: 20px;
}

.form-agreement__label {
    display: flex;
    align-items: center;
    cursor: pointer;
    max-width: 415px;
    position: relative;
}
.form-agreement__checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.custom-checkbox {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    margin-right: 10px;
    border-radius: 2px;
    flex-shrink: 0;
}
.custom-checkbox:after {
    content: "";
    position: absolute;
    display: none;
    left: 10px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid black;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.error .custom-checkbox {
    background-color: initial;
    border: 2px solid #E62900;
}
/* Показать галочку, когда чекбокс отмечен */
.form-agreement__checkbox:checked + .custom-checkbox:after {
    display: block;
}

/* Скрываем модальное окно по умолчанию (необязательно, если JS управляет видимостью) */
.modal-overlay {
    display: none; /* Или visibility: hidden; opacity: 0; */
}

/* Класс для показа модального окна (добавляется JS) */
.modal-overlay.active {
    display: flex; /* Или visibility: visible; opacity: 1; */
}

.modal-window {
    background: #4b413d;
    padding: 0px 56px;
    border-radius: 5px;
    position: relative;
    text-align: center;
    max-width: 80%;
    max-height: 80%;
    overflow: auto;
    width: 317px;
    height: 224px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.modal-close {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 10px;
    right: 10px;

    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.281 18.2191C19.3507 18.2887 19.406 18.3715 19.4437 18.4625C19.4814 18.5536 19.5008 18.6511 19.5008 18.7497C19.5008 18.8482 19.4814 18.9458 19.4437 19.0369C19.406 19.1279 19.3507 19.2106 19.281 19.2803C19.2114 19.35 19.1286 19.4053 19.0376 19.443C18.9465 19.4807 18.849 19.5001 18.7504 19.5001C18.6519 19.5001 18.5543 19.4807 18.4632 19.443C18.3722 19.4053 18.2895 19.35 18.2198 19.2803L12.0004 13.06L5.78104 19.2803C5.64031 19.421 5.44944 19.5001 5.25042 19.5001C5.05139 19.5001 4.86052 19.421 4.71979 19.2803C4.57906 19.1396 4.5 18.9487 4.5 18.7497C4.5 18.5507 4.57906 18.3598 4.71979 18.2191L10.9401 11.9997L4.71979 5.78031C4.57906 5.63958 4.5 5.44871 4.5 5.24968C4.5 5.05066 4.57906 4.85979 4.71979 4.71906C4.86052 4.57833 5.05139 4.49927 5.25042 4.49927C5.44944 4.49927 5.64031 4.57833 5.78104 4.71906L12.0004 10.9394L18.2198 4.71906C18.3605 4.57833 18.5514 4.49927 18.7504 4.49927C18.9494 4.49927 19.1403 4.57833 19.281 4.71906C19.4218 4.85979 19.5008 5.05066 19.5008 5.24968C19.5008 5.44871 19.4218 5.63958 19.281 5.78031L13.0607 11.9997L19.281 18.2191Z' fill='white' /%3E%3C/svg%3E");
}

.modal-message {
    font-size: 16px;
}
.modal-message .message-heading{
    margin-bottom: 5px;
    font-size: 24px;
}
button.refresh_page.btn {
    font-size: 16px;
    height: 37px;
    line-height: 37px;
    padding: 0 25px;
    width: auto;
}
.success_text {
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    margin-bottom: 30px;
}
.modal-window .modal-ok-button {
    max-width: initial;
    width: auto;
    padding: 0 17px;
    height: 41px;
    line-height: 41px;
    font-size: 16px;
    cursor: pointer;
    margin: 0 auto;
}
body {
    max-width: 100vw;
}
.privacy__label-quiz {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.form-agreement-quiz{
    position: relative;
}



.error.quiz-form__question{
    position: relative;
}
.quiz-form__question.error::after{
    content: "";
    position: absolute;
    display: block;
    right: 10px;
    top: 7px;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 2.34375C10.4913 2.34375 8.52768 2.9394 6.85749 4.05539C5.18731 5.17137 3.88556 6.75756 3.11685 8.61337C2.34815 10.4692 2.14702 12.5113 2.5389 14.4814C2.93079 16.4515 3.89807 18.2612 5.31845 19.6816C6.73883 21.1019 8.5485 22.0692 10.5186 22.4611C12.4887 22.853 14.5308 22.6519 16.3866 21.8832C18.2424 21.1144 19.8286 19.8127 20.9446 18.1425C22.0606 16.4723 22.6563 14.5087 22.6563 12.5C22.6534 9.80727 21.5825 7.22564 19.6784 5.32159C17.7744 3.41754 15.1927 2.34659 12.5 2.34375ZM12.5 21.0938C10.8003 21.0938 9.13881 20.5897 7.72557 19.6454C6.31234 18.7011 5.21086 17.359 4.56041 15.7887C3.90997 14.2184 3.73979 12.4905 4.07138 10.8234C4.40297 9.15642 5.22145 7.62516 6.42331 6.4233C7.62516 5.22144 9.15642 4.40297 10.8234 4.07138C12.4905 3.73978 14.2184 3.90997 15.7887 4.56041C17.359 5.21085 18.7012 6.31233 19.6454 7.72557C20.5897 9.1388 21.0938 10.8003 21.0938 12.5C21.0912 14.7784 20.1849 16.9628 18.5738 18.5738C16.9628 20.1849 14.7784 21.0912 12.5 21.0938ZM11.7188 13.2812V7.8125C11.7188 7.6053 11.8011 7.40659 11.9476 7.26007C12.0941 7.11356 12.2928 7.03125 12.5 7.03125C12.7072 7.03125 12.9059 7.11356 13.0524 7.26007C13.1989 7.40659 13.2813 7.6053 13.2813 7.8125V13.2812C13.2813 13.4885 13.1989 13.6872 13.0524 13.8337C12.9059 13.9802 12.7072 14.0625 12.5 14.0625C12.2928 14.0625 12.0941 13.9802 11.9476 13.8337C11.8011 13.6872 11.7188 13.4885 11.7188 13.2812ZM13.6719 16.7969C13.6719 17.0287 13.6031 17.2552 13.4744 17.4479C13.3456 17.6406 13.1626 17.7908 12.9485 17.8795C12.7343 17.9682 12.4987 17.9915 12.2714 17.9462C12.0441 17.901 11.8353 17.7894 11.6714 17.6255C11.5075 17.4616 11.3959 17.2528 11.3506 17.0255C11.3054 16.7982 11.3286 16.5626 11.4173 16.3484C11.506 16.1343 11.6562 15.9513 11.8489 15.8225C12.0417 15.6937 12.2682 15.625 12.5 15.625C12.8108 15.625 13.1089 15.7485 13.3286 15.9682C13.5484 16.188 13.6719 16.4861 13.6719 16.7969Z' fill='%23E62900' /%3E%3C/svg%3E");

}


li.quiz-answer {
    list-style: none;
    position: relative;
    padding-left: 15px;
}
.quiz-answer::before {
    font-weight: 300;
    content: '•';
    position: absolute;
    left: 0;
}


.modal-overlay-quiz {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(33, 28, 26, 0.8);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-window-quiz {
    background: #4b413d;
    padding: 0px 56px;
    border-radius: 5px;

    position: relative;
    text-align: center;
    max-width: 80%;
    max-height: 80%;
    overflow: auto;

    width: 317px;
    height: 224px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modal-close-quiz {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 10px;
    right: 10px;

    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.281 18.2191C19.3507 18.2887 19.406 18.3715 19.4437 18.4625C19.4814 18.5536 19.5008 18.6511 19.5008 18.7497C19.5008 18.8482 19.4814 18.9458 19.4437 19.0369C19.406 19.1279 19.3507 19.2106 19.281 19.2803C19.2114 19.35 19.1286 19.4053 19.0376 19.443C18.9465 19.4807 18.849 19.5001 18.7504 19.5001C18.6519 19.5001 18.5543 19.4807 18.4632 19.443C18.3722 19.4053 18.2895 19.35 18.2198 19.2803L12.0004 13.06L5.78104 19.2803C5.64031 19.421 5.44944 19.5001 5.25042 19.5001C5.05139 19.5001 4.86052 19.421 4.71979 19.2803C4.57906 19.1396 4.5 18.9487 4.5 18.7497C4.5 18.5507 4.57906 18.3598 4.71979 18.2191L10.9401 11.9997L4.71979 5.78031C4.57906 5.63958 4.5 5.44871 4.5 5.24968C4.5 5.05066 4.57906 4.85979 4.71979 4.71906C4.86052 4.57833 5.05139 4.49927 5.25042 4.49927C5.44944 4.49927 5.64031 4.57833 5.78104 4.71906L12.0004 10.9394L18.2198 4.71906C18.3605 4.57833 18.5514 4.49927 18.7504 4.49927C18.9494 4.49927 19.1403 4.57833 19.281 4.71906C19.4218 4.85979 19.5008 5.05066 19.5008 5.24968C19.5008 5.44871 19.4218 5.63958 19.281 5.78031L13.0607 11.9997L19.281 18.2191Z' fill='white' /%3E%3C/svg%3E");
}

.modal-message-quiz {
    font-size: 16px;
}
.modal-message-quiz .message-heading{
    margin-bottom: 5px;
    font-size: 24px;
}

.modal-window-quiz .modal-ok-button-quiz {
    max-width: initial;
    width: auto;
    padding: 0 17px;
    height: 41px;
    line-height: 41px;
    font-size: 16px;
    cursor: pointer;
    margin: 0 auto;
}

/* Скрываем модальное окно по умолчанию (необязательно, если JS управляет видимостью) */
.modal-overlay-quiz {
    display: none; /* Или visibility: hidden; opacity: 0; */
}

/* Класс для показа модального окна (добавляется JS) */
.modal-overlay-quiz.active {
    display: flex; /* Или visibility: visible; opacity: 1; */
}

button.btn.order-section__form-btn.btn-line.btn-black.d-inline-block.quiz-form__submit {
    margin-top: 20px !important;
}

@media (max-width: 992px) {
    .quiz-form-house {
        width: 100%;
        min-height: 400px;
        margin: 0;
    }

    .quiz-form {
        margin: auto;
        width: 100%;
        min-width: 100%;
    }

    .quiz-form__question {
        width: 100% !important;
    }

    .quiz-form input[type=text], .quiz-form input[type=tel], .quiz-form textarea {
        width: 100% !important;
    }

    .quiz-form__question_43 .bx-input-file-desc {
        margin: 60px 0 0;
    }

    .quiz-form__question_43 {
        margin-left: 0;
    }

    .quiz-form__submit {
        margin-top: 60px !important;
        width: 100% !important;
    }

    .quiz-form__fields {
        margin: auto;
        min-height: 50px;
    }

    .quiz-form__header {
        max-width: 630px;
        margin: 0 auto 60px;
    }

    .quiz-block-result {
        max-width: 630px;
        margin: auto;
        width: 100%;
        flex-wrap: wrap;
    }
    .result__item{
        width: 100%;
        min-height: initial;
    }
    div#quiz-block-result {
        margin-bottom: 20px !important;
    }
    .quiz-section__form-file-input .quiz-section__download{
        min-width: initial;
        max-width: 205px;
        width: initial;
    }

    .quiz-form input[type=text], .quiz-form input[type=tel] {
        height: 40px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .quiz-form textarea {
        height: 106px;
        margin-bottom: 20px;
    }
    label.quiz-form__question.quiz-form__question_42 {
        font-size: 16px;
        margin-bottom: 20px;
    }
    button.btn.order-section__form-btn.btn-line.btn-black.d-inline-block.quiz-form__submit {
        margin-top: 30px !important;
        height: 49px;
    }
}

@media (max-width: 576px) {
    .quiz-form-house {
        min-height: 200px;
    }
}

/* End */
/* /local/components/sds/main-banner/templates/.default/style.css?1702039613185 */
/* /local/templates/nn.new/components/bitrix/form/calc/bitrix/form.result.new/.default/style.css?174428992211570 */
/* /local/components/sds/quiz/templates/.default/style.css?16933861252239 */
/* /local/templates/nn.new/components/bitrix/form.result.new/quiz.ajax/style.css?174835278119248 */
