#ascrail2003{top:51px !important;}
/* #home{position: absolute;} */
/* View */
#view{z-index:0 !important;position: absolute;top:0;width:100%;height:100vh;}
#view > div:nth-child(2) {display: none !important;}
#view > div > div > div > div:first-child {display: none !important;}
#view canvas.widget-scene-canvas {}
@media only screen and (max-width:767px) {
  #view{height:99vh;}
}

/* Panorama */
#panorama{height:100%; top:0; position:absolute;}
/* frame */
#frame{z-index:0 !important;position: absolute;top:0;width:100%;height:100vh;}
#frame iframe{width:100%;height:100vh;border:0}
#dis {
    position: absolute;
    z-index: 100;
    color: #292929;
    bottom: 10px;
    left: 37%;
    transform: translateX(-50%);
    background: rgba(255,255,255,0.42)!important;
    padding: 2px 5px 3px;
    border-radius: 50px;
    font-size: 11px;
}
@media only screen and (max-width:767px){
  #dis {
    transform: none;
    bottom: 81px;
    left: 2px;
  }
}


html[data-platform='iPhone'] body span#dis {bottom: 120px;width: 65%;font-size: 13px;}

.pnlm-controls-container{ top:100px;}
.pnlm-panorama-info {display: none !important;}

::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #79adf6;}

