/* building */
#mainMapping img#mainImage{ width: 100%; margin-top: -36px; }
.main-building .links{
    width: 100%;
	left: 0;
	z-index: 1;
	padding: 0; text-align: center;
    position: sticky;
    top: calc(100vh - 20px);
    z-index: 2;
    transform: translateY(-100%)
}
.main-building .links ul, .main-building .links ul li{ display: block; list-style-type: none; padding: 0; margin: 0; }
.main-building .links span.input{ display: none; }
.main-building .links ul li{ display: inline-block; margin: 0 6px; }
.main-building .links a.btn-more{
	display: inline-block; width: auto; padding: 0 16px;
	text-transform: none; white-space: nowrap; text-decoration: none;
	border: 0px solid; background: var(--c-theme-dbg);
	color: #fff; font-size: 16px; line-height: 36px; font-weight: 700;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.main-building .links a.btn-more:hover{
	background: var(--c-theme-l); color: #000;
}
.main-building .imageOn{ display: none; }
.main-building-sofia{
    position: relative;
    background: #000;
    z-index: 0;
    margin-top: 124px;
}
.main-building-sofia svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.main-building-sofia img {
    display: block;
    width: 100%;
    height: auto;
}

.main-building-sofia svg{ z-index: 1; }
.main-building-sofia img{ opacity: 1; }
.main-building-sofia svg path{ opacity: 0; pointer-events: all; cursor: pointer; }

#MainBuilding{
	display: block; width: 100%; height: 100%;
	position: absolute; top: 0; left: 0;
}
#MainBuilding rect.rectFloor, #MainBuilding path.rectFloor{
	pointer-events: all; cursor: pointer;
	opacity: 0; fill: url(#HoverImage);
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-ms-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#MainBuilding rect.rectFloor:hover{ opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
#MainBuilding rect.rectEntrance{
	pointer-events: all; cursor: pointer;
	opacity: 0; fill: none;
}
#MainBuilding rect.rectEntranceHover{
	opacity: 1; fill: url(#HoverImage);
}

 #MainBuilding path.rectFloor.hoveredItem{opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1!important;
}
/* end building */

/* popup */
#main-popup{
	display: block; width: auto; height: auto; padding: 12px 24px 16px 16px; opacity: 0;
	position: fixed; top: 0; left: 0; z-index: 10;;
	color: #000; text-align: left; margin-left: 34px; white-space: nowrap;
	background-color: var(--c-theme-main-popup-bgr);
    border-radius: 0px 4px 4px 4px;
    will-change: transform;
}
#main-popup em{ font-style: normal; }
#main-popup p{ font-size: 14px; margin: 8px 0 0 0; line-height: 16px; }
/* #main-popup *{ color: #000; margin: 0; } */
#main-popup h3{ font-size: 20px; line-height: 24px; font-weight: 800; position: relative; padding: 0; margin: 0; letter-spacing: 0; }
#main-popup h3 a{ text-decoration: none; }
#main-popup p{ font-style: normal; }
#main-popup:after{
	content: ''; display: block; width: 0; height: 0;
	position: absolute; left: -24px; top: 0;
	border-style: solid;
	border-width: 0 24px 24px 0;
	border-color: transparent var(--c-theme-main-popup-bgr) transparent transparent;
    mix-blend-mode: multiply;

}
#main-popup.popup-right{
	xtransform:translate(-100%,0);
    margin-left: -34px;
    border-radius: 4px 0px 4px 4px;
}
#main-popup.popup-right:after{
    border-width: 24px 24px 0 0;
    border-color: var(--c-theme-main-popup-bgr) transparent transparent transparent;
    left: auto;
    right: -24px;
}
#main-popup.popup-bottom{
	xtransform:translate(0,-100%);
    margin-left: 34px;
    border-radius: 4px 4px 4px 0px;
}
#main-popup.popup-bottom.popup-right {
    border-radius: 4px 4px 0px 4px;
}
#main-popup.popup-bottom:after{ border-width: 0 0 24px 24px; border-color: transparent transparent var(--c-theme-main-popup-bgr) transparent; left: -24px; right: auto; top: auto; bottom: 0; }
#main-popup.popup-bottom.popup-right{
	xtransform:translate(-100%,-100%);
    margin-left: -34px;
}
#main-popup.popup-bottom.popup-right:after{
    border-width: 24px 0 0 24px;
    border-color: transparent transparent transparent var(--c-theme-main-popup-bgr);
    left: auto;
    right: -24px;
    top: auto;
    bottom: 0;
}

