@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 
}
 body, html {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: 'Consolas', 'Courier New', courier;
	font-size: 13px;
   	background: #000;
}
#logo {
	margin-top: 20px;
	max-width: 600px;
	width: 100%;
	height: auto;
	border: 2px solid #fff;
	box-sizing: border-box;
}
 #showcase_iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% 
}
#showcase_loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: #033143 url('BG.jpg');
	background-size: cover;
	color: #fff;
	text-align: center;
	display: none;
	box-sizing: border-box;
}
#showcase_loader .container {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 auto;
}
#showcase_loader #header {
	text-align: left;
	padding: 20px;
	box-sizing: border-box;
}
#showcase_loader #footer {
 position: absolute;
 bottom: 0;
 text-align: center;
 padding: 0px 0px 20px 0px;
 margin: 0 auto;
 width: 100%;
 box-sizing: border-box;
 
}
#showcase_loader #header img { 
	max-width: 160px; height: auto;
}
#showcase_loader input {
	line-height: 40px;
	width: 100%;
	max-width: 600px;
	background: #000;
	color: #FF3158;
	border: 1px solid #fff;
	padding: 0 20px;
	box-sizing: border-box;
	margin: 0;
}
#showcase_loader button {
 line-height: 45px;
 padding: 0 20px;
}
#console {
	background: #000;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 50%;
	padding: 10px;
	box-sizing: border-box;
	  display: none;
}
#controls {
	background: #033143;
	color: #fff;
	padding: 10px 10px 0 10px
}
#controls::selection { background: transparent; } 
#controls::-moz-selection { background: transparent; }
#content, #listeners {
	position: relative;
	float: left; 
	width: 50%; 
	height: calc(50vh - 100px); 
	overflow: none;
	padding: 10px; 
	box-sizing: 
	border-box
}	
 dt {
	font-size: 11px;
	color: #0f0 
}
/*dt span {
	float: right;
	color: #ff0 
}*/
dd {
	border-bottom: 1px solid #222;
	margin-bottom: 2px;
/*   max-height: 200px;*/
/*   overflow: auto;*/
	cursor: pointer;
}
dd.pre {
    font-family: monospace;
    white-space: pre;
}
dd img {
    width: 100%;
    height: auto;
}
 button {
    background: #222;
	border: 2px solid #222;
    color: #fff;
    border: 0;
    padding: 8px;
    font-size: 18px;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
    min-width: 38px;
    box-sizing: border-box;
    display: inline-block;
}
 button:hover{
	background: #FF3158;
	transition: all .15s ease-in-out;
}
i {
	font-style: normal 
}
.floor-number {
    position: absolute;
    color: #fff;
    left: 0;
    width: 100%;
    top: 0;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    pointer-events: none;
}
[class*=" icon-"],[class^=icon-]{
    font-family:mp-font!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    -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-panorama::before {
	content: "\E911";
}
 .icon-tour::before {
	content: "\E914";
}
 .icon-tour-play::before {
	content: "\E912";
}
 .icon-tour-pause::before {
	content: "\E913";
}
.icon-mattertag::before {
	content: "\E905"
}
#floors button {
	margin-right: 8px;
}
.mattertag {
	color: #0f0;
	cursor: pointer;
}


[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][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 
}