/* floorplans */
#floorplan { display: block; background: #f2f2f2; background-size: cover; padding-top: 0px; position: relative; max-height: 900px; max-width: 100vw; margin: 0 auto;}
.floorplans { padding: 0; height: 54vw; }
.fp-header { padding: 25px; }

.fp-level { height: 100% !important; display: none;}
.fp .container-fluid { padding:0; position:relative; height:100% !important; }
.fp .content { position:relative; overflow:hidden;  height:100% !important; }
.fp-preview { background:#FFF; height: 100% !important; width: 100%; position: absolute; top: 0%; left: 0%; transition: all 0.3s ease;} 
.fp .fp-plan {  position:absolute; margin-left:-0%; background:#FFF; opacity:.9; z-index:999998;  max-height: 550px; height: 75%; position: absolute; top: 60px; left: 4%; padding-top: 20px; padding-bottom: 20px; transition: all 0.3s ease;}
.fp .fp-plan.out { }
.fp .fp-plan-container { position:relative;  height:100% !important; display: flex; justify-content: center;}
.fp .fp-plan-container img { max-width: 100%; max-height: 100%; height: 100%;}
.fp .fp-plan-container .marker { position:absolute; display:inline-block; width:27px; height:27px; }
.fp .marker-photo { background:url(/resources-premium-tour/img/photo.png) center center no-repeat; background-size:100% 100%; }
.fp .marker-pano { background:url(/resources-premium-tour/img/pano.png) center center no-repeat; background-size:100% 100%; }
.fp .floorplanPreview { -webkit-transition: background-image 2s ease-in-out; transition: background-image 2s ease-in-out; }

.fp-close { display: none; position:absolute; top: 0; left: 0; margin-left:-0%; z-index:999998;  width: 100%; padding: 15px; padding-left: 23px; padding-right: 45px;}

.floorplan-floor-btn-wrapper { background: #242424; color: #FFF; padding: 7px 37px 7px 20px;  position: relative; transition: all 0.2s ease;}
.floorplan-floor-btn-wrapper:hover { transform: scale(1.09); transition: all 0.2s ease; }
.floorplan-floor-btn { color: white !important; display: inline-block; z-index: 9999999; font: 400 normal 15px/21px 'Lato', sans-serif; margin-right: 6px;}
.floorplan-floor-btn img { height: 21px; filter: invert(1); margin-right: 10px;}
.floorplan-cover { margin-top: 40px; text-align: center; border-bottom: 1px solid black; padding-bottom: 2px;}
.floorplan-cover h2 { font: 300 normal 20px/32px 'Lato', sans-serif; font-weight: 400; color: black;}
.floorplan-btn-tt { padding: 5px; display: inline-block; position: absolute; top: 4px; right: 8px;}
.floorplan-btn-tt img { height: 17px; filter: invert(1); }
.floorplan-btn-tt img:hover { cursor: pointer; }


.fp-levels-wrapper { background: white; height: 488px; }
.fp-sqft { position: absolute; bottom: 10px; right: 10px;}
.fp-sqft a { cursor: pointer; color: black; font-weight: 500; }
.fp-sqft a:hover { color: blue; }
.fp-sqft-inner { background:#FFF; opacity: 1; z-index:999998; position: absolute; padding: 15px; top: 0; right: -300px; width: 300px; transition: all 0.2s ease;}
.fp-sqft-inner.in { opacity: 0; transition: all 0.2s ease;}
.fp-sqft-inner p {color: black; font-family: 'Arial'; font-weight: 300; text-align: center; margin: 0; margin-right: 3px; }
.fp-sqft-inner a { display: block; color: black; font-family: 'Arial'; font-size: 10px; font-weight: 300; text-align: center; margin: 0; }
.fp-fs-close { display: none; }
.fp-fs-open { font-family: 'Lato'; display: block; position: absolute; bottom: 10px; left: 10px; font-weight: 600; font-size: 18px; transition: all 0.1s ease; color: black; cursor: pointer; z-index: 999; }
.fp-fs-open:hover {  cursor: pointer; }
.fp-fs-open img { height: 25px;  }

.fp-fullscreen  .fp-plan { max-height: 700px; height: 80%; transition: all 0.3s ease;}

@media only screen and (max-width: 1470px) {
	#floorplan { max-height: 680px; }
	.fp .fp-plan {  position:absolute; margin-left:-0%; background:#FFF; opacity:.9; z-index:999998; max-height: 450px; height: 75%; position: absolute; top: 50px; left: 4%; padding-bottom: 30px; }
	.fp-fullscreen  .fp-plan { max-height: 580px; height: 90%;}
}