/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/


.header-social {
	display: flex;
	align-items: center;
	gap: 24px;
}

.header-social > div {
	display: flex;
	align-items: center;
	gap: 24px;
}

.header-email {
	display: flex;
	align-items: center;
}

.header-email a {
	color: #333;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
    margin-left: 8px;
}

.drag-block.container .content_wrapper_block {
	border: none;
}

.logo_and_menu-row .search .search-input {
	border-radius: 8px;
	border: 1px solid #ECECEC;
	background: #FAFAFA;
}

.fill_bg_n .menu-row.bgcolored, .fill_bg_y .menu-row.bgcolored>.maxwidth-theme,
.menu-row.bgcolored .menu-only {
    background-color: #646464;
}

.front_tizers_custom .only-on-front .text_before_items p:first-child {
	color: #333;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
}

.front_tizers_custom .only-on-front .text_before_items p:nth-child(2) {
	color: #666;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 145%;
}

.front_tizers_custom_box {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap:160px;
}

.front_tizers_custom_box_left {
	flex-basis: calc(46% - 80px);
}

.front_tizers_custom_box_right {
	flex-basis: calc(54% - 80px);
}

.sections_wrapper .list .item:not(.section_item) .img {
    width: 240px;
    height: 240px;
}

.sections_wrapper .bg-fill-grey2 {
    border-radius: 24px;
    background: #F2F6F8;
}

.form-main-box-row {
    display: flex;
    flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 80px;
}

.form-left {
	flex:1;
	text-align: center;
}

.form-right-img {
	flex:1;
    text-align: right;
}

@media (max-width: 991px) {
	.form-right-img {display: none;}
}

.form-right-img img {
	max-width:100%;
	height:auto;
}

.form-main-box {
    border-radius: 24px;
    background: rgba(216, 229, 235, 0.32);
    padding: 32px 40px;
	width: 734px;
	margin-top: 50px;
}

.form-main-box div:nth-child(5) {
	margin-bottom:10px;
}

.form-main-box-inline {
	display: flex;
    gap: 15px;
    margin-bottom: 24px;
}

.form-input-fd {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.form-input-fd-select {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 74%;
}

.form-input-fd-select:before {
    content: "";
    background: url(/bitrix/templates/aspro_max/images/form-icon-1.svg) center center no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
	top: 42px;
    left: 16px;
}

.form-input-fd-coll {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 26%;
}

.form-main-label {
	color: #333;
	font-size: 15px;
	text-align: left;
	font-style: normal;
	font-weight: 500;
	line-height: 22px; 
	margin-bottom: 8px;
}

.form-main-label .required-star {
	color: #F25353;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
}

.form-input-fd .inputtext {
	border-radius: 8px;
	border: 1px solid #D8D8D8;
	background: #fff;
	height: 46px;
	padding: 11px 16px;
    width: 100%;
}

.form-input-fd .phone {
	border-radius: 8px;
	border: 1px solid #D8D8D8;
	background: #fff;
	height: 46px;
	padding: 11px 16px;
}

.form-input-fd-select #form_dropdown_SERVICE {
	border-radius: 8px;
	border: 1px solid #D8D8D8;
	height: 46px;
	padding: 11px 16px 11px 46px;
}

.form-input-fd-select #form_dropdown_SERVICE {
    padding-right: 30px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(/bitrix/templates/aspro_max/images/arrow-select.svg);
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 8px;
}

.form-input-fd-coll .inputtext {
    border-radius: 8px;
    border: 1px solid #D8D8D8;
    background: #fff;
    height: 46px;
    padding: 11px 16px 11px 46px;
}

.form-input-fd textarea {
    border-radius: 8px;
    border: 1px solid #D8D8D8;
    background: #fff;
    height: 46px;
    padding: 11px 16px;
    min-height: 100px;
}

.filter.form input[type="checkbox"],
#form_checkbox_POLITIC_70,
#form_checkbox_POLITIC_82,
#form_checkbox_POLITIC_100,
#form_checkbox_EMAIL_SUB_101,
.form #licenses_popup_OCB,
.form #licenses_popup,
.form #licenses_inline {
	display: inline-block !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 21px !important;
    height: 21px !important;
    outline: none;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    border: 1px solid #D8D8D8;
    background: #fff;
    margin-right: 10px !important;
    bottom: -8px;
}