#main-popup.popup-object{ padding-top: 52px; }
#main-popup.popup-object #pDesc{ font-weight: 700; }
#main-popup.popup-object #pDesc em{ font-weight: 400; }
#main-popup.popup-object #pDesc .status{
	position: absolute; top: 16px; left: 20px;
	display: block; padding: 6px 8px; margin: 0;
	border: 1px solid #000; font-size: 14px; line-height: 16px;
	font-weight: 500; text-transform: uppercase;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#main-popup.popup-object.popup-object-det{ padding-top: 16px; }
/* end popup */

/* floor */
#InsideMappingContent{ padding-top: 0; height: auto; padding-bottom: 0; margin-bottom: 8px; }
.mapping-content{ padding: 0; }
.inside-mapping picture{
	position: relative; top: 0; left: 0; z-index: 0;
	display: block; width: 100%; height: auto;
}
.inside-mapping{ width: calc(100% - 520px); max-width: 917px;  margin: 0 0 0 var(--w-padding); float: left; position: relative; height: auto; }
.inside-mapping img{ display: block; width: 100%; height: auto; position: relative; z-index: 0; }
svg#InsideMapping{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

#InsideMapping path{
	pointer-events: all; cursor: pointer;opacity: 1;
    -webkit-transition: fill-opacity 200ms ease-in-out;
	-moz-transition: fill-opacity 200ms ease-in-out;
	-ms-transition: fill-opacity 200ms ease-in-out;
	-o-transition: fill-opacity 200ms ease-in-out;
	transition: fill-opacity 200ms ease-in-out;
}
#InsideMapping.default path{ fill-opacity: 0; }
#InsideMapping path.disabled{ fill-opacity: 0.27; }
#InsideMapping path.enabled{ fill-opacity: 0; }

#InsideMapping path{ fill-opacity: 0; }
/* end floor */

/* object */
#ObjectMapping{
    width: calc(100% - 350px);
    float: right;
    height: auto;
    padding-top: 0;
    xmargin-top: 97px;
}
#ObjectMapping .l-content{ width: 100%; max-width: 1280px; margin: 0 auto; position: relative; height: auto; float: none; }
#ObjectMapping .l-content picture{ display: block;  width: 100%; height: auto; position: relative; z-index: 0; }
#ObjectMapping .l-content img{ width: 100%; height: auto; position: relative; z-index: 0; }
#ObjectMapping .l-content#lvl1{ display: none; }
#ObjectMapping .l-mapping { width: 100%; height: 0; padding-top: 56.33%; overflow: hidden; position: relative; }
#ObjectMapping .l-mapping img{ position: absolute; top: 0; left: 0;  width: 100%; height: 100%; z-index: 0; }
#ObjectMapping{ border: 0px solid; background: transparent; }
#ObjectMapping .l-mapping{ padding-top: 0; height: auto; }
#ObjectMapping .l-mapping img{ position: relative; height: auto; display: block; }
#ObjectMapping .l-mapping svg{
	background-repeat: no-repeat; background-position: center 0;
	background-size: 100% 100%;
	position: absolute; top: 0; left: 50%; z-index: 1;
	width: 100%; height: 100%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
}
#ObjectMapping path{
	pointer-events: all; cursor: pointer;opacity: 1;
    -webkit-transition: fill-opacity 200ms ease-in-out;
	-moz-transition: fill-opacity 200ms ease-in-out;
	-ms-transition: fill-opacity 200ms ease-in-out;
	-o-transition: fill-opacity 200ms ease-in-out;
	transition: fill-opacity 200ms ease-in-out;
}
#ObjectMapping path{ fill-opacity: 0; }
#ObjectMapping path.disabled{ fill-opacity: 0.4; }
#ObjectMapping path.enabled{ fill-opacity: 0; }

