/* Start:/local/templates/asterra/components/bitrix/news.detail/project/style.css?17924240863697*/
.project-benefits { padding: 36px 0; color: #303b35; }
.project-benefits h2 { color: #142c24; }
.project-benefits-grid { display: grid; gap: 20px; }
.project-benefits-grid--main { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.project-benefits-grid--secondary { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.project-benefits .project-benefits-subtitle { margin: 36px 0 20px; padding: 0; font-size: 22px; }
.project-benefit { position: relative; min-width: 0; display: flex; flex-direction: column; overflow: hidden; background: #fff; border-radius: 4px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05); }
.project-benefit-image { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.project-benefit-body { display: flex; flex-direction: column; flex: 1; padding: 20px; }
.project-benefits .project-benefit-title { margin: 0 0 12px; padding: 0; color: #142c24; font-size: 21px; line-height: 1.3; overflow-wrap: anywhere; }
.project-benefit-copy { font-size: 14px; line-height: 1.7; }
.project-benefit-copy p { margin: 0 0 12px; }
.project-benefit-copy .project-benefit-tag { font-weight: 700; }
.project-benefits-grid--secondary .project-benefit-body { padding: 16px; }
.project-benefits-grid--secondary .project-benefit-title { font-size: 16px; }
.project-benefits-grid--secondary .project-benefit-image { aspect-ratio: 3 / 2; }
.project-benefits-grid--secondary .project-benefit-copy { font-size: 13px; }
.project-benefit-copy p:last-child { margin-bottom: 0; }
.project-benefits .project-benefit-link { position: absolute; inset: 0; z-index: 1; border: 0; border-radius: inherit; background: transparent; cursor: pointer; }
.project-benefits .project-benefit-link:focus-visible { outline: 3px solid #31533f; outline-offset: -3px; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
 .project-benefit--clickable { transition: transform .2s ease; }
 .project-benefit--clickable:hover { transform: translateY(-4px); }
}
@media (max-width: 1199px) {
 .project-benefits-grid--secondary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
 .project-benefits-grid--main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
 .project-benefits-grid--secondary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
 .project-benefits-grid--main, .project-benefits-grid--secondary { grid-template-columns: 1fr; }
 .project-benefits-grid--secondary .project-benefit { display: grid; grid-template-columns: 96px minmax(0, 1fr); }
 .project-benefits-grid--secondary .project-benefit-image { height: 100%; aspect-ratio: auto; }
 .project-benefits-grid--secondary .project-benefit-body { padding: 14px; }
 .project-benefits .project-benefits-subtitle { font-size: 20px; }
}

.project-benefits-intro { color: #212529; margin: 0 0 28px; font-size: 16px; line-height: 1.7; }
.project-advantages .project-benefits-intro { color: #fff; }
@media (min-width: 992px) {
 .project-benefits-intro { padding-left: 26px; }
}

.project-benefit-modal-image { display: block; width: 100%; height: 100%; object-fit: cover; }
.modal .project-benefit-modal-description ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 18px; padding: 0; list-style: none; }
.modal .project-benefit-modal-description ul > li { display: block; margin: 0; padding: 7px 9px; border-radius: 5px; background: #142C24; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.5; }
.modal .project-benefit-modal-description ul > li::before { display: none; content: none; }
@media (max-width: 767.98px) {
 .project-benefit-modal-image { height: auto; }
}

/* End */


/* Start:/upload/inc/css/genplan.css?179267720611567*/
.project-actions .row > [class*=col-] {
	padding-bottom: 15px;
}
@media (min-width: 576px) {
	.project-actions .row > [class*=col-] {
		padding-bottom: 30px;
	}
}
.project-action {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-direction: column!important;
	flex-direction: column!important;
	position: relative;
	font-family: 'Montserrat', 'Arial', sans-serif;
	font-size: 16px;
	height: 100%;
	padding: 15px 20px 0 !important;
	margin-bottom: 0 !important;
}
.project-action .info {
	margin-bottom: 10px;
}
.project-action .number {
	float: left;
	display: block;
	width: 70px;
	font-weight: 700;
	color: #F15F27;
}
.project-action .params {
	display: block;
	color: #000;
	text-align: left;
	overflow: hidden;
}
.project-action .price {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	color: #3857FC;
	font-size: 18px;
	margin: auto -20px 0;
	font-weight: 700;
	padding: 10px 26px;
	background: #F4F4FF;
	border-radius: 0 0 4px 4px;
	white-space: nowrap;
}
.project-action .price-old {
	display: block;
	font-size: 12px;
	margin-right: 10px;
	color: #333;
	text-decoration: line-through;
}
@media (min-width: 768px) {
	.project-action {
		padding: 20px 26px 0 !important;
	}
	.project-action .price {
		margin: auto -26px 0;
	}
}
.projectDetailGenplanOuter {
	position: relative;
}
.scroll-container {
	overflow: hidden;
	margin: 0 -15px;
}
.scroll-horisontal {
	display: block;
	position: relative;
	margin-bottom: -30px;
	padding: 0 15px 30px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.projectDetailGenplanContainer {
	display: block;
	position: relative;
	margin-bottom: 20px;
	min-width: 700px;
}
.projectDetailGenplanPreview {
	display: block;
	width: 100%;
	height: auto;
}
#genplanSVG {
	display: block;
	position: absolute;
	z-index: 2;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100% !important;
}
.genplanTooltip {
	display: none;
	position: absolute;
	font-family: 'Montserrat', 'Arial', sans-serif;
	font-size: 16px;
	z-index: 500;
	background: #FFF;
	/* padding: 10px 15px; */
	min-width: 250px;
	max-width: 250px;
	margin: -20px 20px;
	border-radius: 4px;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}
.panoramaTooltip {
	position: relative;
	font-family: 'Montserrat', 'Arial', sans-serif;
	font-size: 16px;
	z-index: 500;
	min-width: 250px;
	max-width: 250px;
}
.genplanTooltip-content {
	display: flex;
	flex-direction: row;
	padding: 10px 15px;
}
.genplanTooltip-left {
	display: flex;
	flex-direction: column;
	width: auto;
}
.genplanTooltip .close {
	display: none;
}
.genplanTooltip-details {
	display: none;
}
.genplanTooltip-details .btn {
	padding: 8px 12px;
	font-size: 12px;
	border-radius: 0 0 4px 4px;
	transition: none;
}
@media ( max-width: 767.98px ) {
	.genplanTooltip-details {
		display: block;
	}
	.genplanTooltip {
		position: fixed;
		top: unset !important;
		bottom: 15px !important;
		left: 15px !important;
		right: 15px !important;
		margin: 0;
		max-width: 100%;
	}
	.genplanTooltip .close {
		display: block;
		opacity: 1;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		cursor: pointer;
		margin: -10px -10px 0 10px;
	}
}
.genplanTooltip-content .number {
	white-space: nowrap;
	float: left;
	display: block;
	min-width: 70px;
	margin-right: 5px;
	font-weight: 700;
	color: #F15F27;
	margin-bottom: auto;
}
.genplanTooltip-content img {
	margin-top: 10px;
}
.genplanTooltip-content .params {
	display: block;
	color: #000;
	text-align: left;
	overflow: hidden;
}
.genplanTooltip-content .params .type {
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	margin: 3px 0;
}
.genplanTooltip-content .params .square {
	margin: 0;
}
.genplanTooltip-content .params .communications {
	display: flex;
	flex-direction: row;
	margin: 6px -2px 0;
}
.genplanTooltip-content .params .communications li {
	display: block;
	position: relative;
	font-size: 0;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	background-color: #F0F0F0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	border-radius: 50%;
	margin: 0 2px;
}
.genplanTooltip-content .params .communications li.electricity {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3495 3.73068L6.93628 9.99995C6.75547 10.3244 6.38944 10.8169 7.02739 10.8883L9.2928 11.1244L8.61793 15.8966C8.49592 16.7599 9.29842 16.9163 9.6506 16.269L13.0641 9.99995C13.2447 9.67549 13.6107 9.18301 12.9728 9.11161L10.7075 8.87552L11.3822 4.10311C11.5042 3.23998 10.7019 3.08356 10.3495 3.73068Z' fill='%233857FC'/%3E%3C/svg%3E%0A");
}
.genplanTooltip-content .params .communications li.gas {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.2118 6.20851C11.6918 4.22401 10.279 3.41621 10.2195 3.38289C10.0798 3.30468 9.90782 3.31988 9.78497 3.42151C9.66115 3.52315 9.61077 3.69077 9.65757 3.84487C10.563 6.85066 9.98258 8.65006 9.13757 9.33246C8.71864 9.67036 8.22529 9.74426 7.85023 9.52383C7.0738 9.06846 7.44819 7.74094 7.45144 7.7284C7.50052 7.56341 7.43812 7.38492 7.29804 7.2879C7.15797 7.19023 6.97174 7.19615 6.83784 7.30273C5.8638 8.07588 4.8059 9.80894 5.03048 12.1488C5.28204 14.7669 7.38449 16.6666 10.0304 16.6666C12.761 16.6666 14.896 14.5052 14.9955 11.6394C15.0611 9.75352 14.4111 7.77427 13.2118 6.20851Z' fill='%233857FC'/%3E%3C/svg%3E%0A");
}
.genplanTooltip-content .params .communications li.water {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0016 3.33325L9.7708 3.62259C9.7708 3.62259 9.70665 3.7032 9.59932 3.84479C9.49195 3.98648 9.33907 4.19207 9.1558 4.44902C8.97253 4.70599 8.75879 5.01524 8.52975 5.36278C8.30071 5.71033 8.056 6.09697 7.81128 6.51063C6.83239 8.16532 5.83374 10.2348 5.83374 12.0277C5.83374 15.0562 7.92205 16.6666 10.0016 16.6666C12.0811 16.6666 14.1671 15.0562 14.1671 12.0277C14.1671 10.2348 13.1684 8.16531 12.1895 6.51063C11.9448 6.09694 11.7024 5.71033 11.4734 5.36278C11.2443 5.01523 11.0306 4.70598 10.8473 4.44902C10.6641 4.19207 10.5112 3.98649 10.4038 3.84479C10.2965 3.7031 10.2323 3.62259 10.2323 3.62259L10.0016 3.33325ZM8.81051 12.636C9.46447 12.636 10.0016 13.185 10.0016 13.8534C10.0016 14.5218 9.46447 15.0702 8.81051 15.0702C8.15656 15.0702 7.62004 14.5218 7.62004 13.8534C7.62004 13.185 8.15656 12.636 8.81051 12.636Z' fill='%233857FC'/%3E%3C/svg%3E%0A");
}
.genplanTooltip-content .params .communications li.canalization {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4H8C7.44772 4 7 4.44772 7 5C7 5.55228 7.44772 6 8 6H9V8H6V7C6 6.44772 5.55228 6 5 6C4.44772 6 4 6.44772 4 7V8V13V14C4 14.5523 4.44772 15 5 15C5.55228 15 6 14.5523 6 14V13H14V14C14 14.5523 14.4477 15 15 15C15.5523 15 16 14.5523 16 14V13V8V7C16 6.44772 15.5523 6 15 6C14.4477 6 14 6.44772 14 7V8H11V6H12Z' fill='%233857FC'/%3E%3C/svg%3E%0A");
}
.genplanTooltip .action {
	display: block;
	position: relative;
	width: 100%;
	padding: 3px;
	background: #F15F27;
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
	font-weight: 700;
}
.genplanTooltip .status,
.panoramaTooltip .status {
	display: block;
	position: relative;
	clear: both;
	padding: 10px 15px;
	text-align: center;
	color: #FFF;
	font-weight: 700;
}
.genplanTooltip .status {
	border-radius: 0 0 4px 4px;
}
.genplanTooltip .status.stat0,
.panoramaTooltip .status.stat0 {
	color: #3857FC;
	background-color: #F4F4FF;
}
.genplanTooltip .status.stat1,
.panoramaTooltip .status.stat1 {
	color: #F4C818;
	background-color: #F4F4FF;
}
.genplanTooltip .status.stat2,
.panoramaTooltip .status.stat2 {
	color: #F15F27;
	background-color: #F4F4FF;
}
.genplanTooltip .resale,
.panoramaTooltip .resale {
	font-size: 12px;
	font-weight: 700;
}
.genplanTooltip .price,
.panoramaTooltip .price {
	color: #3857FC;
	font-size: 18px;
}
.genplanTooltip .price-old,
.panoramaTooltip .price-old {
	font-size: 12px;
	color: #333;
	text-decoration: line-through;
}
.projectItemMore {
	display: block;
	position: relative;
	background-color: #F05F27;
	clear: both;
	padding: 5px 0;
	margin-top: 10px;
	text-align: center;
	width: 100%;
	color: #FFF !important;
}
.projectItemstat0 {
	background: #7CC242;
}
.projectItemstat1 {
	background: #F9B02D;
}
.projectItemstat2 {
	background: #F05F27;
}
.projectItemComment {
	text-align: center;
	margin-top: 5px;
	color: #000;
}
.projectItemSale {
	text-align: center;
	margin-top: 5px;
	color: #000;
}

table.table {
	width: 100%;
}


.projectDetailGenplanInfo {
	display: block;
	position: relative;
	text-align: center;
}
.projectDetailGenplanInfo ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.projectDetailGenplanInfo ul > li {
	display: flex;
	align-items: center;
	margin: 10px;
	line-height: 15px;
	font-weight: 700;
	font-size: 12px;
}
.projectDetailGenplanInfo ul > li .block-land {
	display: block;
	float: left;
	border: #000 solid 1px;
	padding: 3px 9px;
	margin-right: 10px;
}
.projectDetailGenplanInfo ul > li.stat0 .block-land {
	background: rgba(124, 194, 66, 0.5);
}
.projectDetailGenplanInfo ul > li.item2.stat0 .block-land {
	background: rgba(124, 194, 66, 0.3);
}
.projectDetailGenplanInfo ul > li.stat1 .block-land {
	background: rgba(255, 209, 44, 0.5);
}
.projectDetailGenplanInfo ul > li.stat2 .block-land {
	background: rgba(240, 95, 39, 0.5);
}
.projectDetailGenplanInfo ul > li.stat3 .block-land {
	background: rgba(207, 54, 241, 0.5);
}
.projectDetailGenplanInfo ul > li.stat4 .block-land {
	background: rgba(56, 86, 253, 0.5);
}
.projectDetailGenplanInfo ul > li.stat5 .block-land {
	background: rgba(127, 127, 127, 0.5);
}
.projectDetailGenplanInfo ul > li .block-land .number {
	display: block;
	color: #f16536;
	font-weight: 700;
	font-size: 12px;
	line-height: 1;
}
.projectDetailGenplanInfo ul > li .block-land .square {
	display: block;
	font-size: 10px;
	line-height: 1;
}

.genplan-price-include {
	display: block;
	position: relative;
	margin: 40px 0;
}
.genplan-price-include .icon {
	display: block;
	position: relative;
	margin-bottom: 10px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.genplan-price-include .icon:before {
	content: '';
	display: block;
	padding-top: 66.667%;
}
.genplan-price-include .icon-land {
	background-image: url(/upload/inc/css/../images/icon_land.png);
}
.genplan-price-include .icon-communications {
	background-image: url(/upload/inc/css/../images/icon_communications.png);
}
.genplan-price-include .icon-documents {
	background-image: url(/upload/inc/css/../images/icon_documents.png);
}
.genplan-price-include .icon-rest {
	background-image: url(/upload/inc/css/../images/icon_rest.png);
}
.genplan-price-include .icon-children {
	background-image: url(/upload/inc/css/../images/icon_children.png);
}
.genplan-price-include .icon-sport {
	background-image: url(/upload/inc/css/../images/icon_sport.png);
}
.genplan-price-include .title {
	font-size: 16px;
	line-height: 1.111;
	text-align: center;
	font-weight: 700;
}
@media (min-width: 1200px) {
	.genplan-price-include .title {
		font-size: 18px;
	}
}
/* End */
/* /local/templates/asterra/components/bitrix/news.detail/project/style.css?17924240863697 */
/* /upload/inc/css/genplan.css?179267720611567 */