/*
    MPEmbed's Epic CSS File.
    
    0 CSS Errors
    Many CSS Warnings @ CSS Lint.
    
    My analysis of CSS Lint is:
	   - CSS Lint is not progressive.
	   - IE6 Support Warnings are not progressive.
	   - IE7 Support Warnings are not progressive.
	   - Styling #elements is awesome.
	   - Stylinmg adjoining classes is also awesome.
*/

@font-face{
	font-family:mp-font;
	src: url(fonts/mp-font.eot);
	src: url(fonts/mp-font.eot#iefix) format("embedded-opentype"),url(fonts/mp-font.ttf) format("truetype"),url(fonts/mp-font.woff) format("woff"),url(fonts/mp-font.svg#mp-font) format("svg");
	font-weight:400;
	font-style:normal 
}
@font-face{
	font-family:mp-font-new;
	src: url(fonts/mp-font-new.ttf) format("truetype"), url(fonts/mp-font-new.woff) format("woff"), url(fonts/mp-font-new.svg#mp-font-new) format("svg");
	font-weight:400;
	font-style:normal 
}

:focus, button::-moz-focus-inner, input::-moz-focus-inner {
	outline: 0 !important;
	border:0 ;
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
	cursor: pointer;
}

::-webkit-scrollbar {
	width: 7px;
	background-color: transparent;
	cursor: pointer;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ccc;
	cursor: pointer;
}
img {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*
 *  STYLE 5
 */
 html {
     overflow:hidden; /* Fix iOS Scrolling */
 }
 body {
	text-rendering: optimizeLegibility;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: flex;
	flex-flow: column;
	/*position: fixed;*/
	user-select: none;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: #222;
	overflow:hidden;
	font-family: "Open Sans", Lucida, "Helvetica Neue", Helvetica,Arial,sans-serif;
}

/* Loading Background */
body, 
#loading-gui div#loading-background { background-color: var(--background_color); }

body.locked, 
body.locked .gui, 
body.locked iframe#showcase { pointer-events: none; }
body.password iframe#showcase { pointer-events: all; }

body > svg { position: absolute; pointer-events: none; }

* {
	outline: 0 !important;
	box-sizing: border-box;
}
 h1, h2, h3, h4 {
	font-family: 'Titillium Web';
	padding: 0;
	line-height: 1;
	margin-bottom: 1em;
}
 a {
	text-decoration: none;
	color: #fff;
}
 a:hover {
	color: #4bcdfc;
}
hr {
	margin: 20px 0 10px 0;
	border: none;
	border-top: 1px solid #ccc;
	height: 0;
	box-sizing: content-box;
}
.gui-tint, #tabs [id^="tab"]:checked + label {
    background-color: rgba(0,0,0,0.5);
  	transition: all 0.5s ease;
}
.gui-tint-dark, .gui-tint-hover:hover {
    background-color: rgba(0,0,0,0.75);
}

#mpembed-ui {
	/*position: relative;*/
	height: 100%;
	width: 100%;
}
#showcasewrapper {
	/*display: flex;
	flex-flow: row;*/
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	transition: 0.75s all ease-in-out;
}
body.premium #showcasewrapper {
	top: 60px;
	height: calc(100vh - 60px);
	width: calc(100vw - 250px);
	/*width: 100%;*/
}
body.oops #showcasewrapper { /*display: none;*/ /*opacity: 0.25;*/ }
body.isPlaying #showcasewrapper { /*display: unset;*/ opacity: 1; }
body.loginMatterport #showcasewrapper { display: none; }
body.showcaseIsReady #showcasewrapper,
body.loginMatterport.isPrivateLoggedIn #showcasewrapper { display: unset; }


#showcase {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	border: 0;
	transition: filter 0.75s linear, margin 0.75s linear, height 0.25s ease, width 0.75s linear;
	pointer-events: none;
}
body.secured #showcase,
body.isPasswordProtected #showcase,
body.started #showcase {
	pointer-events: all;
}
body.hlcontent #showcase {
    pointer-events: none;
}
 body.initialView #showcase {
	transition: margin 0s linear, height 0s ease, width 0s linear;
}

/* Whitelabel Options */
body.whitelabel iframe#showcase {
	/*margin-top: -110px;
	height: calc(100% + 220px);*/
	transform: 0.5s all ease;
}
body.whitelabel #loading-logo, 
body.whitelabel .icon-matterport-brand {
	/*display: none;*/
}
#info {
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 999;
	height: 48px;
	text-shadow: 1px 1px 2px #000;
	width: 200px;
	cursor: pointer;
	color: #fff;
	white-space: nowrap;
	line-height: 1.6;
}
 .draggable {
	cursor: move;
}

#loading-header, #loading-subheader, #tour-title {
	z-index: 12 !important;
}
#loadinglogo {
	position: absolute;
	cursor: pointer;
	z-index: 11;
	opacity: 0.8;
	transition: bottom 1s;
    -webkit-transition: bottom 1s;
    -moz-transition: bottom 1s;
    -o-transition: bottom 1s;
}
#loadinglogo:hover {
	opacity: 1.0;
}
#loadinglogo img {
	display: block;
	margin: auto;
	max-width: 250px;
	max-height: 250px;
}

#loadinglogo.play {
	bottom: 10vh;
	z-index: 11;
}
#loadinglogo.play img {
	
}
#loadinglogo.full {
	bottom: 25vh;
/*
	display: flex;
    height: 100vh;
    width: 100vw;
*/
}
#loadinglogo.full img {
	max-height: 50vh;
	max-width: 50vw;
}

@media screen and (max-height: 400px) {
	#loadinglogo { display: none; }
}


#vertical-flex {
    position: absolute;
    display: flex; 
    flex-direction: column; 
    z-index: 2;
    pointer-events: none;
    height: 98%;
}

#model-title, #announcements, #highlight-reel-spacer {
    flex-direction: column;
 }
#model-title {
	flex: 1 1 auto;
	flex-grow: 1;
	position: relative !important;
	pointer-events: none;
	padding-top: 0px;
	top: auto;
	left: auto;
	overflow: hidden;
	min-width: 379px;
	max-width: calc(100vw - 40px);
	color: #fff;
	z-index: 5;
	font-weight: 100;
	font-size: 14px;
	word-wrap:break-word;
	opacity:1;
	user-select: none;
	cursor: default;
	opacity: 0;
	padding-bottom: 10px;
    min-height: 45vh;
    max-height: calc(60vh + 100px);
    /*background-color: blue;*/
}

body.started #model-title {
    display: flex;
    pointer-events: none;
}

body.started.stats #model-title,
body.started.hdir #model-title, 
body.started.mdir #model-title, 
body.started.premium #model-title,
body.started.details #model-title {
	display: block !important;
	opacity: 1;
}

/* Use of title=0 */
body.started.title0 .main-title-row {
  display: none !important;
} 
body.started.title0 .details-row {
  margin-top: -49px !important;
}
/* Policy Reversal */
body.started.title.details .main-title-row {
  display: initial;
} 
body.started.title #model-title .details-row {
  margin-top: 1px;
}
body.started.title0 #model-title { 
  display: nones !important;
}

/* 
.gui: #compass, #nhr, #model-title, #minimap, #win-size-grip, #minimapbuttons, #map-toggle
.guimap: #map-toggle, #minimap, #win-size-grip, #minimapbuttons

*/

/* body.yt .gui, */
body.clean .gui, body.clean .guimap,
body.blur .gui, body.guidedtour .gui,
body.blur #minimapholder, body.blur #minimapinner,
body.batchmode .gui, body.batchmode .guimap,
body.helpModal .gui,
body.minimaphidedollhouse.dollhouse .guimap,
body.minimaphidefloorplan.floorplan .guimap,
body.minimaphide360views.outside .guimap,
body.guidedtour.guidedtourpanel .gui,
body.guidedtour.guidedtourpanel #model-title 
 {
    pointer-events: none !important;
	opacity: 0 !important;
}

body.blur .main-title-row {
	display:none!important;
}

body #footer.noblur,
body.guidedtour.nofade .gui {
	opacity: 1 !important;
}
/*
body.lockui #model-title,
body.blur.minimap-on .guimap {
	opacity: 1 !important;
	pointer-events: auto !important;
}*/
body.infocolumn.blur #model-title, body.infocolumn.blur #details-row {
	display: block !important;
	opacity: 1 !important;
}
/* Hide Branding */
body.brand #details-row, body.brand .co-brand, body.brand #summary, body.brand .co-brand,
body.mls .co-brand, body.mls #summary { 
	display: none; 
}
body.mls #main-title .co-brand.branded {
	display: none;
}
body.blur div.controls, body.blur #drawer-container {
  pointer-events: none;
}
body.mls2 #model-title {
	opacity: 0 !important;
}


/* Override in Premium */
body.premium.mls .co-brand, body.premium.mls #summary { display: block; }
body.premium.mls #main-title .co-brand.branded {
	display: block;
}
body.premium.mls2 #model-title {
	opacity: 0.75 !important;
}



#title-row, .details-row {
    pointer-events: auto;
}
body.blur #title-row, body.blur .details-row {
    pointer-events: none;
}

#model-title .title-row {
	height:50px 
}
.main-title-row {
    width: calc(100% - 20px);
    /*width: 359px;*/
}
#model-title.Collapsed .main-title-row,
#model-title.Collapsed #main-title-wrapper,
#model-title.Collapsed #main-title,
#model-title.Collapsed .details-row,
#model-title.Collapsed #logo,
#model-title.Collapsed #hint
#model-title.Collapsed #gui-name,
#model-title.Collapsed #summary-wrapper,
body.mpPanelLeft #vertical-flex {
	pointer-events: none;
}

#message-toggle, #title-toggle {
	float:left;
	text-align:center;
	width:20px;
	height:50px;
	line-height:50px;
	font-size:10px;
	cursor: pointer;
	pointer-events: all;
}
body.nopanel:not(.premium) #model-title { display: none !important; }

#message-toggle, #title-toggle .menuicon {
	max-width: 10vw;
	max-height: 10vh;
}

#poweredby-logo { max-height: 100px; }

#message-container {
	padding-right: 10px;
	/*width: 379px;*/
}

#message {
	min-height: 50px;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}


/*
#title-toggle:after {
	content:'';
	position:absolute;
	top:-10px;
	bottom:-10px;
	left:-10px;
	right:-10px;
}*/
#main-title-wrapper {
	cursor: pointer;
	position: relative;
	overflow:hidden;
	height:50px;
	/*max-width:360px;*/
	pointer-events: auto;
}
body.titledefault #main-title-wrapper { pointer-events: none; }
#main-title {
	padding:16px 10px 0;
	min-width: 339px;
    /* Watch */
	min-height:50px;
	display: block;
	white-space:nowrap;
	margin-left:1px;
	position:relative;
	right:0;
	transition: right .33s ease;
}

.Collapsed #summary-details, 
.Collapsed #mattertag,
.Collapsed #main-title {
	right: 200%;
}

body.mls #main-title {
  padding: 7px 10px 0;
}

#main-title .co-brand{
	color:hsla(0,0%,100%,.7);
	font-size:12px;
	line-height:14px;
	overflow:hidden;
	position:absolute;
	top:10px;
	text-overflow:ellipsis;
	width:294px 
}
#main-title .co-brand.branded {
	display: block;
	padding-right: 30px;
}
#main-title .co-brand .title{
	color:#fff 
}
#hint{
	position:absolute;
	font-size: 10px;
	right: 10px;
	top: 4px;
	cursor: pointer;
	pointer-events: all;
}
#gui-name {
	font-size:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%;
	height:100%;
	line-height:36px;
	max-width: 400px;
}
.noCoBrand #gui-name {
	line-height: 18px;
}
#model-title .details-row{
	margin-top: 1px;
}
#summary-wrapper{
	margin-left:20px;
	/*max-width:359px;*/
	transition: opacity 0.5s ease;
}
#summary-wrapper {
	opacity: 0;
	pointer-events: none;
}
#summary-wrapper.expanded {
	opacity: 1;
	pointer-events: all;
}
body.blur #summary-wrapper.expanded {
	pointer-events: none;
}
#summary {
}
#summary .fas {
	font-size: 18px;
	margin-right: 5px;
}
#mattertag {
	transition: right .33s ease;
}
#mattertag p, h3 {
	padding: 10px;
	margin: 0;
}
#mattertag p {
	white-space: pre-wrap;
}
#mattertag img {
	width: 100%;
	height: auto;
}
#mattertag .closetag {
	display: block;
	text-align: left;
	line-height: 40px;
	cursor: pointer;
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 20px;
}
#summary-details, #mattertag {
	/*max-width: 358px;*/
	margin-left:1px;
	position:relative;
	right:0;
	user-select:text;
	transition: all .33s ease 
}
#summary-details .contact-block{
	position:relative;
	display:inline-block 
}
#summary-details .contact-block .icon-user{
	position:absolute;
	top:3px;
	left:0 
}
#summary-details .contact-block .contact-data{
	overflow:hidden;
	text-overflow:ellipsis;
	display:inline-block;
	line-height: 19px;
}
#summary-details .contact-block .contact-data #email{
	color:#fff 
}
#summary-description{
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom:10px;
	font-size: 14px;
	line-height: 1.5;
	word-wrap:break-word;
	white-space:pre-wrap 
}
#model-title #detailimage {
	display: block;
	/*max-height: calc(100vh - 280px);*/
	overflow: hidden;
/*	padding-bottom: 6px; */
}
#model-title #detailimage img {
	max-width: 100%;
	height: auto;
	margin-bottom: 6px;
}
#detailimage audio { width: 100%; }
#detailimage model-viewer { display: block; width: 300px; height: 225px; }
#detailimage span.nomedia { display: none; }
#detailimage iframe.embedly-embed { width: 100%; height: 100%; }

#share-link{
	white-space:nowrap;
	position:relative 
}
#share-link .icon-mt-link{
	position:absolute;
	top:11px;
	left:0 
}
#share-link>div{
	width:calc(100vh - 25px);
	overflow:hidden;
	margin-left:20px;
	text-overflow:ellipsis 
}
#share-link>div>*{
	margin-right:.4em 
}
#share-link>div a{
	color:#fff;
	text-decoration:underline 
}

#logo {
	display: none;
}
 body.logo #logo {
	display: block;
	position: absolute;
	top: 12px;
	left: 6px;
	max-width: 32px;
	width: 100%;
	height: auto;
}
 body.logo #logo img {
	width: 100%;
	height: auto;
}
body.logo .co-brand {
	left: 44px;
	width: 250px;
}
 body.logo .titleText {
	padding-left: 34px;
}
 [class*=" icon-"], [class^="icon-"] {
	display: inline-block;
	font-family: mp-font !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
 .icon-dollhouse::before {
	content:"\E90D" 
}
 .icon-floorplan::before {
	content:"\E90E" 
}
 .icon-play::before {
	content: "\E912";
}
 .icon-pause::before {
	content: "\E913";
}
 .icon-floor-controls::before {
	content: "\E90C";
}
 .icon-room-controls::before {
	font-family: 'Font Awesome 5 Pro';
	content: "\F1B2";
}
 .icon-inside::before, .icon-panorama::before {
	content: "\E911";
}
 .icon-tour::before {
	content: "\E914";
}
 .icon-mattertag::before {
	content: "\E905" 
}
 .icon-feedback::before{
	content:"\E900" 
}
 .icon-link::before{
	content:"1" 
}
 .icon-email::before{
	content:"\E90A" 
}
 .icon-twitter::before{
	content:"f" 
}
 .icon-facebook::before{
	content:"g" 
}
 .icon-pinterest:before {
	content: "\E901";
}
 .icon-linkedin:before {
	content: "\E902";
}
 .icon-dpad-down::before{
	content:"\E601" 
}
 .icon-dpad-right::before{
	content:"\E602" 
}
 .icon-pin::before{
	content:"\E609" 
}
 .icon-user::before{
	content:"\E60C" 
}
 .icon-dpad-up::before{
	content:"\E60D" 
}
 .icon-dpad-left, .icon-dpad-right {
	line-height: 50px;
}
 .icon-dpad-left::before{
	content:"\E60E" 
}
 .icon-mt-link::before{
	content:"\E907" 
}

.icon-360::before,
.icon-outside::before {
	content: "\E906";
}
.icon-image::before {
	font-family: 'Font Awesome 5 Pro';
    content: "\f302";
}
.icon-audio::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f028";
}
.icon-video::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f03d";
}
.icon-pdf::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f1c1";
}
.icon-model3d::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f1b3";
}
.highlight-youtube .icon-video::before {
	font-family: "Font Awesome 5 Brands";
    content: "\f167";
}
.icon-matterport::before {
    font-family: 'mp-font-new';
    content: "\00bd";
}
.icon-vimeo::before {
    font-family: 'mp-font-new';
    content: "\f40a";
}
.icon-unknown::before {
	font-family: 'mp-font-new';
    content: "\f87c";
}

#sanity, #settings, #panoActions {
	display: none;
}
#flipbtn {
	display: none;
}
 body.flipbtn #flipbtn {
	display: inline-block;
}
 body.flip #hr ul li img {
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
 body.flip #minimap {
	transform: scaleX(-1);
}
iframe.flip1, #loading-background.flip1 {
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
 iframe.flip2, #loading-background.flip2 {
	transform: scaleY(-1);
	filter: FlipY;
	-ms-filter: "FlipY";
}
 iframe.flip3, #loading-background.flip3 {
	transform: scale(-1,-1);
	filter: FlipX, FlipY;
	-ms-filter: "FlipX","FlipY";
}
#bgmusic, #bgspeech, #filtersoff, #lockui, #measurements3d, #mattertagtoggle, #snapshots, #mode-defurnish, #cc {
  display: none;
  transition: transform 0.5s ease;
}
#fixmusicauto { display: none }
body.play.bgmusic #fixmusicauto { position: absolute; z-index: 100000; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0 }

body.snapshots #snapshots, 
body.mattertagtoggle #mattertagtoggle,
body.mode-defurnish #mode-defurnish {
  display: inline-block;
}
#mattertagtoggle.on,
#measurements3d.on,
#bgmusic.on,
#bgspeech.on,
#filtersoff.on,
#lockui.on {
  color: #05ABCF;
  animation-name: bounce; 
  animation-duration: 1s; 
  animation-fill-mode: both;
}
@keyframes bounce {
   0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
   40% {transform: translateY(-10px);} 
   60% {transform: translateY(-5px);} 
} 

#filtersoff.on:after {
    text-decoration: line-through;
}
body.bgmusic #bgmusic, body #bgspeech, body.measurements3d #measurements3d {
	display: inline-block;
}
#filtersoff, #lockui {
    display: none;
}
body.premium #lockui,
body.premium #filtersoff {
    display: inline-block;
    display: none; /* Disabled 2022-05-07  */
}
#filtersoff {
  opacity: 1;
  transition: all 0.33s ease;
}
/*
#filtersoff.off {
  opacity: 0;
  touch-events: none;
}
*/

