

/* Start:/local/templates/solution-author/components/bitrix/news.list/object_inside/style.css?175563120296*/
.house-inside__modal-content {
    display: none;
}
.house-inside__card {
    cursor: pointer;
}
/* End */


/* Start:/local/templates/solution-author/components/bitrix/news.list/construction-process-new/style.css?175563120214512*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* доработка: блок "Ход строительства" */

:root {
	--c-primary: #074CE7;
	--c-primary-dark: #002B79;
	--c-primary-light: #F0F6F9;
	--c-secondary: #FF9201;
	--c-success: #019907;
	--c-error: #FF4139;
	--c-error-bg: #FFF3F0;
	--c-background: #FF9201;
	--c-gray-10: #FFFFFF;
	--c-gray-20: #F5F5F5;
	--c-gray-30: #EDEDED;
	--c-gray-40: #E0E0E0;
	--c-gray-50: #C2C2C2;
	--c-gray-60: #9E9E9E;
	--c-gray-70: #757575;
	--c-gray-80: #616161;
	--c-gray-90: #363534;
	--c-gray-100: #0C0C0C;
	--shadow-1: 0 4px 4px rgba(142, 141, 208, 0.16);
	--c-badge-dark-solid: rgba(12, 12, 12, 0.5);
	--c-badge-dark-outline: #121212;
	--c-badge-light-solid: rgba(255, 255, 255, 0.5);
	--c-remark-yellow: #FBCD00;
	--c-remark-blue: #091E2B;
}

.button.button--stroke.disabled,
.button.button--stroke:disabled {
	cursor: not-allowed;
	pointer-events: none;
	color: var(--c-gray-10);
	background-color: var(--c-primary);
	opacity: .3;
}

.button.button--stroke.disabled svg *[fill],
.button.button--stroke:disabled svg *[fill] {
	fill: var(--c-gray-10);
}

/* buttons section start */

