@import "all.css";
@import "reset.css";
@import "remixicon.css";

ul{padding: 0;margin: 0;}
h1{margin: 0;font-size: 60px;}
h2{margin: 0;font-size: 48px;}
h3{margin: 0;font-size: 38px;}
h4{margin: 0;font-size: 30px;}
h5{margin: 0;font-size: 28px;}
h6{margin: 0;font-size: 24px;}
h1, h2, h3, h4, h5, h6{position: relative;font-weight: 600;font-family: 'Montserrat', sans-serif;color: #1D282D;}


a{display: inline-block;cursor: pointer;text-decoration: none;}
a:hover{text-decoration: none;transition: all 0.5s ease;}
a, a:hover, a:active, input[type="button"], input[type="button"]:hover, input[type="button"]:active, input[type="submit"], input[type="submit"]:hover, input[type="submit"]:active, button, button:hover, button:active{outline: 0;/*border: 0 none;*/text-decoration: none;}
.spacer5{height: 5px;width: 100%; display: block}
.spacer10{height: 10px;width: 100%; display: block}
.spacer15{height: 15px;width: 100%; display: block}
.spacer20{height: 20px;width: 100%; display: block}
.spacer25{height: 25px;width: 100%; display: block}

.fl-left{float: left;}
.fl-right{float: right;}

.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}

.inline-lists, .block-lists{list-style-type: none;padding: 0;margin: 0;}
.inline-lists>li{display: inline-block;vertical-align: middle;}
.block-lists>li{display: block;vertical-align: middle;}
.innerpadding{padding: 20px 0;width: 100%;}

.uppercase{text-transform: uppercase;}
.capitalise{text-transform: capitalize;}
.block{display: block;}
.in-block{display: inline-block;}

main {position: relative;}
.wrap {box-sizing: border-box;margin: 0 auto;max-width: 1480px;}
.outer{padding: 0 30px;}
.clear{margin: 0;clear: both;float: none;padding: 0;}

.hide-all{display: none;}
/*GLOBAL CLASS OF SWIPER SLIDER*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 16px;background: transparent;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
/*END OF SWIPER SLIDER CSS*/


body, html{height: 100%;width: 100%;}
#panorama {width: 100%;height: 100%;}