/* Avoid sticky :hover on iOS */
@media (hover: none) {
    body div#bgmusic:not(ison)[data-balloon]:hover:after { opacity: 0; }
}


#minimap {
	pointer-events: none;
	position: absolute;
	padding: 0px;
	top: 0px;
	right: 20px;
	z-index: 10;
	line-height: 0;
	width: 128px;
	min-width: 128px;
	max-width: 128px;
	max-height: 128px;
	height: auto;
	opacity: 0.65;
	border-radius: 0;
	display: none;
	text-align: right;
	user-select: none;
	overflow: hidden;
	transition: all .5s ease;
	cursor: pointer;
}

@media (max-width:530px) {
	#minimap {
		z-index:1;
	}
}


 body.started.minimap #minimap {
	display: block;
}
/* Scale UI not on mobile */
@media (min-width:560px) {
	body.started.minimap.scaleui #minimap {
		transform-origin: top right;
		transform: scale(var(--scaleui), var(--scaleui));
	}
}
#minimap.closed /* #minimapinner */ {
	right: -120%;
}
#map-toggle {
	cursor: pointer;
	pointer-events: auto;
	display: none;
	opacity: 0;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #fff;
	float:right;
	text-align:center;
	width:20px;
	height:50px;
	line-height:50px;
	font-size:10px;
	transition: opacity 0.5s ease;
	z-index: 99;
}
#map-toggle:after {
	content:'';
	position:absolute;
	top:-10px;
	bottom:-10px;
	left:-10px;
	right:-10px;
}
#map-toggle.on {
	opacity: 1;
}
 .minimap #map-toggle {
	display: block;
}
#win-size-grip {
	position: absolute;
	z-index: 999;
	width: 16px;
	height: 16px;
	padding: 4px;
	transform: scaleX(-1);
	cursor: nesw-resize;
	background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/wingrip.png) no-repeat;
	display: none;
}
#win-size-grip:after {
  content: ' ';
  padding: 20px;
}
#minimapbuttons {
	position: absolute;
	z-index: 999;
	color: #fff;
	width: 20px;
	display: none;
	top: 72px;
	right: 0px;
	box-sizing: border-box;
	opacity: 0;
	transition: 0.5s opacity ease;
}

body.minimap.started:not(.preloadcontent) #minimapbuttons,
body.minimap.started.contentloaded #minimapbuttons,
body.minimap.started:not(.preloadcontent) #map-toggle,
body.minimap.started.contentloaded #map-toggle {
	opacity: 1;
	display: block;
}
#minimapbuttons button {
	cursor: pointer;
	display: none;
	font-size: 0.8rem;
	background: transparent;
	color: #fff;
	width: 100%;
	height: 40px;
	transition: all 0.25s ease-in-out;
	text-shadow: 1px 1px 2px #000;
	border: 0;
	margin: 0;
	padding: 0;
}
body.minimaploaded #minimapbuttons button {
	display: block;
}
#minimapbuttons button:hover, #minimapbuttons button.on {
  	color: #4bcdfc;
}
body.minimaploaded button#minimapnav, 
body.minimaploaded button#minimapcw, 
body.minimaploaded button#minimapccw {
	display: none;
}
body.minimaploaded.minimaprotation button#minimapcw, 
body.minimaploaded.minimaprotation button#minimapccw,
body.minimaploaded.minimapnavbutton button#minimapnav {
	display: block;
}
#maptab {
	display: none;
}
#minimap.on {
	opacity: 1;
	max-width: calc(100vw - 412px - 20px);
	max-height: 512px;
	width: 384px;
	z-index: 100;
	cursor: default;
	background: rgba(36,36,36,.9);
}
body.premium #minimap.on {
	max-width: calc(100vw - 412px - 20px - 250px);
}
body.isMobile #minimap.on {
	max-width: calc(100vw - 80px);
}

body.minimaphq.premium #minimap.on {
  max-width: calc(100vw - 690px);
  max-height: calc(100vh - 359px);
}
body.isMobile #mininmap.on {
	max-width: 512px;
	max-height: 512px;
}
#minimap.fixed {
	opacity: 1 !important;
}
#minimapinner {
	transition: all 1s ease;
	pointer-events: auto;
	display: inline-block;
	position: relative;
	line-height: 0;
	background: transparent;
}
#minimapholder {
	overflow: hidden;
}
#mapbg {
	pointer-events: none;
	position: absolute;
	padding: 0px;
	top: 0px;
	right: 0px;
	z-index: 1;
	line-height: 0;
	width: 100%;
	height: auto;
	opacity: 0.5;
	border-radius: 0;
    /* transition: all 0.25s ease-in-out;
	*/
	display: none;
	text-align: right;
	user-select: none;
	overflow: hidden;
	transition: all .5s ease;
	cursor: pointer;
}

#mapbg.customMinimap {
 	opacity:0;
}

#minimapholder, #minimap img, #mapbg img {
	max-width: 100%;
    /* max-height: calc(100vh - 120px);
	*/
	width: auto;
	height: auto;
	text-shadow: 1px 1px 2px #000;
}
#mapbg {
	z-index: -1;
}
#mapbg img {
	opacity: 0.5;
}
#hotspots {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	font-size: 10px;
	opacity: 0;
	display: none;
	transition: opacity 0.5s ease;
}
#minimap.on #hotspots {
	opacity: 1;
	display: block;
	/*display: contents;*/
	/* position: initial; */
}
#hotspots:after {
	display: block;
	content: '';
}
#mapWalker {
	display: none;
	font-size: 1rem;
	background-color: #05ABCF;
	border: 2px solid rgba(255, 255, 255, 0.79);
	opacity: 1 !important;
	z-index: 100;
	transition: 0.33s ease;
}
#mapWalker i {
	font-size: 1rem;
}
body.hotspots #mapWalker {
    /* Uh oh */
}
#hotspots .mattertag, #hotspots .pano, #hotspots .label, #mapWalker {
	outline: 0;
	color: #fff;
    /* For the arrow */
	display: none;
	cursor: pointer;
	position: absolute;
	padding: 0 0;
	margin: -0.5rem 0 0 -0.5rem;
	width: 1rem;
	height: 1rem;
	border: 2px solid rgba(255, 255, 255, 0.79);
	border-radius: 50%;
	box-sizing: content-box;
	background-color: #05ABCF;
	font-size: 0.5rem;
    /* For Arrow */
	line-height: 1;
    /* For Arrow */
    /*transition: all 0.33s;
	*/
	opacity: 1;
}
#hotspots .mline {
    display: none;
    visibility: hidden;
    position: absolute;
    width: 100%;
    color: yellow;
    border-top: 0px solid yellow;
    height: 8px;
    background-color: none;
    transform-origin: 0 0 0;
    pointer-events: none;
    margin-top: -4px;
    background-image: url('Circ.svg'), url('Circ.svg'), url('Line.png');
    background-position: left center, right center, left center;
    background-repeat: no-repeat, no-repeat, repeat-x;    
    background-size: 8px 8px, 8px 8px, 100% 2px;
}
#hotspots .mcaption {
    display: none;
    visibility: hidden;
    pointer-events: none;
    z-index: 100;
    position: absolute;
    background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 2px 4px;
    line-height: 1.4;
	transform: translate(-50%,-50%);
    transform-origin: 0 0 0;
	text-align: center;
	max-width: 100px;
	opacity: 0;
	transition: opacity 0.5s ease;
}
body.measurements #hotspots:hover .mcaption {
    opacity: 1;
}

body.measurements #hotspots .mline,
body.measurements #hotspots .mcaption {
    visibility: visible;
    display: inline-block;
}
body.minimapnopano #hotspots .pano {
	opacity: 0.01;
}
#hotspots .mattertag {
	border: 0;
	visibility: hidden;
}
 body.minimaptags #hotspots .mattertag {
	visibility: visible;
	display: unset !important;
}
#hotspots .mattertag span {
	font-size: 0.8rem;
}
#hotspots .pano span.number {
	display: none;
}
 body.hotspotnumbers #hotspots .pano span.number {
	display: inline-block;
}
#hotspots .pano.hovered {
	background-color: #f00 !important;
}
body.hotspots #hotspots .pano, body.hotspots #mapWalker {
	width: 0.5rem;
	height: 0.5rem;
	margin: -5px 0 0 -5px;
	border: 2px solid rgba(255, 255, 255, 0.79);
	font-size: 0.5rem;
    /* For Arrow */
	line-height: 1;
    /* For Arrow */
}
 body.hotspots #mapWalker i {
	font-size: 0.5rem;
}
 body.hotspots #hotspots .pano:hover {
	z-index: 99;
}
 body.hotspots .pano.otherFloor {
	width: 0.3rem;
	height: 0.3rem;
	border: 1px solid rgba(255, 255, 255, 0.79);
}
/* Hidden w/Premium */
#hotspots .pano.hidden.active, #hotspots .pano.hidden.active2 {
	display: block !important;
	background: rgba(255,255,255,.5);
}
/* Uses CSS added via PHP */
 body.fadehotspots #hotspots .pano {
	opacity: 0;
}
body.isMobile.fadehotspots #hotspots .pano,
body.fadehotspots #hotspots .pano.active {
	opacity: 1;
}
 body.fadehotspots #hotspots:hover .pano {
	opacity: 1;
	z-index: 99;
}
#hotspots .pano i:after, #hotspots .mattertag i:after, #mapWalker i:after {
	content:'';
	position:absolute;
	top:-5px;
	bottom:-5px;
	left:-5px;
	right:-5px;
}
#hotspots .label {
	transform: translate(-50%,-50%);
	background-color: rgba(0,0,0,.8);
	color: #fff;
	width: auto;
	height: auto;
	border: none;
	padding: 2px;
	border-radius: 3px;
	opacity: 0;
	transition: opacity 0.33s;
	z-index: 100;
	font-size: 10px;
	text-transform: uppercase;
}
#hotspots:hover .label {
	opacity: 1;
	display: block;
}
 .label, .pano, .measurement, .mattertag {
	transition: opacity 0.33s, background-color 0.5s;
}
 .label svg, .pano svg {
	color: #fff;
	font-size: 1rem;
}
 body.hotspots .pano svg {
	color: #fff;
	font-size: 0.5rem;
}
 body.hotspots .pano .svg-inline--fa {
	vertical-align: 0.875em;
}
 body.hotspots .pano.active svg {
	font-size: 1rem;
	vertical-align: -0.125em;
}
#hotspots:hover .label:hover {
	opacity: 0;
}
#hotspots .pano.active, #hotspots .pano.active:hover {
	background-color: #05ABCF;
	border: 2px solid rgba(255, 255, 255, 0.79);
	opacity: 1 !important;
	z-index: 99;
}
#hotspots button:hover {
	z-index: 99;
    /* Fix labels */
}
#hotspots .pano:hover, #hotspots .pano.active, #mapWalker {
	background-color: orangered;
	border: 2px solid rgba(255, 255, 255, 1);
}
#svg-filter {
	display: none;
}
body.isFirefox.filterperformance #showcase, 
body.isFirefox.filterperformance #showcasewrapper, 
body.filtersoff #showcase, body.filtersoff #showcasewrapper{
	filter: none !important;
}

.filter-normal {
	filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg) invert(0%) sepia(0%) blur(0px);
}
.filter-favorite {
    /* filter: brightness(115%) saturate(115%); */
	filter: brightness(115%) contrast(100%) saturate(115%) hue-rotate(0deg) invert(0%) sepia(0%) blur(0px);
}
.filter-desaturatemore {
    /* filter: saturate(50%) brightness(115%); */
	filter: brightness(115%) contrast(100%) saturate(50%) hue-rotate(0deg) invert(0%) sepia(0%) blur(0px);
}
.filter-desaturate {
    /* filter: saturate(75%) brightness(115%); */
	filter: brightness(115%) contrast(100%) saturate(75%) hue-rotate(0deg) invert(0%) sepia(0%) blur(0px);
}
.filter-saturate {
    /* filter: saturate(125%); */
	filter: brightness(100%) contrast(100%) saturate(125%) hue-rotate(0deg) invert(0%) sepia(0%) blur(0px);
}
.filter-oversaturate {
    /* filter: saturate(150%); */
	filter: brightness(100%) contrast(100%) saturate(150%) hue-rotate(0deg) invert(0%) sepia(0%) blur(0px);
}
.filter-blackandwhite {
    /* filter: saturate(0%); */
	filter: brightness(100%) contrast(100%) saturate(0%) hue-rotate(0deg) invert(0%) sepia(0%) blur(0px);
}
.filter-invert {
    /* filter: invert(100%) */
	filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg) invert(100%) sepia(0%) blur(0px);
}
.filter-hueshift90 {
    /* filter: hue-rotate(90deg); */
	filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(90deg) invert(0%) sepia(0%) blur(0px);
}
.filter-hueshift180 {
    /* filter: hue-rotate(180deg); */
	filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(180deg) invert(0%) sepia(0%) blur(0px);
}
.filter-hueshift270 {
    /* filter: hue-rotate(270deg); */
	filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(270deg) invert(0%) sepia(0%) blur(0px);
}
.filter-lightenless {
	filter: brightness(120%) contrast(100%) saturate(100%) hue-rotate(0deg) invert(0%) sepia(0%) blur(0px);
}
.filter-lighten {
	filter: brightness(140%) contrast(100%) saturate(100%) hue-rotate(0deg) invert(0%) sepia(0%) blur(0px);
}
.filter-lightenmore {
	filter: brightness(160%) contrast(100%) saturate(100%) hue-rotate(0deg) invert(0%) sepia(0%) blur(0px);
}
.filter-sepia {
	filter: brightness(140%) contrast(100%) saturate(100%) hue-rotate(0deg) invert(0%) sepia(50%) blur(0px);
}
.filter-darken {
	filter: brightness(90%) contrast(110%) saturate(100%) hue-rotate(0deg) invert(0%) sepia(0%) blur(0px);
}
.filter-darkenmore {
	filter: brightness(75%) contrast(125%) saturate(100%) hue-rotate(0deg) invert(0%) sepia(0%) blur(0px);
}
.filter-reduceyellow {
	filter: url(#reduceyellow);
	filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg) invert(0%) sepia(0%) blur(0px);
}
.filter-reduceyellowdarken {
	filter: url(#reduceyellow);
	filter: brightness(80%) contrast(100%) saturate(100%) hue-rotate(0deg) invert(0%) sepia(0%) blur(0px);
}
#tabs {
	width: 100%;
	padding: 0;
	float: none;
	list-style: none;
	position: relative;
	text-align: left;
	margin: 0;
	white-space: nowrap;
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
}
#tabs > li {
	float: left;
	display: flex;
	white-space: normal;
}
#tabs input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: -9999px;
}
#tabs label.tab {
	padding: 8px 8px;
	border-radius: 2px 2px 0 0;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
	cursor: pointer;
	position: relative;
	top: 0px;
	transition: all 0.2s ease-in-out;
	user-select: none;
}
#tabs .tab {
  display: none;
}

body.premium li#premium .tab, 

body.details.premium li#details .tab, 
body.details.mdir li#details .tab, 
body.details.hdir li#details .tab, 
body.details.\33 ddir li#details .tab, 
body.details.status li#details .tab, 

body.mdir.premium li#mdir .tab,
body.mdir.details li#mdir .tab,
body.mdir.hdir li#mdir .tab,
body.mdir.\33 ddir li#mdir .tab,
body.mdir.stats li#mdir .tab,

body.hdir.premium li#hdir .tab, 
body.hdir.details li#hdir .tab, 
body.hdir.mdir li#hdir .tab,
body.hdir.\33 ddir li#hdir .tab,
body.hdir.stats li#hdir .tab, 

body.\33 ddir.premium li#\33 ddir .tab, 
body.\33 ddir.details li#\33 ddir .tab, 
body.\33 ddir.mdir li#\33 ddir .tab,
body.\33 ddir.hdir li#\33 ddir .tab,
body.\33 ddir.stats li#\33 ddir .tab, 

body.stats.premium li#stats .tab, 
body.stats.details li#stats .tab, 
body.stats.mdir li#stats .tab, 
body.stats.hdir li#stats .tab, 
body.stats.\33 ddir li#stats .tab {
	display: block;
}

body.mdir.hdir li#mdir .closetab,
body.mdir.details li#mdir .closetab,
body.mdir.premium li#mdir .closetab,
body.mdir.stats li#mdir .closetab,

body.hdir.mdir li#hdir .closetab,
body.hdir.details li#hdir .closetab,
body.hdir.premium li#hdir .closetab,
body.hdir.stats li#hdir .closetab,

body.details.hdir li#details .closetab,
body.details.mdir li#details .closetab,
body.details.premium li#details .closetab,
body.details.status li#details .closetab,

body.stats.hdir li#details .closetab,
body.stats.mdir li#details .closetab,
body.stats.premium li#details .closetab,
body.stats.details li#details .closetab {
	display: inline-block;
}


#tabs .tab-content {
	z-index: 2;
	display: none;
	width: 100%;
	font-size: 14px;
	line-height: 25px;
	padding: 10px;
	position: absolute;
	left: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	user-select: none;
    /* Non-prefixed version, currently supported by Chrome and Opera */
}
#tabs .tab-content .closetab {
 	display: none !important;
	opacity: 0;
	position: absolute;
	/*top: 8px;
	right: 8px;*/
	top: -5px;
	right: -5px;
	transition: all 0.5s ease;
	cursor: pointer;
	z-index: 9;
}
#tabs .tab-content:hover .closetab {
	opacity: 1;
}

 
#tabs .tab-content ul, #tabs .tab-content ol {
	list-style: none;
	padding: 0;
	padding-right: 6px;
}
#tabs .tab-content li {
	cursor: pointer;
}

body:not(.nopanel) #tabs [id^="tab"]:checked ~ [id^="tab-content"] { display: block; }
body.premium #tabs [id^="tab"]:checked ~ [id^="tab-content"] { display: block; }

#tabs select {
	max-width: 100%;
}

/* Scrollbar */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}


#hl {
/*
  Soring with Flexbox would have been a better idea by my sort 
  jQuery plugin doesn't work with it and I'd rather stay the course
  for browser compatibility anyway.
  
  display: flex;
  flex-wrap: wrap;*/
}
#hl li {
	font-size: 11px;
	line-height: 1.5;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	width: 33.33%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 2px;
	transition: background-color 0.25s ease-in-out;
	display: inline-block;
	/*transition: all 0.5s ease-in-out;*/
}

body.hdircols1 #hl li {
	width: 100%;
	float: none;
}
body.hdircols2 #hl li {
	width: 49%;
}
 body.hdircols4 #hl li {
	width: 24%;
}
#hl li.activeTour {
  color: #4bcdfc;
}
#hl li:hover, #hl li.active {
	background-color: rgba(0,0,0,.5);
}
#hl li img {
	display: block;
	width: 100%;
	height: auto;
	/*animation-fill-mode: both;
	transition: all 1s;*/
}
body.hdirtext #hl li img {
	display: none;
}
#hl li span {
	position: absolute;
	top: 58px;
	left: 7px;
	z-index: 1;
	width: 16px;
	height: 16px;
	font-size: 16px;
	text-shadow: 1px 1px 1px #000;
}
#hl li div {
	position: relative;
	overflow: hidden;
	text-overflow:ellipsis;
}
#hl li div span {
	position: absolute;
	bottom: 5px;
	left: 4px;
	top: auto;
}