#form_checkbox_EMAIL_SUB_71 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 21px;
    height: 21px;
    outline: none;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    border: 1px solid #D8D8D8;
    background: #fff;
    margin-right: 10px;
    bottom: -5px;
}

#form_checkbox_EMAIL_SUB_83 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 21px;
	height: 21px;
	outline: none;
	cursor: pointer;
	position: relative;
	border-radius: 4px;
	border: 1px solid #D8D8D8;
	background: #fff;
	margin-right: 10px;
	bottom: -5px;
}

.filter.form input[type="checkbox"]:checked,
#form_checkbox_POLITIC_70:checked,
#form_checkbox_EMAIL_SUB_71:checked,
#form_checkbox_POLITIC_82:checked,
#form_checkbox_EMAIL_SUB_83:checked,
#form_checkbox_POLITIC_100:checked,
#form_checkbox_EMAIL_SUB_101:checked,
.form #licenses_popup:checked,
.form #licenses_popup_OCB:checked,
.form #licenses_inline:checked {
    background: #f2f7f9;
    border-color: #D8D8D8;
}

.filter.form input[type="checkbox"]:checked::after,
#form_checkbox_POLITIC_70:checked::after,
#form_checkbox_EMAIL_SUB_71:checked::after,
#form_checkbox_POLITIC_82:checked::after,
#form_checkbox_EMAIL_SUB_83:checked::after,
#licenses_inline:checked::after,
#form_checkbox_POLITIC_100:checked::after,
#form_checkbox_EMAIL_SUB_101:checked::after,
.form #licenses_popup:checked::after,
.form #licenses_popup_OCB:checked::after,
.form #licenses_inline:checked::after {
    content: '';
    position: absolute;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #ff4438;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.form .licence_block label,
.form .filter label,
.form .filter label span {
	display: inline;
    padding: 0 !important;
	margin-left: 0 !important;

}

.form .licence_block label:before,
.form .licence_block label:after,
.form .filter label:before,
.form .filter label:after {
	content:none !important;
}

.form .filter.licence_block input[type="checkbox"],
.form .filter input {
	visibility: inherit !important;
}

.popup .form-control {
    margin: 0px 0px 10px;
}

.form-footer-styled {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
	justify-content: space-between;
}

.form-footer-styled p {
	margin:0;
}

.form-input-fd-coll:before {
    content: "";
    background: url(/bitrix/templates/aspro_max/images/form-icon-2.svg) center center no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
	top: 41px;
    left: 16px;
}

.form-mg24 {
	margin-bottom: 24px;
}

.checkbox-form-label {
    color: #646464;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
	text-align: left;
}

.checkbox-form-label a {
	color: #333;
	font-weight: 500;
}

.checkbox-form-label label {
    color: #646464;
    font-size: 14px;
    text-align: left;
    font-weight: 400;
    line-height: 18px;
}

.form-success-message {
    text-align: center;
	padding: 40px;
    box-shadow: -48px 48px 48px 0px #0000001F;
    border-radius: 12px;
    background: #fbfbfb;
}

.form-success-message h2 {
    color: #333333;
    margin-bottom: 15px;
}

.uploader-form {
    padding: 11px 54px 5px 44px;
    position: relative;
	text-align: left;
    cursor: pointer;
    transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
    margin: 25px 0 40px;
}

.uploader-form:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 27px;
    height: 34px;
    background: url(/bitrix/templates/aspro_max/images/form-icon-3.svg) no-repeat;
}