.box {background: #fff;border-radius: 10px;padding: 4px 8px;position: relative;}


.fh {-ms-flex: 0 0 45%;flex: 0 0 43%;max-width: 43%;  height: 0}
.sh {-ms-flex: 0 0 27.5%;flex: 0 0 27.5%;max-width: 27.5%;position:relative; height: 0}
.th {-ms-flex: 0 0 27.5%;flex: 0 0 27.5%;max-width: 27.5%;}

.selectplans { display: flex; }
.selectplans .title {line-height: 18px;background:var(--primary);color:#fff;padding:0 10PX;display:flex;justify-content:center;align-items:center;border-top-left-radius:10px;border-bottom-left-radius:10px}
.selectplans .plans {display:flex;position:relative;justify-content:space-between;width:100%;background:#fff;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:0 10px}
.selectplans .plans:after {content:"";position:absolute;bottom:-5px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:5px solid #fff;border-radius:0}
.selectplans .plans .plan{background:#fff;width:35px;height:35px;padding:0;border-radius:50%;cursor:pointer;position:relative;float:left;margin:3px 0}
.selectplans .plans .plan label{border-radius:50%;cursor:pointer;left:0;position:absolute;top:0;width:35px;height:35px;margin:0;padding:0 3px;display:flex;flex-direction:column;justify-content:center}
.selectplans .plans .plan input[type="checkbox"] { visibility: hidden; }
.selectplans .plans .plan input[type="checkbox"] + label {color: var(--black-font);}
.selectplans .plans .plan input[type="checkbox"]:checked + label { color:var(--primary); border: 1px solid var(--primary);}
.selectplans .plans .plan input[type="checkbox"]:checked + label:after { opacity: 1; }
.selectplans .plans .plan span {display:block;text-align: center;line-height: 10px;font-size: 10px;font-family: 'Roboto', sans-serif;}
.selectplans .plans .plan span:first-child {font-weight: 500;font-size: 12px;}

.unitfilter{display:flex;position:relative;top:12px}
.unitfilter .title{background:var(--primary);color:#fff;padding:5px 10px 5px 9px;display:flex;line-height:18px;justify-content:center;align-items:center;border-top-left-radius:10px;border-bottom-left-radius:10px;width:15.8%}
.unitfilter .filters{align-items:center;display:flex;position:relative;justify-content:space-between;width:100%;background:#fff;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:0 10px}
.unitfilter .filters:after{content:"";position:absolute;bottom:30%;right:-5px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:5px solid #fff;border-radius:0}
.unitfilter .filters .filter:first-child{border:0;padding:0;width:10%}
.unitfilter .filters .filter{background:#fff;padding:0 0 0 5px;cursor:pointer;position:relative;line-height:15px;margin:3px 0;width:14.6%;border-left:1px solid #e1e1e1}
.unitfilter .filters .filter:first-child span{color:var(--primary)}
.unitfilter .filters .filter span{display:block;font-size:13px;color:var(--black-font);font-weight:600}
.unitfilter .filters .filter span:nth-child(2){font-size:11px;color:var(--primary)}
.unitfilter .filters .filter span:nth-child(2) i{color:var(--black-font)}
.unitfilter .filters .filter .filteritems{position:absolute;top:30px;padding:8px 5px 16px;left:-5px;width:85px;min-height:185px;background:#fff;border-radius:7px; border-top-left-radius: 0; border-top-right-radius: 0;z-index:1}
.unitfilter .filters .filter .filter-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}
.unitfilter .filters .filter .filter-content p{margin-bottom:0;font-size:10px;font-family:'Roboto',sans-serif}
.unitfilter .filters .filter .filter-content .round{position:relative;width:18px;height:18px}
.unitfilter .filters .filter .filter-content .round label{border:1px solid var(--primary);border-radius:50%;cursor:pointer;height:15px;left:50%;position:absolute;top:50%;width:15px;transform:translate(-50%,-50%);margin:0}
.unitfilter .filters .filter .filter-content .round input[type="checkbox"] {visibility: hidden;}
.unitfilter .filters .filter .filter-content .round input[type="checkbox"]:checked + label {background-color: var(--primary);border-color: var(--primary);}
.unitfilter .filters .filter .filter-content .round input[type="checkbox"]:checked + label:after {opacity: 1;}
.unitfilter .filters .filter .closeFilter {position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);background: var(--primary);color: #fff;width: 20px;height: 20px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 12px;}

.siteplanview {display:flex;justify-content:space-between;position:relative;top:24px;z-index:0;height: 30px;}
.siteplanview .siteview{display:flex;width:40%;justify-content:space-between}
.siteplanview .siteview.pushed { margin-left: auto;}
.siteplanview .siteview>div{display:flex;justify-content:center;align-items:center;text-transform:uppercase;background:#fff;width:49%;font-size:16px;cursor:pointer;color:var(--black-font)}
.siteplanview .siteview>div.selected{color:var(--primary)}
.siteplanview .siteview .siteplan{border-top-left-radius:7px;border-bottom-left-radius:7px}
.siteplanview .siteview .viewhome{border-top-right-radius:7px;border-bottom-right-radius:7px}
.siteplanview .view{width:58.7%;background:#fff;border-radius:7px;display:flex;justify-content:space-between;align-items:center}
.siteplanview .view .viewpoint{display:flex;justify-content:center;align-items:center;padding:0 10px}
.siteplanview .view .viewpoint .point{position:relative}
.siteplanview .view .viewpoint .point label{background-color:var(--primary);border-radius:50%;cursor:pointer;height:13px;width:13px;position:absolute;left:0;top:50%;margin:0;transform:translateY(-50%)}
.siteplanview .view .viewpoint .point input[type="checkbox"]{visibility:hidden}
.siteplanview .view .viewpoint .point input[type="checkbox"]:checked+label{background-color:var(--primary);border-color:var(--primary)}
.siteplanview .view .viewpoint .point input[type="checkbox"]:checked+label:after{opacity:1}

.siteplanview .view .viewpoint .viewname{display:flex}
.siteplanview .view .viewpoint .viewname label{margin:0;color:var(--black-font);font-size:13px;margin-left:6px;line-height:0;cursor:pointer}
.siteplanview .view .viewpoint .point input[type="radio"]{visibility:hidden}
.siteplanview .view .viewpoint .point input[type="radio"]:checked+label{background-color:var(--primary);border-color:var(--primary)}
.siteplanview .view .viewpoint .point input[type="radio"]:checked+label:after{opacity:1}

.sitecontent {display: flex;flex-direction: column;justify-content: space-between;margin: 0;position: absolute;width: 60%;top: 61.5%;left: 30.56%;z-index: 1000;border-radius: 10px;transform: translate(-50%,-50%);}
.sitecontent .header{display: flex;font-size:12px;align-items: center;margin-bottom: 7px;}
.sitecontent .header .info{display: flex; align-items: center;}
.sitecontent .header .info:first-child{margin-right: 5px;}
.sitecontent .header .info span {font-family: 'Open Sans', sans-serif;color: #fff;background: #9e9e9e;width: 15px;height: 15px;border-radius: 50%;margin-right: 4px;text-align: center;line-height: 15px;font-size: 10px;}
.sitecontent .header .info p{margin:0;font-family: 'Open Sans', sans-serif;font-size: 10px;}
.sitecontent .header .showing{}
.sitecontent .header .showing { margin: 0 auto; display: flex; align-items: center;}
.sitecontent .header .showing span{ margin: 0 4px; color: var(--primary);}
.sitecontent .header .fdClose {background: var(--primary);border-radius: 4px;cursor: pointer;height: 20px;width: 18px;position: relative;}
.sitecontent .header .fdClose span {line-height: 7px;font-size: 14px;height: 14px;width: 18px;color: #fff;position: absolute;top: 6px;text-align: center;}
.sitecontent .floordetail {display:flex;justify-content: space-between;}
.sitecontent .floor {width: 85%; position: relative;}
.sitecontent .floor svg {width:100%;}
.sitecontent .detail {font-family: 'Open Sans', sans-serif;width:15%; padding: 0; padding-left: 7px;display:flex;flex-direction:column;    justify-content: space-between;}
.sitecontent .quick{}
.sitecontent .quick h4{margin: 0 0 5px;color: var(--primary);text-align: center;font-size: 15px;font-family: 'Open Sans', sans-serif; }
.sitecontent .quick h4 small {display: block;font-size: 10px;color: #5a5a5a;}
.sitecontent .quick .qbox {cursor:pointer; text-align: center;color:var(--primary);border: 1px solid #bbb;width: 43px;height: 43px;border-radius: 50%;margin: 0 auto 5px;padding: 2px;font-size: 13px;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.sitecontent .quick .qbox.disabled{ background-color: #ddd; color: #aaaaaa;opacity: 0.5;pointer-events:none;}
.sitecontent .quick .qbox.selected{background: var(--primary);color:#fff;}
.sitecontent .quick .qbox span {display: block;font-size: 9px;line-height: 10px;font-family: 'Open Sans', sans-serif;}
.sitecontent .quick .qbox span:first-child {font-size: 11px;}
.sitecontent .aptqk{background: var(--primary);padding: 5px;text-align: center;margin-top: 7px;border-radius: 5px;}
.sitecontent .aptqk h5 {margin:0 0 5px;color: #5a5a5a;font-size: 12px;border-radius: 5px;font-family: 'Open Sans', sans-serif;}
.sitecontent .aptqk h5 span{color:#fff;}
.sitecontent .aptqk .con{background: #fff;margin-top:5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.sitecontent .aptqk .con img{width:100%;}
.sitecontent .aptqk .con span{display: block;font-size:12px;line-height: 14px;font-family: 'Open Sans', sans-serif;}
.sitecontent .aptqk .con p{font-family: 'Open Sans', sans-serif;margin:0;background: #3e3e3e; color:#fff;font-size: 12px;cursor:pointer;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}

@media only screen and (min-width:1500px){
  .sitecontent { width: 64%; top: 58%; left: 39.6%;}
  .sitecontent .floor .svg {  height: 100%;}
}
@media only screen and (min-width:1600px){
  .sitecontent {top: 57.3%;width: 76%;left: 33.5%;}
  .sitecontent .header {font-size:14px;}
  .sitecontent .header .fdClose {margin-left: 5px;}
  .sitecontent .quick .qbox {width: 55px; height: 55px;}
  .sitecontent .quick .qbox span:first-child {font-size: 16px;}
  .sitecontent .quick .qbox span {font-size: 11px;line-height: 15px;}
}
@media only screen and (min-width: 1800px) and (max-width:1880px){
  .sitecontent {width: 79%;left: 32.2%;top: 57%;}
}
@media only screen and (min-width: 1900px){
    .sitecontent {width:58% !important;}
}
@media only screen and (min-width: 1920px){
    .sitecontent {top: 58%;width: 94% !important;left: 24.4%;}
    .sitecontent .header { font-size: 17px;}
    .sitecontent .header .fdClose {margin-left: 8px;}
    .sitecontent .quick h4{font-size:18px;}
    .sitecontent .quick .qbox {margin-top: 12px;width: 65px;height: 65px;}
    .sitecontent .quick .qbox span {font-size: 12px;line-height: 18px;}
    .sitecontent .quick .qbox span:first-child {font-size: 22px;}
    .sitecontent .floor {}
    .sitecontent .aptqk h5 {font-size:20px;}
    .sitecontent .aptqk .con span {font-size: 15px;line-height: 19px;}
    .sitecontent .aptqk .con > div > span:first-child{margin-top:20px;}
    .sitecontent .aptqk .con > div > span:last-child{margin-bottom:20px;}
    .sitecontent .aptqk .con p {font-size:17px;}
}

@media only screen and (min-width: 2730px){
    .sitecontent {top: 52%;width: 130% !important;left: 6.4%;}
    .sitecontent .header {font-size: 24px;}
    .sitecontent .header .info span {width: 30px;height: 30px;display: flex;font-size: 18px;justify-content: center;align-items: center;}
    .sitecontent .header .info p {font-size: 20px;}
    .sitecontent .header .info p br { display: none;}
    .sitecontent .header .info:first-child {margin-right: 30px;}
    .sitecontent .header .fdClose {height: 30px;display: flex;width: 30px;justify-content: center;}
    .sitecontent .header .fdClose span {  line-height: 16px;    height: auto;}
    .sitecontent .quick .qbox { margin-top: 12px; width: 110px; height: 110px;}
    .sitecontent .quick .qbox span {font-size: 20px;line-height: 24px;}
    .sitecontent .quick .qbox span:first-child {font-size: 31px;line-height: 35px;}
}

.unitlist { border: 1px solid #e0e0e0;}
.unitlist .header{display:flex;align-items:center}
.unitlist .header .unitno{background:var(--primary);color:#fff;height:34px;width:34px;border-radius:50%;display:flex;font-size:14px;justify-content:center;align-items:center;margin-right:6px}
.unitlist .header .unitdesc{color:var(--black-font);font-size:14px}
.unitlist .header .unitdesc span{color:var(--primary);font-size:16px}
.unitlist .header .unitsize{display:flex;margin-left:auto;width:39px;justify-content:space-between}
.unitlist .header .unitsize .round{position:relative;float:left}
.unitlist .header .unitsize .round label{background:var(--secondary);border-radius:50%;cursor:pointer;height:18px;left:50%;position:absolute;top:50%;width:18px;transform:translate(-50%,-50%);margin:0}
.unitlist .header .unitsize .round.min label{width:11px;height:11px}
.unitlist .header .unitsize .round.max label{width:15px;height:15px}
.unitlist .header .unitsize .round input[type="radio"]{visibility:hidden}
.unitlist .header .unitsize .round input[type="radio"]:checked+label{background-color:var(--primary);border-color:var(--primary)}
.unitlist .header .unitsize .round input[type="radio"]:checked+label:after{opacity:1}
.unitlist .listheading{display:flex;justify-content:space-between;background:#ccc;color:#fff;margin-top:5px;font-weight:normal;font-weight:normal;padding:1px 5px;border-radius:6px}
.unitlist .listheading .sortico{font-size:13px;display:flex;align-items:center}
.unitlist .listheading .sortico img{margin-left:4px}
.unitlist .list{margin: 5px 0px 5px;padding: 0px 10px;}
.unitlist .list.min{height:63px}
.unitlist .list.max{height:285px}

/* .unitlist .list.min tbody{height:73px}
.unitlist .list.max tbody{height:285px} */
.unitlist .list tbody{display:flex;flex-direction:column;}
.unitlist .list tr.trdata{font-size:12px;cursor:pointer;display:flex;width:100%}
.unitlist .list tr.trdata.active{color:var(--primary)}
.unitlist .list tr.trdata td{padding:4px 0 0;text-align:center;font-family:'SegoeUI',sans-serif;font-weight:300;border:0;display:flex}
.unitlist .list tr.trdata td:first-child{width:17%}
.unitlist .list tr.trdata td:nth-child(2){width:19%}
.unitlist .list tr.trdata td:nth-child(3){width:26%}
.unitlist .list tr.trdata td:nth-child(4){width:19%}
.unitlist .list tr.trdata td:last-child{width:7%}


.unitdetail {display: flex;flex-direction:column;height: 98vh;overflow-y: scroll;}
.unitdetail.nounit {height: 13vh;overflow: hidden;width: 98%;}
.unitdetail .header{display:flex;align-items:center;}
.unitdetail .header .active_unitno{background:var(--primary);color:#fff;height:34px;width:34px;border-radius:50%;display:flex;font-size:14px;justify-content:center;align-items:center;margin-right:6px}
.unitdetail .header .active_unitdesc{color:var(--black-font);font-size:15px}
.unitdetail .unitfeatures{margin-top: 10px;    padding: 0 10px;}
.unitdetail .unitfeatures p {overflow-x: auto;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;line-height: 18px;font-size: 14px;border: 0;font-family: 'SegoeUI', sans-serif;font-weight: 400;}
.unitdetail .applyonline_leasinginfo {display:flex;width: 100%;justify-content:space-between;margin: 5px 0 20px;position: relative;z-index: 1;}
.unitdetail .applyonline_leasinginfo > div{display:flex;justify-content:center;align-items:center;background:var(--primary);width:32.5%;font-size:14px;padding: 4px;cursor:pointer;color:#fff;border: 1px solid var(--primary);}
.unitdetail .applyonline_leasinginfo > div.selected{color: var(--primary); background: #fff; }
.unitdetail .applyonline_leasinginfo > div a {text-decoration:none; color:inherit;font-size: 13px;}
.unitdetail .applyonline_leasinginfo .scheduletour {border-top-left-radius:47px;border-bottom-left-radius:47px}
.unitdetail .applyonline_leasinginfo .applyonline {/*border-top-left-radius:47px;border-bottom-left-radius:47px*/}
.unitdetail .applyonline_leasinginfo .leasinginfo {border-top-right-radius:47px;border-bottom-right-radius:47px}

.unitinfo {position: absolute;width: 150%;top: 325px;left:-50%}
.unitinfo .infoitems{position: relative;z-index: 1;display: flex;justify-content: space-between;}
.unitinfo .infoitems div{cursor:pointer;background: #fff;text-decoration: none;color: #353535;font-size: 11px;padding: 2px 10px;border-radius: 50px;width: 24%;display: inline-block;text-align: center;}
.unitinfo .infoitems div.selected{background: var(--primary);color:#fff;}
.unitinfo .infodata {border-radius: 5px;position: absolute;z-index: 1;background: #fff;border: 2px solid #ffff;padding: 5px 5px;min-height: 50px;width: 100%;top: 27px;left: 0;overflow: hidden;/*height: 198px;*/overflow-y: scroll;}
.unitinfo .infodata span {float: right;font-size: 20px;position: absolute;top: -6px;right: 2px;cursor: pointer;border-radius: 3px;font-size: 16px;}



/* Grid */

.rowgrid{position:relative;margin-top:auto}
.rowgrid img{width:100%}
.rowgrid.min{display:none}
.rect-container{position:absolute;bottom:0;left:0}
.rect-container .row{height:30px}
.rect{height:30px;width:30px;margin:0;padding:0}
.rect-container img{visibility:hidden;z-index:4;width:24px;padding:0!important;margin:0!important}
.row.g{margin:0}
.hotspot{background-image:url(../img/hotspot_map.png);width:50px;height:50px}


@media only screen  and (min-width:1920px){
    .rect-container {top: 39px;left: 1px;}
}
@media only screen  and (min-width:1920px){
    .rect-container {top: 39px;left: 1px;}
    .rowgrid.max {bottom: 0;}

}