body {
	font-family: "Plus Jakarta Sans", serif;
}

body[data-current-level="building_group_twod"][data-floorplan-view="0"] .ws-content3d .left-content3d .iframe3d-container {
  width: 100% !important;
  height: 100% !important;
}

button, input, textarea, select {
	font-family: "Plus Jakarta Sans", serif;
}

.ws-header-filters-container,
.ws-header-after-filter-space,
.ws-header-view-container {
	display:none;
}

.ws-header .logo-container .logo {
	width:237px;
	height: 48px;
	margin-top: 9px;
	margin-left: 16px;
}

.preview-plot-select {
	border: 1px solid rgba(245,247,248, 0.6);
	backdrop-filter: blur(18px);
	position: fixed;
}

.preview-plot-select .preview-rotate-text {
	font-size: 16px;
	font-weight: 500;
	margin-top: 11px;
	line-height: 20.16px;
}

.preview-plot-select .presentation-illustration-text {
	font-weight: 300;
	padding-top: 12px;
}

.preview-plot-select .accept-preview-rotate {
	font-weight: 300;
	border:1px solid #FFF;
	line-height: 17.64px;
}

.preview-plot-select .accept-preview-rotate {
	padding-top: 13px;
	padding-bottom: 14px;
}

.plot-select-text {
	font-size: 16px;
	font-weight: 600;
	line-height: 20.16px;
	text-align: left;
	color:#FFF;
	display:block;
	max-width: 200px;
	display:none;
}

.poweredby .text {
	width:49px;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);
}

.controls2d .choose-building-list .item {
	font-family: Plus Jakarta Sans;
}

#tooltippos2.floor-bubble {
	padding:8px;
	display:flex;
	flex-direction: column;
	text-align: left;
}

#tooltippos2.floor-bubble .title {
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 800;
	line-height: 19.5px;
	order: 2;
	width:100%;
	padding:3px 0 6px;
	text-align: left;
}

#tooltippos2.floor-bubble .subtitle {
	font-family: Montserrat;
	margin-top: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 14.63px;
	width:100%;
	order: 1;
	text-align: left;
}

.ws-content3d {
	background:#FFF;
}


.ws-content3d .left-content3d {
	width: 100% !important;
	background:#FFF;
}

.right-content-list {
	display: none;
}

.ws-header-filter-toggle-container {
	display:none;
}

.flat-bubble {
	display:flex;
	flex-flow: wrap;
	padding:9px;
}

.flat-bubble .flat-status {
	display:block;
	width:100%;
	order:1;
	font-size: 16px;
	font-weight: 400;

}

.flat-bubble .flat-status .flat-status-mark {
	display:inline-block;
	border-radius: 50%;
	width:16px;
	height: 16px;
	margin-right: 4px;
	vertical-align: top;
	margin-top: 2px;
}

.flat-bubble .flat-status.is-active0 .flat-status-mark {
	background:#404F58;
}

.flat-bubble .flat-status.is-active1.status-available .flat-status-mark {
	background: #3CB5A0;
}

.flat-bubble .flat-status.is-active1.status-sold .flat-status-mark {
	background: #D78653;
}

.flat-bubble .flat-status.is-active1.status-reserved .flat-status-mark {
	background:#404F58;
}

.flat-bubble {
	width:240px;
}

.flat-bubble .flat-image-container {
	/*display:block;*/
	display:none;
	width:100%;
	order:3;
	padding:8px;
}

.flat-bubble .flat-title {
	display:block;
	width:100%;
	order:2;
	font-size: 20px;
	font-weight: 800;
	line-height: 25.2px;
	text-align: left;
	border-top:0px none;
	padding:7px 0 0 0;
	padding-bottom: 10px;
}

.flat-bubble .data-items { 
	width:100%;
	order:4;
	background:transparent;
	border-top:2px solid #EAECEE;
	padding-bottom: 4px;
}

.flat-bubble .data-items .data-item {
	font-weight: 500;
	font-size: 14px;
	padding-top: 7px;
	padding-bottom: 7px;
	height: 26px;
}

.flat-bubble .data-items .data-item:nth-child(odd) {
	padding-left:0;
}