.uploader-form input[type="file"] {
    z-index: 10;
    opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.uploader-form .filename {
    overflow: hidden;
    display: inline-block;
    width: 100%;
	color: #333;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 15px;
	letter-spacing: 0.075px;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    line-height: 25px;
}

.mailsends {
	color:  #333;
	font-size: 12px;
	opacity: 0.44;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}

.btn-form-custom {
	padding: 13px 35px;
}

.form-left .top_block_title {
	color: #333;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	margin: 0;
}

.item-views.brands .item img {
	filter: none;
	opacity: 1;
}

form[name=FORM_QUESTION_BOTTOM] {
	padding-bottom:80px;
}

.form-main-box-bottom-row {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 32px 84px 40px 40px;
	background: rgba(216, 229, 235, 0.32);
	border-radius: 24px;
	margin-top: 40px;
}

.form-main-box > div:nth-child(3) {
    margin-bottom: 10px;
}

.form-main-box-bottom-row div:nth-child(3) {
	margin-bottom:10px;
}

.form-main-box-bottom-row div:nth-child(4) {
	margin-bottom:40px;
}

.form-main-box-bottom {
    width: 820px;
}

.title_mg-16 {
	margin-bottom:16px;
}

.top_block_desc_f {
	color: #666;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 145%;
}

.form-main-box-bottom-img img {
	max-width: 100%;
	height:auto;
}

.banners-content .intro-text {
    display: none;
}

.subscribe-edit h5 {
    margin-bottom: 20px;
}

body .buttons .settings:not(:hover) {
    display: none;
}

.sale_order_full_table:last-of-type {
    display: none;
}


@media (max-width: 1500px) {

 .form-main-box-bottom-row {
    gap: 80px;
}

.form-main-box-bottom {
    flex: 1;
}

form-main-box-bottom-img {
	flex: 1;
}

}

@media (max-width: 1300px) {

.form-main-box {
    width: 100%;
}

.form-main-box-inline {
    flex-direction: column;
}

.form-input-fd-select {
    width: 100%;
}

.form-input-fd-coll {
    width: 100%;
}

}

@media (max-width: 991px) {

.front_tizers_custom_box {
    gap: 10px;
	flex-direction: column;
}

}

@media (max-width: 800px) {

.form-left .top_block_title {
    font-size: 24px;
}

.form-main-box-row {
    flex-direction: column;
}

}


@media (min-width: 992px) {
    .col-m-20 {
        width: 25%;
    }
}
@media (max-width: 992px) {
	.form-main-box-bottom-img {display: none;}
}

.swiper-wrapper.no-shrinked {justify-content: space-between;}
.item-views.brands .item img {
	max-width: 200px;
	max-height: 90px;
}

.NEWS .row.flexbox .item {border-radius: 24px;}
.NEWS .item-views.news2 .item-wrapper .item.bordered.box-shadow .image {
	border-top-left-radius: 24px;
	border-top-right-radius: 24px;

}

footer .shorten .social-icons {margin-top: 21px;}
footer .social-icons ul li a {border: 1px solid #7EADBD;}
footer .info .subscribe_button .btn {border-radius: 8px !important;}
footer .footer-v5 .first_bottom_menu .items {
	display: flex;
	flex-direction: column;
}
footer .footer_middle {margin-bottom: 88px;}
footer .footer_middle .row {
	display: flex;
	align-items: flex-end;
}
footer .download_catalog {
	display: block;
	color: #D8D8D8;
	border: 1px solid #7EADBD;
	width: 63%;
	padding: 12px 0;
	text-align: center;
	border-radius: 26px;
	line-height: 0;
}
footer .download_catalog img {margin-right: 10px;}
footer .download_catalog:hover {background: #7EADBD;}
footer .footer-bottom__items-wrapper {
	border-top: 1px solid #8A8A8A;
	padding-top: 48px;
}
footer .footer_middle .footer-map iframe {
	border-radius: 24px;
	width: 100%;
	max-width: 1117px;
	height: 219px;
}

@media (max-width: 991px) {
	footer .footer-v5 .first_bottom_menu .items {margin: 40px 0;}
	footer .footer_middle .row {
		flex-direction: column;
		align-items: stretch;
		justify-content: center;
	}
	footer .download_catalog {
		width: auto;
		margin: 20px 10%;
	}
}
.develop {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
	color: #D8D8D8 !important;
	flex: 2;
}
.develop:hover {color: #fff;}
.sections_wrapper .list .item .img img {
	object-fit: contain;
	width: 100%;
}
@media (min-width: 992px) {
	.banners-content .maxwidth-banner .banner-wrapper .img.item_block {text-align: center;}
}

.mediacenter-plitka {
	display: flex;
	justify-content: space-evenly;
}
.mediacenter-plitka a {
	flex: 1;
	border: 4px solid #646464;
	margin: 0 50px;
	padding: 80px 0;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	color: #646464;
}
.mediacenter-plitka a:hover {
	background: #646464;
	color: #fff;
}
.mediacenter-plitka a:active {
	background: #ff6257;
	border: 4px solid #ff6257;
}
@media (max-width: 991px) {
	.mediacenter-plitka {display: block;}
	.mediacenter-plitka a {
		display: block;
		width: 100%;
		margin: 10px 0;
	}
}

.alert.alert-warning {
	display: none;
	margin-bottom: -80px;
}
.alert.alert-warning + .main-section-wrapper .text_after_items {padding-top: 0;}

.yur_icon {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 20px;
	align-items: center;
	justify-items: center;
}
.yur_icon>div {
	display: flex;
	flex-direction: column;
}
.yur_icon>div div:first-child {
	height: 100px;
	display: flex;
	align-items: center;
}
.yur_icon a {color: #fff !important;}
@media (max-width: 991px) {
	.yur_icon {grid-template-columns: repeat(2, 1fr);}
}



.TIZERS .item .image img {
	border-radius: 8px;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,0.16);
}
.MIDDLE_ADV .rounded3 {border-radius: 24px;}
.BRANDS .item-views.brands .item img {opacity: 0.5;}
.BRANDS .item-views.brands .item img:hover {opacity: 0.8;}

.CATALOG_SECTIONS .sections_wrapper .list .item .img img {width: auto;}
.BIG_BANNER_INDEX .top_slider_wrapp .main-slider .main-slider__wrapper .main-slider__item {border-radius: 24px;}

.side-block .subscribe-img {
	max-width: 100px;
	margin: 10px auto;
}
.side-block .subscribe-img img {width:100%;}
footer .info .subscribe_button img {
	position: absolute;
	right: 18px;
}
.properties-group__name.muted {color: var(--basic_text_black);}

/*Формы на страницах*/
.form__inner.justify-center {justify-content: left;}
.form__inner .form_head {display: none;}


.detail-news1 .detailimage {height: 500px;}
.detail-news1 .detailimage img {border-radius: 10px;}

/*Страница Вопросы/ответы*/
.faq-custom-page a {
	display: block;
	border: 1px solid #ececec;
	color: var(--white_text_black);
	cursor: pointer;
	padding: 27px 30px 28px 35px;
}
.faq-custom-page a:hover {
	background: #ff6257;
	color: #fff
}

/*Главная блок сертификатов*/
.GALLERY {display: none} 
.sert-custom {
	display: flex;
	align-items: center;
	margin: 20px 0;
}
.sert-custom>div {flex: 1;}
.sert-custom .sert-custom_text-block {text-align: justify;}
.sert-custom .sert-custom_image-block {height: 100%;}
.sert-custom .sert-custom_image-block .item-wrapper {
	width: 50%;
	margin: auto;
}
.sert-custom .gallery-list__item.gallery-list__item--has-additional-text {
	padding: 10px;
	border: 1px solid rgba(216, 229, 235, .3);
}
.sert-custom .gallery-list__item-image-wrapper--BG {
	padding-top: 140%;
	height: 100%;
	width: auto;
}
.sert-custom .darken-bg-animate:after {
	top: 0;
	background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(216, 229, 235, 0.3) 100%);
}
@media (max-width: 991px) {
	.sert-custom .sert-custom_text-block {
		font-size: 12px;
		line-height: 1.6;
	}
	.sert-custom .sert-custom_text-block p {
		margin: 0;
		margin-bottom: 12px;
	}
}
@media (max-width: 768px) {
	.sert-custom {flex-direction: column;}
	.sert-custom.reverse {flex-direction: column-reverse;}
	.sert-custom .sert-custom_image-block .item-wrapper {width: 100%;}
	.sert-custom-page .sert-custom .sert-custom_image-block {
		width: 90%;
		height: auto;
	}
	.detail-news1 .detailimage {height: auto;}
    .banners-content .maxwidth-banner .maxwidth-theme {min-height: auto;}
	.banners-content .maxwidth-banner .item_block.text h1 {margin-bottom: 0;}
	.banners-content .text {padding-bottom: 0;}
}

/*Блок "Ранее вы смотрели"*/
footer .swiper-wrapper.no-shrinked {justify-content: start;}

/*Оформление заказа*/
.pandd, .total-scroll-info {display: none;}

/*Слайдер с сертификатами*/
.slider-sert {
	overflow: hidden;
	position: relative;
}
.slides-sert {
	display: flex; 
	transition: transform 0.5s ease-in-out;
}
.slider-sert .sert-custom {
	width: 100%;
	flex-shrink: 0;
}
.prev, .next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	color: #ccc;
	border: 1px solid #ccc;
	padding: 15px;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	z-index: 2;
	border-radius: 5px;
}
.prev {
	left: 50px;
}
.next {
	right: 50px;
}
.prev:hover, .next:hover {
	background: #ccc;
	color: #fff;
}
.prev:active, .next:active {
	background: #fff;
	color: #ccc;
}
@media (max-width: 768px) {
	.prev, .next {display: none}
}

/*Страница "Письма благодарности"*/
.sert-custom-page .gallery-list__item-image {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: contain;
    height: 100%;
}
.sert-custom-page .gallery-list__item--has-additional-text .gallery-list__item-text-wrapper {
    visibility: hidden;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 11;
}
.darken-bg-animate:before {
	background: none;
}



/*Квиз*/
/* Общий стиль */
.quiz-container {
	max-width: 100%;
	margin: auto;
	font-family: Arial, sans-serif;
	background: #F2F6F8;
	padding: 45px;
	border-radius: 15px;
}

.h-quiz {
	color: #333;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 40px;
}

.btn-primary {
	color: #333;
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 47.709px;
	background: none;
	border: none;
	margin-top: 100px;
	margin-left: 22px;
}

.btn-primary svg {
	margin-left: 22px;
}

.btn-primary:disabled {
	cursor: not-allowed;
	opacity: 0.6;
}

.select-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.btn-next {
	color: #333;
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 47.709px;
	background: none;
	border: none;
	margin-left: 22px;
	margin-top: 60px;
}

.btn-next svg {
	margin-left: 22px;
}

.btn-next:disabled {
	cursor: not-allowed;
	opacity: 0.6;
}




.btn-back {
	color: #333;
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 47.709px;
	background: none;
	border: none;
	margin-right: 22px;
	margin-top: 60px;
}

.btn-back svg {
	margin-right: 22px;
}

.btn-back:disabled {
	cursor: not-allowed;
	opacity: 0.6;
}


.section-list {
	flex: 1;
}

.section-image {
	flex: 0 0 290px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 120px;
}

.step-counter {
	color: #333;
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 47.709px;
}

.section-image img {
	max-width: 100%;
	border-radius: 8px;
}

.question-buttons button {
	margin: 5px;
}

.separator {
	border-top: 1px solid #999;
	margin: 15px 0;
}

.radio-item {
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 20px; /* место для круга */
	cursor: pointer;
	user-select: none;
	margin-bottom: 10px;
}

/* Скрываем стандартное радио */
.radio-item input[type="radio"] {
	display: none;
}

/* Внешняя серое кольцо */
.radio-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 21px;
	height: 21px;
	border: 2px solid #ccc; /* серый бордер */
	border-radius: 50%;
	box-sizing: border-box;
}

/* Внутренний красный кружок при выборе */
.radio-item input[type="radio"]:checked + span::before {
	content: "";
	position: absolute;
	left: -25px; /* центрируем внутри 21px окружности */
	top: 50%;
	transform: translateY(-50%);
	width: 11px;
	height: 11px;
	background-color: red;
	border-radius: 50%;
}

/* Отступ текста от круга */
.radio-item .line_radio {
	position: relative; /* чтобы ::before был относительно span */
	margin-left: 10px;
	color: #333;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}

.quest-text {
	color: #333;
	font-family: Montserrat;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 40px;
}


.radio-option {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	cursor: pointer;
	position: relative;
	font-size: 16px;
}

/* Скрываем стандартную радио-кнопку */
.radio-option input[type="radio"] {
	appearance: none;
	-webkit-appearance: none;
	width: 21px;
	height: 21px;
	border: 2px solid #ccc; /* серый бордер */
	border-radius: 50%;
	margin: 0;
	position: relative;
	outline: none;
	cursor: pointer;
}

/* Кружок выбора (внутренний) */
.radio-option input[type="radio"]::after {
	content: '';
	width: 11px;
	height: 11px;
	background-color: red;
	border-radius: 50%;
	position: absolute;
	top: 8px;
	left: 8px;
	transform: translate(-50%, -50%) scale(0);
	transition: transform 0.2s ease-in-out;
}

/* Активное состояние */
.radio-option input[type="radio"]:checked::after {
	transform: translate(-50%, -50%) scale(1);
}

/* Текст метки с отступом 10px от кружка */
.radio-option label {
	margin-left: 10px;
	cursor: pointer;
}


.slide-controls {
	display: flex;
	align-items: center;
	margin-top: 60px;
}

.slide-number {
	color: #333;
	font-family: Arial;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 47.709px;
}

.info-separator {
	border-bottom: 1px solid #E4E4E4;
	margin: 35px 0;
}

.info-blocks-wrapper h3 {
	color: #333;
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px;
	margin: 0 0 25px 0;
}

.quiz-node {
	color: #333;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	margin-bottom: 10px;
}

.quiz-node:last-child {
	margin-bottom: 0px;
}
.wrap-quiz-form {
	width: 100%;
}
.et-form {
	width: 100%;
}
.wrap-form-steps {
	position: relative;
	width: 100%;
	border-radius: 15px;
	background: #F2F6F8;
}
.wrap-side-form {
	display: flex;
	justify-content: space-between;
	gap: 30px;

}

.side-form-left {
	display: flex;
	flex-direction: column;
}
.wrap-input-fields {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 40px 0;
}
.wrap-radio-input label {
	width: 100%;
	display: flex;
	cursor: pointer;
	align-items: center;
}
.wrap-radio-input label p {
	color: #333;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	margin: 0;
}
.wrap-radio-input label p .red {
	color: #FF4538;
}
.wrap-radio-input label p .green {
	color: #17AE1C;
}
.wrap-radio-input label .check-round {
	position: relative;
	width: 22px;
	min-width: 22px;
	max-width: 22px;
	height: 22px;
	position: relative;
	border-radius: 50%;
	border: 1px solid #D8D8D8;
	margin-right: 10px;
}
.wrap-radio-input label input:checked + .check-round:after {
	position: absolute;
	content: "";
	width: 12px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: 12px;
	background: #FF4500;
	border-radius: 50%;
}
.wrap-form-bottom-btn {
	display: flex;
	align-items: center;
	gap: 22px;
}
.wrap-form-bottom-btn p {
	margin: 0;
	color: #333;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 48px;
	opacity: 0.5;
}
.wrap-form-bottom-btn button.next-step {
	border: none;
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 47.709px;
}
.form-step {
	left: 0;
	top: 0;
	opacity: 0;
	width: 100%;
	z-index: 1;
	padding: 45px;
	transition: all 0.3s;
}

.form-step h2 {
	color: #333;
	font-family: Arial;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 40px */
}

.form-step {
	position: relative;
	z-index: 3;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s;
}
.wrap-quiz-form h2 {
	color: #333;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.form-pretitle {
	color: #555;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
}
.form-step ul {
	list-style-type: none;
	padding-left: 22px;
	margin: 40px 0;
}
.form-step ul li {
	list-style-type: none;
	position: relative;
	color: #333;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
}
.form-step ul li a {
	color: #006886;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	text-decoration-line: underline;
}
.form-step ul li:after {
	position: absolute;
	left: -22px;
	width: 15px;
	content: "";
	height: 1px;
	top: 13px;
	background: #333;
}
.wrap-input {
	width: 100%;
	max-width: 640px;
	margin-bottom: 20px;
}
.wrap-input label {
	position: relative;
	width: 100%;
}
.wrap-input label p {
	color: #555;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 18.57px;
}
.wrap-input label p span {
	color: #F00;
}
.wrap-input label input {
	padding: 0 20px;
	border-radius: 3px;
	border: 1px solid #ECECEC;
	background: #F8F8F8;
	height: 48px;
	width: 100%;
}
.final-step {
	border-radius: 15px;
	background: #F2F6F8;
	padding: 45px;
	opacity: 0;
	visibility: hidden;
	display: none;
}
.final-step.active {
	display: block;
	opacity: 1;
	visibility: visible;
	width: fit-content;
}
.wrap-check-field {
	width: 100%;
	max-width: 640px;
}
.wrap-check-field label {
	display: flex;
}
.wrap-check-field label span {
	position: relative;
	border-radius: 10px;
	border: 1px solid #EDEDED;
	width: 33px;
	top: 1px;
	min-width: 33px;
	max-width: 33px;
	height: 18px;
	margin-right: 16px;
	background: #999;
}
.wrap-check-field label input:checked + span {
	background: #FF4538;
}
.wrap-check-field label span:after {
	position: absolute;
	content: "";
	width: 12px;
	top: 50%;
	left: 2px;
	transform: translate(0%,-50%);
	height: 12px;
	background: white;
	border-radius: 50%;
	transition: all 0.3s;
}
.wrap-check-field label input:checked + span:after {
	left: 23px;
	transform: translate(-50%,-50%);
	transition: all 0.3s;
}
.wrap-check-field p {
	color: #a5a7a9;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}
.wrap-check-field p a {
	color: #555;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	text-decoration-line: underline;
}
.form-step  button[type="submit"] {
	border-radius: 26px;
	border: 1px solid #FF4538;
	background: #FF4538;
	display: flex;
	width: 138px;
	height: 46px;
	padding: 0;
	justify-content: center;
	align-items: center;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 17.31px;
}
@media (max-width: 768px) {
	.wrap-quiz-form h2 {
		font-size: 24px;
	}
	.wrap-form-bottom-btn button.next-step {
		font-size: 18px;
	}
	.wrap-side-form {
		display: flex;
		justify-content: space-between;
		gap: 20px;
		flex-direction: column;
	}
	.form-step {
		padding: 30px 20px;
	}
	.wrap-input-fields {
		margin: 20px 0;
	}
	.side-form-right {
		width: 100%;
	}
	.side-form-right img {
		width: 100%;
		display: block;
		margin: auto;
		max-width: 450px;
	}
	.section-image {
		flex: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: auto;
		margin-left: auto;
	}
	.controls {
		display: flex;
		flex-wrap: nowrap;
		margin-top: 45px;
	}
	.btn-back {
		color: #333;
		font-family: Arial;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 47.709px;
		background: none;
		border: none;
		margin-right: 22px;
		margin-top: 0;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}
	.btn-back svg {
		margin-right: 22px;
		width: 25px;
	}
	.btn-next {
		color: #333;
		font-family: Arial;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 47.709px;
		background: none;
		border: none;
		margin-left: 22px;
		margin-top: 0;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}
	.btn-next svg {
		margin-left: 22px;
		width: 28px;
	}
}




/*Разделы каталога на главной странице*/
@media (max-width: 1024px) {
	.CATALOG_SECTIONS .col-xs-6 {width: 50%;}
}
@media (max-width: 768px) {
	.CATALOG_SECTIONS .col-xs-6 {width: 100%;}
}

/*Блок Возниклки вопросы */
@media (max-width: 767px) {
    .form-order-block .order-block .text {width: 100%;}
}

/*Документы в проктировщикам*/
.doc-proectirovshikam .char_block {padding: 30px 40px;}
@media (max-width: 998px) {
	.doc-proectirovshikam .char_block {
		padding: 10px 29px 27px;
	}
}

/*Отключение иконки личного кабинета во всем сайте*/
.auth_wr_inner {display: none;}

/*Баннеры в базе знаний*/
.banner_baza-znaniy {width: 100%;}
.banner_baza-znaniy img {
	width: 100%;
	border-radius: 24px;
}
.banner_baza-znaniy .mobile-banner {display: none}
@media (max-width: 991px) {
	.banner_baza-znaniy img {display: none;}
	.banner_baza-znaniy .mobile-banner {
		display: inline-block;
		width: 100%;
		border-radius: 24px;
	}
}

.form-success-message + .form-main-box-bottom-img {
    display: none !important;
}

.form_footer .filter.licence_block input[type="checkbox"] {
	width: 33px;
	margin-right: 15px;
}
@media (max-width: 768px) {
	.form .form.checkbox input {
		width: 25px;
		height: 20px;
	}
	.CALLBACK .form.checkbox input {
		width: 30px;
		height: 20px;
	}
	.form #licenses_inline {
		width: 43px;
		height: 20px;
	}
	.form_footer .filter.licence_block input[type="checkbox"] {
		width: 50px;
		height: 20px;
	}
}