#ObjectMapping .smapp path{ fill-opacity: 0.2; fill: #000; }
#ObjectMapping .smapp path.disabled{ fill-opacity: 0; }
#ObjectMapping .smapp path.enabled{ fill-opacity: 0.6; }

#ObjectMapping .tab-menu{ position: absolute; top: 0; left: 350px; }
#ObjectMapping .tab-menu *{ display: block; float: left;   }
/*
#ObjectMapping .tab-menu h3{
	font-size: 18px; line-height: 22px; padding: 8px 10px; margin: 0 6px 0 0;
	cursor: pointer; font-weight: 700; border-bottom: 2px solid var(--c-grey-050);
}
#ObjectMapping .tab-menu .active h3{  border-bottom: 2px solid #000; }
*/
#ObjectMapping .tab-menu h3{
	display: inline-block; font-size: 18px; line-height: 46px; white-space: nowrap; color: var(--c-grey-800); font-weight: 600;
	padding: 0 12px; border: 2px solid var(--c-theme-l); float: left; margin: 0 4px 4px 0; cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#ObjectMapping .tab-menu .active h3, #ObjectMapping .tab-menu h3:hover{ text-decoration: none; background: var(--c-theme-l); }
/* end object */

/* bmap */
#bMap{
	text-align: center;
}
/* #bMap:before{
	content: ''; display: none; width: 12px; height: 12px; margin-top: -6px; margin-left: -6px;
	background: #c90c0f;
    border-radius: 6px;
	position: absolute;
} */
#bMap .title {
    width: 100%;
    font-size: 14px; line-height: 16px;
    margin-bottom: 15px;
}

#bMap.pos-1:before{ top: 30%; left: 18%; display: block; }
#bMap.pos-2:before{ top: 80%; left: 76%; display: block; }
#bMap.pos-3:before{ top: 80%; left: 43%; display: block; }
#bMap.pos-4:before{ top: 80%; left: 15%; display: block; }
/* end bmap */