.flat-bubble .data-items .data-item:nth-child(even) {
	padding-right: 0;
	text-align: right;
}

.flat-bubble .data-items .data-item:nth-child(3) {
	width:100%;
}

.flat-bubble .data-items .data-item:nth-child(4) {
	width:100%;
}

.flat-bubble .data-items .data-item::after {
	display:none;
}

.flat-bubble .data-items .data-item .icon.room-icon {
	background-image:url(/images/metrodom/room-icon.svg);
	margin-top: 1px;
	margin-right: 2px;
}

.flat-bubble .data-items .data-item .icon.area-icon {
	background-image:url(/images/metrodom/area-icon.svg);
	margin-top: 1px;
	margin-right: 4px;
}

.flat-bubble .data-items .data-item .icon.terrace-icon {
	background-image:url(/images/metrodom/balcony-icon.svg);
	margin-top: 0px;
	width:18px;
	margin-right: 2px;
}

.flat-bubble .data-items .data-item .icon.price-icon {
	margin-top: 0px;
	margin-right: 3px;
}

.empty-balcony,
.empty-terrace-balcony,
.empty-price,
.empty-rent-price {
	display:none;
}

.twod-dropdowns {
	position: relative;
	top:auto;
	left:auto;
	display:none;
	margin-top: 7px;
}

.building-select-text {
	font-family: Plus Jakarta Sans;
	font-size: 14px;
	font-weight: 400;
	line-height: 17.64px;
	text-align: left;
}

.dropdown-container {
	font-family: Plus Jakarta Sans;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	text-transform: none;
	margin-bottom: 10px;
	margin-right: 6px;
}

.dropdown-container .selected-item {
	padding-top:10px;
	border:0px none;
	box-shadow: 0px 0px 14px 0px #00000026;
	height:32px;
	padding-left:10px;
	white-space: nowrap;
}

.dropdown-container .selected-item::after {
	top: 14px;
	right: 8px;
}

.dropdown-container .dropdown-options .dd-item {
	padding-left: 10px;
	white-space: nowrap;
}

.controls3d .controls-zoom {
	bottom:62px;
	right:9px;
	position: fixed;
}

.controls3d .controls-zoom .zoom-in {
	margin-bottom: 2px;
}

.controls3d .controls-zoom .zoom-out {
	margin-top: 2px;
	margin-bottom: 0;
}

.controls3d .controls-zoom .zoom-in,
.controls3d .controls-zoom .zoom-out {
	display:block;
	width:35px;
	height: 35px;
	padding: 0;
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
	border-radius: 0px;
}

.controls3d .controls-zoom .zoom-in .icon svg,
.controls3d .controls-zoom .zoom-out .icon svg {
	display:none;
}

.controls3d .controls-zoom .zoom-in .icon,
.controls3d .controls-zoom .zoom-out .icon {
	display:block;
	width:15px;
	height: 15px;
	position: relative;
	position: absolute;
	top: 10px;
	left: 10px;
}

.controls3d .controls-zoom .zoom-in .icon:after,
.controls3d .controls-zoom .zoom-in .icon:before,
.controls3d .controls-zoom .zoom-out .icon:after {
	content:'';
	position: absolute;
	display:block;
}

.controls3d .controls-zoom .zoom-in .icon:after,
.controls3d .controls-zoom .zoom-out .icon:after {
	width:15px;
	height: 1px;
	top:7px;
	left:0px;
	background: rgba(30, 30, 30, 1);
	border-radius: 1px;
}

.controls3d .controls-zoom .zoom-in .icon:before {
	width: 1px;
	height: 15px;
	top: 0px;
	left: 7px;
	background: rgba(30, 30, 30, 1);
	border-radius: 1px;
}

/* temp */
#building_select {
	display:none !important;
}