#hl li pre.debug {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: 100%;
	max-height: 100%;
	font-family: system-ui;
	/* font-size: 100%; */
}


body.fp #hl li.type-floorplan,
body.dh #hl li.type-dollhouse,
body.fp #hr li.type-floorplan,
body.dh #hr li.type-dollhouse,
body.hlnodollhouse #hl li.type-dollhouse,
body.hlnoinside #hl li.type-inside,
body.hlnofloorplan #hl li.type-floorplan,
body.hlnooutside #hl li.type-360, 
body.hlnooutside #hl li.type-outside, 
body.hrnodollhouse #hr li.type-dollhouse,
body.hrnoinside #hr li.type-inside,
body.hrnofloorplan #hr li.type-floorplan,
body.hrnooutside #hr li.type-360,
body.hrnooutside #hr li.type-outside {
    display: none;    
}

#hdirscroll {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	width: 2px;
	background: #eee;
}
#hdirscroll .handle {
	width: 100%;
	height: 100px;
	background: #292a33;
	cursor: pointer;
}
#hdirscroll .handle .mousearea {
	position: absolute;
	top: 0;
	left: -10px;
	width: 22px;
	height: 100%;
}
/* Conditionals */
#details, #hdir, #mdir, #\33 ddir, #stats, #premium {
	display: none;
}
 body.details #details, 
 body.hdir #hdir, 
 body.mdir #mdir, 
 body.\33 ddir #\33 ddir, 
 body.stats #stats, 
 body.premium #premium {
	display: block;
}
#mt span.balloonfit {
	display: block;
}
#mt span.tagicon {
	display: inline-block;
	width: 24px;
	vertical-align: top;
	text-align: center;
	margin-left: -2px;
	margin-right: 2px;
}
#mt li.highlight .tagicon {
	width: 48px;
	vertical-align: middle;
	margin-right: 8px;
}
#mt span.tagicon img {
	max-width: 80%;
	max-height: 20px;
	height: auto;
	vertical-align: middle;
}
#mdircat {
	display: none;
}
#mt {
	padding: 5px 0px;
	width: calc(100% - 10px);
}
#mt ul {
	transition: 0.5ms all ease;
	padding: 0 0 0 20px;
	min-height: 20px;
	box-sizing: border-box;
	background: rgba(255,255,255,.05);
	margin-bottom: 10px;
}
#mt .fa-sort, #mt .fa-trash {
	display: none;
	margin-right: 0.25em;
}
#mt .cat .fa-plus-square, #mt .cat .fa-minus-square {
	display: inline-block;
	margin-right: 0.25em;
}
#mt .cat ul {
	display: none;
}
#mt .cat strong {
	margin-left: 8px;
}
 body.premium #mt .cat ul {
	display: block;
}
 body.premium #mt .fa-sort, body.premium #mt > li > .fa-plus-square, body.premium #mt > li > .fa-minus-square, body.premium #mt .fa-trash {
	display: inline-block !important;
	cursor: pointer;
}
#mt li:hover > span.taglabel, #hl li:hover {
	cursor: pointer;
	color: #4bcdfc;
}
#mt li {
    overflow: hidden;    
	text-overflow: ellipsis;
	white-space: nowrap;
}
#mt li.cat input {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 14px;
	background: transparent;
	border: none;
	color: #fff;
	/*width: 260px;*/
	width: 80%;
}
#mt li > span.tagdescription {
	display: none;
}
#mt li .deleted {
	display: none;
}
#mdirsearch {
	display: none;
}
 .mdirsearch #mdirsearch {
	display: block;
	padding: 0 0 4px 8px;
}
#mdirsearch-text {
	display: inline-block;
	padding: 4px;
	width: 60%;
	border: 0px;
}
#mdirsearch-reset {
	font-size: 10px;
	cursor: pointer;
}
#mdircolors {
	display: none;
	border-bottom: 1px solid rgba(255,255,255,.5);
	padding: 8px 8px 0 8px;
	margin-bottom: 10px;
	width: calc(100% - 10px);
}
.mdircolors #mdircolors {
	display: block;
}

#mdircolors span {
	/* border-radius: 12px; */
	color: #fff;
	margin-right: 1em;
	font-size: 11px;
	cursor: pointer;
	padding: 0rem 0.5rem;
	display: inline-block;
	margin-bottom: 0.5rem;
    transition: background 0.33s ease;
}
#mdircolors span:hover, #tabs label.tab:hover {
    color: #fff;
}

#tour-title {
	position: absolute;
	bottom: 75%;
	padding: 0 25px;
	display: block;
	font-size: 40px;
	letter-spacing: .75px;
	color: rgba(255,255,255,1);
	margin: 0;
	hyphens: auto;
	line-height: 45px;
	z-index: 999;
	width: 100%;
	font-weight: 100;
	text-align: center;
	text-shadow: 0 0 10px rgba(15,16,17,1);
	word-wrap: break-word;
}

#announcements {
    flex: 0 0 auto;
    justify-content: flex-end;
    height: auto;
    position: relative;
    bottom: auto;
    opacity: 1;
    display: block;
/*  
    position: absolute;
    bottom: 74px;
    left: 10px;
*/    
    width: calc(100% - 20px);
    max-width: 400px;
    pointer-events: all;
    z-index: 100;
    transition: opacity 1s ease;
    color: #fff;
    opacity: 0;
    /*max-height: calc(40vh - 100px);*/
    /*max-height: 35vh;*/
}
body.announcement #announcements {
	opacity: 1;
}
#announcements #message {
	text-align: left;
	width: auto;
	max-height: calc(35vh - 80px);
	display: inline-block;
	color: #fff;
	max-width: calc(100% - 20px);
	position: relative;
	right: 0;
	transition: right .33s ease-in-out;
	padding: 0.5rem 1rem 1rem 1rem;
}
#announcements.Collapsed #message  {
    right: 120%;
}
#announcements h2, #announcements p {
  display: none;  
  opacity: 0;
  margin: 0;
  text-transform: none;
  transition: opacity 0.5s ease;
  padding: 0;
}
#announcements h2.on, #announcements p.on {
  display: block;
  opacity: 1;
}
#announcements h2 {
  font-size: 18px;
  font-family: "Open Sans", Lucida, "Helvetica Neue", Helvetica,Arial,sans-serif;
  font-weight: 100;
  line-height: 20px;
  padding-bottom: 0;
}
#announcements p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    padding-top: 0.5rem;
}
/*#announcements h2.visible, #announcements p.visible {
	opacity: 1;
	visibility: visible;
	transition: opacity 1s ease, visibility 1s ease;
}*/



/* HELL */

#tab-content1, #tab-content2, .mdir-content {
	overflow-x: auto;
    max-height: calc(65vh - 100px);
}

#model-title.Full #tab-content1,
#model-title.Full #tab-content2,
#model-title.Full .mdir-content,
body:not(.announcement) #tab-content1,
body:not(.announcement) #tab-content2,
body:not(.announcement) .mdir-content  {
	/*max-height: calc(80vh - 120px);*/
	/*background-color: green;*/
}

#announcements.Collapsed, 
body:not(.announcement) #announcements {
	height: 40px;
	pointer-events: none;
}


@media only screen and (max-height:750px) {
	.mdir-content {
		/*max-height: calc(47vh - 100px);*/
	}
	#message {
		/*max-height: 30vh;*/
	}
}


#tab-content2inner, #tab-content3inner, #panel-options, #tab-premiuminner {
   /* overflow-y: auto;
    overflow-x: hidden;
    height: 100%;*/
	max-height: 58vh;
}

#tab-content1, #tab-content2, #tab-content5{
	overflow-y: auto;
	overflow-x: hidden;	
	padding-bottom: 100px;
	/*max-height: 35vh;*/
}

#tab-content3 {
	padding-right: 0px !important;
}

#tabs #tab-content5 {
  padding-top: 20px;
}


/* End Loading */

[data-balloon]{
    overflow:visible;
    position:relative;
    cursor:pointer;
}
[data-balloon]:after{
    filter:alpha(opactiy=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity:0;
    pointer-events:none;
    transition:all 0.18s ease-out 0.18s;
    font-family:sans-serif !important;
    font-weight:normal !important;
    font-style:normal !important;
    text-shadow:none !important;
    font-size:12px !important;
    background:rgba(17,17,17,0.9);
    border-radius:4px;
    color:#fff;
    content:attr(data-balloon);
    padding:.5em 1em;
    position:absolute;
    white-space:nowrap;
    z-index:10;
}
[data-balloon]:before{
    background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size:100% auto;
    width:18px;
    height:6px;
    filter:alpha(opactiy=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity:0;
    pointer-events:none;
    transition:all 0.18s ease-out 0.18s;
    content:'';
    position:absolute;
    z-index:10
}
[data-balloon]:hover:before,
[data-balloon]:hover:after,
[data-balloon].ison:before,
[data-balloon].ison:after,
[data-balloon][data-balloon-visible]:before,
[data-balloon][data-balloon-visible]:after {
    filter:alpha(opactiy=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity:1;
    pointer-events:auto
}
[data-balloon].font-awesome:after{
    font-family:FontAwesome
}
[data-balloon][data-balloon-break]:after{
    white-space:pre
}
[data-balloon][data-balloon-blunt]:before,[data-balloon][data-balloon-blunt]:after{
    transition:none
}
[data-balloon][data-balloon-pos="up"]:after{
    bottom:100%;
    left:50%;
    margin-bottom:11px;
    transform:translate(-50%, 10px);
    transform-origin:top
}
[data-balloon][data-balloon-pos="up"]:before{
    bottom:100%;
    left:50%;
    margin-bottom:5px;
    transform:translate(-50%, 10px);
    transform-origin:top
}
[data-balloon][data-balloon-pos="up"]:hover:after,[data-balloon][data-balloon-pos="up"][data-balloon-visible]:after{
    transform:translate(-50%, 0)
}
[data-balloon][data-balloon-pos="up"]:hover:before,[data-balloon][data-balloon-pos="up"][data-balloon-visible]:before{
    transform:translate(-50%, 0)
}
[data-balloon][data-balloon-pos="up-left"]:after{
    bottom:100%;
    left:0;
    margin-bottom:11px;
    transform:translate(0, 10px);
    transform-origin:top
}
[data-balloon][data-balloon-pos="up-left"]:before{
    bottom:100%;
    left:5px;
    margin-bottom:5px;
    transform:translate(0, 10px);
    transform-origin:top
}
[data-balloon][data-balloon-pos="up-left"]:hover:after,
[data-balloon].ison:after,
[data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:after {
    transform:translate(0, 0)
}
[data-balloon][data-balloon-pos="up-left"]:hover:before,
[data-balloon].ison:before,
[data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:before {
    transform:translate(0, 0)
}
[data-balloon][data-balloon-pos="up-right"]:after{
    bottom:100%;
    right:0;
    margin-bottom:11px;
    transform:translate(0, 10px);
    transform-origin:top
}
[data-balloon][data-balloon-pos="up-right"]:before{
    bottom:100%;
    right:5px;
    margin-bottom:5px;
    -webkit-transform:translate(0, 10px);
    -moz-transform:translate(0, 10px);
    -ms-transform:translate(0, 10px);
    transform:translate(0, 10px);
    -webkit-transform-origin:top;
    -moz-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top
}
[data-balloon][data-balloon-pos="up-right"]:hover:after,[data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:after{
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    transform:translate(0, 0)
}
[data-balloon][data-balloon-pos="up-right"]:hover:before,[data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:before{
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    transform:translate(0, 0)
}
[data-balloon][data-balloon-pos='down']:after{
    left:50%;
    margin-top:11px;
    top:100%;
    transform:translate(-50%, -10px)
}
[data-balloon][data-balloon-pos='down']:before{
    background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size:100% auto;
    width:18px;
    height:6px;
    left:50%;
    margin-top:5px;
    top:100%;
    transform:translate(-50%, -10px)
}
[data-balloon][data-balloon-pos='down']:hover:after,[data-balloon][data-balloon-pos='down'][data-balloon-visible]:after{
    transform:translate(-50%, 0)
}
[data-balloon][data-balloon-pos='down']:hover:before,[data-balloon][data-balloon-pos='down'][data-balloon-visible]:before{
    transform:translate(-50%, 0)
}
[data-balloon][data-balloon-pos='down-left']:after{
    left:0;
    margin-top:11px;
    top:100%;
    transform:translate(0, -10px)
}
[data-balloon][data-balloon-pos='down-left']:before{
    background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size:100% auto;
    width:18px;
    height:6px;
    left:5px;
    margin-top:5px;
    top:100%;
    transform:translate(0, -10px)
}
[data-balloon][data-balloon-pos='down-left']:hover:after,[data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:after{
    transform:translate(0, 0)
}
[data-balloon][data-balloon-pos='down-left']:hover:before,[data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:before{
    transform:translate(0, 0)
}
[data-balloon][data-balloon-pos='down-right']:after{
    right:0;
    margin-top:11px;
    top:100%;
    transform:translate(0, -10px)
}
[data-balloon][data-balloon-pos='down-right']:before{
    background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size:100% auto;
    width:18px;
    height:6px;
    right:5px;
    margin-top:5px;
    top:100%;
    transform:translate(0, -10px)
}
 [data-balloon][data-balloon-pos='down-right']:hover:after,[data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:after{
    transform:translate(0, 0)
}
 [data-balloon][data-balloon-pos='down-right']:hover:before,[data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:before{
    transform:translate(0, 0)
}
 [data-balloon][data-balloon-pos='left']:after {
    margin-right:11px;
    right:100%;
    top:50%;
    transform:translate(10px, -50%)
}
 [data-balloon][data-balloon-pos='left']:before{
    background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size:100% auto;
    width:6px;
    height:18px;
    margin-right:5px;
    right:100%;
    top:50%;
    transform:translate(10px, -50%)
}
 [data-balloon][data-balloon-pos='left']:hover:after,[data-balloon][data-balloon-pos='left'][data-balloon-visible]:after{
    transform:translate(0, -50%)
}
 [data-balloon][data-balloon-pos='left']:hover:before,[data-balloon][data-balloon-pos='left'][data-balloon-visible]:before{
    transform:translate(0, -50%)
}
 [data-balloon][data-balloon-pos='right']:after{
    left:100%;
    margin-left:11px;
    top:50%;
    transform:translate(-10px, -50%)
}
 [data-balloon][data-balloon-pos='right']:before{
    background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size:100% auto;
    width:6px;
    height:18px;
    left:100%;
    margin-left:5px;
    top:50%;
    transform:translate(-10px, -50%)
}
 [data-balloon][data-balloon-pos='right']:hover:after,[data-balloon][data-balloon-pos='right'][data-balloon-visible]:after{
    transform:translate(0, -50%)
}
 [data-balloon][data-balloon-pos='right']:hover:before,[data-balloon][data-balloon-pos='right'][data-balloon-visible]:before{
    transform:translate(0, -50%)
}
[data-balloon][data-balloon-length='small']:after{
    white-space:normal;
    width:80px
}
[data-balloon][data-balloon-length='medium']:after{
    white-space:normal;
    width:150px
}
[data-balloon][data-balloon-length='large']:after{
    white-space:normal;
    width:260px
}
[data-balloon][data-balloon-length='xlarge']:after{
    white-space:normal;
    width:380px
}
 @media screen and (max-width: 768px){
	[data-balloon][data-balloon-length='xlarge']:after{
	   white-space:normal;
	   width:90vw
    }
}
 [data-balloon][data-balloon-length='fit']:after{
    white-space:normal;
    width:100%
}
 [data-balloon].hidetooltip:before,[data-balloon].hidetooltip:after {
	display: none 
}

#highlight-reel-spacer {
	flex: 0 0 auto;
	height: 60px;
}
body.reelOpen #highlight-reel-spacer {
	height: 190px;
}

/* Scale UI not on mobile */
@media (min-width:560px) {
	body.scaleui #announcements h2 {
		font-size: calc(var(--scaleui) * 100%);
	}
	body.scaleui #announcements p {
		font-size: calc(var(--scaleui) * 80%);
	}
}

#compass {
  pointer-events: none;
	display: none;
	position: absolute;
	width: 50px;
	box-sizing: content-box;
	height: 50px;
	right: 8px;
	bottom: 74px;
	border-radius: 25px;
	cursor: default;
	display: none;
	background-color: #fff;
	border: 1px solid #999;
	border-color: rgba(0,0,0,0.4);
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2250%22%20width%3D%2250%22%3E%0A%3Cpath%20d%3D%22m24.5078%206-3.2578%2018h7.5l-3.25781-18h-0.984376zm-3.2578%2020%203.2578%2018h0.9844l3.2578-18h-7.5zm1.19531%200.9941h5.10938l-2.5547%2014.1075-2.5547-14.1075z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
	transition: 0.33s bottom ease;
}
 body.compass #compass {
	display: block;
}
 body.reelOpen #compass {
	bottom: 200px;
}

/* Scale UI not on mobile */
@media (min-width:560px) {
	body.scaleui #compass {
		bottom: 94px;
	}
	 body.scaleui.reelOpen #compass {
		bottom: 24px;
	}
}

 iframe.embedly-card {
	margin-bottom: -30px !important;
}

/* Scale UI not on mobile */
@media (min-width:560px) {
	body.scaleui #model-title {
		transform: scale(var(--scaleui), var(--scaleui));
		transform-origin: top left;
	}
}


/* Bundle */
body.bundle:not(.premium) #showcase {
	height: 100vh;
	position: inherit;
}

/* Embeds */
body.embeds #showcase {
	height: calc(100vh + 70px);
}


