.textColumn {
    margin: auto;
    width: 673px;
}

.wrapper.floorPlan{
    width: 673px;
    position: relative;
    margin: auto;
}


.wrapper.floorPlan .content{
	width: 673px;
	margin: auto;
	padding-bottom: 0px;
}
.wrapper.floorPlan .left{
	width: 180px;
	float:none;
	height: 300px;
}
.wrapper.floorPlan .right{
	width: 280px;
	height: 300px;
	position: absolute;
	right: 6px;
	top: 0;
	float:right;
}

.floorPlan .plan {
	width:673px;
	height: 818px;
	margin: auto;
	position: relative;
	/*
	transform-origin: 0% 0%;
    transform: scale(0.772, 0.772);
*/
}
.floorPlan .plan .outline{
	position: absolute;
	width:100%;
	height:818px;
	background: url(../images/plans/site1x/plan.png) no-repeat top left;
	background-size: 673px 818px;
	z-index:2;
	position: relative;
}
.floorPlan .plan .outline::after{
	display: block;
	content:'';
	width: 88px;
	height: 96px;
	position: absolute;
	left: 292px;
	bottom: 51px;
	background: url(../images/compass0.png) no-repeat center center;
}
.floorPlan.lang1 .plan .outline::after{
	background-image: url(../images/compass1.png);
}

.floorPlan .plan.floor1 .outline{ background-image: url(../images/plans/site2x/plan1.png); }
.floorPlan .plan.floor2 .outline{ background-image: url(../images/plans/site2x/plan2.png); }
.floorPlan .plan.floor3 .outline{ background-image: url(../images/plans/site1x/plan3.png); }
.floorPlan .plan.floor7 .outline{ background-image: url(../images/plans/site2x/plan7.png); }
.floorPlan .plan.floor8 .outline{ background-image: url(../images/plans/site2x/plan8.png); }
.floorPlan .plan.floor9 .outline{ background-image: url(../images/plans/site1x/plan9.png); }
/*English plans*/
.floorPlan.lang1 .plan .outline{ background-image: url(../images/plans/site1x/plan-eng.png); }
.floorPlan.lang1 .plan.floor1 .outline{ background-image: url(../images/plans/site1x/plan1-eng.png); }
.floorPlan.lang1 .plan.floor2 .outline{ background-image: url(../images/plans/site1x/plan2-eng.png); }
.floorPlan.lang1 .plan.floor3 .outline{ background-image: url(../images/plans/site1x/plan3-eng.png); }
.floorPlan.lang1 .plan.floor7 .outline{ background-image: url(../images/plans/site2x/plan7-eng.png); }
.floorPlan.lang1 .plan.floor8 .outline{ background-image: url(../images/plans/site2x/plan8-eng.png); }
.floorPlan.lang1 .plan.floor8 .outline{ background-image: url(../images/plans/site1x/plan9-eng.png); }

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){
	.floorPlan .plan .outline{ 		  background-image: url(../images/plans/site2x/plan.png); }
	.floorPlan .plan.floor1 .outline{ background-image: url(../images/plans/site2x/plan1.png); }
	.floorPlan .plan.floor2 .outline{ background-image: url(../images/plans/site2x/plan2.png); }
	.floorPlan .plan.floor3 .outline{ background-image: url(../images/plans/site2x/plan3.png); }
	.floorPlan .plan.floor8 .outline{ background-image: url(../images/plans/site2x/plan8.png); }
	.floorPlan .plan.floor9 .outline{ background-image: url(../images/plans/site2x/plan9.png); }
	/*English plans*/
	.floorPlan.lang1 .plan .outline{ background-image: url(../images/plans/site2x/plan-eng.png); }
	.floorPlan.lang1 .plan.floor1 .outline{ background-image: url(../images/plans/site2x/plan1-eng.png); }
	.floorPlan.lang1 .plan.floor2 .outline{ background-image: url(../images/plans/site2x/plan2-eng.png); }
	.floorPlan.lang1 .plan.floor3 .outline{ background-image: url(../images/plans/site2x/plan3-eng.png); }
	.floorPlan.lang1 .plan.floor8 .outline{ background-image: url(../images/plans/site2x/plan8-eng.png); }
	.floorPlan.lang1 .plan.floor8 .outline{ background-image: url(../images/plans/site2x/plan9-eng.png); }
}





