/*
    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(../../../show/css/fonts/mp-font.eot);
	src: url(../../../show/css/fonts/mp-font.eot#iefix) format("embedded-opentype"),url(../../../show/css/fonts/mp-font.ttf) format("truetype"),url(../../../show/css/fonts/mp-font.woff) format("woff"),url(../../../show/css/fonts/mp-font.svg) format("svg");
	font-weight:400;
	font-style:normal 
}
@font-face{
	font-family:mp-font-new;
	src: url(../../../show/css/fonts/mp-font-new.ttf) format("truetype"), url(../../../show/css/fonts/mp-font-new.woff) format("woff"), url(../../../show/css/fonts/mp-font-new.svg) 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;
	position: fixed;
	user-select: none;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: #000;
	overflow:hidden;
	font-family: "Open Sans", Lucida, "Helvetica Neue", Helvetica,Arial,sans-serif;
}
* {
	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 {
	width: 100%;
	height: 100%;
	transition: 0.75s all ease-in-out;
}
#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;
}
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;
}

#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: 10px;
	top: auto;
	left: auto;
	overflow: hidden;
	max-width: calc(100vw - 40px);
	width: 379px;
	color: #fff;
	z-index: 5;
	font-weight: 100;
	font-size: 14px;
	word-wrap:break-word;
	opacity:1;
	user-select: none;
	cursor: default;
	opacity: 0;
	margin-bottom: 20px;
}
body.started #model-title {
    display: flex;
}

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.title .main-title-row {
  display: none !important;
} 
body.started.title .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.batchmode .gui, body.batchmode .guimap,
body.helpModal .gui,
body.minimaphidedollhouse.dollhouse .guimap,
body.minimaphidefloorplan.floorplan .guimap,
body.minimaphide360views.outside .guimap,
body.guidedtour.guidedtourpanel .gui {
    pointer-events: none !important;
	opacity: 0 !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: 359px;
}
#model-title.Collapsed .main-title-row {
	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;
}
/*
#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;
}
#main-title{
	padding:16px 10px 0;
	/* 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 
}
.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 {
	border-bottom: 1px solid rgba(255,255,255,.5);
}
#summary .fas {
	font-size: 18px;
	margin-left: 10px;
}
#mattertag {
	transition: right .33s ease;
}
#mattertag p, h3 {
	padding: 10px;
	margin: 0;
}
#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;
}
#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 
}
/*
body.isMobile #fullscreen-mode, */
body.isiOS #fullscreen-mode {
  display: none;
}
#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-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 {
	content: "\E906";
}
.icon-video::before {
    font-family: 'FontAwesome';
    content: "\f167";
}
.icon-matterport::before {
    font-family: 'mp-font-new';
    content: "\00bd";
}
.icon-vimeo::before {
    font-family: 'mp-font-new';
    content: "\00b4";
}

#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, #filtersoff, #lockui, #measurements3d, #mattertagtoggle, #snapshots {
  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 {
  display: inline-block;
}
#mattertagtoggle.on,
#measurements3d.on,
#bgmusic.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.measurements3d #measurements3d {
	display: inline-block;
}
#filtersoff, #lockui {
    display: none;
}
body.premium #lockui,
body.premium #filtersoff {
    display: inline-block;
}
#filtersoff {
  opacity: 1;
  transition: all 0.33s ease;
}
/*
#filtersoff.off {
  opacity: 0;
  touch-events: none;
}
*/
#minimap {
	pointer-events: none;
	position: absolute;
	padding: 0px;
	top: 16px;
	right: 32px;
	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;
}
 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(1.5,1.5);
	}
}
#minimap.closed /* #minimapinner */ {
	right: -120%;
}
#map-toggle {
	cursor: pointer;
	pointer-events: auto;
	display: none;
	opacity: 0;
	position: absolute;
	right: 6px;
	top: 16px;
	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(../../../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: 6px;
	box-sizing: border-box;
	opacity: 0;
	transition: 0.5s opacity ease;
}
body.minimap.started #minimapbuttons, body.minimap.started #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;
}
#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;
}
#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('../../../show/css/Circ.svg'), url('../../../show/css/Circ.svg'), url('../../../show/css/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;
}
#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 {
	width: 1rem;
	height: 1rem;
	margin: -7px 0 0 -7px;
	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(https://mpembed.com/show/css/style.css?v=158690526771893#reduceyellow);
	filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg) invert(0%) sepia(0%) blur(0px);
}
 .filter-reduceyellowdarken {
	filter: url(https://mpembed.com/show/css/style.css?v=158690526771893#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.mdir.hdir li#mdir .tab,
body.mdir.details li#mdir .tab,
body.mdir.premium li#mdir .tab,
body.mdir.stats li#mdir .tab,

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

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

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

body.premium li#premium .tab-content, 

body.mdir.hdir li#mdir .tab-content,
body.mdir.details li#mdir .tab-content,
body.mdir.premium li#mdir .tab-content,
body.mdir.stats li#mdir .tab-content,

body.hdir.mdir li#hdir .tab-content,
body.hdir.details li#hdir .tab-content, 
body.hdir.premium li#hdir .tab-content, 
body.hdir.stats li#hdir .tab-content, 

body.details.hdir li#details .tab-content, 
body.details.mdir li#details .tab-content, 
body.details.premium li#details .tab-content, 
body.details.status li#details .tab-content, 

body.stats.hdir li#details .tab-content, 
body.stats.mdir li#details .tab-content, 
body.stats.premium li#details .tab-content, 
body.stats.details li#details .tab-content {
	top: 33px;
}

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;
	opacity: 0;
	position: absolute;
	top: 8px;
	right: 8px;
	transition: all 0.5s ease;
	cursor: pointer;
	z-index: 9;
	display: none;
}
#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;
}
 #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;
}