/* Flip Fix */
body.started #showcase.flip2, body.started #showcase.flip3 {
	top: -70px;
}
#showcaseover {
	position: absolute;
	display: none;
	top: 0px;
	/*top: -70px; */
	height: 100vh;
	/*height: calc(100vh + 70px);*/ /* Gets rid of YouTube branding */
	left: 0;
	width: 100%;
	opacity: 0;
	z-index: 1;
	transition: opacity 0.5s ease, background 0.5s ease;
	background: rgba(0,0,0,0);
	pointer-events: none; /* Because this needs to be an overlay! */
}
body.measurementmode #showcaseover, body.measurementmode #showcase {
	height: calc(100svh) !important;
	top: 0;
}
#showcaseover.on {
	display: flex;
	text-align: center;
	opacity: 1;
	background: rgba(0,0,0,.5);
	pointer-events: all;
	/*writing-mode: vertical-lr;*/
	place-items: center;
	place-content: center;
}
#showcaseover .quitESC {
	position: absolute;
	top: 100px;
	left : 42vw;
	background: #00000045;
	color: #ccc;
	padding: 10px;
	transition: all 2s;
	writing-mode: lr;
	z-index: 1;
	border-radius: 3px;
}
#showcaseover .quitESC .key {
	padding: 2px;
	border: solid 1px;
	border-radius: 3px;
}
#showcaseover.on .cbimage, .cbimage {
	height: auto;
}
#showcaseover iframe {
	width: 100vw;
	height: 100vh;
	max-width: unset;
	/*height: calc(100vh - 128px);*/
    position: absolute;
    top: 0px;
    left: 0px;
}
#showcaseover audio {
	position: absolute;
	top: 50vh;
	left: calc(50vw - 200px);
}
#showcaseover video {
    height: 90vh;
    width: 100vw;
}
#showcaseover .cbimage, .cbimage {
	position: relative;
	/*top: 70px;*/
    height: calc(100vh - 140px);
    max-width: 100vw;
    max-height: 100vh;
	pointer-events: all;
}
.cbimage {
	/*height: calc(90vh - 140px);*/
	height: calc(100% - 140px);
	max-width: 100%;
	/*max-width: 90vw;*/
}

#oembed {
    position:absolute; top: 50%; text-align: center; width: 100%; color:#fff
}
body.yt #showcaseover {
    pointer-events: auto;
    cursor: pointer;
}
body.yt #showcaseover iframe {
    pointer-events: all;
}

#nhr {
	display: none;
	pointer-events: none;
	transition: all 0.33s ease;
	min-width: 320px;
}

#nhr #btn-panorama {
	max-width: 30px;
	display: inline;
}

 .hidden {
	opacity: 0;
	transition: opacity 0.33s ease;
	display: none !important;
}
/* BUTTONS */
 div.controls {
	pointer-events: auto;
	display: inline-block;
	position: relative;
	bottom: 4px;
	transition-property: bottom,height,opacity,background-color,margin;
	transition-duration: 0.33s;
	transition-timing-function: ease;
}
.left.controls {
	margin: 0 0 0 10px;
}
.right.controls {
	margin: 0 10px 0 0;
}
 div.controls div span.icon {
	margin-top: -4px;
	padding: 10px 7px;
	text-shadow: 1px 1px 2px #000;
}
 div.controls div span.icon:hover {
	color: #4bcdfc;
}
 div.controls {
	bottom: -132px;
}

/* Scale UI not on mobile */
@media (min-width:560px) {
	body.scaleui div.controls.left {
		transform: scale(var(--scaleui), var(--scaleui));
		transform-origin: left;
	}

	body.scaleui div.controls.right {
		transform: scale(var(--scaleui), var(--scaleui));
		transform-origin: right;
	}
}

body.started:not(.preloadcontent) #nhr,
body.started.contentloaded #nhr {
	color: #fff;
	display: block;
	position: absolute;
	bottom: 0px;
    /* 28 */
	width: 100%;
	transition: opacity 1s;
	z-index: 100;
}
body.reelOpen div.controls {
	bottom: 0px;
}

/* Show all icons */
body.allicons #nhr { bottom: 100px !important; }
body.allicons #nhr #drawer-container { display: none; }

/* Scale UI not on mobile */
@media (min-width:560px) {
	body.scaleui.reelOpen div.controls {
		bottom: 0;  /* This seems unnecessary ... wonder why I put this in there */
	}
}

 div.controls div {
	display: inline-block;
	cursor: pointer;
}
#highlight-tour-controls {
	height: 35px;
	padding: 1px 5px;
	margin-right: 5px;
	background-color: rgba(1,1,1,.25);
	border-radius: 35px;
}
body.hr div#highlight-button {
	display: none;
}
#pause {
	display: none;
}
body.gt #play {
    display: none;
}
body.guidedtour #pause {
	display: inline-block;
}
body.gt #tour-controls {
	display: none !important;
}
body.hr.gt #highlight-tour-controls {
	display: none !important;
}

/* UI Reactions to Mode Changes */
body.dollhouse #btn-dollhouse, body.dh #btn-dollhouse {
	display: none;
}
body.floorplan #btn-floorplan, body.fp #btn-floorplan {
  display: none;
}
body.nowalkthrough #nhr #btn-panorama { display: none; }
body.dollhouse #currentPanoBox, body.floorplan #currentPanoBox {
  display: none;
}
body.outside #showallfloors {
  display: none;
}
body.inside #btn-panorama {
  display: none !important;
}
.ui-icon {
	font-size: 22px;
}
 .icon-hlr:before {
	content: "\E914";
}

/* Floors */
#floor-controls {
	display: inline-block;
}
body.f div#floor-controls {
	display: none;
}
#floor-menu-wrapper {
	position: absolute;
	overflow: hidden;
	border-radius: 5px;
	max-width: 300px;
	bottom: 45px;
	z-index: 999;
	display: none;
	background-color: #222;
    color: #f5f4f3;
	transition: opacity .5s;
}
#floor-menu-wrapper div.floor-button:hover {
    background-color: #333;
}
#floor-menu-wrapper.on {
	display: inline-block;
}
#floor-menu-wrapper .floor-button {
	padding: 0 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	font-size: 12px;
	line-height: 32px;
	text-shadow: 1px 1px 2px #000;
}
#floor-menu-wrapper .floor-button.current {
	color: #4bcdfc;
	color: #f78;
}
#showallfloors {
	display: none;
}
#floor-menu-wrapper .floor-button:hover {
	color: #4bcdfc;
}
#floor-number {
	position: absolute;
	color: #fff;
	left: 0;
	width: 100%;
	top: 1px;
	text-align: center;
	font-size: 8px;
	font-weight: 700;
	pointer-events: none;
	text-shadow: 1px 1px 2px #000;
}
.select-floor:hover #floor-number {
	color: #4bcdfc;
}

/* Rooms */
#room-controls {
	display: inline-block;
}
body.f div#room-controls {
	display: none;
}
#room-menu-wrapper {
	position: absolute;
	overflow: hidden;
	border-radius: 5px;
	max-width: 300px;
	bottom: 45px;
	z-index: 999;
	display: none;
	max-height: 90vh;
	overflow: auto;
	transition: opacity .5s;
}
#room-menu-wrapper.on {
	display: inline-block;
}
#room-menu-wrapper .room-button {
	padding: 0 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	font-size: 12px;
	line-height: 32px;
	text-shadow: 1px 1px 2px #000;
}
#room-menu-wrapper .room-button.current {
	color: #4bcdfc;
}
#showallrooms {
	display: none;
}
#room-menu-wrapper .room-button:hover {
	color: #4bcdfc;
}
#room-number {
	position: absolute;
	color: #fff;
	left: 0;
	width: 100%;
	top: 1px;
	text-align: center;
	font-size: 8px;
	font-weight: 700;
	pointer-events: none;
	text-shadow: 1px 1px 2px #000;
}
.select-room:hover #room-number {
	color: #4bcdfc;
}

#room_current {
	position: absolute;
    top: 50px;
    left: 45vw;
    padding: 5px;
    font-weight: bold;
    color: #00b8ce;
    background: #000;
	border: solid 1px #008899;
    border-radius: 5px;
    opacity: 0.75;
    transition: all 0.3 ease;
}
#room_current:hover {
	opacity: 1;
}


/* RIGHT SIDE */
 div.controls.right {
	float: right;
}
 body.mls #share {
	display: none;
}
#share {
	position: relative;
}
body.disableSocialSharing #share {
	display: none;
}
#share-slider-wrapper {
	position: absolute;
	width: 100vw;
	right: 3px;
	bottom: 130%;
	overflow: hidden;
	pointer-events: none;
}
.icon-share:before {
	content: "\E90F";
}
#share-slider {
	transition: all .5s;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	background-color: rgba(0,0,0,.45);
	float: right;
	font-size: 16px;
	border-radius: 3px;
	pointer-events: all;
}
#share-slider div {
	display: block;
}
#share-url {
	position: absolute;
	-webkit-user-select: all;
	-moz-user-select: all;
	-ms-user-select: all;
	user-select: all;
	right: 100vw;
	bottom: 150vw;
}
#share-slider.isOpen {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.icon-vr:before {
	content: "\E915";
}
.icon-fullscreen:before {
	content: "\E904";
}
body.vr .view-in-vr, body.mls .view-in-vr {
	display: none;
}
/* HIGHLIGHT REEL */
#drawer-container {
	top: 20px;
	pointer-events: all;
}
#nhr #drawer-container {
	transition: 0.33s bottom ease;
	top: auto;
	bottom: -150px;
}
body.reelOpen #nhr #drawer-container {
	bottom: -12px;
}
#drawer-container {
	position: relative;
}
body.reelOpen #drawer-container #drawer {
	background-color: rgba(0,0,0,.25);
}
#hr {
	height: 109px;
	width: 100%;
	overflow: hidden;
}
#hr ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	white-space: nowrap;
	width: 100%;
}
#hr ul li {
	float: left;
	height: 97px;
    /* Same as Matterport */
	width: 137px;
	box-sizing: inherit;
	padding: 2px;
	position: relative;
	margin: 12px 4px;
	background-color: transparent;
	transition-property: background-color;
	transition-duration: .25s;
	cursor: pointer;
	overflow: hidden;
	text-align: center;
}
#hr li:hover, #hr li.active {
	background-color: #fff;
}
#hr li img {
	width: 100%;
	height: 100%;
}
#hr li span.im {
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 20px;
	background: linear-gradient(180deg,rgba(0,0,0,.3),transparent);
}
#hr li span.im:before {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	font-size: 16px;
	line-height: 16px;
	text-shadow: 0 0 3px rgba(0,0,0,.5);
}
#hr li span.fa-sort {
  display: none;
	position: absolute;
	top: 2px;
	right: 10px;
	transform: rotate(90deg);
	z-index: 10;
	height: 20px;
	background: linear-gradient(180deg,rgba(0,0,0,.3),transparent);
}
#hr img.imgHRicon {
    height: 60px;
    margin-top: 10px;
}
#hr i.imgHRicon {
	color: #e1e2e1;
    height: 60px;
    margin-top: 10px;
}

#hl li span.fa-sort, #hl li span.fa-eye-slash {
  display: none;
	position: absolute;
	top: 2px;
	left: auto;
	right: 10px;
	transform: rotate(45deg);
	z-index: 10;
	height: 20px;
	color: #fff;
}
#hl li span.fa-eye-slash {
  transform: none;
	right: 30px;
}

#hl li.disabled {
  display: none;
}

#hl div.hlabel {
	min-height: 1.5em;
	text-align: left;
	font-weight: bold;
}
#hl div.hlabel:empty {
	display: none;
}
ul#hl li[data-source='config placeholder'] { display: none; }

body.premium #hl li.disabled {
  display: inline-block;
  opacity: 0.25;
  background-color: #000;
}
#hl li.disabled span.fa-eye-slash {
  color: #4bcdfc;
}
body.premium #hr li span.fa-sort,
body.premium #hl li span.fa-sort,
body.premium #hl li span.fa-eye-slash {
  display: inline-block;
}
body.premium #hr li span.fa-sort:hover,
body.premium #hl li span.fa-sort:hover,
body.premium #hl li span.fa-eye-slash:hover {
  color: #4bcdfc;
}
#hr li span.name {
	position: absolute;
	bottom: 2px;
	left: 2px;
	width: calc(100% - 4px);
	line-height: 20px;
	text-align: center;
	text-shadow: 0 1px 5px rgba(0,0,0,.5);
	font-size: 11px;
	background: linear-gradient(0deg,rgba(0,0,0,.5),transparent);
	color: #fff;
}
/* Scrollbar */
#drawer .scrollbar {
	opacity: 0;
	margin: 2px 0 1em 0;
	height: 4px;
	line-height: 0;
	transition: opacity 0.5s ease;
}
#drawer:hover .scrollbar {
	opacity: 1;
}
#drawer .scrollbar .handle {
	width: 100px;
	height: 100%;
	background: #ccc;
	cursor: pointer;
}
#drawer .scrollbar .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px;
}
/* Footer */
#nhr #footer {
	transition-property: bottom,height,opacity,background-color,margin;
	transition-duration: .5s;
	/*position: fixed;*/
	bottom: 0;
	right: 0;
	width: 100%;
	line-height: 24px;
	text-align: right;
}
body.reelOpen #footer {
	background-color: rgba(0,0,0,.25);
}
#nhr #footer div {
	display: inline-block;
}
#nhr #footer-terms span {
	padding: 0 3px;
	font-size: 10px;
	vertical-align: bottom;
}
#nhr #footer #footer-terms {
	line-height: 24px;
	text-shadow: 1px 1px 1px #000;
	float: right;
}
#nhr #footer #footer-terms span.icon-matterport-brand {
	position: relative;
	width: 74px;
	margin: 0px 0 3px 3px;
	vertical-align: bottom;
	pointer-events: all;
}
#nhr #footer #footer-terms span.icon-matterport-brand img {
	width: 100%;
	height: auto;
	pointer-events: all;
}


/* Free MPEmbed brand */
body.isFree #footer #footer-terms span.icon-mpembed-brand {
	position: relative;
	width: 85px;
	height: 17px;
	margin: 0px 0 3px 3px;
	/* vertical-align: bottom; */
	display: inline-block;
	background-image: url(/show/img/logo/logo_mpembed_poweredby.png);
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	pointer-events: all;
}

#nhr #footer-terms span.link {
	cursor: pointer;
	pointer-events: all;
}
#nhr #footer-terms span.link:hover {
	color: #4bcdfc;
}

#snapshot-controls {
	display: none;
}

body.premium #snapshot-controls,
body.snapshots #snapshot-controls {
  display: inline-block;
}
#snapshot-menu-wrapper {
	position: absolute;
	overflow: hidden;
	border-radius: 5px;
	width: 220px;
	bottom: 45px;
	z-index: 999;
	display: none;
	transition: opacity .5s;
}
#snapshot-menu-wrapper.on {
	display: inline-block;
}
#snapshot-menu-wrapper .snapshot-button, #snapshot-menu-wrapper .equirect-button {
	padding: 0 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	font-size: 12px;
	line-height: 32px;
	text-shadow: 1px 1px 2px #000;
}
#snapper {
  display: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
}
body.snapper #snapper {
  display: block;
  z-index: 1;
}
#fourX3, #sixteenX9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  border: 2px dashed #f00;
}
#sixteenX9 {
  border: 1px dashed #0f0;
}


#snapshotbox, #tosbox {
	position:fixed;
    /* keeps the lightbox window in the current viewport */
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 9998;
	display: none;
  background: rgba(0,0,0,.7);	
}
#tos {
	box-shadow:0 0 25px #111;
	-webkit-box-shadow:0 0 25px #111;
	-moz-box-shadow:0 0 25px #111;
	border-radius: 10px;
	width: calc(80vw);
	padding: 40px;
	margin: calc(10vh) auto;
	max-height: calc(80vh);
	text-align: left;
	background: rgba(0,0,0,.75);
	color: hsla(0,0%,100%,.9);
	position: relative;
	overflow-y: scroll;
	z-index: 9999;
}
#snapshotwindow {
	padding: 20px;
	margin: calc(10vh) auto;
	max-height: calc(80vh);
	text-align: center;
	color: hsla(0,0%,100%,.9);
	position: relative;
	z-index: 9999;
}
#snapshotwindow img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: calc(70vh);
  pointer-events: all;
}
#snapshotwindow button {
	margin-bottom: 0.5em;
}
#snapshotthumbs {
	clear: both;
}
body.batchmode #snapshotwindow img {
	float: left;
	width: 100px;
	height: auto;
}
#tosbox #tosinner {
	position: relative;
	max-height: calc(80vh - 100px);
	padding-right: 20px;
}
#terms-text {
	font: 14px 'Open Sans',arial;
	padding: 25px;
}
#terms-text p {
	padding-right: 25px;
}
.close-button:hover {
	color: #4bcdfc;
}
.close-button {
	position: absolute;
	padding: 10px;
	top: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 1000;
}
 .icon-close:before {
	content: "\E908";
}

/* 3D Avatar */
#ReadyPlayerMeModal { }
#ReadyPlayerMeModal span {
    width: calc(100% - 100px);
    height: calc(100vh - 65px);
}
#ReadyPlayerMeIframe {
    width: 100%;
    height: 100%;
	margin-top: 5vh;
	/*width: 1080px;
	height: 800px;*/
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans,	Droid Sans, Helvetica Neue, sans-serif;
	padding: 20px;
	font-size: 14px;
	border: none;
}
.ReadyPlayerMeWarning {
	background-color: #df68a2;
	padding: 3px;
	border-radius: 5px;
	color: white;
}


/* Help Modal */
.modal, #help-modal {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.75);
	text-align: center;
	opacity: 0;
	z-index: 9999;
	color: #fff;
}
.modal, #help-modal {
	display: none;
}
.modal, #help-modal.on {
	display: block;
	opacity: 1;
}
.modal .navigation, 
.modal .more-help-wrapper, 
#help-modal .navigation, 
#help-modal .more-help-wrapper {
  opacity: 0;
  position:absolute;
  top: 45%;
  left: 0;
  transition: all 0.5s ease;
}
.modal .more-help-wrapper,
#help-modal .more-help-wrapper {
  transform: translateY(-45%) scale(.1);
}
#help-modal.inside .navigation.inside, 
#help-modal.outside .navigation.outside, 
#help-modal.dollhouse .navigation.dollhouse, 
#help-modal.floorplan .navigation.floorplan, 
#help-modal.more .more-help-wrapper {
  display: table;
  opacity: 1;
  width: 100%;
  max-width: calc(100vw);
  transform: translateY(-45%) scale(.9);
}
#help-modal.more .navigation.inside,
#help-modal.more .navigation.outside,
#help-modal.more .navigation.dollhouse,
#help-modal.more .navigation.floorplan {
  opacity: 0;
  transform: translateY(-45%) scale(.1);    
}

@media only screen and (max-height:600px) and (max-width:700px) {
    #help-modal .navigation{
	   -webkit-transform:translate(-50%,-50%);
	   transform:translate(-50%,-50%)
    }
}