.page-wrapper{position: relative;height: 100%;width: 100%;margin: 00;padding: 0;}
.gallery-wrapper{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;}
.gallery-thumb{position: relative;width: 100%;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)), to(#000));background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, #000 100%);filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#000,GradientType=0)';z-index: 1;padding: 10px 0 0 0;overflow: auto;}
.gallery-thumb ul.panoramas {display: inline-flex;overflow: auto;-webkit-overflow-scrolling: touch;flex-direction: row;flex-wrap: nowrap;white-space: nowrap;align-items: flex-start;}
.gallery-thumb ul.panoramas li {padding: 10px 16px 18px 16px;list-style: none;width: 12rem;}
.gallery-thumb .pano-list-item {display: block;width: 100%;position: relative;margin: 0;padding: 0;cursor: pointer;}
.gallery-thumb .pano-list-item .pano-image {background-image: url(https://vrcam-prod-cdn.istaging.com/d8b4ba5f-cec1-433b-9ff7-df34fcdb64d5/images/fromImageIO/A2/r_e_Q_u_i_e_l_m_A2.jpeg);width: inherit;padding-top: 61.25%;background-size: cover;display: block;overflow: hidden;border-radius: 4px;position: relative;}
.gallery-thumb .pano-list-item .pano-image::before {content: '';position: absolute;left: -1px;right: -1px;top: -1px;bottom: -1px;background: transparent;border: 4px solid #f387a1;opacity: 0;}
.gallery-thumb .pano-list-item .pano-title {color: #ffffff;text-align: center;display: block;margin-top: 10px;}
.gallery-thumb .pano-list-item:hover .pano-image::before{opacity: 1;}
.gallery-thumb ul.panoramas li.active .pano-image::before{opacity: 1;border-color: #ec0974;}
.gallery-wrapper .toggle-btn {width: 5.125rem;height: 2.675rem;margin: 0;padding: 0;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border: 0;background: none;font-size: inherit;color: #fff;text-shadow: 0 1px 1px #000;margin: 0 auto;cursor: pointer;}
.gallery-wrapper .toggle-btn::after {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;content: '';border-radius: 1.75em 1.75em 0 0;background-color: rgba(0,0,0,0.8);-webkit-transform: perspective(5px) rotateX(2deg) scale(1.5);transform: perspective(5px) rotateX(2deg) scale(1.5);-webkit-transform-origin: bottom;transform-origin: bottom;background-color: rgba(0,0,0,0.2);}
.gallery-wrapper .toggle-btn {font-size: 1.2em;}
.gallery-wrapper.hidden .toggle-btn .ri-arrow-down-s-line:before{content: "\EA78";}


.custom-hotspot {height: 34px;width: 34px;background: #f33;border-radius: 2000px;border: 2px solid #ffffff;}
.custom-hotspot::before {content: ''; position: absolute; width: 28px; height: 28px; left: 3px; right: 0; top: 3px; bottom: 0; background: #ffffff7a; border-radius: 2000px;}
.custom-hotspot::after {content: ''; position: absolute; width: 20px; height: 20px; left: 7px; right: 0; top: 7px; bottom: 0; background: #ffffff; border-radius: 2000px;}
div.custom-tooltip span {visibility: hidden; position: absolute; border-radius: 3px; background-color: #000; color: #ffffff; text-align: center; max-width: 300px; padding: 5px 10px; margin-left: -220px; cursor: default;}
div.custom-tooltip:hover span{visibility: visible;}
div.custom-tooltip:hover span:after {content: '';position: absolute;width: 0;height: 0;border-width: 7px;border-style: solid;border-color: #000 transparent transparent transparent;bottom: -14px;left: -7px;margin: 0 50%;}


.page-wrapper .side-navs {position: absolute;z-index: 10;right: 3%;top: calc(50% - 279px);}
.page-wrapper .side-navs>ul>li{margin-bottom: 12px;cursor: pointer;}
.page-wrapper .side-navs .icon-box {background-color: rgba(88,88,90,0.9);border-radius: 5px;width: 54px;height: 54px;display: flex;align-items: center;justify-content: center;font-size: 26px;color: #ffffff;}
.page-wrapper .side-navs .icon-box>i{}

.page-wrapper .narrator-profile {position: absolute; right: 3%; z-index: 10; top: calc(100% - 18rem); background-color: rgba(88,88,90,0.9); min-width: 272px; padding: 16px 20px 16px 12px; display: flex; align-items: center; padding-left: 94px; border-radius: 6px; user-select: none; cursor: pointer;}
.page-wrapper .narrator-profile .np-detail{position: relative;display: block;margin: 0;padding: 0;}
.page-wrapper .narrator-profile .np-name {font-size: 24px; flex-basis: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #ffffff; font-weight: bold;}
.page-wrapper .narrator-profile .company-name {font-size: 16px; flex-basis: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #ffffff; margin-top: 2px;}
.page-wrapper .narrator-profile-portrait {width: 64px;position: absolute;left: 12px;}
.page-wrapper .narrator-profile .profile-logo {position: relative; display: block; margin: 0; padding: 0; width: 64px; height: 64px;}
.page-wrapper .narrator-profile .profile-logo>span{position: relative; display: block; margin: 0; padding: 0; width: 100%; height: 100%;}
.page-wrapper .narrator-profile .profile-logo img{display: table; vertical-align: middle; margin: 0 auto; padding: 0; object-fit: cover; width: 100%; height: 100%;}
.page-wrapper .narrator-profile .narrator-profile-more {width: 30px; height: 30px; background-color: #000000; color: #ffffff; border-radius: 2000px; display: flex; align-items: center; justify-content: center; border: 2px solid #ffffff; position: absolute; bottom: 0; right: -5px;}
.page-wrapper .narrator-profile .flexitem {align-items: center;display: flex;}
.page-wrapper .narrator-profile .flexitem:first-child {margin-right: 20px;padding-right: 20px;border-right: 1px solid #ffffff73;}
.page-wrapper .narrator-profile .tour-info {display: flex;align-items: center;color: #ffffff;font-size: 22px;}
.page-wrapper .narrator-profile .tour-info>span{margin-left: 6px;}


.page-wrapper .pano-header {position: absolute; z-index: 10; left: 0; right: 0; margin: 0 auto; width: auto; display: flex; align-items: center; justify-content: center; top: 30px;flex-direction: column;}
.page-wrapper .pano-header .title {min-width: 300px; text-align: center; padding: 12px 20px; position: relative; color: #ffffff; text-shadow: 1px 1px 2px #333; cursor: default;}
.page-wrapper .pano-header .title>span{position: relative;display: block;text-align: center;z-index: 2;}
.page-wrapper .pano-header .gradient-bg {background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0.6)), to(rgba(0,0,0,0))); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 100%); position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.7;}
.page-wrapper .pano-header .title:hover .gradient-bg {opacity: 1;}
.page-wrapper .pano-header .pano-header-social {position: relative;display: block;margin-top: 16px;}
.page-wrapper .pano-header .pano-header-social li:not(:last-child){margin-right: 26px;}
.page-wrapper .pano-header .pano-header-social .hs-item{display: flex;align-items: center;color: #ffffff;text-shadow: 1px 1px 2px #333;}
.page-wrapper .pano-header .pano-header-social .hs-item span{margin-left: 8px;}
.page-wrapper .pano-header .pano-header-social .hs-item i {position: relative;top: 1px;font-size: 20px;}


.floor-plan-wrapper {position: absolute; left: 0; bottom: 12rem; padding-right: 42px; display: flex; align-items: center; transform: translateX(-364px); transition: all 0.5s ease-in;}
.floor-plan-activated .floor-plan-wrapper{transform: translateX(0);}
.floor-plan-wrapper .fp-inner--primary {background-color: rgba(88,88,90,0.9); position: relative; display: block; padding: 16px 16px; color: #ffffff; min-width: 350px;}
.floor-plan-wrapper .fp-inner--secondry {background: #ffffff;padding: 16px 16px;}
.floor-plan-wrapper .image-wrap {position: relative;display: block;overflow: hidden;}
.floor-plan-wrapper .fp-inner--secondry .image-wrap>span {width: 300px;height: 260px;overflow: hidden;display: block;position: relative;}
.floor-plan-wrapper .fp-inner--secondry .image-wrap img {display: table; vertical-align: middle; margin: 0 auto; padding: 0; object-fit: cover; width: 100%; height: 100%;}
.floor-plan-wrapper .fp-arrow {position: absolute;font-size: 36px;color: #ffffff;right: 0;text-shadow: 1px 1px 2px #333;height: 36px;}
.floor-plan-activated .floor-plan-wrapper .fp-arrow i::before{content: "\ea64";}



.modal {position: absolute; z-index: 10000; top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.modal.is-visible {visibility: visible;}
.modal-overlay {position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 0%, 0.3); visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s;}
.modal.is-visible .modal-overlay {opacity: 1;visibility: visible;transition-delay: 0s;}
.modal-wrapper {position: absolute; z-index: 9999; width: 700px; box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35); background-color: rgba(88,88,90,0.9); padding: 30px 30px 20px 30px; border-radius: 8px; top: 12%;}
.modal-transition {transition: all 0.3s 0.12s;transform: translateY(-10%);opacity: 0;}
.modal.is-visible .modal-transition {transform: translateY(0);opacity: 1;}
.modal-header, .modal-content {padding: 1em;}
.modal-header {position: relative;/* background-color: #fff; *//* box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06); *//* border-bottom: 1px solid #e8e8e8; */text-align: center;padding-top: 0;padding-bottom: 0;}
.modal-close {position: absolute; top: 0; right: 0; padding: 0; color: #ffffff; background: none; border: 0; font-size: 28px; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center;}
.modal-heading {font-size: 1.125em;margin: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #ffffff;}
.modal-content > *:first-child {margin-top: 0;}
.modal-content > *:last-child {margin-bottom: 0;}
.modal .modal-body{margin-top: 10px;}
.modal .modal-body .modal-content{padding-left: 0;padding-right: 0;}

.modal.share-modal-wrapper .qr-wrapper {display: flex;flex-direction: row;flex-wrap: wrap;position: relative;margin: 0 -22px;padding: 0;align-items: center;}
.modal.share-modal-wrapper .qr-wrapper .qr-item {flex-basis: 50%;max-width: 50%;padding: 0 22px;}
.modal.share-modal-wrapper .qr-image{position: relative;display: block;margin: 0;padding: 0;overflow: hidden;}
.modal.share-modal-wrapper .qr-image>span {display: block; position: relative; margin: 0; padding: 0; height: 237px;}
.modal.share-modal-wrapper .qr-image>span img {display: table; width: auto; height: 100%; vertical-align: middle; margin: 0 auto; object-fit: cover;}
.modal.share-modal-wrapper .social-buttons li{display: block;margin-bottom: 16px;}
.modal.share-modal-wrapper .social-buttons .ss-btn {display: block;position: relative;background: #ffffff;text-align: center;color: #424242;border-radius: 4px;}
.modal.share-modal-wrapper .social-buttons .ss-btn>span {display: flex;align-items: center;justify-content: center;font-size: 22px;padding: 14px 15px;}
.modal.share-modal-wrapper .social-buttons .ss-btn>span>span{margin-left: 8px;}
.modal.share-modal-wrapper .social-buttons .ss-btn.facebook{color: #ffffff;background-color: #1773EA;}
.modal.share-modal-wrapper .social-buttons .ss-btn.twitter{color: #ffffff;background-color: #31C6F7;}

.modal.profile-modal-wrapper .modal-wrapper{width: 420px;}
.modal.profile-modal-wrapper .profile-info-container{position: relative;display: block;margin: 0;padding: 0;}
.modal.profile-modal-wrapper .profile-modal-logo {position: relative;display: block;margin: 0 auto;padding: 0;width: 106px;height: 106px;}
.modal.profile-modal-wrapper .profile-modal-logo>span {position: relative;display: block;margin: 0;padding: 0;width: 100%;height: 100%;}
.modal.profile-modal-wrapper .profile-modal-logo img {display: table;vertical-align: middle;margin: 0 auto;padding: 0;object-fit: cover;width: 100%;height: 100%;}
.modal.profile-modal-wrapper .profile-info-container .profile-modal-name {position: relative; display: block; margin: 16px 0 0 0; padding: 0; text-align: center; font-size: 30px; font-weight: bold; color: #ffffff;}
.modal.profile-modal-wrapper .profile-modal-info{position: relative;display: block;margin-top: 16px;}
.modal.profile-modal-wrapper .profile-modal-info li:not(:last-child){margin-bottom: 10px;}
.modal.profile-modal-wrapper .profile-modal-info .li-item {display: flex;align-items: center;position: relative;font-size: 20px;color: #ffffff;}
.modal.profile-modal-wrapper .profile-modal-info .li-item span{margin-left: 10px;}

.modal.comment-modal-wrapper .comments-container {min-height: 310px;max-height: 310px;overflow: auto;}
.modal.comment-modal-wrapper .comments-container>ul>li:not(:last-child) {border-bottom: 1px solid #ffffff2e;padding-bottom: 16px;margin-bottom: 16px;}
.modal.comment-modal-wrapper .comment-body {position: relative;display: flex;margin: 0;padding: 0 0 0 74px;align-items: center;min-height: 58px;}
.modal.comment-modal-wrapper .comment-body .title {color: #ffffff;font-size: 18px;position: relative;display: block;margin-bottom: 6px;}
.modal.comment-modal-wrapper .comment-body .comment-txt {color: #ffffff;font-size: 15px;position: relative;display: block;}
.modal.comment-modal-wrapper .comment-body .time-tag {color: #bcbdc1;font-size: 13px;position: absolute;top: 9px;right: 0;}
.modal.comment-modal-wrapper .comment-body .profile-logo {position: absolute;left: 0;display: block;margin: 0;padding: 0;width: 58px;height: 58px;}
.modal.comment-modal-wrapper .comment-body .profile-logo>span {position: relative;display: block;margin: 0;padding: 0;width: 100%;height: 100%;}
.modal.comment-modal-wrapper .comment-body .profile-logo img {display: table;vertical-align: middle;margin: 0 auto;padding: 0;object-fit: cover;width: 100%;height: 100%;}
.modal.comment-modal-wrapper .comments-input-container{position: relative;display: block;margin: 20px 0 0 0;padding: 0 82px 0 0;}
.modal.comment-modal-wrapper .add-comments {display: block;width: 100%;border: 0;margin: 0;font-size: 16px;outline: 0;color: #222222;padding: 12px 20px;border-radius: 6px 0 0 6px;}
.modal.comment-modal-wrapper .send-comment {display: block; border: 0; margin: 0; font-size: 16px; outline: 0; color: #ffffff; padding: 12px 22px; border-radius: 0 6px 6px 0; position: absolute; top: 0; right: 0; background-color: #EC0974; font-weight: bold;}
.modal.comment-modal-wrapper .send-comment:hover{background-color: #bb065b;}

.modal.guide-modal-wrapper .welcome-text {color: #ffffff;font-size: 16px;line-height: 1.4;}
.modal.guide-modal-wrapper .required-text {color: #fc3;font-size: 16px;line-height: 1.4;margin-top: -6px;font-weight: bold;}
.modal.guide-modal-wrapper .form-wrapper{position: relative; display: block; margin: 0; padding: 0;}
.modal.guide-modal-wrapper .form-wrapper .form--group {position: relative; display: block; margin: 0 0 20px 0;}
.modal.guide-modal-wrapper .form--control {display: block; width: 100%; border: 0; margin: 0; font-size: 16px; outline: 0; color: #ffffff; padding: 12px 0 14px 0; background-color: transparent; border-radius: 0; border-bottom: 2px solid #ffffff;}
.modal.guide-modal-wrapper .form--control::placeholder{color: #ffffff;}
.modal.guide-modal-wrapper .checkbox-styled {position: relative; display: block; padding-left: 30px;}
.modal.guide-modal-wrapper .checkbox-styled>input[type="checkbox"]{opacity: 0;position: absolute;}
.modal.guide-modal-wrapper .checkbox-styled label {display: block; margin: 0; font-size: 16px; outline: 0; color: #ffffff;}
.modal.guide-modal-wrapper .checkbox-styled label::before {content: ""; border-radius: 3px; margin-right: 0; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; background: #f4f4f4; position: absolute; left: 0;}
.modal.guide-modal-wrapper .checkbox-styled>input[type="checkbox"]:checked ~ label::after {content: "\eb7a"; font-family: 'remixicon' !important; border-radius: 3px; margin-right: 0; display: flex; vertical-align: text-top; width: 20px; height: 20px; background: #fc3; color: #444444; position: absolute; left: 0; align-items: center; justify-content: center; top: 0;}
.modal.guide-modal-wrapper .agree-text {color: #ffffff;font-size: 16px;line-height: 1.4;}
.modal.guide-modal-wrapper .agree-text a {color: #fc3;}
.modal.guide-modal-wrapper .agree-text a:hover{text-decoration: underline;}
.modal.guide-modal-wrapper .callnow-btn {display: block; border: 0; margin: 0; font-size: 16px; outline: 0; color: #444444; padding: 12px 22px; border-radius: 4px; position: relative; top: 0; right: 0; background-color: #fc3; font-weight: bold;}
.modal.guide-modal-wrapper .callnow-btn:hover{background-color: #d8a713;}


.modal.email-modal-wrapper .form-wrapper{position: relative; display: block; margin: 0; padding: 0;}
.modal.email-modal-wrapper .form-wrapper .form--group {position: relative; display: block; margin: 0 0 20px 0;}
.modal.email-modal-wrapper .form--control {display: block; width: 100%; border: 0; margin: 0; font-size: 16px; outline: 0; color: #ffffff; padding: 12px 0 14px 0; background-color: transparent; border-radius: 0; border-bottom: 2px solid #ffffff;}
.modal.email-modal-wrapper .form--control::placeholder{color: #ffffff;}
.modal.email-modal-wrapper .callnow-btn {display: block; border: 0; margin: 0; font-size: 16px; outline: 0; color: #444444; padding: 12px 22px; border-radius: 4px; position: relative; top: 0; right: 0; background-color: #fc3; font-weight: bold;}
.modal.email-modal-wrapper .callnow-btn:hover{background-color: #d8a713;}



.cover-up {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #131313;z-index: 9999;color: #ffffff;}
.cover-up .v-center {display: flex;height: 100%;width: 100%;align-items: center;justify-content: center;}
.cover-up .content-wrap {max-width: 60%;min-width: 60%;margin: 0 auto;text-align: center;flex-direction: column;justify-items: center;align-items: center;flex-wrap: wrap;}
.cover-up .loading-txt {font-weight: 100;letter-spacing: 2.25px;display: inline-block;margin-bottom: 90px;color: #919191;}
.cover-up .logo-jv {display: block;padding: 38px 0;position: relative;}
.cover-up .logo-jv .border-top-thik, .cover-up .logo-jv .border-bottom-thik {position: absolute;right: 0;left: 0;height: 6px;background: #E80973;}
.cover-up .logo-jv .border-top-thik{top: 0;}
.cover-up .logo-jv .border-bottom-thik{bottom: 0;}
.cover-up .logo-txt {font-size: 80px;letter-spacing: 12px;font-family: 'PT Sans Caption', sans-serif;}

.cover-up .mini{display: inline-block;height: 64px;width: 64px;margin-top: 90px;}
.cover-up .lds-spinner {color: official;display: inline-block;position: relative;width: 64px;height: 64px;}
.cover-up .lds-spinner div {  transform-origin: 32px 32px;  animation: lds-spinner 1.2s linear infinite;}
.cover-up .lds-spinner div:after {content: " ";display: block;position: absolute;top: 3px;left: 29px;width: 5px;height: 14px;border-radius: 20%;background: #ffffff;}
.cover-up .lds-spinner div:nth-child(1) {transform: rotate(0deg);animation-delay: -1.1s;}
.cover-up .lds-spinner div:nth-child(2) {transform: rotate(30deg);animation-delay: -1s;}
.cover-up .lds-spinner div:nth-child(3) {transform: rotate(60deg);animation-delay: -0.9s;}
.cover-up .lds-spinner div:nth-child(4) {transform: rotate(90deg);animation-delay: -0.8s;}
.cover-up .lds-spinner div:nth-child(5) {transform: rotate(120deg);animation-delay: -0.7s;}
.cover-up .lds-spinner div:nth-child(6) {transform: rotate(150deg);animation-delay: -0.6s;}
.cover-up .lds-spinner div:nth-child(7) {transform: rotate(180deg);animation-delay: -0.5s;}
.cover-up .lds-spinner div:nth-child(8) {transform: rotate(210deg);animation-delay: -0.4s;}
.cover-up .lds-spinner div:nth-child(9) {transform: rotate(240deg);animation-delay: -0.3s;}
.cover-up .lds-spinner div:nth-child(10) {transform: rotate(270deg);animation-delay: -0.2s;}
.cover-up .lds-spinner div:nth-child(11) {transform: rotate(300deg);animation-delay: -0.1s;}
.cover-up .lds-spinner div:nth-child(12) {transform: rotate(330deg);animation-delay: 0s;}
@keyframes lds-spinner {0% {opacity: 1;}100% {opacity: 0;}}
.cover-up .official-txt{text-transform: uppercase;font-weight: 100;letter-spacing: 2.25px;display: block;margin-top: 90px;color: #919191;}
.cover-up object.logo{width: 100%;}

.viewer{margin: 0 !important;}

@media(max-width: 767px){
	.modal-wrapper {
		width: calc(100% - 40px);
		transform: translateY(0);
		opacity: 1;
		max-height: calc(100% - 80px);
		overflow: hidden;
		overflow-y: auto;
		top: 8%;
	}
	.page-wrapper .narrator-profile {
	    width: calc(100% - 40px);
		margin: 0 auto;
	    left: 0;
	    right: 0;
	    min-height: 80px;
	    top: calc(100% - 18rem);
	}
	 .bottom_hide .page-wrapper .narrator-profile{top: calc(100% - 18rem + 153px);}
	.page-wrapper .narrator-profile .np-detail{
		width: 100%;
	}
	.floor-plan-wrapper{
		z-index: 200;
	}
	.page-wrapper .narrator-profile .flexitem:first-child{
		width: 60%;
		overflow: hidden;
	}
	.page-wrapper .narrator-profile .profile-logo{
		width: 50px;
		height: 50px;
	}
	.page-wrapper .side-navs .icon-box{
		width: 48px;
    	height: 48px;
	}
	.gallery-thumb .pano-list-item .pano-image{
    	padding-top: 54.25%
	}
	.page-wrapper .narrator-profile .np-name{
		font-size: 18px;
	}
	.page-wrapper .narrator-profile .tour-info{
		font-size: 18px;
	}
}