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

.fp-level { height: auto !important; display: none; transition: all 0.3s ease;}
.fp .container-fluid { padding:0; position:relative; }
.fp .content { position:relative; overflow:hidden; height: auto !important;}
.fp-preview { display: none; background:#FFF; width: 100%; position: absolute; top: 0%; left: 0%; transition: all 0.3s ease;} 
.fp .fp-plan {  margin-left:-0%; background:#FFF; opacity:.9; z-index:999998; padding: 15px; }
.fp .fp-plan.out { }
.fp .fp-plan-container { position:relative; display: flex; justify-content: center; height: auto !important;}
.fp .fp-plan-container img { max-width: 56vw;  max-height: 65vh; }
.fp .fp-plan-container .marker { position:absolute; display:inline-block; transition: all 0.1s ease;}
.fp .fp-plan-container .marker-photo { background: url(/resources-premium-tour/img/photo.png) center center no-repeat; background-size: 100% 100%; width: 27px; height: 27px;}
.fp .fp-plan-container .marker:hover { transition: all 0.1s ease; transform: scale(1.2); }
.fp .fp-plan-container .marker:hover .ball { transition: all 0.1s ease; box-shadow: 0 0 2rem 0 rgb(0 0 0 / 55%); }



.fp .fp-plan-container .marker .ball { 
	width: 55px; 
	height: 55px;  
	border-radius: 50%;
	box-shadow: 0 0 0.5rem 0 rgb(0 0 0 / 30%);
}
.glass-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/virtual-tour-cvt/images/globe-overlay.png); background-size: 100% 100%; opacity: 0.8;}

.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-sqft { display: none; 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; position: fixed; top: 10px; right: 20px; font-size: 30px; color: white; z-index: 999999; cursor: pointer; transition: all 0.2s ease; opacity: 0.7;}
.fp-fs-close:hover { transition: all 0.2s ease; opacity: 1;}
.fp-fs-open {  font-family: 'Lato'; display: none; 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-lightbox-img { display: none; }

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


.floorplans.viewer-open { height: 100vh; width: 100vw; position: fixed !important; top: 0; left: 0; z-index: 99999999; background: black !important;}
.floorplans.viewer-open .fp .fp-plan { background: black; }
.floorplans.viewer-open .fp-fs-open { display: none; }
.floorplans.viewer-open .fp-sqft { display: none; }
.floorplans.viewer-open .fp-header { display: none; }
.floorplans.viewer-open .fp-fs-close { display: block;  }
.floorplans.viewer-open .fp-lightbox-img { display: block; height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.floorplans.viewer-open .fp .fp-plan-container {  display: none; }
.floorplans.viewer-open .fp .fp-plan-container img { height: 500px; }
.floorplans.viewer-open .fp .fp-plan-container .marker .ball { width: 30px; height: 30px; }

.fp-levels-wrapper { background: white; }
.fp-corner-preview { opacity: 0; width: 0px; border: 9px solid white;  z-index: 999; box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%); position: relative; transition: all 0.7s ease; }
.fp-corner-preview img { width: 100%; max-width: 25vw; }
.fp-corner-preview a {    
	position: absolute;
    top: 10px;
    left: 10px;
    background-image: url(/virtual-tour-cvt/images/fullscreen-white.png);
    background-size: cover;
    width: 25px;
    height: 25px;
    cursor: pointer;
    opacity: 1;
 }



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

	.fp-corner-preview { width: 450px; }


}