#help-modal .navigation .row{
    display: table-row
}
#help-modal .navigation .row.topInfo .column{
    font-size: 1.45vw;
}
#help-modal .navigation .row.topInfo .column{
    padding:6vh 4vw
}
#help-modal .navigation .row.bigImage img{
    vertical-align:bottom;
    width:calc(3.2vh + 3.2vw)
}
#help-modal .navigation .row.bigImage img[src="img/nav_help_mouse_click.png"],#help-modal .navigation .row.bigImage img[src="img/nav_help_mouse_position_right.png"]{
    width:calc(3.936vh + 3.936vw)
}
#help-modal .navigation .row.bigImage img[src="img/nav_help_mouse_position_left.png"]{
    width:calc(3.744vh + 3.744vw)
}
#help-modal .navigation .row.hr .column{
    padding:3vh
}
#help-modal .navigation .row.hr .column hr{
    width:6vh;
	display: none 
}
#help-modal .navigation .row.hr .column.noDivider{
    visibility:hidden
}
#help-modal .navigation .row.bottomInfo .column{
    padding:0 6vw 6vh
}
#help-modal .navigation .row.keyboard img{
    vertical-align:middle;
    width:8.66vh
}
#help-modal .navigation .row.keyboard img[src="img/nav_help_inside_key.png"],#help-modal .navigation .row.keyboard img[src="img/nav_help_keyboard_up_down.png"]{
    width:4.33vh
}
#help-modal .navigation .row.keyboard img[src="img/nav_help_keyboard_all.png"]{
    width:12.99vh
}
@media only screen and (max-height:600px) and (max-width:700px){
    #help-modal .navigation .row.keyboard img{
	   width:10vh
    }
    #help-modal .navigation .row.keyboard img[src="img/nav_help_inside_key.png"],#help-modal .navigation .row.keyboard img[src="img/nav_help_keyboard_up_down.png"]{
	   width:5vh
    }
    #help-modal .navigation .row.keyboard img[src="img/nav_help_keyboard_all.png"]{
	   width:15vh
    }
}
#help-modal .navigation .row .column{
    display:table-cell;
    width:30%
}
@media only screen and (max-height:600px) and (max-width:700px){
    #help-modal .navigation .row.bottomInfo,#help-modal .navigation .row.topInfo{
	   font-size:2vw
    }
    #help-modal .navigation .row.bottomInfo .column,#help-modal .navigation .row.topInfo .column{
	   padding:0 2vw 4vh
    }
}
@media only screen and (max-height:600px) and (max-width:700px){
    #help-modal .navigation.small .row{
	   font-size:1.9vw
    }
    #help-modal .navigation.small .row .column{
	   padding:0 1.5vw 3vh
    }
}
@media only screen and (orientation:landscape){
    #help-modal.mobile .navigation{
	   width:90%
    }
    #help-modal.mobile .navigation .row.topInfo{
	   font-size:1.9vw
    }
    #help-modal.mobile .navigation .row.topInfo .column{
	   padding:2vw 4vw
    }
    #help-modal.mobile .navigation .row.bigImage img{
	   width:6.3vw
    }
    #help-modal.mobile .navigation .row.bigImage img[src="img/nav_help_gesture_drag.png"]{
	   width:5.87511628vw
    }
    #help-modal.mobile .navigation .row.bigImage img[src="img/nav_help_gesture_tap.png"]{
	   width:8.20465116vw
    }
    #help-modal.mobile .navigation .row.bigImage img[src="img/nav_help_gesture.drag_two_finger.png"]{
	   width:5.42093023vw
    }
}
@media only screen and (orientation:portrait){
    #help-modal.mobile .navigation{
	   position:absolute;
	   overflow:hidden;
	   top:55px;
	   bottom:20px;
	   height:calc(100% - 75px);
	   left:0;
	   right:0;
	   -webkit-transform:none;
	   transform:none
    }
    #help-modal.mobile .navigation .nav-wrapper{
	   display:flex;
	   flex-direction:column;
	   width:68vw;
	   max-width:218px
    }
    #help-modal.mobile .navigation .nav-wrapper>div.row{
	   font-size:14px;
	   margin:auto
    }
    #help-modal.mobile .navigation .nav-wrapper>div.row.topInfo{
	   padding-top:1.5em
    }
    #help-modal.mobile .navigation .nav-wrapper>div.row.bigImage{
	   padding-top:1em
    }
    #help-modal.mobile .navigation .nav-wrapper>div.row.bigImage img{
	   width:43px
    }
    #help-modal.mobile .navigation .nav-wrapper>div.row.bigImage img[src="img/nav_help_gesture_drag.png"]{
	   width:40.1px
    }
    #help-modal.mobile .navigation .nav-wrapper>div.row.bigImage img[src="img/nav_help_gesture_tap.png"]{
	   width:56px
    }
    #help-modal.mobile .navigation .nav-wrapper>div.row.bigImage img[src="img/nav_help_gesture.drag_two_finger.png"]{
	   width:37px
    }
    #help-modal.mobile .navigation .paddingScrollbarWrapper{
	   left:50%;
	   -webkit-transform:translateX(-50%);
	   transform:translateX(-50%)
    }
}
@media screen and (min-height:550px) and (orientation:portrait){
    #help-modal.mobile .navigation .paddingScrollbarWrapper{
	   top:50%;
	   -webkit-transform:translate(-50%,-55%);
	   transform:translate(-50%,-55%)
    }
}
@media screen and (min-height:650px) and (orientation:portrait){
    #help-modal.mobile .navigation .nav-wrapper{
	   max-width:240px
    }
    #help-modal.mobile .navigation .nav-wrapper>div.row.topInfo{
	   font-size:16px;
	   padding-top:3em;
	   padding-bottom:1em
    }
    #help-modal.mobile .navigation .nav-wrapper>div.row.bigImage img{
	   -webkit-transform:scale(1.4);
	   transform:scale(1.4)
    }
}
@media screen and (min-width:650px) and (orientation:portrait){
    #help-modal.mobile .navigation .nav-wrapper>div.row.topInfo{
	   font-size:16px
    }
}
#help-modal .more-help-wrapper .more-help.invisible{
    visibility:hidden;
    pointer-events:none
}
#help-modal .more-help-wrapper .more-help .innerRow{
    display:table-row
}
#help-modal .more-help-wrapper .more-help .innerRow>div{
    display:table-cell;
    table-layout:fixed;
    font-weight: 100;
/*    min-width:190px; */
    line-height:1.29;
    padding:0 1.5vw;
    width:20vw
}
#help-modal .more-help-wrapper .more-help .innerRow>div.topInfo{
    vertical-align:bottom;
    font-size:1.45vw;
    font-weight:500
}
@media screen and (max-width:1100px){
    #help-modal .more-help-wrapper .more-help .innerRow>div.topInfo{
	   font-size:16px
    }
}
#help-modal .more-help-wrapper .more-help .innerRow>div.bigImage{
    padding:1.85vw 0;
    font-size:2.5vw;
    position:relative
}
#help-modal .more-help-wrapper .more-help .innerRow>div.bigImage img{
    height:2.5vw
}
#help-modal .more-help-wrapper .more-help .innerRow>div.bigImage .icon-vr{
    font-size:2vw
}
@media screen and (max-width:1100px){
    #help-modal .more-help-wrapper .more-help .innerRow>div.bigImage{
	   padding:20px 0;
	   font-size:30px
    }
    #help-modal .more-help-wrapper .more-help .innerRow>div.bigImage .icon-vr{
	   font-size:24px
    }
    #help-modal .more-help-wrapper .more-help .innerRow>div.bigImage img{
	   height:30px
    }
}
#help-modal .more-help-wrapper .more-help .innerRow>div.bigImage.floors{
    position:relative;
    top:5px
}
#help-modal .more-help-wrapper .more-help .innerRow>div.bigImage.floors span span{
    position:absolute;
    top:28%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-size:1.2vw;
    font-family:OpenSans;
    font-weight:700
}
@media screen and (max-width:1100px){
    #help-modal .more-help-wrapper .more-help .innerRow>div.bigImage.floors span span{
	   font-size:14px
    }
}
#help-modal .more-help-wrapper .more-help .innerRow>div.bottomInfo{
    vertical-align:top;
    font-size:1.25vw
    font-weight: 300;
}
@media screen and (max-width:1100px){
    #help-modal .more-help-wrapper .more-help .innerRow>div.bottomInfo{
	   font-size:14px
    }
}
#help-modal .more-help-wrapper .more-help .rowPadding{
    height:10vh;
    min-height:50px
}
@media screen and (min-height:550px){
    #help-modal .more-help-wrapper.desktop .paddingScrollbarWrapper{
	   top:45%;
	   transform:translateY(-45%)
    }
}
@media only screen and (orientation:portrait){
    #help-modal .more-help-wrapper.desktop .rowPadding{
	   height:15vh
    }
}
#help-modal .more-help-wrapper.mobile .paddingScrollbarWrapper{
    left:50%;
    transform:translateX(-50%)
}
@media only screen and (orientation:portrait){
    #help-modal .more-help-wrapper.mobile .more-help .innerRow>div{
	   min-width:40vw
    }
    #help-modal .more-help-wrapper.mobile .more-help .innerRow>div.topInfo{
	   font-size:calc(8px + 1vh)
    }
    #help-modal .more-help-wrapper.mobile .more-help .innerRow>div.bottomInfo{
	   font-size:calc(5px + 1vh)
    }
}
@media only screen and (orientation:landscape){
    #help-modal .more-help-wrapper.mobile .more-help .innerRow>div{
	   min-width:27vw
    }
    #help-modal .more-help-wrapper.mobile .more-help .innerRow>div.topInfo{
	   font-size:calc(8px + 1vw)
    }
    #help-modal .more-help-wrapper.mobile .more-help .innerRow>div.bottomInfo{
	   font-size:calc(5px + 1vw)
    }
}
#help-modal{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,.7);
    text-align:center;
    opacity:0;
    transition:opacity .5s
}
#help-modal.fadeIn{
    opacity:1;
    pointer-events:auto
}
#help-modal .tabs{
    transition:all .3s;
    font-weight:500
}
#help-modal .tabs div{
    padding:16px 55px 15px 20px;
    display:inline-block;
    font-size:18px
}
#help-modal .tabs div span{
    padding-bottom:3px;
    border-bottom:1px solid transparent;
    transition:all .3s
}
#help-modal .tabs div.active span{
    border-bottom:1px solid #fff
}
#help-modal .tabs div:hover{
    cursor:pointer;
    color:#4bcdfc
}
#help-modal .tabs div:hover.active span{
    border-bottom:1px solid #4bcdfc
}
#help-modal.mobile .tabs div{
    padding:16px 25px 15px 20px;
    font-size:14px
}

#mdirbuttons {
	display: none;
}

#analytics_acceptance {
	display: none;
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 150px;
	background-color: #fff;
	color: purple;
	padding: 2em;
	box-shadow: 0px 4px 15px rgba(0,0,0,0.1);
	opacity: 0.95;
	z-index: 999;
}
#analytics_acceptance div.analytics_warning {
	color: #162437;
}
#analytics_acceptance button {
	float: right;
	font-weight: bold;
	color: #fff;
	background-color: #00B8CE;
    padding: 10px;
    margin-right: 20px;
    border: solid 1px #ccc;
    border-radius: 20px;
    cursor: pointer;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,.5));
}
#analytics_acceptance button:hover {
	background-color: #162437;
}





/* Custom Billboard */


/* CB Overlay */
#customBillboardFullOverlay {
	display: hidden;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	z-index: 999;
}
body:not(.started) #customBillboardFullOverlay {
	pointer-events: none;
}
body.premium #customBillboardFullOverlay {
	/*background: #0000ffaa;*/
	top: 60px;
	left: 250px;
	height: calc(100% - 60px);
	width: calc(100% - 250px);
	/*z-index: 1;*/
}
body.premium #customBillboardFull:not(.audio) {
	margin-right: 250px;
}
body.premium #customBillboardFull.preview {
	max-width: calc(var(--cbscale) - 250px);
	opacity: 1;
	transition: none;
}
#customBillboardFullOverlay.preview { top: 20vh !important; pointer-events: none; z-index: 0; }
#customBillboardFullOverlay.preview .closetab { pointer-events: all; }


/* CB Close button on iPhone */
body.iPhone .customBillboard .billboard-content i.closetab {
	/*transform: scale(calc(0.85 / var(--cbfontsizeu) * var(--cbfontsizeu) - 0.2));*/
	transform: scale(calc(1.3));
	margin-right: 10px;
	margin-top: 10px;
	opacity: 1;
}
/* CB Close button on iPhone Audio */
body.iPhone .customBillboard.audio .billboard-content i.closetab {
	margin-right: 28px;
	margin-top: 14px;
}

/*body.CBfull #customBillboardFullOverlay { pointer-events: none; }*/
body.CBfull #customBillboardFullOverlay.audio { pointer-events: none; }
body.CBfull #customBillboardFullOverlay #customBillboardFull { pointer-events: all; }

/* CB Loading */
body.waiting, body.waiting * { cursor: progress /*!important*/; }
body.waiting.premium, body.waiting.premium * { cursor: default; }

/* CB Full hides interface */
body.CBfull:not(.premium) .gui,
body.CBfull:not(.premium) div#vertical-flex { display: none !important; }


:root {
	--cbltransition: opacity;
	--cbldelay: 2s;
}

#customBillboardLoading {
	display: flex;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: calc(var(--vh, 1vh) * 100);
	/*top: calc(50% - 50px);
	left: calc(50% - 50px);
	border-radius: 50px;
	*/ 
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
	pointer-events: none;
	backdrop-filter: blur(3px);
}
body.waiting #customBillboardLoading {
	/*opacity: 1;
	transition: opacity 2s;*/
}
body.waiting.cbmedialoadershow #customBillboardLoading { opacity: 1; transition: var(--cbltransition) var(--cbldelay); }
body.waiting.cbmedialoaderhide #customBillboardLoading { display: none; }


/* CB Background */
.customBillboard .customBillboardBG,
.customBillboard .customBillboardBackground {
	background-size: cover;
	background-position: center;
	text-align: center;
}
.customBillboard .customBillboardBG {
    position: absolute;
    background: #000000;
    height: 100%;
    width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: inherit;
}
.customBillboard .customBillboardBackground { 
	position: relative;
	height: 100%;
	width: 100%;
    max-height: 100vh;
    max-height: calc(var(--vh, 1vh) * 100);
    max-width: 100vw;
    border-radius: inherit;
}


/* CB Content */
.customBillboard .billboard-content {
	position: relative;
	width: fit-content;
	height: fit-content;
	/*height: auto;*/
	border-radius: inherit;
}


/* CB X to close Fullscreen */
.customBillboard i.closetab {
	transform: scale(calc(0.85 / var(--cbfontsizeu) * var(--cbfontsizeu) - 0.2));
}

i.closetab,
.customBillboard .billboard-content i.closetab {
	position: absolute;
	top: calc(var(--cbfontsizeu) * -3px) !important;
	right: calc(var(--cbfontsizeu) * -3px) !important;
	/*
	top: 1px;
	right: 1px;
	*/
	/*
	top: -10px;
	right: -16px;
	* */
	color: #fff;
	background-color: #000;
	float: right;
	cursor: pointer;
	opacity: 0.5;
	z-index: 11;
	transition: all 0.5s;
	border-radius: 50px;
}
i.closetab:hover, 
.customBillboard .billboard-content i.closetab:hover { opacity: 1.0; }


/* CB Loader spinner */
#customBillboardPopup.media .tag-media-content img.spinner {
	max-height: 150px;
	max-width: 25%;
}
div.customBillboard.media .tag-media-content img.spinner,
div.pdf_viewer span.loading img.spinner {
	position: relative;
	width: 100%;
	height: 100%;
	max-height: inherit;
}

/* Details Image */
#tab-content1 .spinner { display: none; }


/* CB Text */
.customBillboard .tag-text-content {
	display: inherit; 
	position: absolute;
	width: 100%;
	color: #fff;
	text-align: left;
	text-shadow: var(--cbtextshadow);
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	/*border-radius: inherit;*/
	transition: height 0.3s linear;
	overflow: hidden;
	cursor: default !important;
	z-index: 1;
}
.customBillboard .tag-text-content .tag-label {
	font-weight: bold;
	padding: 2.5px 0px;
	text-overflow: ellipsis;
	overflow: hidden !important;
}
.customBillboard .tag-text-content .tag-label:empty { display: none; }
.customBillboard .tag-text-content .tag-description:empty { display: none; }
.customBillboard .tag-text-content .tag-description { transition: all 0.3s; }
.customBillboard .tag-text-content .tag-description::-webkit-scrollbar-thumb { /*background-color: rgba(0,0,0,0.75);*/ }
.customBillboard.media .tag-description,
#customBillboardPreview .tag-description {
	padding: 1px;
	padding-bottom: 10px;
	margin-top: 5px;
	max-height: 100px;
	-webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
	mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}

.customBillboard .tag-text-content .tag-description { white-space: pre-line; margin-top: 2px; overflow: hidden; overflow-y: auto; }
.customBillboard .tag-text-content .tag-description a { color: #fff; }
.customBillboard .tag-text-content .tag-description a:hover { text-decoration: underline; }
.customBillboard .tag-media-content {  z-index: 0; border-radius: inherit; }

.customBillboard .tag-media-content .tag-image, .mattertageditor .tag-image { display: inherit; height: inherit; margin: auto; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; }


/* CB Media */
.customBillboard.cs-mp.media .tag-text-content .tag-description {
	max-height: calc(var(--vh, 1vh) * 50 - var(--cbflabelh))
}
.customBillboard.media .tag-text-content .tag-description {
	/*max-width: fit-content;*/
}
.customBillboard.media .tag-media-content {
	/*display: flex;*/
	display: block;
	flex-direction: column;
	text-align-last: center;
}


/* CB Media None */
.customBillboard.nomedia .tag-text-content { position: relative; /*min-width: 25vw;*/ }
.customBillboard.nomedia .tag-media-content { display: none; }
#customBillboardFull.nomedia .tag-text-content .tag-label {	/*padding-right: 25px;*/ }


/* CB Popup */
#customBillboardPopup {
	display: block;
	position: absolute;
	font-size: 0.8em;
    transition: transform 200ms, opacity 200ms;
    /*transition: transform 500ms, opacity 500ms;*/
    /*
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,.5));
    transition-property: all;
    transition-delay: 200ms;
    */
    transform-origin: left top;
    transform: scale(0);
    opacity: 0;
    z-index: 101;
}
#customBillboardPopup.ready { opacity: 1; transform: scale(1); }
#customBillboardPopup .tag-text-content { /*height: var(--cbptexth);*/ }
#customBillboardPopup.mouseout {
	transform-origin: left top;
	transform: scale(0);
	opacity: 0;
}
/*#customBillboardPopup:not(.mouseout) { opacity: 1; }*/

#customBillboardPopup.pdf div.tag-media-content div.pdf_viewer { max-height: 35vh; }


/* CB Fullscreen */
#customBillboardFull {
	position: absolute;
	display: flex;
	height: auto;
    width: auto;
	z-index: 101;
	border-radius: 0px;
	transition: unset;
	/*transform: scale(0.9, 0.9);*/
	/*filter: drop-shadow(3px 3px 3px rgba(0,0,0,.5));*/
	opacity: 0;
	transition: opacity 0.5s;
	max-width: var(--cbscale);
	max-height: var(--cbscaleh);
	z-index: 1000;
}
#customBillboardFull.ready { opacity: 1; }
#customBillboardFull .tag-text-content .tag-label { display: block; vertical-align: middle; padding: unset; margin-right: 28px; }
/*
#customBillboardFull .tag-text-content .tag-label:first-line { background: blue; }
#customBillboardFull .tag-text-content .tag-label::first-line { color: yellow; }
*/
#customBillboardFull span.titefleche {
	top: 1px;
	/*right: 32px;*/
	margin-right: calc(16px * (var(--cbfontsizeu) * var(--cbfontsizeu) / 1.25));
	cursor: pointer;
	opacity: 0.75;
	transition: all 0.5s;
	z-index: 10;
	zoom: 0.8;
}
#customBillboardFull span.titefleche:hover {
	opacity: 1;
}



