/* #container {width:100%;height:100%;position:absolute;top:0;left:0;} */
/*#container {width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:1280px;max-height:720px;margin:0 auto;}*/
body.active {overflow:hidden;}
.hidden {display:none !important;}
#roomWrapper {position: relative;}
#container {width:100%;height:100%;max-width:1280px;max-height:720px;margin:0 auto;}
#container.embedded {min-height:480px;}
#container.embedded .pnlm-load-button {width: 100%;height: 100%;margin: 0;border-radius: 0;top: 0;left: 0;background-color: transparent;color: transparent;}
#container.embedded .pnlm-load-button:hover {background:rgba(0,0,0,.2);}
#container.embedded .pnlm-load-box {top:50%; left:50%; width: 100%; height: 100%; margin: 0; border-radius: 0; transform:translate(-50%, -50%);}
.maximised #container.embedded {position: fixed; top:0; left:0; z-index:9;min-height: auto;max-width: none; max-height: none; height: 100%; width: 100%;}
/*
#containerSizeControls {position: absolute; top: 4px; left: 4px; z-index: 99; padding: 4px; background: #fff; cursor: pointer; border-radius: 3px;}
#roomWrapper.maximised #containerSizeControls {position: fixed;}
*/
#containerControls {position: absolute; top: 4px; left: 4px; z-index: 99; color:#777;}
    .maximised #containerControls {position: fixed;}
	#containerControls > div+div {margin-top:2px;}
	#containerControls > div {cursor: pointer; padding:4px; background:#fff; border-radius:3px;}
	#containerControls .active {color:#3c763d;}

.modalBg {background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;width: 100%;height: 100%;display:none;}
.modalBg.active {display:block;}