.floorPlan .plan > div.substrate{
	position: absolute;
	background: #c5aa9b;
	z-index:1;
}


.floorPlan .plan > div.substrate.svg{
	background: none;
}

.floorPlan .plan > div.substrate.svg svg,
.floorPlan .plan > div.substrate.svg img{
	position: absolute;
	right:0;
	top:0;
	z-index:-1;
}
.floorPlan .plan > div.substrate.svg.flipX svg,
.floorPlan .plan > div.substrate.svg.flipX img{
	right:auto;
	left:0;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
}
.floorPlan .plan > div.substrate.svg.flipY svg,
.floorPlan .plan > div.substrate.svg.flipY img{
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
}
.floorPlan .plan > div.substrate.svg.flipX.flipY svg,
.floorPlan .plan > div.substrate.svg.flipX.flipY img{
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
    filter: FlipH;
    filter: FlipV;
}


.floorPlan .plan > div.substrate.bed2{	background: #d6c3b6;}
.floorPlan .plan > div.substrate.bed3{	background: #eaded7;}
.floorPlan .plan > div.substrate.sale0{	background: #e6e6e6 !important;}

.floorPlan .plan > div.substrate.reserved:not(.svg),
.floorPlan .plan > div.substrate.reserved.bed2:not(.svg),
.floorPlan .plan > div.substrate.reserved.bed3:not(.svg){
	background: #FF9F00 !important;
}

.floorPlan .plan > div.substrate.reserved.svg svg path{
	fill: #FF9F00;
	fill-opacity: 1;
}


.floorPlan .plan > div.substrate.penthouse13, .floorPlan .plan > div.substrate.penthouse14 {	background: #C5AA9B;}
.floorPlan .plan > div.substrate.penthouse12, .floorPlan .plan > div.substrate.penthouse15 {	background: #D6C3B6;}
.floorPlan .plan > div.substrate.penthouse11, .floorPlan .plan > div.substrate.penthouse16 {	background: #EADED7;}
.floorPlan .plan > div.substrate.penthouse10, .floorPlan .plan > div.substrate.penthouse17 {	background: #F7F0EC;}


.floorPlan .plan > a{
	position: absolute;
	z-index:3;
}
/*
.floorPlan .plan > a.sale1:not(.child)::after{
	display: block;
	content:'';
	height: 16px;
	width: 16px;
	background-color: #4caf50;
	border-radius: 8px;	
	position: absolute;
	left: 10px;
	top: 10px;
}
*/
.floorPlan .plan > a:not(.sale0):not(.svg).hover{
	background: rgba(165, 114, 84, 0.65);
}
.floorPlan .plan > a:not(.sale0):not(.child).hover:after{
	display: block;
	content: '';
	width: 33px;
	height: 22px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left:-17px;
	margin-top:-11px;
	background: transparent url(../images/eye.png) no-repeat center center;
}

.floorPlan .plan > div.substrate.retail{
	background: none;
}
.floorPlan .plan > a.retail,
.floorPlan .plan > a.retail.hover{
	background: none !important;
}
.floorPlan .plan > a.retail.hover:after{
	display: none !important;
}

.floorPlan .plan > a:not(.sale0) svg,
.floorPlan .plan > a:not(.sale0) img{
	position: absolute;
	right:0;
	top:0;
	z-index:-1;
	opacity:0;
}
.floorPlan .plan > a:not(.sale0).hover svg,
.floorPlan .plan > a:not(.sale0).hover img{
	opacity:1;
}
.floorPlan .plan > a:not(.sale0).flipX svg,
.floorPlan .plan > a:not(.sale0).flipX img{
	right:auto;
	left:0;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
}
.floorPlan .plan > a:not(.sale0).flipY svg,
.floorPlan .plan > a:not(.sale0).flipY img{
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
}
.floorPlan .plan > a:not(.sale0).flipX.flipY svg,
.floorPlan .plan > a:not(.sale0).flipX.flipY img{
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
    filter: FlipH;
    filter: FlipV;
}

.tooltipsList{
	display:none;
}
.ui-tooltip.highlight{
	padding:0;
	border:0;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
}
.ui-tooltip span.reserved{
	background-color: #FF9F00;
	color: #ffffff;
	position: absolute;
	right:7px;
	top: 7px;
	padding: 5px 8px 4px;
}
.tooltip{
	width:220px;
	padding: 20px 30px 30px;
	font-family: 'UniversLTCYR-45Light';
	font-size: 14px;
	line-height: 21px;
}
.tooltip .title{
	color: #9f6847;
	text-transform: uppercase;
}
.tooltip .size{
	color: #333333;
}
.tooltip .about,
.tooltip .palette{
	color: #777777;
	font-size: 13px;
}

.tooltip .thumbDiv{
	position: relative;
	margin-top: 10px;
}
.tooltip .thumbDiv img{
	--position: absolute;
}
.tooltip.flipX .thumbDiv svg,
.tooltip.flipX .thumbDiv img{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
}
.tooltip.flipY .thumbDiv svg,
.tooltip.flipY .thumbDiv img{
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
}

.tooltip.flipX.flipY .thumbDiv svg,
.tooltip.flipX.flipY .thumbDiv img{
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
    filter: FlipH;
    filter: FlipV;
}


.floorPlan .left .legend{
	position: absolute;
	left:0;
	top:73px;
	line-height: 28px;
}
.legend h4{
    color: #9f6847;
    font-size: 14px;
    letter-spacing: 0.0357em;
    line-height: 21px;
    padding: 0 0 5px;
    text-align: left;
    text-transform: uppercase;
}
.legend div.type{
	position: relative;
	padding-left: 26px;
}
.legend div.type:before{
	display: block;
	content:'';
	height: 16px;
	width: 16px;
	background-color: #c5aa9b;
	position: absolute;
	left: 0px;
	top: 5px;
}
.legend div.type.bed2:before{	background-color: #d6c3b6;}
.legend div.type.bed3:before{	background-color: #eaded7;}
.legend div.type.bed4:before{	background-color: #F6F1EE;}
.legend div.type.sale1:before{	background-color: #4caf50;}
.legend div.type.sale0:before{	background-color: #e6e6e6;}
.legend div.type.reserved:before{	background-color: #FF9F00;}

.legend div.type.penthouse4:before{	background-color: #C5AA9B ;}
.legend div.type.penthouse3:before{	background-color: #D6C3B6;}
.legend div.type.penthouse2:before{	background-color: #EADED7;}
.legend div.type.penthouse1:before{	background-color: #F7F0EC;}
.legend div.type.penthouse0:before{	background-color: #E6E6E6;}


.floorPlan .left .legend hr{
	width:100%;
	height:1px;
	background:#f0e7e2;
	margin:20px 0;
	border: none;
}
.legend div.wing span{
    color: #9f6847;
}
.floorSelector{
	width:280px;
}

.floorSelector .ui-button{
	display: block;
	float: right;
	margin: -2px 0 60px;
	border: 1px #d5c8c1 solid;
	border-radius: 0;
	font-size: 14px;
	background: #fff;
}
.floorSelector .ui-button:active{
	color: #000;
}

.floorSelector .ui-button .ui-selectmenu-text{
	font-size: 14px;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item {
	padding: 0;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper{
	font-size: 14px;
	padding: 0 12px 0 12px;
}
.ui-selectmenu-menu .ui-widget-content .ui-state-active{
    background: #9f6746 none repeat scroll 0 0;
    border: 1px solid #9f6746;
}
.ui-widget.ui-widget-content {
    border: 1px solid #d5c8c1;
}


.floorSelector .floors{
	position: absolute;
	top: 60px;
	width: 280px;
	height: 160px;
	background: url(../images/floors.png) no-repeat center center;
}
.floorSelector .floors.floor1{ background-image: url(../images/floors/1.png)}
.floorSelector .floors.floor2{ background-image: url(../images/floors/2.png)}
.floorSelector .floors.floor3{ background-image: url(../images/floors/3.png)}
.floorSelector .floors.floor4{ background-image: url(../images/floors/4.png)}
.floorSelector .floors.floor5{ background-image: url(../images/floors/5.png)}
.floorSelector .floors.floor6{ background-image: url(../images/floors/6.png)}
.floorSelector .floors.floor7{ background-image: url(../images/floors/7.png)}
.floorSelector .floors.floor8{ background-image: url(../images/floors/8.png)}
.floorSelector .floors.floor9{ background-image: url(../images/floors/9.png)}

.floorSelector .floors::after{
	display: block; 
	content: ""; 
	position:absolute;
	left:-20px;
	bottom:4px;
	z-index: 5;

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #b3866f;
}  
.floorSelector .floors.floor2::after{ bottom:20px; }
.floorSelector .floors.floor3::after{ bottom:36px; }
.floorSelector .floors.floor4::after{ bottom:52px; }
.floorSelector .floors.floor5::after{ bottom:67px; }
.floorSelector .floors.floor6::after{ bottom:82px; }
.floorSelector .floors.floor7::after{ bottom:98px; }
.floorSelector .floors.floor8::after{ bottom:113px; }
.floorSelector .floors.floor9::after{ bottom:134px; }

.floorSelector .floors img{
	display: block;
	width: 280px;
	height: 160px;
}
/*
.floorSelector .floors a:hover{
	background: #F0E7E2;
}
*/

@media screen and (min-width:1400px) {
	.wrapper.floorPlan{
		position: relative;
		width: 1370px;
	}
	
	.wrapper.floorPlan > .content {
	    width: 673px;
		margin: auto;
	}
	.wrapper.floorPlan .left{
		display: block;
		position: absolute;
		height:100%;
		width: 348px;
		float: left;
	}
	.wrapper.floorPlan .right{
		display: block;
		position: absolute;
		height:100%;
		width: 349px;
		float: right;
	}

	.floorPlan .plan {
	    transform: scale(1, 1);
		height:818px;
	}


	.floorSelector{
		position: absolute;
		right:0;
		top:80px;
	}
}



body.phone h2{
	border-bottom: 1px #f0e7e2 solid;
	border-top: 1px #f0e7e2 solid;
	position: relative;
}
body.phone h2:first-child{
	border-top: none;
}
body.phone .floor{
	padding: 20px 12px;
}
body.phone .floor img.plan{
	width:100%;
}
body.phone .floor img.floor{
	display: block;
	width:50%;
	float: right;
	padding: 0;
}
body.phone .floor .data{
	padding-top: 20px;
}
body.phone .floor .legend{
	display: block;
	width:50%;
	float: left;
	font-size: 11px;
	color: #424242;
}
body.phone .floor .legend .type,
body.phone .floor .legend .wing{
	padding-top:6px;
	padding-bottom:6px;
}

body.phone .floor.floor1 .legend .bed2,
body.phone .floor.floor1 .legend .bed3,
body.phone .floor.floor1 .legend .wing,
body.phone .floor.floor2 .legend .wing
{
	display: none;
}


body.phone h2 a{
	display: block;
	width: 40px;
	height: 60px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/mobile/next.svg) no-repeat center center;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
body.phone h2 a.next{
	left: auto;
	right: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
body.phone h2 a.disabled{
	opacity: 0;
}

body.checkTooltips .tooltipsList{
	display: block;
}
body.checkTooltips .tooltipsList .tooltip{
	display: inline-block;
}