/* CB Preview */
#customBillboardPreview {
	position: absolute;
	top: 35vh !important;
    left: calc(50% - 300px) !important;
}



/* CB Tite flèche */
.customBillboard span.titefleche { 
	position: absolute;
	text-align: center;
	top: 6px;
	right: 20px;
    width: 25px;
	cursor: pointer;
}
#customBillboardPopup span.titefleche {
	top: 4px;
	right: 5px;
    margin-right: calc(16px * var(--cbfontsizeu) / 2);
    zoom: 0.8;
}
#customBillboardPopup.nolabel.hasdescription span.titefleche {
	top: 0px;
	/*right: -3px;*/
	right: 10px;
	z-index: 1;
}
.customBillboard.cs-default .tag-text-content.titefleche .tag-label { margin-right: 30px; }
.customBillboard.cs-default .tag-text-content.retracted { overflow: hidden; min-height: 16px; height: var(--cbflabelh); }
.customBillboard .tag-text-content .titefleche i { transition: all 0.3s linear; }
.customBillboard .tag-text-content.retracted .titefleche i { transform: scaleY(-1); }
.customBillboard .tag-text-content.retracted .tag-description {	overflow: hidden; }
#customBillboardPopup.cs-default.tag-text-content.expanded { height: var(--cbptexth); }
#customBillboardPopup.cs-default .tag-text-content.retracted { height: var(--cbplabelh); }
#customBillboardFull.cs-default.audio .tag-text-content.titefleche .tag-label {	margin-right: 50px; }
#customBillboardFull.cs-default.tag-text-content.expanded {	height: var(--cbftexth); }


/* CB No Text */
.customBillboard.notext .tag-text-content { display: none; /*padding: 0px; height: 0.1px !important;*/ }
.customBillboard.notext .tag-media-content { padding-top: unset !important; }
.customBillboard.notext .tag-media-content img { top: unset; }
#customBillboardPopup.cs-default.nolabel .tag-media-content,
#customBillboardFull.cs-default.nolabel .tag-media-content { padding: 0px; }
#customBillboardFull.nolabel .tag-text-content .tag-description { /*padding-right: 32px;*/ }
#customBillboardFull.nodescription .tag-text-content .tag-label { padding-right: 32px; }
.customBillboard.nolabel .tag-text-content .tag-description { padding-right: 18px; }

/*
.customBillboard.nolabel .tag-text-content .tag-description:first-line { background: blue; padding-right: 18px; }
.customBillboard.nolabel .tag-text-content .tag-description::first-line { color: yellow; }
*/


/* CB Media Photo */
.customBillboard.photo .tag-media-content img { width: inherit; max-height: var(--cbmaxheight); max-width: 90vw; max-height: unset; }
#customBillboardPopup.media.photo .billboard-content { cursor: zoom-in; }
#customBillboardPopup.media.photo .tag-media-content { height: unset; /*max-height: calc(var(--vh, 1vh) * 33); max-height: var(--cbmaxheight);*/ }
#customBillboardPopup.media.photo .tag-media-content img { max-height: var(--cbmaxheight); }
#customBillboardFull.media.photo { height: calc(calc(var(--vh, 1vh) * 100) - var(--cbscaleu)); width: min-content; }
#customBillboardFull.media.photo .billboard-content { cursor: default; }
#customBillboardFull.media.photo .tag-media-content { /*height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbflabelh));*/ height: auto; width: auto; }
#customBillboardFull.media.photo .tag-media-content img { /*height: inherit;*/ height: auto; width: inherit; max-height: var(--cbscaleh); /*border-radius: inherit;*/ }
#customBillboardFull.media.photo.wider div.billboard-content div.tag-media-content { height: unset; }
#customBillboardFull.media.photo.wider div.billboard-content div.tag-media-content img {
	max-width: var(--cbscale);
	max-height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbflabelh));
	/*width: var(--cbscale);*/  /* Streches images */
	width: min(var(--cbscale), --cbpmediaw);
	height: unset;
}
#customBillboardFull.cs-default.media.photo div.tag-media-content img {
	height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbflabelh));
}
#customBillboardFull.cs-mp.media.photo div.tag-media-content img {
	height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbftexth));
}


/* CB Media Video */
div.customBillboard.media.video .tag-media-content video { display: block; }
div#customBillboardPopup.video div.tag-media-content {
	min-height: unset;
	height: unset;
}
#customBillboardPopup.media.video.taller .tag-media-content video { max-height: var(--cbmaxheight); width: auto; }
#customBillboardFull.media .tag-media-content video { width: unset; }
#customBillboardFull.media.video { /*height: calc(var(--vh, 1vh) * 100);*/ }
#customBillboardFull.media.video.wider { height: unset; }
#customBillboardFull.media.video.wider div.tag-media-content {
	width: inherit;
	height: unset;
}
#customBillboardFull.media.video.taller div.tag-media-content video {
	height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbflabelh));
}
#customBillboardFull.cs-mp.media.video.taller div.tag-media-content video {
	height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbftexth));
}
#customBillboardFull.media.video.wider div.tag-media-content video {
	width: var(--cbscale);	/* To strech smaller Videos */
	height: unset;
}


/* CB Video Alpha */
.customBillboard.videoalpha .customBillboardBG,
.customBillboard.videoalpha .tag-media-content {
    background: unset;
}


/* CB Media 360 */
#customBillboardFull.cs-mp.media.photo360 div.tag-media-content,
#customBillboardFull.cs-mp.media.video360 div.tag-media-content {
	height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbftexth));
}
#customBillboardFull.photo360 div.tag-media-content iframe,
#customBillboardFull.video360 div.tag-media-content iframe {
	width: var(--cbscale); 
	height: calc(calc(var(--vh, 1vh) * 100) - var(--cbflabelh));
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}
#customBillboardFull.cs-mp.photo360 div.tag-media-content iframe,
#customBillboardFull.cs-mp.video360 div.tag-media-content iframe {
	height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbftexth));
}
#customBillboardFull.cs-mp.media.photo360 div.tag-media-content,
#customBillboardFull.cs-mp.media.video360 div.tag-media-content {
	height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbftexth));
}


/* CB Media Audio */
div.customBillboard.media.audio div.tag-text-content { position: relative; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
div.customBillboard.media.audio div.tag-media-content { height: unset; width: auto; padding-top: 0px; }
div.customBillboard.media.audio div.tag-media-content audio { margin: 5px; }
div.customBillboard.media.audio .tag-media-content { position: relative; height: unset; min-height: unset; max-width: unset; margin-top: unset; }
#customBillboardFull.audio { bottom: 90px; }
#customBillboardFull.audio.notext .customBillboardBG, 
#customBillboardFull.audio.notext .tag-media-content { background-color: unset; }
#customBillboardFull.audio.notext .tag-media-content audio { margin-bottom: 0px; }
div#customBillboardFull.media.audio .tag-media-content { height: unset; min-height: 32px; min-width: 400px; text-align: center; align-items: center; padding-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
div#customBillboardFull.media.audio .tag-media-content audio { width: max(97%, 390px); }
.customBillboard.cs-mp audio { /*width: 97%; min-width: 300px;*/ }


/* CB Media Vimeo */
div.customBillboard.media.vimeo div.tag-media-content {	height: unset !important; }
div#customBillboardPopup.media.vimeo iframe#vimeoplayer { width: fit-content; /*width: -webkit-fill-available;*/ width: intrinsic; }
div#customBillboardFull.media.vimeo { height: unset; }
iframe.vimeoplayer { display: block; }
iframe#vimeoplayerFull {
	/*height: inherit;*/
	max-width: var(--cbscale);
	max-height: 90vh;
}

#detailimage iframe.vimeoplayer { width: 100%; }


/* CB Media External URL */
#customBillboardFull.externalurl .tag-media-content {
	position: relative;
	max-width: 100%;
}
.customBillboard .tag-media-content .iframewrapper {
	/*width: min-content;*/
	width: -webkit-fill-available;
	height: auto;
	padding: var(--cbpadding);
	background-color: var(--cbbgcolor);
	aspect-ratio: 4 / 3;
	overflow: auto;
}
#customBillboardFull.cs-default .iframewrapper {
	height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbflabelh));
}
#customBillboardFull.cs-mp .iframewrapper {
	height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbftexth));
}
#customBillboardFull .iframewrapper iframe {
	display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}
.customBillboard.externalurl div.billboard-content div.tag-media-content { display: block; max-width: unset; }
#customBillboardFull.externalurl div.billboard-content div.tag-media-content { max-width: 100vw; }


/* Youtube */
iframe.youtube {
	height: 100%;
	width: 100%;
	aspect-ratio: 4/3;
}
.customBillboard .iframewrapper.youtube {
	overflow: hidden;
}

/* CB Media Embed.ly */
span.embedlymedia {
	display: block;
	height: 100%;
	justify-content: center;
}
span.embedlymedia .spinner {
    position: absolute;
    width: 100%;
    height: 100%;
}
span.embedlymedia iframe {
	display: block;
	width: 100%;
	height: 100%;
}
#customBillboardFull span.embedlymedia {
	max-width: 100vw;
	aspect-ratio: inherit;
	margin: auto;
}
#customBillboardPopup.rich .tag-media-content {
	display: block;
	height: auto;
	/*width: fit-content;*/
}

/* Stretch Embed.ly Media */
#customBillboardFull.media.video .tag-media-content .embedlymedia { width: var(--cbscale); }
#customBillboardFull.media.rich:not(.Flickr) .tag-media-content .embedlymedia { width: var(--cbscale); }


.customBillboard span.embedlymedia img.tag-image { width: 100%; /*width: -moz-available; width: -webkit-fill-available;*/ }
#customBillboardPopup.media span.embedlymedia img.tag-image { max-width: 350px; }
#customBillboardFull.media span.embedlymedia img.tag-image { min-width: 250px; margin: unset; }

body.showcasePortrait #customBillboardFull.media span.embedlymedia img.tag-image { /*width: unset;*/ }
body.showcaseLandscape #customBillboardFull.media span.embedlymedia img.tag-image { height: unset; width: unset; }
/*body.showcasePortrait:not(.iOS) #customBillboardFull.media.taller span.embedlymedia, */
/*body.showcaseLandscape #customBillboardFull.cs-default.taller .tag-media-content span.embedlymedia { aspect-ratio: unset !important; }*/
body.showcaseLandscape.isiOS #customBillboardFull.cs-default.taller .tag-media-content span.embedlymedia { width: var(--cbscale) !important; }	/* TODO :: More tests on iOS Embed.ly */
body.showcasePortrait.iPhone #customBillboardFull.media.taller span.embedlymedia { /*aspect-ratio: unset !important;*/ }

/*#customBillboardPopup.rich .tag-media-content img.tag-image { max-height: var(--cbmaxheight); }*/
#customBillboardFull.media.rich.square .tag-media-content span.embedlymedia { /*width: var(--cbscale);*/ width: auto; }
#customBillboardPopup.media.rich.wider .tag-media-content,
#customBillboardFull.media.rich.wider .tag-media-content { height: unset; }
#customBillboardPopup.media .tag-media-content span.embedlymedia { max-height: var(--cbmaxheight); }
#customBillboardFull.cs-default.square .tag-media-content span.embedlymedia { height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbflabelh)); }
#customBillboardFull.cs-mp.square .tag-media-content span.embedlymedia { height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbftexth)); }
#customBillboardFull.cs-default.taller .tag-media-content span.embedlymedia { /*width: unset;*/ /*height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbflabelh));*/ }
/*
body:not(.iOS) #customBillboardFull.cs-default.taller .tag-media-content span.embedlymedia { width: unset; }
body:not(.iOS) #customBillboardFull.cs-mp.taller .tag-media-content span.embedlymedia { width: unset; }
*/
#customBillboardFull.cs-mp.taller .tag-media-content span.embedlymedia { width: unset; height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbftexth)); overflow: hidden; }


/* CB 3D Models */
#customBillboardFull.cs-default.media div.tag-media-content model-viewer {
	height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbflabelh));
}
#customBillboardFull.cs-mp.media div.tag-media-content model-viewer {
	height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbftexth));
}


/* CB Media Panorama */
.panorama {
	display: block;
	width: 100%;
	height: 100%;
	border-style: none;
}
#panoramaFull {
	height: 100%;
	width: 100%;
	max-width: unset;
	border-style: none;
}


/* CB Media PDF */
#customBillboardFull.pdf { /*height: calc(calc(var(--vh, 1vh) * 100) - var(--cbscaleu));*/ }
#customBillboardFull.cs-default.media.pdf div.tag-media-content .pdf_viewer {
	max-height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbflabelh));
}
#customBillboardFull.cs-mp.media.pdf div.tag-media-content .pdf_viewer {
	max-height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbftexth));
}
#customBillboardFull.cs-default.media.pdf.wider div.tag-media-content .pdf_viewer {
	max-height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbflabelh));
}
#customBillboardFull.cs-mp.media.pdf.wider div.tag-media-content .pdf_viewer {
	max-height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbftexth));
}
#customBillboardFull.media.pdf.wider div.tag-media-content .pdf_viewer {
	/*width: var(--cbscale);*/
}



/* CB Full Media */
#customBillboardFull.media .tag-media-content video, 
#customBillboardFull model-viewer, 
#customBillboardFull.photo360 iframe, 
#customBillboardFull .iframewrapper { max-width: var(--cbscale); width: var(--cbscale); max-height: 100%; }
#customBillboardFull.media .tag-media-content video { height: 100%; width: unset; }
#customBillboardFull .pdf_viewer { max-width: var(--cbscale); }
#customBillboardFull.media .tag-media-content img, 
#customBillboardFull.media.photo360 iframe, 
#customBillboardFull.media .tag-media-content video, 
#customBillboardFull.media iframe#vimeoplayerFull, 
#customBillboardFull.media .tag-media-content .embedlymedia,
#customBillboardFull.media.embed, 
#customBillboardFull.media div.tag-media-content .pdf_viewer, 
#customBillboardFull.media model-viewer {
	max-width: var(--cbscale);
	max-height: var(--cbscaleh);
	max-height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbflabelh));
	/*height: unset;*/
}



/* CB Parameters */


/* CB Styles */

/* CB Style Default */
.customBillboard.cs-default.media .tag-media-content {
	width: unset;
	height: unset;
}
#customBillboardFull.cs-default.media .tag-media-content { max-width: unset; /*width: max-content;*/ /*background-color: #0000ff; border: solid 10px yellow;*/ }
#customBillboardFull.cs-default.video .tag-media-content { height: unset; }
#customBillboardFull.rich .tag-media-content { /*width: fit-content;*/ }
#customBillboardFull .tag-media-content span.embedly { height: unset; }
#customBillboardPopup.media.audio .tag-media-content { padding-top: 0px; }
#customBillboardPopup.cs-default.audio { max-width: 450px; }
#customBillboardPopup.cs-default.audio .tag-media-content { width: 100%; min-width: 100px; }


/* CB Style Matterport */
#customBillboardPopup.cs-mp.media .tag-media-content { padding-top: unset; }
#customBillboardFull.cs-mp.media .tag-media-content { padding-top: unset; text-align: -webkit-center; }
.customBillboard.cs-mp span.titefleche { display: none !important; }
.customBillboard.cs-mp div.tag-text-content { position: relative; }
.customBillboard.cs-mp .tag-text-content .tag-label { cursor: default; }
.customBillboard.cs-mp .tag-text-content .tag-description {	transition: unset; max-height: calc(var(--vh, 1vh) * 100 - var(--cbflabelh)); }
.customBillboard.cs-mp .tag-text-content .tag-description::-webkit-scrollbar-thumb { /*background-color: rgba(0,0,0,0.6);*/ }
.customBillboard.cs-mp .tag-media-content { position: unset; }
.customBillboard.cs-mp .tag-media-content .embedly { height: 100%; min-height: 200px; }
.customBillboard.cs-mp.media .tag-media-content { width: unset; }
/*#customBillboardFull.cs-default.media.fullfull .tag-media-content { max-height: unset; }*/
#customBillboardPopup.cs-mp.media.taller,
#customBillboardPopup.cs-mp.media.model3d,
#customBillboardFull.cs-mp.media.taller,
#customBillboardFull.cs-mp.media.model3d { width: min-content; min-width: 300px; }
#customBillboardFull.cs-mp.media.pdf .tag-media-content div.pdf_viewer { height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbftexth)); }

#customBillboardPopup.cs-default div.tag-media-content {
	max-height: calc(100% - var(--cbplabelh));
	/*height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbplabelh));*/
	padding-top: var(--cbplabelh);
}
#customBillboardFull.cs-default div.tag-media-content {
	max-height: calc(var(--vh, 1vh) * 100);
	/*height: calc(var(--vh, 1vh) * 100 - var(--cbflabelh));*/
	/*height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbflabelh));*/
	padding-top: var(--cbflabelh);
}

#customBillboardPopup.cs-mp div.tag-media-content {
	height: calc(100% - var(--cbptexth));
	/*height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbptexth));*/
	padding-top: var(--cbptexth);
}
#customBillboardFull.cs-mp div.tag-media-content {
	height: calc(100% - var(--cbftexth));
	/*height: calc(var(--vh, 1vh) * var(--cbscaleu) - var(--cbftexth));*/
	padding-top: var(--cbftexth);
}


#customBillboardPopup.cs-mp.embedly div.customBillboardBackground div.tag-media-content { width: 100%; text-align: -webkit-center; }
#customBillboardPopup.cs-mp.video .tag-media-content { /*display: inline-block;*/ min-width: 100px; }
#customBillboardPopup.cs-mp.media.photo .tag-media-content { /*display: inline-block;*/ }


/* CB Hover Max Width */
#customBillboardPopup,
#customBillboardPopup .tag-media-content > * {
	max-width: var(--cbmaxwidth);
	/*max-height: var(--cbmaxheight);*/
}
#customBillboardPopup.model3d .tag-media-content model-viewer {
	height: var(--cbmaxwidth);
	/*width: calc(var(--cbmaxwidth) * 0.75);*/
	aspect-ratio: 4 / 3;
}


/* CB Scaling */
#customBillboardFull, #customBillboardFull.embed { max-height: unset; /*max-height: var(--cbscalep);*/ width: auto; }
#customBillboardFull span.embedlymedia { /*width: auto;*/ /*width: var(--cbscale);*/ /*width: clamp(300px, 50vw, var(--cbscale));*/  height: 100%; height: -webkit-fill-available; }
body.iPhone #customBillboardFull span.embedlymedia { /*width: auto;*/ /*width: var(--cbscale);*/ }
#customBillboardFull.smaller span.embedlymedia { /*width: unset;*/ /*background: blue;*/ }
#customBillboardFull iframe.vimeoplayer { width: var(--cbscale); }
#customBillboardFull.media.pdf.wider div.pdf_viewer { max-width: var(--cbscale); }
#customBillboardFull.media.pdf.square span.embedlymedia { height: calc(var(--vh, 1vh) * var(--cbscaleu)); width: var(--cbscale); }