.icon {pointer-events:none;height:30px;width:30px;position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;transition:transform .5s ease;}
.hotSpotOuter {width:80px;height:80px;overflow:hidden;background:#fff;box-shadow:0 0 10px 0 #545454;transition:all 0.1s linear;}
.hotSpotMobile {transform:scale(.5);}
/*.hotSpotInner {width:50px;height:50px;border-radius:50%;margin-left:-30px;text-align:center;cursor:pointer;position:absolute;left:45px;top:15px;transition:height .5s ease,width .5s ease,border-radius .5s ease,margin .5s ease,background-color .4s ease; display:grid; place-items:center;}*/
/*.hotSpotOuter:hover .hotSpotInner {width:100px;height:100px;border-radius:5px;margin-left:-55px;margin-top:-25px;}*/
.hotSpotInner {border-radius:50%; text-align:center; cursor:pointer; position:absolute; display:-ms-grid; display:grid; justify-content:center; align-items:center; top: 0; left: 0; width: 50px; height: 50px; transition: all 0.1s linear; margin: 15px;}
.infoContainer {overflow:hidden;}
.info {background-color:#29416f;}
.text {background-color:#29416f;}
.text {background-color:#29416f;}
.textContent {padding: 10px; display:none;}
.photoContainer {overflow:hidden;}
.photo {background-color:#f03222;}
.mapContainer {overflow:hidden;}
.map {background-color:#419638;}
.video {background-color:#e18c32;}
.videoContainer {overflow:hidden;}
/*.hotSpotOuter:hover {background:#419638;}*/
.hotSpotOuter:hover .hotSpotInner {width: 80px; height: 80px; margin: 0px; border-radius:0; background:#419638;}
.hotSpotOuter:hover .icon {transform:scale(1.5);}
/*.hotSpotOuter:hover .info {background-color:#419638;}*/
/*.hotSpotOuter:hover .text {background-color:#419638;}*/
/*.hotSpotOuter:hover .map {background-color:#29416f;}*/
/*.hotSpotOuter:hover .photo {background-color:#f03222;}*/
/*.hotSpotOuter:hover .video {background-color:#e18c32;}*/
.infoText1.active .hotSpotOuter {display:-ms-grid; display:grid; grid-template-columns:80px 480px;}
.infoText1.active .hotSpotOuter:hover {background:#fff;}
.infoText1.active .hotSpotInner {position:relative;}
.infoText1.active .hotSpotOuter:hover .hotSpotInner {border-radius:0;}
.infoText1.active .hotSpotOuter .textContent {background:#fff; display:block;}
.carousel {display:none;width:100%;height:100%;position:absolute;z-index:100;left:0;top:100%;position:fixed;}
.carouselBackground {background-color:#eee;opacity:.9;width:100%;height:100%;position:absolute;}
.mobile {position:relative;margin:0;left:0;top:0;}
.exit {position:absolute;right:16vw;top:20px;cursor:pointer;opacity:.7;z-index:22;text-shadow:0 0 4px #fff;}
.paddle {z-index:21;background-image:transparent;position:absolute;width:200px;max-width:15vw;height:100%;top:0;transition:background-image .5s ease;cursor:pointer;}
.paddle:hover .paddleGradient {opacity:1;}
.paddleGradient {width:100%;height:100%;background-image:radial-gradient(white,transparent 82%);opacity:0;transition:opacity .5s ease;}
.left {left:0;}
.right {right:0;}
.arrows {opacity:.7;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;}
.arrows > * {flex:1; padding:1em 0;}
.carouselContent {z-index:20;position:absolute;margin:10vh auto;left:0;right:0;top:0;bottom:0;max-width:70vw; width:100%; max-height:75vh;opacity:0;transition:opacity .5s ease;box-shadow:4px 4px 20px 0 #888;align-items:center;}
.carouselContent > iframe, .carouselContent > object {width:98%; height:98%; margin:0 auto; display:block; justify-self:center; align-self:center; place-self:center;}
.currImage {opacity:1;}
/* #video {position:absolute;margin:auto;width:60%;top:0;bottom:0;left:0;right:0;} */
.pDiv {line-height:1em;position:absolute;margin:auto;background-color:rgba(50,50,50,.5);z-index:30;left:0;right:0;bottom:1em;text-align:center;}
.currIm {margin:10px;color:#fff;font-family:Helvetica,"Nimbus Sans L","Liberation Sans",Arial,sans-serif;}
.pZoom {position:absolute;width:100px;bottom:120px;margin:auto;text-align:center;left:calc(50% - 50px);z-index:30;}
	.zoomButton {width:40px;cursor:pointer;color:#0f0f23;display:inline-block;}
	.zoomButton+.zoomButton {margin-left:1em;}
.pControls {position:absolute;width:100%;bottom:4em;margin:auto;text-align:center;left:0;z-index:30; display:flex; justify-content:center;}
	.controlButton {cursor:pointer;color:#0f0f23;}
	.controlButton+.controlButton {margin-left:1em;}
	.downloadButton {visibility:hidden;}
.infoText1 {overflow:hidden;}
.infoTextBox {width:190px;height:21px;background:#fff;font-family:Roboto;padding:10px;}
.textContainer {background:#ffffffd9;font-family:Roboto;padding:10px;text-align:center;box-shadow:0 0 10px #00000075;}
.feedbackBox {text-align:center;border:1px solid #999;display:block;padding:10px;border-radius:12px;/*cursor:pointer;*/background:#fff;transition:all .2s ease;color:#000;display:block; width:calc(100% - 110px);}
/*.feedbackBox:hover {background:#419638;color:#fff;}*/
.feedbackButtons {text-align:center;border:1px solid #999;margin-bottom:10px; display:block;}
.feedbackButtons:hover {background:#dcf1da;}

.welcomeMessage {position:absolute;font-family:Roboto;padding:10px;background:#ffffff;z-index:10;box-shadow:0 0 6px;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .5s ease;display:none;text-align:center;opacity:0;}
.welcomeMessage.active {display:block;opacity:1;}
.feedbackMessage {display:none;}

#vidContainer {z-index:999;position:absolute;top:50%;left:50%;margin:auto;width:100%;height:100%; transform:translate(-50%, -50%);max-height: 70vh; max-width: 70vw; display:-ms-grid; display:grid; align-items:center; justify-content:center;}
#vidContainer > iframe {width:98%; height:98%; margin:0 auto; display:block; justify-self:center; align-self:center; place-self:center;}
.inactive {display:none;}
.active {display:block;}
.carouselContainer {padding:1em; width:100%; overflow:auto; background:#fff;}
.carouselContainer.hasEmbed {display:grid;}
.carouselContainer img {max-width: 100%; width:auto;}
.imageOnlyContainer {background:none; width:fit-content; padding:0; box-shadow:none; display:grid;align-items: center; text-align:center;}
.imageOnlyContainer img {box-shadow:4px 4px 20px 0 #888; max-height:70vh;}
.loader,.loader:after,.loader:before {background:#999;-webkit-animation:loaderAnimation 1.25s infinite ease-in-out;animation:loaderAnimation 1.25s infinite ease-in-out;width:1em;height:4em;}
.loader {color:#999;text-indent:-9999em;margin:88px auto;position:relative;font-size:11px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s;}
.loader:after,.loader:before {position:absolute;top:0;content:'';}
.loader:before {left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s;}
.loader:after {left:1.5em;}
@-webkit-keyframes loaderAnimation {
    0%,100%,80% {box-shadow:0 0;height:4em;}
    40% {box-shadow:0 -2em;height:5em;}
}
@keyframes loaderAnimation {
    0%,100%,80% {box-shadow:0 0;height:4em;}
    40% {box-shadow:0 -2em;height:5em;}
}
@media (max-width:767px) {
    .carouselContent > iframe, .carouselContent > object {max-width:100%; max-height:100%;}
    #vidContainer > iframe {height:auto;}
}
@media all and (-ms-high-contrast:none) {
	.hotSpotInner > i {margin-top:16px; margin-left:12px;}
	.hotSpotOuter:hover .hotSpotInner > i {margin-top:31px; margin-left:27px;}
	.infoText1.active .hotSpotOuter .textContent {margin-left:80px;}
}