@media screen and (max-width: 1099px) {
	.ws-content3d .left-content3d {
		height: 100%;
	}
	
	.controls2d .back-plot-select {
		color:#49565D;
		font-size:14px;
		font-weight: 400;
	}
	
	.controls2d .back-plot-select::before {
		border-color:#49565D;
	}
	
	.controls2d .back-plot-select::after {
		border-top-color:#49565D;
	}
	
	.controls2d .choose-floor-text {
		color:#49565D;
		max-width: none;
		font-size:14px;
		font-weight: 400;
	}
	
	.controls2d .choose-building-list {
		display:none;
	}
	
	.plot-select-text {
		max-width: none;
		font-family: Plus Jakarta Sans;
		font-size: 14px;
		font-weight: 400;
		color: #49565D;
	}
	
	.twod-dropdowns {
		display:flex;
		flex-flow: wrap;
	}
	
	#tooltippos2.floor-bubble .flat-num {
		border-bottom: 2px solid rgba(223, 223, 223, 0.92);
		margin-bottom:6px;
		padding-bottom: 10px;
	}
	
	.flat-bubble .data-items {
		  border-bottom: 2px solid #EAECEE;
		  margin-bottom: 6px;
	}
	
	#tooltippos2.floor-bubble .open-mobile,
	#tooltippos .open-mobile.available {
		display:block;
		order:4;
		min-width:130px;
		width:100%;
		padding: 4px 11px 5px;
	}
	
	#tooltippos2.floor-bubble .open-mobile:after,
	#tooltippos .open-mobile:after {
		border-color:#49565D;
		border-width: 1px 1px 0 0;
		top: 12px;
		right: 12px;
	}
	
	.flat-bubble {
		width:190px;
		padding:8px 9px;
	}
	
	.flat-bubble .flat-status {
		font-size:12px;
		font-weight: 400;
	}
	
	.flat-bubble .flat-status .flat-status-mark {
		width:12px;
		height: 12px;
	}
	
	.flat-bubble .flat-title {
		font-size: 16px;
		font-weight: 800;
		padding:1px 0 1px 0 2px;
	}
	
	.flat-bubble .data-items .data-item {
		font-size:12px;
		font-weight: 500;
	}
	
	.preview-plot-select {
		background: rgba(255, 255, 255, 0.6);
		border: 0.5px solid rgba(245, 247, 248, 1);
		max-width: calc(100% - 16px);
		backdrop-filter: blur(8px);
		padding:11px 30px 24px;
		width:400px;
		top:calc(50% + 28px);
	}
	
	.preview-rotate-plot-inner {
		display:flex;
		font-size: 12px;
        font-weight: 400;
        max-width: 200px;
        margin: 0 auto;
	}
	
	.preview-plot-select .preview-rotate-text {
		color: #415059;
		font-size:14px;
		font-weight: 400;
		margin-bottom: 4px;
	}
	
	.preview-plot-select .presentation-illustration-text {
		color: #415059;
		font-size:12px;
		font-weight: 400;
		padding-top: 5px;
	}
	
	.preview-rotate-plot-inner .preview-rotate-rotate {
		border:0px none;
		padding:10px 10px 15px;
        font-weight: 600;
	}
	
	.preview-rotate-plot-inner .preview-rotate-zoom {
		border:0px none;
		padding:10px 10px 15px;
        font-weight: 600;
	}
	
	.preview-rotate-plot-inner .preview-rotate-rotate .image-container .image {
		background-image: url(/images/metrodom/rotation.svg);
	}
	
	.preview-rotate-plot-inner .preview-rotate-zoom .image-container .image {
		background-image: url(/images/metrodom/zoom.svg);
	}
	
	.preview-plot-select .accept-preview-rotate {
		border: 1px solid #FFFFFF;
		color: #415059;
		font-size: 16px;
		font-weight: 400;
		background:rgba(255,255,255,0.1);
		padding:12px 20px 13px;

	}
}

@media screen and (max-width: 767px) {
	.preview-plot-select {
		width:calc(100% - 20px);
		max-width: 400px;
		padding:3px 5px;
	}
	
	.preview-plot-select .preview-rotate-text {
		margin-top:4px;
	}
	
	.preview-plot-select .presentation-illustration-text p {
		margin-top: 3px;
		margin-bottom: 3px;
	}
	
	.preview-rotate-plot-inner .preview-rotate-rotate {
		padding-bottom:10px;
		padding-top:5px;
	}
	
	.preview-rotate-plot-inner .preview-rotate-zoom {
		padding-bottom:10px;
		padding-top:5px;
	}
	
	.preview-plot-select .accept-preview-rotate {
		padding: 7px 20px 8px
	}
}