#tab-content2inner, #tab-content3inner, #panel-options {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}
#tabs #tab-content5 {
  padding-top: 20px;
}
#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;
}

body.hdircols1 #hl li {
	width: 100%;
	float: none;
}
body.hdircols2 #hl li {
	width: 50%;
}
 body.hdircols4 #hl li {
	width: 25%;
}
#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;
}
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;
}
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.hrnodollhouse #hr li.type-dollhouse,
body.hrnoinside #hr li.type-inside,
body.hrnofloorplan #hr li.type-floorplan,
body.hrnooutside #hr li.type-360 {
    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, #stats, #premium {
	display: none;
}
 body.details #details, 
 body.hdir #hdir, 
 body.mdir #mdir, 
 body.stats #stats, 
 body.premium #premium {
	display: block;
}
#mt span.balloonfit {
	display: block;
}
#mt span.tagicon {
	display: inline-block;
	width: 24px 
}
#mt li.highlight .tagicon {
	width: 48px;
	vertical-align: middle;
	margin-right: 8px;
}
#mt span.tagicon img {
	width: 100%;
	height: auto;
}
#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;
}
#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;
}

/* End Loading */

 [data-balloon]{
    overflow:visible;
}
 [data-balloon]{
    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][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][data-balloon-pos="up-left"][data-balloon-visible]:after{
    transform:translate(0, 0)
}
 [data-balloon][data-balloon-pos="up-left"]:hover: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 
}
#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% - 10px);
    max-width: 400px;
    pointer-events: none;
    z-index: 100;
    transition: opacity 1s ease;
    color: #fff;
    opacity: 0;
}
body.announcement #announcements {
	opacity: 1;
}
#announcements #message {
	text-align: left;
	width: auto;
	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: 36px;
  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;
}*/
#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: 150%;
	}
	body.scaleui #announcements p {
		font-size: 120%;
	}
}

#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(1.5,1.5);
		transform-origin: top left;
	}
}


/* New Highlight Reel */
 #showcase, body.started #showcase, body.started.whitelabel #showcase {
	margin-top: 0;
	height: calc(100vh + 60px);
	transition: all 0.25s ease;
}
/* Flip Fix */
 body.started #showcase.flip2, body.started #showcase.flip3 {
	top: -60px;
}
#showcaseover {
	position: absolute;
	display: none;
	top: -60px; 
	height: calc(100vh + 60px); /* 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! */
}
#showcaseover.on {
	display: block;
	opacity: 1;
	background: rgba(0,0,0,.5);
	pointer-events: all;
}
#showcaseover iframe {
	width: 100%;
	height: 100%;
}
#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: none;
}

#nhr {
	display: none;
	pointer-events: none;
	transition: opacity 0.33s ease;
	min-width: 320px;
}
 .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(1.5,1.5);
		transform-origin: left;
	}

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

 body.started #nhr {
	color: #fff;
	display: block;
	position: absolute;
	bottom: 20px;
    /* 28 */
	width: 100%;
	z-index: 100;
}
body.reelOpen div.controls {
	bottom: 0px;
}

/* 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.dollhouse #currentPanoBox, body.floorplan #currentPanoBox {
  display: none;
}
body.outside #showallfloors {
  display: none;
}
body.inside #btn-panorama {
  display: none;
}
.ui-icon {
	font-size: 22px;
}
 .icon-hlr:before {
	content: "\E914";
}
#floor-controls {
	display: inline-block;
}
body.f div#floor-controls {
	display: none;
}
#floor-menu-wrapper {
	position: absolute;
	overflow: hidden;
	border-radius: 5px;
	width: 90px;
	bottom: 45px;
	z-index: 999;
	display: none;
	transition: opacity .5s;
}
#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;
}
#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;
}
/* 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;
	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;
}
#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);
}
#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;
}

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;
}
#nhr #footer #footer-terms span.icon-matterport-brand img {
	width: 100%;
	height: auto;
}
#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";
}

/* Help 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;
}
#help-modal {
	display: none;
}
#help-modal.on {
	display: block;
	opacity: 1;
}
#help-modal .navigation, #help-modal .more-help-wrapper {
  opacity: 0;
  position:absolute;
  top: 45%;
  left: 0;
  transition: all 0.5s ease;
}
#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
}






/* Mobile */
@media (max-width:560px) {
	#model-title {
	    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;
	    top: 10px;
    }
	#minimapbuttons {
	    width: 42px;
	    top: 66px;
	    right: 0;
    }
	#map-toggle {
	    right: 0;
    }
    #title-toggle, #message-toggle {
	    width: 40px;
    }
    #message {
        max-width: calc(100% - 40px);
    }
	#minimap {
	    right: 52px;
    }
	#model-title #summary-wrapper {
	    margin-left: 40px;
    }
	#tour-title {
	    font-size: 22px;
	    line-height: 24px;
    }
  #announcements #message {
  	max-width: calc(100% - 40px);
  }
  body.compass #announcements #message {
    max-width: calc(100% - 100px);
  }
 }












/* 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%;
}