@media screen and (max-width:1900px){
}
@media screen and (max-width:1599px){
}
@media screen and (max-width:1439px){
}
@media screen and (max-width:1279px){
}
@media screen and (max-width:1180px){
	.main-building-sofia{ margin-top: 64px; }
	#InsideMappingContent{ padding: 0 20px; }
	.inside-mapping{ width: 100%; margin: 0; }

}
@media screen and (max-width:1050px){
}
@media screen and (max-width:1024px){
	/* #ObjectMapping{ margin-top: 80px; } */
	#ObjectMapping{ width: 100%; }
	.detail-content.article .info{ float: none; width: 324px; clear: both; margin: 0 auto; padding: 0; margin-top: 24px; }
	#ObjectMapping .tab-menu{ left: 0; }
}
@media screen and (max-width:850px){
	body{ height: 100%; }
	/* .main-building-sofia{
		height: calc(100vh - calc(100vh - 100%) - 64px); padding-top: 0; width: 100%; overflow: hidden;
		margin-top: 64px;
		background: url(../images/n/KLADA-1024.webp) center center no-repeat;
		background-size: auto 100%;
	} */
	/* #mainMapping img{ display: none; } */
	.main-building-sofia svg, #MainBuilding{ display: none; }
    #mainMapping img#mainImage { margin-top: -48px }
	.main-building .links{ padding: 0 20px; }
	.main-building .links span.input{
		cursor: pointer; display: block; height: 48px;
	    font-size: 18px; font-weight: 500; line-height: 44px; color: var(--c-white); width: 100%; background: var(--c-theme-d);
	    overflow: hidden; border: 2px solid var(--c-theme-l); border-radius: 4px; padding: 0 10px;
	    white-space: nowrap; position: relative; z-index: 0; text-align: left;
	}
	.main-building .links span.input:before{
	    content: ''; display: block; width: 32px; height: 44px; background: var(--c-theme-d);
	    position: absolute; top: 0; right: 0; z-index: 0;
	}
	.main-building .links span.input:after{
	    content: ''; display: block;
		width: 0px; height: 0px;
		border-style: solid;
		border-width: 8px 8px 0 8px;
		border-color: var(--c-white) transparent transparent transparent;
	    position: absolute;
	    top: 18px; right: 8px; z-index: 1;
	    transform: rotate(0);
	    -webkit-transform: rotate(0);
	}
	.main-building .links.open span.input:after{
	    top: 18px; right: 8px; z-index: 1;
	    transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	}
	.main-building .links.open span.input{ border-color: #fff; background: #fff; color: #000; }
	.main-building .links.open span.input:before{ background: #fff; }
	.main-building .links.open span.input:after{ border-color: var(--c-black) transparent transparent transparent; }
	.main-building .links ul{
		display: block; position: absolute; left: 20px; bottom: 51px;
		width: calc(100% - 40px); list-style-type: none; padding: 0; margin: 0;
	    background: var(--c-white); z-index: 1000;
	    -webkit-box-shadow: 2px 2px 5px 0px rgba(35,31,32,0.1);
	    -moz-box-shadow: 2px 2px 5px 0px rgba(35,31,32,0.1);
	    box-shadow: 2px 2px 5px 0px rgba(35,31,32,0.1);
    	border-radius: 2px;
	}
	.main-building .links ul:before, .main-building .links ul:after{
	    content: ''; display: block; width: 100%; height: 0;
	    -webkit-transition: height 100ms ease-in-out;
		-moz-transition: height 100ms ease-in-out;
		-ms-transition: height 100ms ease-in-out;
		-o-transition: height 100ms ease-in-out;
		transition: height 100ms ease-in-out;
	}
	.main-building .links ul li{
	    display: block; padding: 0 0; margin: 0; cursor: pointer;
	    height: 0; overflow: hidden; white-space: nowrap;
	    -webkit-transition: background,height 100ms ease-in-out;
		-moz-transition: background,height 100ms ease-in-out;
		-ms-transition: background,height 100ms ease-in-out;
		-o-transition: background,height 100ms ease-in-out;
		transition: background,height 100ms ease-in-out;
	}
	.main-building .links ul li a.btn-more{
		display: block; background: none; color: inherit; text-align: left; padding: 0 10px;
		font-size: 18px; color: var(--c-black); line-height: 32px; font-weight: 500;
	}

	.main-building .links.open{ z-index: 10; }
	.main-building .links.open ul li{ height: 32px; }
	.main-building .links.open ul:before, .main-building .links.open ul:after{ height: 10px; }
	.main-building .links ul li:hover{ background: var(--c-grey-050); }
}
@media screen and (max-width:768px){

}
@media screen and (max-width:680px){
}

@media screen and (max-width:550px){
	#main-popup{ min-width: 0; }
	#main-popup p{ font-size: 14px; margin: 8px 0 0 0; line-height: 16px; }
	#main-popup h3{ font-size: 22px; line-height: 26px; font-weight: 600; position: relative; padding: 0; margin: 0; letter-spacing: 0; }

	#main-popup, #main-popup.popup-right{
		max-width: 90vw;
		right: auto; left: 50vw!important;
		transform:translate(-50%,0);
		-webkit-transform:translate(-50%,0);
		-moz-transform:translate(-100%,0); margin-left: 0;
	}
	#main-popup.popup-bottom, #main-popup.popup-bottom.popup-right{
		max-width: 90vw;
		right: auto; left: 50vw!important;
		transform:translate(-50%,-100%);
		-webkit-transform:translate(-50%,-100%);
		-moz-transform:translate(-100%,-100%); margin-left: 0;
	}
	#main-popup:after{ display: none!important; }
}
#main-popup.popup-visible{ opacity: 1!important; }

/* Sold Popup */
#main-popup.popup-inactive { background: rgba(201,12,15,1); color:white; }
#main-popup.popup-inactive:after{ border-color: transparent transparent rgba(201,12,15,1)}
#main-popup.popup-inactive.popup-bottom:after{ border-color: transparent transparent rgba(201,12,15,1)}
#main-popup.popup-inactive.popup-bottom.popup-right:after{ border-color: transparent transparent transparent rgba(201,12,15,1)}

#main-popup.popup-object .status.status-sold {
	border: 1px solid white !important;
}