.commercial-detail{
	background: #e6f3f9;
	padding: 40px;
}
.commercial-house-info{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 2% 0 3% 2%;
	gap: 15px;
}
.commercial-house-info-entrance {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}
.commercial-house-info-entrance svg {
	width: 50px;
	height: 40px;
	flex-shrink: 0;
}
.commercial-main {
	display: grid;
	grid-template-columns: 2fr 3fr;
}
.commercial-viewer-body{
	position: relative;
	overflow: hidden;
	padding: 35%;
	margin-bottom: 35px;
}
.commercial-viewer-body::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, .5);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOSAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwIDFIMzhWOSIgc3Ryb2tlPSJibGFjayIvPgo8cGF0aCBkPSJNMjMuNSAxNUwzOCAxIiBzdHJva2U9ImJsYWNrIi8+CjxwYXRoIGQ9Ik05IDM3TDEgMzdMMSAyOSIgc3Ryb2tlPSJibGFjayIvPgo8cGF0aCBkPSJNMTUuNSAyM0wxIDM3IiBzdHJva2U9ImJsYWNrIi8+CjxwYXRoIGQ9Ik05IDFIMVY5IiBzdHJva2U9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNS41IDE1TDEgMSIgc3Ryb2tlPSJibGFjayIvPgo8cGF0aCBkPSJNMzAgMzdMMzggMzdMMzggMjkiIHN0cm9rZT0iYmxhY2siLz4KPHBhdGggZD0iTTIzLjUgMjNMMzggMzciIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 36px;
	z-index: 2;
	content: none;
	width: 50px;
	height: 50px;
	margin: auto;
	pointer-events: none;
}
.commercial-viewer-body:hover::before {
	content: '';
}
.commercial-viewer-body img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.fancybox-image{
	background: #fff !important;
}

.apartments-plans__info{
	padding: 0 15px;
	max-width: 300px;
	margin: 20px auto;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.apartment-info-parametrs-text .title{
	margin-bottom: 15px;
}
.commercial-stage-viewer{
	position: relative;
	overflow: hidden;
}
.commercial-stage-viewer svg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}
.commercial-stage-viewer polygon{
	fill: rgba(10, 58, 104, 0.51);
}
@media (max-width: 1250px) {
	.content.inner-content {
		margin-top: 0;
	}
}
@media (max-width: 840px) {
	.commercial-house-info {
		margin: 2% 0 40px;
		justify-content: center;
	}
}
@media (max-width: 680px) {
	.commercial-main {
		display: block;
	}
	.commercial-stage-viewer svg{
		position: static;
	}
	.commercial-detail {
		padding: 10px;
	}
	.content.inner-content {
		padding: 0;
	}
	.commercial-house-info {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		max-width: 270px;
		margin: 0 auto 35px;
	}
	.commercial-house-info-entrance svg {
		width: 36px;
		height: 28px;
		flex-shrink: 0;
	}
}