.button {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: fit-content;
	height: fit-content;
	border: 1px solid transparent;
	border-radius: 44px;
	white-space: nowrap;
	cursor: pointer;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.button.button--mobile {
	display: none;
}

.button.button--large {
	padding: 15px 31px;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
}

.button.button--normal {
	padding: 11px 23px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
}

.button.button--icon {
	gap: 8px;
}

.button svg {
	width: 24px;
	height: 24px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.button.button--normal svg {
	width: 16px;
	height: 16px;
}

.button.button--primary {
	color: var(--c-gray-10);
	background-color: var(--c-primary);
}

.button.button--primary svg *[fill] {
	fill: var(--c-gray-10);
}

.button.button--primary:hover {
	background-color: var(--c-primary-dark);
}

.button.button--primary:hover svg *[fill] {
	fill: var(--c-gray-10);
}

.button.button--primary:focus-visible {
	border-color: var(--c-gray-100);
}

.button.button--primary.disabled,
.button.button--primary:disabled {
	cursor: not-allowed;
	pointer-events: none;
	color: var(--c-gray-60);
	background-color: var(--c-primary-light);
}

.button.button--primary.disabled svg *[fill],
.button.button--primary:disabled svg *[fill] {
	fill: var(--c-gray-60);
}


.button.button--large.button--secondary,
.button.button--normal.button--secondary {
	padding: unset;
	border: unset;
}

.button.button--secondary {
	color: var(--c-primary);
	background-color: transparent;
}

.button.button--secondary svg *[fill] {
	fill: var(--c-primary);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.button.button--secondary:hover {
	color: var(--c-primary-dark);
}

.button.button--secondary:hover svg *[fill] {
	fill: var(--c-primary-dark);
}

.button.button--secondary:focus-visible {
	color: var(--c-gray-100);
}

.button.button--secondary:focus-visible svg *[fill] {
	fill: var(--c-gray-100);
}

.button.button--secondary.disabled,
.button.button--secondary:disabled {
	cursor: not-allowed;
	pointer-events: none;
	color: var(--c-gray-40);
}

.button.button--secondary.disabled svg *[fill],
.button.button--secondary:disabled svg *[fill] {
	fill: var(--c-gray-40);
}

.button.button--gray {
	color: var(--c-primary);
	background-color: var(--c-primary-light);
}

.button.button--gray svg *[fill] {
	fill: var(--c-primary);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.button.button--gray:hover {
	color: var(--c-gray-10);
	background-color: var(--c-primary);
}

.button.button--gray:hover svg *[fill] {
	fill: var(--c-gray-10);
}

.button.button--gray:focus-visible {
	color: var(--c-primary);
	border-color: var(--c-primary);
}

.button.button--gray:focus-visible svg *[fill] {
	fill: var(--c-primary);
}

.button.button--gray.disabled,
.button.button--gray:disabled {
	cursor: not-allowed;
	pointer-events: none;
	color: var(--c-gray-70);
	background-color: var(--c-primary-light);
	opacity: .5;
}

.button.button--gray.disabled svg *[fill],
.button.button--gray:disabled svg *[fill] {
	fill: var(--c-gray-70);
}

.button.button--stroke {
	color: var(--c-gray-100);
	background-color: transparent;
	border-color: var(--c-primary);
}

.button.button--stroke svg *[fill] {
	fill: var(--c-gray-100);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.button.button--stroke:hover {
	color: var(--c-gray-10);
	background-color: var(--c-primary);
}

.button.button--stroke:hover svg *[fill] {
	fill: var(--c-gray-10);
}

.button.button--stroke:focus-visible {
	color: var(--c-gray-100);
	border-color: var(--c-gray-100);
}

.button.button--stroke:focus-visible svg *[fill] {
	fill: var(--c-gray-100);
}

.button.button--stroke.disabled,
.button.button--stroke:disabled {
	cursor: not-allowed;
	pointer-events: none;
	color: var(--c-gray-10);
	background-color: var(--c-primary);
	opacity: .3;
}

.button.button--stroke.disabled svg *[fill],
.button.button--stroke:disabled svg *[fill] {
	fill: var(--c-gray-10);
}

.button.button--icon-only {
	border-radius: 50%;
}

.button.button--icon-only.button--large {
	padding: 13px;
}

.button.button--secondary.button--icon-only.button--large {
	padding: 14px;
}

.button.button--icon-only.button--large svg {
	width: 24px;
	height: 24px;
}

.button.button--icon-only.button--normal {
	padding: 7px;
}

.button.button--secondary.button--icon-only.button--normal {
	padding: 8px;
}

.button.button--icon-only.button--normal svg {
	width: 16px;
	height: 16px;
}

.button.button--icon-only.button--secondary {
	background-color: var(--c-gray-10);
}

.button.button--icon-only.button--secondary svg *[fill] {
	fill: var(--c-primary);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.button.button--icon-only.button--secondary:hover {
	background-color: var(--c-primary-dark);
}

.button.button--icon-only.button--secondary:hover svg *[fill] {
	fill: var(--c-gray-10);
}

.button.button--icon-only.button--secondary:focus-visible {
	background-color: var(--c-gray-40);
}

.button.button--icon-only.button--secondary:focus-visible svg *[fill] {
	fill: var(--c-primary-dark);
}

.button.button--icon-only.button--secondary.disabled,
.button.button--icon-only.button--secondary:disabled {
	background-color: var(--c-primary);
	opacity: .3;
}

.button.button--icon-only.button--secondary.disabled svg *[fill],
.button.button--icon-only.button--secondary:disabled svg *[fill] {
	fill: var(--c-gray-10);
}

@media (max-width: 1439px) {
	.button.button--large.button--responsive {
		padding: 11px 23px;
		font-size: 16px;
		line-height: 24px;
	}

	.button.button--large.button--responsive svg {
		width: 16px;
		height: 16px;
	}
}

@media (max-width: 1023px) {
	.button.button--mobile {
		display: flex;
	}

	.button.button--secondary.button--icon-only.button--large.button--responsive {
		padding: 8px;
	}

	.button.button--icon-only.button--large.button--responsive svg {
		width: 16px;
		height: 16px;
	}
}

/* buttons section end */

/* swiper section start */

.swiper {
	width: 100%;
}

.swiper-nav {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
}

@media (max-width: 1023px) {
	.slider-nav {
		position: absolute;
		bottom: 0;
		left: 12px;
		right: 12px;
	}

	.slider-nav .swiper-nav {
		width: fit-content;
		margin: 0 auto;
	}
}

/* swiper section end */

/* inputs section start */
.input-wrap,
.select-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.input-wrap__label,
.select-wrap__label,
.filter-checkbox-list__label,
.slider-wrap__label,
.badge-wrap__label {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	color: var(--c-gray-60);
}
.select-wrap {
	position: relative;
}

.select-field {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 40px;
	padding: 10px 12px;
	border: 1px solid #A0DF6F;
	color: var(--c-gray-100);
	cursor: pointer;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.select-field svg {
	position: absolute;
	top: 8px;
	right: 10px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.select-field svg *[fill] {
	fill: var(--c-gray-100);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.select-field:hover {
	border-color: var(--c-gray-60);
}

.select-field:hover svg *[fill] {
	fill: var(--c-primary);
}

.select-wrap.active .select-field {
	border-color: #3F8E00;
}

.select-wrap.active .select-field svg {
	transform: rotate(180deg);
}

.select-field.disabled,
.select-field:disabled {
	cursor: not-allowed;
	pointer-events: none;
	background-color: var(--c-gray-10);
	border-color: var(--c-gray-40);
	color: var(--c-gray-60);
}

.select-field.disabled svg *[fill],
.select-field:disabled svg *[fill] {
	fill: var(--c-gray-60);
}

.select-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	width: 100%;
	max-height: 240px;
	overflow-y: auto;
	border: 1px solid var(--c-gray-30);
	background-color: var(--c-gray-10);
	box-shadow: var(--shadow-1);
	opacity: 0;
	transform: scaleY(0);
	transform-origin: center top;
	transition: transform .2s, opacity .2s;
}

.select-wrap.active .select-dropdown {
	display: block;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scaleY(1);
}

.select-dropdown__item {
	padding: 8px 16px;
	cursor: pointer;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.select-wrap--multi .select-dropdown__item,
.select-wrap--multi .select-dropdown__item:first-child {
	padding: 12px 16px 12px 50px;
}

.select-wrap--multi .select-dropdown__item::before {
	top: 12px;
	left: 16px;
}

.select-dropdown__item:first-child {
	padding: 8px 16px;
}

.select-dropdown__item:hover {
	background-color: var(--c-primary-light);
	color: var(--c-primary);
}

.select-wrap:not(.select-wrap--multi) .select-dropdown__item.active {
	background-color: #3F8E00;
	color: var(--c-gray-10);
}

.select-dropdown__item.disabled,
.select-dropdown__item:disabled {
	cursor: not-allowed;
	pointer-events: none;
	color: var(--c-gray-60);
}

.slider-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.slider {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 58px;
	border-radius: 16px;
	border: 1px solid transparent;
	background-color: var(--c-primary-light);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.slider.active {
	border-color: var(--c-primary);
}

.slider.disabled {
	background-color: var(--c-gray-10);
	border-color: var(--c-gray-40);
}

.slider-track {
	position: relative;
	height: 100%;
	margin: 0 32px;
}

.slider__track {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	transform: translateY(-50%);
}

.slider__range {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--c-primary);
	transform: translateY(-50%);
}

.slider.disabled .slider__range {
	background-color: var(--c-gray-40);
}

.slider__thumb {
	position: absolute;
	top: 100%;
	width: 16px;
	height: 16px;
	background-color: var(--c-primary);
	border-radius: 50%;
	transform: translateY(-50%) translateX(-8px);
	cursor: pointer;
	-webkit-transition: width .3s ease-in-out, height .3s ease-in-out;
	transition: width .3s ease-in-out, height .3s ease-in-out;
}

.slider:not(.disabled) .slider__thumb:hover {
	width: 20px;
	height: 20px;
}

.slider.disabled .slider__thumb {
	cursor: not-allowed;
	pointer-events: none;
	background-color: var(--c-gray-40);
}

.slider__thumb--left {
	touch-action: none;
	left: 0;
}

.slider__thumb--right {
	touch-action: none;
	right: 0;
	left: 100%;
}

.slider-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 16px 24px 0 24px;
}

.slider__input-wrapper {
	display: flex;
	align-items: center;
}

.slider__input-label {
	margin-right: 4px;
	color: var(--c-gray-60);
}

.slider.disabled .slider__input-label {
	color: var(--c-gray-60);
}

.slider__input {
	width: 113px;
	overflow: hidden;
}

.slider.disabled .slider__input {
	cursor: not-allowed;
	pointer-events: none;
	color: var(--c-gray-60);
}

@media (max-width: 1023px) {
	.input-wrap__field {
		height: 56px;
	}
}

/* inputs section end */
/* construction section start */

.construction-filter {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 24px;
	margin: 0 0 32px 0;
}

.construction-filter {
	display: none;
}

.construction-filter .select-wrap__label{
	display: none;
}

.construction-filter .select-wrap--building {
	/* min-width: 384px; */
	min-width: calc(25% - 18px);
}

.construction-filter .select-wrap--year {
	/* min-width: 304.5px; */
	min-width: calc(25% - 18px)
}

.construction-filter .slider-nav {
	margin: 0 0 0 auto;
}

.construction-list-item {
	display: flex;
	flex-direction: column;
	cursor: pointer;
}

.construction-list-item img,
.construction-list-item__image {
	width: 100%;
	max-width: 300px;
	height: 220px;
	border-radius: 4px;
}

.construction-list-item img {
	object-fit: cover;
}

.construction-list-item__image {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: var(--c-gray-40);
}

.construction-list-item h3 {
	margin: 16px 0 0 0;
}

.construction-list-item p {
	color: var(--c-gray-80);

}

@media (max-width: 1919px) {
	.construction-list-item img,
	.construction-list-item__image {
		max-width: 306px;
		height: 270px;
	}
}

@media (max-width: 1439px) {
	.construction-filter .select-wrap--year {
		min-width: 137px;
	}

	.construction-list-item img,
	.construction-list-item__image {
		max-width: 216px;
		height: 220px;
	}
}

@media (max-width: 1023px) {
	.construction-filter .select-wrap--building,
	.construction-filter .select-wrap--year {
		min-width: calc(50% - 12px);
	}

	.construction-list-item img,
	.construction-list-item__image {
		max-width: unset;
		height: 160px;
	}
}

.construction-list-item__image img{
	width: 100%;
	object-fit: cover;
	height: 100%;
}

/* construction section end */
/* конец доработка: блок "Ход строительства" */
/* End */
/* /local/templates/solution-author/components/bitrix/news.list/object_inside/style.css?175563120296 */
/* /local/templates/solution-author/components/bitrix/news.list/construction-process-new/style.css?175563120214512 */
