@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: 50px;width: 50px;background: #fc3;border-radius: 2000px;border: 2px solid #ffffff;}
.custom-hotspot::before {content: ''; position: absolute; width: 38px; height: 38px; left: 6px; right: 0; top: 6px; bottom: 0; background: #ffffff7a; border-radius: 2000px;}
.custom-hotspot::after {content: ''; position: absolute; width: 22px; height: 22px; left: 14px; right: 0; top: 13px; 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%;}
*/
.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: relative;z-index: 10;padding: 0 40px;}
.page-wrapper .side-navs>ul {display: flex;align-items: center;justify-content: space-between;}
.page-wrapper .side-navs>ul>li{margin-bottom: 22px;cursor: pointer;}
.page-wrapper .side-navs .icon-box {background-color: rgb(0 0 0 / 56%);border-radius: 2000px;width: 54px;height: 54px;display: flex;align-items: center;justify-content: center;font-size: 26px;color: #ffffff;}
.page-wrapper .side-navs .icon-box.hamurger {background-color: #ec0974;box-shadow: 0px 0px 10px #ff0078;}
.page-wrapper .side-navs .icon-box>i{}

.page-wrapper .mpano-header {position: absolute; top: 0; left: 0; right: 0; z-index: 10; padding: 16px 20px; display: flex; align-items: center; height: 70px;}
.page-wrapper .mpano-header .logout-icon {text-shadow: 0 1px 1px #000;color: #ffffff;font-size: 26px;position: absolute;left: 20px;}
.page-wrapper .mpano-header .time-tag {text-shadow: 0 1px 1px #000; color: #ffffff; font-size: 16px; background: rgb(39,211,208); background: linear-gradient(90deg, rgba(39,211,208,1) 0%, rgba(39,217,194,1) 100%); padding: 4px 8px 5px 8px; border-radius: 4px; position: absolute; left: 66px; top: 18px; box-shadow: 0px 1px 2px #00000073;}
.page-wrapper .mpano-header .view-toggle{position: absolute;right: 20px;}
.page-wrapper .mpano-header .view-toggle .vr-icon{position: absolute;opacity: 0;}
.page-wrapper .mpano-header .view-toggle label {position: relative; display: block; height: 16px; width: 54px; background: #ffcf14; border-radius: 100px; cursor: pointer; transition: all 0.3s ease;}
.page-wrapper .mpano-header .view-toggle label:after {position: absolute; left: -2px; top: -5px; display: flex; width: 24px; height: 24px; border-radius: 100px; background: #ffcf14; box-shadow: 0px 3px 3px rgb(0 0 0 / 35%); content: "\ecb5"; font-family: 'remixicon' !important; transition: all 0.3s ease; align-items: center; justify-content: center;}
.page-wrapper .mpano-header .view-toggle .vr-icon:checked ~ label:after {left: 32px;background: #ffcf14;}



.cover-up {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #131313;z-index: 9999;color: #ffffff; display: none;}
.cover-up .v-center {display: flex;height: 100%;width: 100%;align-items: center;justify-content: center;}
.cover-up .content-wrap {max-width: 80%;min-width: 80%;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: 24px;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%;}






.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: 100%; box-shadow: none; background-color: #ffffff; padding: 24px 24px 20px 24px; border-radius: 0; top: 0; bottom: 0;}
.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; background: #00000033;}
.modal-heading {font-size: 1.125em;margin: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #222222;}
.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;}
.hide-important{display: none;}

.modal.floorplan-modal-wrapper .modal-body{height: calc(100% - 32px);}
.modal.floorplan-modal-wrapper .modal-content{height: 100%;}
.modal.floorplan-modal-wrapper .floorplan-container{height: 100%;display: flex;align-items: center;}
.modal.floorplan-modal-wrapper .fp-image {position: absolute;left: 0;right: 0;}
.modal.floorplan-modal-wrapper .fp-image>span {display: block;position: relative;height: auto;}
.modal.floorplan-modal-wrapper .fp-image img {
    display: table;
    vertical-align: middle;
    margin: 0 auto;
    object-fit: cover;
    height: 100%;
    width: 100%;
}