

/* Start:/upload/inc/css/genplan.css?179068972311487*/
.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 {
	float: left;
	display: block;
	width: 70px;
	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 {
	background-color: #F4C818;
}
.genplanTooltip .status.stat2,
.panoramaTooltip .status.stat2 {
	background-color: #F15F27;
}
.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 */
/* /upload/inc/css/genplan.css?179068972311487 */
