﻿#mask {
    position: absolute;
    top: 0;
    left: 0;
}
#textContainer {
    display: none;
}
.vjs-big-play-button, .vjs-control-bar, .vjs-error-display, .vjs-caption-settings {
    display: none;
}
.siteWrapper {
    padding: 10px 30px;
}
.module {
    max-width: 1600px;
    height: 600px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.module:not(.error).pano1.pano2 .status {
    transition: opacity .3s .2s, width 0s .55s, height 0s .55s;
    opacity: 0;
    width: 0;
    height: 0;
}
.module .status {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #f2f2f2;
    z-index: 6;
    opacity: 1;
    display: table;
    height: 102%;
    width: 100%;
    transition: opacity 0s, width 0s, height 0s;
}
.module .status.init {
    background: #000 url("/National_Library/20170827070107oe_/https://www.microsoft.com/hololens/assets/img/MSHoloLens_Education360_Preview1.jpg") no-repeat 0 0;
    background-size: cover;
    height: 100%;
}
.module .status .c-progress {
    margin-left: auto;
    margin-right: auto;
}
.module .status .statusInner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    width: 100%;
}
.module .status p {
    display: none;
}
.module.error .status {
    background: #f2f2f2;
}
.module.error .status .statusInner .c-progress {
    display: none !important;
}
.module.error .status .statusInner p {
    display: block;
    max-width: 80%;
    margin: 20px auto;
    line-height: 120%;
}
.pnlm-scene {
    opacity: 0;
}
.pnlm-render-container,
.pnlm-dragfix,
.pnlm-container {
    max-width: 1600px;
    max-height: 600px;
    margin: 0 auto;
    background: transparent !important;
}
.pnlm-container {
    overflow: initial;
    contain: initial;
}
.pnlm-container:-webkit-full-screen {
    max-width: initial;
    max-height: initial;
}
.pnlm-container:-webkit-full-screen .uiWrap {
    position: absolute;
    bottom: 20px;
    right: 10px;
    width: auto;
}
.pnlm-container:-webkit-full-screen .uiWrap .ui {
    position: relative;
    top: initial;
}
.pnlm-container:-webkit-full-screen .pnlm-render-container,
.pnlm-container:-webkit-full-screen .pnlm-dragfix,
.pnlm-container:-webkit-full-screen .pnlm-container {
    max-width: initial;
    max-height: initial;
}
.windowWrap {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding-top: 55px;
}
.windowWrap .overlay {
    margin: 0 auto;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 4;
}
.windowWrap .overlay img {
    width: 100%;
}
.windowWrap .window {
    width: 865px;
    height: 490px;
    overflow: hidden;
    margin: 0 auto;
    z-index: 3;
}
.windowWrap .window canvas {
    margin-left: -368px;
    margin-top: -55px;
}
.pnlm-controls-container {
    display: none;
}
.video-js {
    margin: 0 !important;
}