/* CB Font Size */
.customBillboard { font-size: var(--cbfontsize); }
#customBillboardPopup { font-size: calc(13px * var(--cbfontsizeu)); }


/* CB Font Family */
.customBillboard { font-family: var(--cbfont); }


/* CB Foreground Color */
.customBillboard .tag-text-content .tag-label,
.customBillboard .tag-text-content .tag-description,
.customBillboard .tag-text-content .tag-description a {
	color: var(--cbfgcolor);
}


/* CB Background Color */
/* TODO*/


/* CB Background Image */
/* TODO */


/* CB Background Blur */
.customBillboard, 
model-viewer {
	backdrop-filter: blur(var(--cbblur));
}


/* CB Padding */
div.customBillboard .tag-text-content {	padding: var(--cbpadding); }


/* CB Rounded Corners */
div#customBillboardPopup, div#customBillboardFull {
	border-top-left-radius: var(--cbcorners);
	border-top-right-radius: var(--cbcorners);
	/*border-radius: var(--cbcorners);*/
}
div.customBillboard.nomedia,
div.customBillboard .tag-text-content,
div.customBillboard .tag-media-content,
div.customBillboard .customBillboardBG {
	border-radius: var(--cbcorners);
}
.customBillboard .tag-media-content > *,
span.embedlymedia iframe {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}
.customBillboard.nolabel .tag-media-content > *,
.customBillboard.nolabel span.embedlymedia iframe {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}
div#customBillboardPopup.notext, 
div#customBillboardFull.notext,
.customBillboard.notext .tag-media-content > * {
	border-radius: inherit;
}




#customBillboardPopup.tag-left-up:before,
.tag-container.tag-left-up:before {
	/*
    content: "";
    position: absolute;
    left: 100%;
    bottom: 0;
    border-left: 30px solid rgba(0,0,0,.85);
    border-top: 20px solid transparent;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: skewY(30deg);
    transform: skewY(30deg);
    */
}


/* Pano Player */
#panoPlayer {
	display: flex;
	position: absolute;
	bottom: 64px;
	left: 50%;
	font-size: 0.8em;
	-webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,.5));
    transition: transform 200ms, opacity 200ms;
    transform-origin: left top;
    transform: translate(-50%) scale(1);
    opacity: 0.9;
    z-index: 100;
}
#panoPlayer .panoPlayerContent {
	position: relative;
	padding-right: 10px;
}
#panoPlayer .panoPlayerContent i.closetab {
	position: absolute;
	top: -10px;
	right: -10px;
	opacity: 0.8;
    cursor: pointer;
	transition: all 0.5s;
}
#panoPlayer .panoPlayerContent i.closetab:hover { opacity: 1; }


/* 3D Models */
#CSS3DRenderer {
	position: absolute;
	top: 0px;
	left: 0px;
	pointer-events: none;
}
body.premium #CSS3DRenderer {
	/*display: none;*/
	top: 11px;
	left: 6px;
	scale: 0.9;
	pointer-events: none;
}
#CSS3DRenderer div.HTML3D {
	/*pointer-events: none !important;*/
	/*width: 100px !important;
	height: 100px !important;*/
}
#CSS3DRenderer div.HTML3D iframe {
	width: 100%;
	height: 100%;
}
#CSS3DRenderer #showcasewrapper {
	position: absolute;
	top: 0px;
	pointer-events: auto;
}

video.videoTexture { 
    display: none;
    position: absolute;
    bottom: 100px;
    right: 5vw;
    max-width: 30vw;
    max-height: 30vw;
    background-color: #fff;
    border: solid 5px blue;
    z-index: 9999;
    -webkit-transform: translateZ(0);
}

div#fpscounter { left: calc(50vw - 125px) !important; }
div#mscounter { left: calc(50vw - 45px) !important; }
div#mbcounter { left: calc(50vw + 35px) !important; }


/* dat.GUI */
div.dg.ac { top: 60px; z-index: 999; }
div.dg.a { margin-right: unset; }
div.dg.main .close-button.close-bottom {
	top: unset;
	right: unset;
	padding: unset;
}
div.dg li:not(.folder) .slider:before {
	position: unset;
	content: "";
	height: unset;
	width: unset;
	left: unset;
	bottom: unset;
	background-color: unset;
}

/* lil-gui */
.lil-gui.root { position: absolute; top: 60px; right: 0px; opacity: 0.75; transition: opacity 1s; z-index: 1; }
.lil-gui.root:hover { opacity: 1; }
.lil-gui.root .children { margin-left: 10px; }



/* Deeplink */
#deeplinkbox {
	position: absolute;
	top: 0px;
	right: 20px;
	width: 600px;
	font-size: 11px;
	font-weight: 700;
	text-shadow: 1px 1px #000;
	letter-spacing: 0.2px;
	opacity: 0;
	transition: opacity 0.3s;
	z-index: -1;
}
#deeplinkbox.shown {
	opacity: 0.95;
	z-index: 99;
}
body.premium #deeplinkbox { top: 60px; }
#deeplinkbox .head {
	height: 31px;
	line-height: 30px;
	padding: 0 10px;
	padding-left: 15px;
	color: #65696b;
	background: #1a1a1a;
	overflow: hidden;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#deeplinkbox .body {
	background-color: #2e2e2e;
	padding: 4px;
}

#deeplinkbox .body textarea {
	height: 25px;
	width: 100%;
	color: #fff;
	font-size: 0.9em;
	font-family: Monospace,Arial,sans-serif;
	background: #222729;
	padding: 5px 8px 2px;
	border: unset;
	border-radius: 3px;
	white-space: nowrap;
	overflow: hidden;
	resize: none;
}
#deeplinkbox .body textarea::selection {
	color: #222729;
	background: #65696b;
}
#deeplinkbox .body hr {
	display: none;
	margin: 1px;
	border-color: #222729;
}
#deeplinkbox .body button {
	height: 26px;
	width: 100%;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	text-shadow: 1px 1px #000;
	text-transform: uppercase;
	background-image: linear-gradient(#404040 0,#3b3b3b 100%);
	border: none;
	border-top: solid 1px #222729;
	cursor: pointer;
	border-radius: 5px;
	transition: all 0.5s;
}
#deeplinkbox .body button:hover {
	background-image: linear-gradient(#202020 0,#3b3b3b 100%);
}
#deeplinkbox .body #copyDeeplinkToClipboard { width: 70%; }
#deeplinkbox .body #setDeeplinkToStartPosition { width: 29%; color: green; }
#deeplinkbox .body #setDeeplinkToStartPosition i { transform: scale(1.3, 1.3); margin-right: 5px; }

body:not(.premium) #deeplinkbox .body #copyDeeplinkToClipboard { width: 100%; }
body:not(.premium) #deeplinkbox .body #setDeeplinkToStartPosition { display: none; }


/* Secured */
body.secured { /*opacity: 0;*/ }
body.secured.loggedin { /*opacity: 1;*/ }
body.secured.started:not(.preloadcontent) #loading-gui { display: block; }
body.secured.playShowcase:not(.loggedin) #loading-gui { display: none; }
body.secured.preloadcontent:not(.contentloaded):not(.playShowcase) #loading-gui { display: block; }
body.secured.playShowcase #loading-gui #circleLoader { /*display: none;*/ }
body.isPasswordProtected #loading-gui {	display: none; }

/* Circle Loader */
body #circleLoader.hidden { opacity: 0; pointer-events: none; }

/* Watermark */
#watermarkcontainer {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
#watermark {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	/*height: calc(100% - 90px);*/
	opacity: 0;
	pointer-events: none;
}

body.premium #watermark {
	/*
	margin: 60px 250px 0px 250px;
	width: calc(100vw - 250px);
	height: calc(100vh - 60px);
	*/ 
}


/* Custom Login */
#customLoginOverlay {
	display: flex;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: calc(var(--vh, 1vh) * 100);
	align-items: center;
	justify-content: center;
	opacity: 1;
	transition: opacity 0.5s ease-in-out;
	/*pointer-events: none;*/
	backdrop-filter: blur(3px);
	z-index: 13;
}
#customLoginOverlay.loggedin {
	opacity: 0;
	pointer-events: none;
}
#customLoginOverlay > #customLoginForm > #frmLogin {
	display: flex;
	flex-flow: column;
}
#customLoginOverlay > #customLoginForm > #frmLogin .row {  }
#customLoginOverlay > #customLoginForm > #frmLogin input { font-size: 24px; padding: 10px; margin: 3px; background: #222222d6; color: #ccc; border: none; border-radius: 5px; }
#customLoginOverlay > #customLoginForm > #frmLogin input[type="submit"] { background: #222222d6; color: #fff; opacity: 0.7; transition: all 0.5s; cursor: pointer; }
#customLoginOverlay > #customLoginForm > #frmLogin input[type="submit"]:hover { opacity: 1; }
#customLoginOverlay > #customLoginForm > #frmLogin .message { height: 40px; text-align: center; font-size: 24px; color: #88d019e0; text-shadow: 2px 2px 1px rgb(75 14 14); opacity: 0; transition: all 0.5s; }
#customLoginOverlay > #customLoginForm > #frmLogin .message:not(:empty) { opacity: 1; }
#customLoginOverlay > #customLoginForm > #frmLogin .message.error { color: #f00; }
#customLoginOverlay > #customLoginLogo {}
#customLoginOverlay > #customLoginLogo img { max-height: 200px; }
#customLoginOverlay.logoLeft { flex-flow: row; }
#customLoginOverlay.logoRight { flex-flow: row-reverse; }
#customLoginOverlay.logoTop { flex-flow: column; }
#customLoginOverlay.logoBottom { flex-flow: column-reverse; }


/* Video Intro */
body.videointro:not(.premium) #mpembed-ui { opacity: 0; transition: opacity var(--videointro_fadeout); }
body.videointro.videointroDone #mpembed-ui { opacity: 1; }
body.videointro:not(.premium, .videointroDone) .gui { display: none; }

#videoIntro { display: flex; position: absolute; top: 0px; left: 0px; width: 100vw; height: 100svh; background: var(--background_color); opacity: 1; transition: opacity var(--videointro_fadeout); z-index: 999; }
#videoIntro.hidden { display: flex !important; opacity: 0; pointer-events: none; }
body.customlogin #videoIntro { display: none; }
body.customlogin.isPrivateLoggedIn #videoIntro { display: flex; }
#videoIntro video { flex-grow: 1; width: 100vw; height: 100svh; /*pointer-events: none;*/ }
#videoIntro iframe { width: 100vw; border: none; /*pointer-events: none;*/ }
#videoIntro #videoIntroPlay { display: flex; position: absolute; top: 0px; left: 0px; width: 100vw; height: 100svh; align-items: center; justify-content: center; z-index: 113; opacity: 0.6; transition: opacity 0.5s; }
#videoIntro #videoIntroPlay:hover { opacity: 1; cursor: pointer; }
#videoIntro #videoIntroPlay img { max-height: 90svh; max-width: 90vw; }
#videoIntro #videoIntroControls { display: flex; position: absolute; bottom: 15px; right: 10px; align-items: center; /*background: var(--background_color);*/ background: transparent; border: none; z-index: 114; }
#videoIntro #videoIntroControls i.fa { font-size: 24px; }
#videoIntro #videoIntroControls > button { padding: 10px; font-family: Roboto; font-size: 26px; color: #fff; mix-blend-mode: difference; border-radius: 5px; background: transparent; opacity: 0.4; transition: all 0.5s; cursor: pointer; }
#videoIntro #videoIntroControls > button:hover { opacity: 1; }
#videoIntro #videoIntroControls > button#videoIntroSkip {}
#videoIntro #videoIntroControls > button#videoIntroMute { width: 53px; margin-right: 10px; padding: 10px; }
#videoIntro #videoIntroControls > input#videoIntroVolume { margin-right: 10px; width: 150px; -webkit-appearance: none; appearance: none; outline: none; background: transparent; align-self: center; cursor: pointer; border-radius: 10px; opacity: 0.4; transition: all 0.5s; }
#videoIntro #videoIntroControls > input#videoIntroVolume:hover { background-color: #181818; opacity: 1; }
#videoIntro #videoIntroControls > ::-webkit-scrollbar,
#videoIntro #videoIntroControls > ::-webkit-scrollbar-track,
#videoIntro #videoIntroControls > input#videoIntroVolume::-webkit-slider-runnable-track,
#videoIntro #videoIntroControls > input#videoIntroVolume::-moz-range-track,
#videoIntro #videoIntroControls > input#videoIntroVolume::-ms-track { color: transparent; background: yellow; height: 25px; }
#videoIntro #videoIntroControls > ::-webkit-slider-thumb,
#videoIntro #videoIntroControls > ::-webkit-scrollbar-thumb,
#videoIntro #videoIntroControls > input#videoIntroVolume::-webkit-scrollbar-thumb { height: 25px; width: 25px; background: url('/show/img/TV/unmuted.png'); background-repeat: no-repeat; background-size: cover; border: none; -webkit-appearance: none; appearance: none; }
#videoIntro #videoIntroControls > input#videoIntroVolume::-moz-range-thumb { height: 25px; width: 25px; background: url('/show/img/TV/unmuted.png'); background-repeat: no-repeat; background-size: cover; border: none; }
#videoIntro #videoIntroPoster {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	transition: opacity 2s;
	/*background: #2c2c2c;*/
}
#videoIntro #videoIntroPoster.hide { opacity: 0; pointer-events: none; }
#videoIntro #videoIntroPoster img {
	max-width: 100vw;
	max-height: 100svh;
}

#videoIntro iframe.locked { pointer-events: none; }
#videoIntro iframe#videoIntroYoutube .ytp-chrome-top { display: none; }



/* QR Code */
qr-code::part(svg) {}

div.qrcodecontainer {
	position: absolute;
	top: 0px;
	left: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 1s;
	pointer-events: none;
}
div.qrcodecontainer.ready { opacity: 1; }
div.qrcode {
	position: absolute;
	right: 10px;
	bottom: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: all;
	/*border: solid 1px yellow;*/
}
div.qrcode:hover {
	transform: scale(2);
	right: 75px;
	opacity: 1 !important;
	/*zoom: 2;*/
}
div.qrcode > img {
	position: absolute;
	width: 300px;
	height: 300px;
	
}
div.qrcode > img.bg {
	height: 100%;
	width: auto;
	opacity: 0.5;
}
div.qrcode > img.logo {
	height: 33%;
	width: auto;
	opacity: 0.5;
}



/* Mobile */
@media (max-height:300px) {
	#customBillboardFull { max-height: 100%; }
	#customBillboardFull, #customBillboardFull.embed { max-height: 95%; }
}

@media (max-height:560px) {
	#tab-content2inner, #tab-content3inner, #panel-options, #tab-premiuminner { max-height: 30vh; }
}

@media (max-width:560px), (max-height:450px) {
	#model-title, #message {
	    max-width: calc(100% - 44px);
    }
	.main-title-row, #summary-wrapper {
	    width: calc(100% - 60px);
    }
	body.minimap-on #vertical-flex {
	    display: none !important;
    }
	#map-toggle {
	    width: 42px;
    }
	#minimapbuttons {
	    width: 42px;
	    top: 66px;
	    right: 0;
    }
	#map-toggle {
	    right: 0;
    }
    #title-toggle, #message-toggle {
	    width: 40px;
    }
	#minimap {
	    right: 41px;
    }
	#model-title #summary-wrapper {
	    margin-left: 40px;
    }
	#tour-title {
	    font-size: 22px;
	    line-height: 24px;
    }
	body.compass #announcements #message {
		max-width: calc(100% - 83px);
	}
	div#footer-terms span#copyright {
		display: inline-block;
		max-width: 180px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	/* CB */
	.customBillboard { font-size: 75%; }
	body.waiting #customBillboardLoading { opacity: 1; transition: var(--cbltransition) var(--cbldelay); }
	div#customBillboardFullOverlay div#customBillboardFull { max-height: calc(var(--vh, 1vh) * 100); max-width: 100vw; }
	#customBillboardFull span.titefleche { margin-right: unset;	}
	
	/*
	#customBillboardFull i.closetab {
		top: 1px;
		right: 1px;
	}
	div#customBillboardFull.cs-mp.hasdescription i.closetab {
		top: 1px;
	}
	#customBillboardFull.nomedia i.closetab {
		right: -16px;
	}
	*/
	
	#customBillboardFull.cs-default.media div.tag-media-content {
		max-height: calc(var(--vh, 1vh) * 100 - var(--cbflabelh));
		/*height: calc(var(--vh, 1vh) * 100 - var(--cbflabelh));*/
	}
	#customBillboardFull.cs-mp.media div.tag-media-content {
		max-height: calc(var(--vh, 1vh) * 100 - var(--cbftexth));
		/*height: calc(var(--vh, 1vh) * 100 - var(--cbftexth));*/
	}
	
	#customBillboardFull.cs-default.media.photo div.tag-media-content img, 
	#customBillboardFull.cs-default.media.photo360 div.tag-media-content iframe, 
	#customBillboardFull.cs-default.media.video div.tag-media-content video, 
	#customBillboardFull.cs-default.media.vimeo div.tag-media-content iframe#vimeoplayerFull, 
	#customBillboardFull.cs-default.media div.tag-media-content .embedlymedia,
	#customBillboardFull.cs-default.media.embed, 
	#customBillboardFull.cs-default.media.pdf div.tag-media-content .pdf_viewer, 
	#customBillboardFull.cs-default.media.model3d div.tag-media-content model-viewer {
		max-width: 100vw;
		max-height: 100vh;
		max-height: calc(var(--vh, 1vh) * 100 - var(--cbflabelh));
	}
	
	#customBillboardFull.cs-mp.media.photo div.tag-media-content img, 
	#customBillboardFull.cs-mp.media.photo360 div.tag-media-content iframe, 
	#customBillboardFull.cs-mp.media.video div.tag-media-content video, 
	#customBillboardFull.cs-mp.media.vimeo div.tag-media-content iframe#vimeoplayerFull, 
	#customBillboardFull.cs-mp.media div.tag-media-content .embedlymedia,
	#customBillboardFull.cs-mp.media.embed, 
	#customBillboardFull.cs-mp.media.pdf div.tag-media-content .pdf_viewer, 
	#customBillboardFull.cs-mp.media.model3d div.tag-media-content model-viewer {
		max-width: 100vw;
		max-height: 100vh;
		max-height: calc(var(--vh, 1vh) * 100 - var(--cbftexth));
	}
	
	/* CB Photo */
	div#customBillboardFull.media.photo div.customBillboardBackground div.tag-media-content,
	div#customBillboardFull.media.photo div.customBillboardBackground div.tag-media-content img { height: unset; }
	#customBillboardFull.media.photo .tag-media-content img {
		height: -webkit-fill-available;
	}
	
	/* CB Video */
	#customBillboardFull.cs-mp.media.video.taller div.tag-media-content video {
		height: calc(var(--vh, 1vh) * 100 - var(--cbftexth));
	}
	div#customBillboardFull.media.video.wider div.tag-media-content video { /*width: 100vw;*/ }
	
	/* CB Audio */
	#customBillboardFull.media.audio div.tag-media-content { height: unset !important; }
	
	/* CB PDF & Embedly */
	#customBillboardFull.media.pdf div.tag-media-content,
	#customBillboardFull.media.pdf div.tag-media-content .pdf_viewer,
	#customBillboardFull.media.embedly div.tag-media-content {
		height: unset;
	}
	
	/* CB 360 Photo & Video */
	#customBillboardFull.cs-default.media.photo360 div.tag-media-content iframe,
	#customBillboardFull.cs-default.media.video360 div.tag-media-content iframe {
		height: calc(calc(var(--vh, 1vh) * 100) - var(--cbflabelh));
	}
	#customBillboardFull.cs-mp.media.photo360 div.tag-media-content iframe,
	#customBillboardFull.cs-mp.media.video360 div.tag-media-content iframe {
		height: calc(calc(var(--vh, 1vh) * 100) - var(--cbftexth));
	}
	
	/* CB 3D Models */
	#customBillboardFull.cs-mp.media div.tag-media-content model-viewer {
		height: calc(var(--vh, 1vh) * 100 - var(--cbftexth));
	}
	
	/* Override max width and scale */
	div#customBillboardFull, #customBillboardFull.embed { /*max-width: 100vw; height: unset;*/ }
	div#customBillboardFull iframe.vimeoplayer { width: 100vw; }
	div#customBillboardFull.media span.embedlymedia img.tag-image { min-width: unset; }
	div#customBillboardFull.media .tag-media-content,
	div#customBillboardFull.cs-default.media .tag-media-content,
	#customBillboardFull.media .tag-media-content img {
		/*height: unset;*/
	}
	
	/* Video Intro */
	/*#videoIntro #videoIntroPlay img { transform: scale(0.75); }*/
}


/* Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) { @media {
	
	/* To avoid stretching of images */
	div#customBillboardFullOverlay div#customBillboardFull.media.photo div.tag-media-content img {
		/*height: unset;*/
	}
	
}}


/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
	body.waiting #customBillboardLoading { /*opacity: 1; transition: var(--cbltransition) var(--cbldelay);*/ }	/* CB Loading */
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	body.waiting #customBillboardLoading { opacity: 1; transition: var(--cbltransition) var(--cbldelay); }
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
	/*body.waiting #customBillboardLoading { opacity: 1; transition: var(--cbltransition) var(--cbldelay); }*/
} 

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
	/*body.waiting #customBillboardLoading { opacity: 1; transition: var(--cbltransition) var(--cbldelay); }*/
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	/*body.waiting #customBillboardLoading { opacity: 1; transition: var(--cbltransition) var(--cbldelay); }*/
	div#customBillboardFullOverlay div#customBillboardFull.media.photo div.tag-media-content img { height: unset; }
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	/*body.waiting #customBillboardLoading { opacity: 1; transition: var(--cbltransition) var(--cbldelay); }*/
}



/* Infocolumn */

@media (min-width:560px) {
  body.infocolumn .closetab, body.infocolumn .hint {
    display: none;
  }
	body.infocolumn #mpembed-ui {
    background: #fff;
  }
	body.infocolumn #showcasewrapper, body.infocolumn #nhr {
    position: absolute;
    left: 370px;
    width: calc(100vw - 370px);
  }
	body.premium.infocolumn #showcasewrapper, body.premium.infocolumn #nhr {
    width: calc(100vw - 620px);
  }
	body.infocolumn #main-title .co-brand .title, body.infocolumn.premium #mt li.cat input, body.infocolumn #model-title #main-title-wrapper .main-title .co-brand, body.infocolumn #model-title {
    color: #333;
  }
	body.infocolumn #main-title, 
	body.infocolumn #tabs, 
	body.infocolumn #tabs [id^="tab"]:checked + label, 
	body.infocolumn #mattertag, 
	body.infocolumn #title-toggle {
    background: transparent !important;
  }
	body.infocolumn #tabs .tab-content {
    background: #f5f5f5 !important;
    border-top: 1px solid #333;
    top: 33px;
  }
	body.infocolumn #title-toggle:hover, body.infocolumn #summary-details:hover, body.infocolumn #main-title:hover {
    background: transparent;
  }
	body.infocolumn #mdirsearch-text {
    border-bottom: 1px solid #333;
  }
	body.infocolumn #tabs .fa {
    color: #3DB8CF;
  }
	body.infocolumn #tabs .tab-content {
    padding: 14px 0 0 0;
  }
	body.infocolumn .checkmark {
    background: #000;
  }
	body.infocolumn #summary-description {
    font-size: 15px;
    line-height: 1.5;
  }
	body.infocolumn #tabs label {
    font-weight: bold;
  }
	body.infocolumn #tabs label:active {
    background: #f5f5f5;
  }
	body.infocolumn #tabs label.tab:hover {
    background: rgba(0,0,0,.1);
  }
}	

.fetti { pointer-events: none }

#error { 
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	line-height: 1.5;
	background-color: #f00;
	color: #fff;
	padding: 0 20px;
	cursor: pointer;
}
#error:after {
	content: 'x';
	font-size: 24px;
	position: absolute;
	top: 10px;
	display: inline-block;
	width: 32px;
	line-height: 32px;
	font-weight: bold;
	text-align: center;
	right: 10px;
	color: #000;
	background: #fff;
	border-radius: 50%;
}


/* HTML5 audio */
audio {
    filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);
    height: 25px;
    width: 400px;
	max-width: 90vw;
	/*mix-blend-mode: darken;*/
	border-radius: 10px;
}
audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
	background-color: rgba(0,0, 0,0.5);
}

video {
	width: 100%;
	height: 100%;
}


/* model-viewer */
model-viewer {
	width: 100%;
	height: 100%;
    margin: auto;
	--poster-color: transparent;
	--progress-bar-height: 5px;
}
model-viewer div.poster button#default-poster {
	width: 10%;
	left: 45%;
}

/* Pannellum */
div.pnlm-controls-container {
    top: unset;
    left: unset;
    bottom: 3px;
    right: 3px;
}


/* Spinner */
.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #fff;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* Font Awesome overrides */
.fab {
    font-family: 'Font Awesome 5 Brands' !important;
    font-weight: 400 !important;
}

/* Disable text selection on draggables */
[draggable="true"] {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* Debug */
div#coordinates {
	position: absolute;
    top: 64px;
    left: 45vw;
	padding: 10px;
	color: #FF0;
	font-size: 75%;
	backdrop-filter: blur(2px);
	border: solid 1px blue;
	user-select: text;
}

ul.range {
	display: inline-block;
	width: 65%;
	padding: 0px;
	margin: 0px !important;
}
ul.range li.range {
	text-align: right;
	margin-right: 32px;
}
ul.range li.range label {
	display: inline-block;
	margin-right: 5px;
    width: 32px;
    left: -7px;
    text-align: center;
    white-space: nowrap;
}
ul.range li.range input {
	display: inline-block !important;
	max-width: 75%;
	min-width: 75%;
}


/* Toggle Switch */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


/* pdf.js */
div.pdf_viewer {
	display: none;
	/*display: contents;*/
	margin: auto;
	position: relative;
	/*width: min-content;*/
	/*min-width: 250px;*/
	height: 100%;
	max-height: 100%;
	max-width: 100vw;
	max-height: calc(var(--vh, 1vh) * 100);
    overflow: auto;
    text-align: -webkit-center;
    overflow: hidden;
    /*opacity: 0;*/
}
@-moz-document url-prefix() {
	div.pdf_viewer {
		/*width: min-content;*/
		display: inline flow-root list-item;
	}
}
div.pdf_viewer span.loading {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
div.pdf_viewer span.loading img {
	max-width: 100%;
	max-height: 100%;
}
div.pdf_viewer div.pdf_canvas_container {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	/*background: #333;*/
	/*margin-top: 5vh;*/
	/*writing-mode: vertical-lr;*/
}
div.pdf_viewer div.pdf_canvas_container canvas.pdf_canvas {
	width: 100%;
	height: 100%;
	/*max-height: 98%;*/
	max-width: 100%;
	direction: ltr;
	/*padding: 2%;*/
	/*border: solid 1px #fff;*/
}
div.pdf_viewer div.pdf_navigation_controls {
	position: absolute;
	/*position: fixed;
	display: contents;*/
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	font-family: sans-serif;
	font-size: 12px;
	opacity: 0;
	transition: all 1.5s;
	/*z-index: 1;*/
}
div.pdf_viewer div.pdf_navigation_controls span,
div.pdf_viewer div.pdf_navigation_controls input {
	font-size: 13px;
	text-align: center;
	color: #ccc;
}

div.pdf_viewer div.pdf_navigation_controls > span {
	position: absolute;
	padding: 2px;
	margin: 0px;
	cursor: pointer;
}
div.pdf_viewer div.pdf_navigation_controls span.pdf_open {
	top: 4%;
	right: 2%;
	padding: 10px;
	background-color: #000;
	border-radius: 3px;
}
div.pdf_viewer div.pdf_navigation_controls span.pdf_go {
	top: 45%;
	color: #777777;
	/*background: #fff;*/
	border-radius: 20px;
	opacity: 0.7;
	transition: all 0.5s;
}
div.pdf_viewer div.pdf_navigation_controls span.pdf_go:hover {
	background: #fff;
	opacity: 1;
	text-shadow: 1px 1px;
}
div.pdf_viewer div.pdf_navigation_controls span.pdf_go_previous { left: 2%; opacity: 0; }
div.pdf_viewer div.pdf_navigation_controls span.pdf_go_next { right: 2%; }

div.pdf_viewer div.pdf_navigation_controls span.pdf_pages {
	position: absolute;
	bottom: 5%;
	/*left: calc(50% - 120px);*/
	left: calc(50% - 85px);
	background: #000;
	padding: 12px;
	border-radius: 4px;
	opacity: 0.85;
	transition: all 1s;
}
div.pdf_viewer div.pdf_navigation_controls span.pdf_pages:hover {
	opacity: 1;
}
div.pdf_viewer div.pdf_navigation_controls span.pdf_page {
	bottom: 0px;
	left: calc(50% - 26px);
}
div.pdf_viewer div.pdf_navigation_controls input.pdf_current_page {
	width: 47px;
	padding: 1px;
	background-color: unset;
    color: #fff;
	border: solid 1px transparent;
}

/* Remove arrows: Chrome, Safari, Edge, Opera */
div.pdf_viewer div.pdf_navigation_controls input.pdf_current_page::-webkit-outer-spin-button,
div.pdf_viewer div.pdf_navigation_controls input.pdf_current_page::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Remove arrows: Firefox */
div.pdf_viewer div.pdf_navigation_controls input.pdf_current_page[type=number] {
	-moz-appearance: textfield;
}

div.pdf_viewer div.pdf_navigation_controls input.pdf_current_page:hover {
	border: solid 1px #262626;
}
div.pdf_viewer div.pdf_navigation_controls span.pdf_max_pages {
	display: inline-block;
	width: 47px;
	opacity: 1;
	transition: all 1s;
}
div.pdf_viewer div.pdf_navigation_controls span.pdf_max_pages.hidden {
	opacity: 0;
}
div.pdf_viewer div.pdf_navigation_controls span.zoom {
	display: none;
	margin-left: 20px;
	width: min-content;
}
div.pdf_viewer div.pdf_navigation_controls span.pdf_zoom {
	/*position: unset;
	display: block;*/
	opacity: 0.7;
	transition: all 0.5s;	
}
div.pdf_viewer div.pdf_navigation_controls span.pdf_zoom:hover {
	opacity: 1;
	text-shadow: 1px 1px;
	cursor: pointer;
}

/* Matterport Left Panel - Search Space */
body.mpPanelLeft div#vertical-flex { display: none; }

/* Matterport Right Panel - Tags 2.0 */
body.mpPanelRight div#map-toggle,
body.mpPanelRight div#minimapbuttons,
body.mpPanelRight:not(.isMobile) div#nhr div#footer { right: 375px; transition: 0.75s all; }
body.mpPanelRight div#minimap,
body.mpPanelRight div#compass { right: 395px; transition: 0.75s all; }
body.mpPanelRight div#nhr,
body.mpPanelRight:not(.isMobile) div#footer { max-width: calc(100% - 375px); transition: 0.75s all; }
body.mpPanelRight div#minimap.closed { opacity: 0; }
body.mpPanelRight.started div#nhr { bottom: -50px; opacity: 0; }
body.mpPanelRight.started div#nhr div#footer { bottom: -50px; }
body.mpPanelRight.isMobile div#nhr { display: none !important; }

/* Matterport Model Panel */
body.mpPanelModal .gui-tint,
body.mpPanelModal #nhr,
body.mpPanelModal #minimapbuttons { opacity: 0; pointer-events: none; }


/* OAuth */
button.oauth {
	color: #f5f4f3;
	font-size: 1rem;
	font-family: "IBM Plex Sans","Noto Sans JP","HelveticaNeue","Helvetica","Arial",sans-serif;
	background-color: #222;
	font-weight: 700;
	line-height: 1.4;
	padding: 1rem 1.5rem;
	letter-spacing: 0.2px;
	border-color: transparent;
	border-color: #000000;
	border-radius: 6px;
	cursor: pointer;
	z-index: 10;
	transition: background .25s ease-in-out, opacity 1s ease-in-out;
	/*transition: visibility 0s, opacity 0.5s linear;*/
}
button.oauth:hover {
	background-color: #ff3158;
}
button.oauth.hide {
	pointer-events: none;
	opacity: 0;
	/*transition: opacity 0s;*/
}
button.oauth.floating {
	position: absolute;
	top: 35vh;
	left: calc(50vw - 100px);
	/*visibility: hidden;
	opacity: 0;*/
	/*top: -10vh;*/
}

/* OAuth Space Selector */
iframe#oauth-space-selector {
	position: absolute;
	top: 40vh;
	left: 25vw;
	width: 50vw;
	height: 40vh;
	color: #f5f4f3;
	font-size: 110%;
	font-family: IBMPlexSans,"Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: #222;
	font-weight: bold;
	padding: 10px;
	border-color: transparent;
	border-radius: 3px;
	visibility: hidden;
	opacity: 0;
	cursor: pointer;
	transition: all .15s ease-in-out;
	transition: visibility 0s, opacity 0.5s linear;
}

/* OAuth iframe */
iframe#oauth-login {
	position: absolute;
	top: 20vh;
	left: 10vw;
	width: 80vw;
	height: 70vh;
	z-index: 99;
}

/* Hide Fullscreen on iPhone */
body.iPhone #fullscreen-mode { display: none; }


/* Stories */
#storyContainer {
	position: absolute;
	bottom: 65px;
	left: 0px;
	color: #fff;
	background-color: transparent;
	text-shadow: rgba(68, 68, 68, 0.15) 0px 2px 3px;
	font-family: IBM Plex Sans,sans-serif;
	font-style: normal;
	padding: 20px;
	opacity: 0;
	z-index: 1111;
	pointer-events: none;
	transition: all 1s;
}
#storyContainer.on { opacity: 1; }
#storyContainer #storyTitle {
	font-weight: 700;
	font-size: 40px;
	line-height: 1.3;
	letter-spacing: .5px;
	font-size: 32px;
	/*margin-bottom: 5px;*/
}
#storyContainer #storyDescription {
	font-weight: 400;
	font-size: 22px;
	line-height: 1.72;
	letter-spacing: .6px;
	font-size: 18px;
}



/* Closed Captions */
:root {
	--CC_bgcolor: #000000d9;
	--CC_bgcolor_hover: #222222ff;
	--CC_color: #fff;
	--CC_size: 16px;
}

div.CC {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 500px;
	/*background: var(--CC_bgcolor);*/
	color: var(--CC_color);
	font-family: Monospace;
	font-size: 14px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	opacity: 0;
	transition: all 0.5s;
	pointer-events: none;
}
div.CC.visible { opacity: 1; pointer-events: all; }
div.CC:hover { background: var(--CC_bgcolor_hover); }

div.CC.fullbottom {
	position: fixed;
	bottom: 0px;
	width: 100vw;
	/*height: 70px;
	width: calc(100vw - 200px);
	font-size: 24px;*/
	z-index: 1000;
}
div.CC.fullbottom * { font-size: var(--CC_size); }

/* Closed Captions Text */
div.CC > .CCtxt {
	display: flex;
	flex-flow: column;
	width: 100%;
	padding: 5px;
	text-align: center;
	background: var(--CC_bgcolor);
	user-select: none;
	transition: all 0.3s;
}
div.CC > .CCtxt > div {
	flex-grow: 1;
	align-content: center;
	/*background: #222;
	border: solid 1px blue;*/
}

/* Closed Captions Selector */
div.CC > .CCselector {
	display: flex;
	display: none;
	flex-flow: column;
	align-self: center;
	padding: 10px;
	font-size: 75%;
	font-weight: 600;
	pointer-events: none;
}
div.CC > .CCselector.visible { display: flex; cursor: pointer; pointer-events: all; }
div.CC > .CCselector > .CCselected {
	min-height: 10px;
	padding: 3px;
	font-size: 100%;
	border: solid 1px #ffffff22;
	border-radius: 3px;
	transition: all 0.5s;
}
div.CC > .CCselector > .CCselected:hover {
	background-color: #fff;
	color: #000;
	/*filter: invert(1);*/
}
div.CC > .CCselector > .CCselected::before { /*content: "CC ";*/ }

div.CC > .CCselector > .CCselected::before,
div.CC .CCselectorLogo {
	height: 24px;
	background: blue;
	opacity: 0.5;
}

/* Closed Captions Selector List */
div.CC > .CCselector > .CCselectorlist {
	display: flex;
	flex-flow: column;
	position: absolute;
	right: 5px;
	bottom: 5px;
	font-size: 100%;
	overflow: visible;
	opacity: 0;
	pointer-events: none;
	user-select: none;
	border: solid 1px #ccc;
	z-index: 1000;
	/*border-radius: 5px;*/
}
div.CC > .CCselector > .CCselectorlist.visible {
	opacity: 1;
	pointer-events: all;
}
div.CC > .CCselector > .CCselectorlist > span {
	opacity: 0.75;
	padding: 2px 4px;
	background: #000;
	transition: all 0.3s;
}
div.CC > .CCselector > .CCselectorlist > span:hover {
	background-color: #fff;
	color: #000;
	opacity: 1;
}


div.controls div.btn-cc.off span.icon { color: #9b9b9b; }



/* React */
#react { display: none; }

/* Live */
button.btnControl {
	display: flex;
	position: absolute;
	top: 0px;
	left: 45%;
	padding: 10px;
	border: solid 1px blue;
}