@font-face {
    font-family: 'Bw Modelica Bold';
    src: url('../fonts/BwModelica-Bold.woff2') format('woff2'),
        url('../fonts/BwModelica-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



.fontBWDemoReg {
    font-family: 'Bw Modelica Regular';
    
    font-style: normal;
    font-display: swap;
}


body {
    overflow: hidden !important;
    padding: 0px;
    margin: 0px;
}

html {
    overscroll-behavior: none;
}


a:active,
a:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none;
}

::selection {
    color: none;
    background: none;
}

/* For Mozilla Firefox */
::-moz-selection {
    color: none;
    background: none;
}

h2:active,
h2:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none;
}

* {
    -webkit-tap-highlight-color: transparent !important;
}

img {
  -webkit-user-drag: none !important;
  -khtml-user-drag: none !important;
  -moz-user-drag: none !important;
  -o-user-drag: none !important;
  user-drag: none !important;
}
h2 {
  -webkit-user-drag: none !important;
  -khtml-user-drag: none !important;
  -moz-user-drag: none !important;
  -o-user-drag: none !important;
  user-drag: none !important;
}


.btn {
    cursor: pointer;
    pointer-events: all;
}

.txtFont10 {
    font-size: 10px;
}
.txtFont12 {
    font-size: 12px;
}
.txtFont14 {
    font-size: 14px;
}
.txtFont16 {
    font-size: 16px;
}
.txtFont18 {
    font-size: 18px;
}
.txtFont19 {
    font-size: 19px;
}

.txtFont20 {
    font-size: 20px;
}

.txtFont22 {
    font-size: 22px;
}
.txtFont37 {
    font-size: 37px;
}
.txtFont44 {
    font-size: 44px;
}
.txtFont45 {
    font-size: 46px;
}
.txtFont46 {
    font-size: 46px;
}
.txtFont54 {
    font-size: 54px;
}

.txtLeft {
    text-align: left;
}

.txtCenter {
    text-align: center;
}

.colorWhite {
    color: #ffffff;
}
.colorWhite2 {
    color: #FFF9E9;
}
.colorGreen {
    color: #606B5E;
}
.colorGreen2 {
    color: #899386;
}
.colorViolet {
    color: #5E2581;
}
.colorBeige {
    color: #A28262;
}

.colorPink {
    color: #E00074;
}
.colorDark1{
    color: #707070;
}
.colorBlack{
    color: #231F20;
}
.colorBlack2{
    color: #4A554B;
}
.index1 {
    z-index: 10;
}

.index2 {
    z-index: 9;
}

.index3 {
    z-index: 8;
}

.index4 {
    z-index: 7;
}

.index5 {
    z-index: 6;
}
.marginZero{ 
    margin: 0px;
}
.paddingZero{
    padding: 0px;
}
.txtNormal{

}
/* //////////////////////////////////////////////
/////////////////////////////////////////////////
        DIV CLASS    
/////////////////////////////////////////////////
///////////////////////////////////////////////*/
.posAbs1 {
    position: absolute;
    top: 0px;
    left: 0px;
}

.posAbs {
    position: absolute;
}

.posFixed {
    position: fixed;
}

.posRel {
    position: relative;
}

.divSize {
    width: 1920px;
    height: 1080px;
}
.divSizeNew {
    width: 100%;
    height: 100vh;
}

.divSize2 {
    width: 1920px;
    height: 2080px;
}
.txtCaps {
    text-transform: uppercase;
}

.divResizeLeft {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    z-index: 10;
    width: 960px;
    height: 1080px;
    display: inline-block;
    pointer-events: none;
}

.divResizeLeftPlan {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    z-index: 10;
    width: 960px;
    height: 1080px;
    display: inline-block;
    pointer-events: none;
}
.divResizeLeftPlan2 {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    z-index: 10;
    width: 960px;
    height: 2080px;
    display: inline-block;
    pointer-events: none;
}
.divResizeLeftPlan3 {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    z-index: 10;
    width: 1382px;
    height: 1080px;
    display: inline-block;
    pointer-events: none;
}


.divResizeRight {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 960px;
    height: 1080px;
    display: inline-block;
}
.divResizeRightBottom {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 960px;
    height: 1080px;
    display: inline-block;
}
.divResizeRightTop {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 960px;
    height: 1080px;
    display: inline-block;
}


.divResizeRightPlan {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 960px;
    height: 1080px;
    display: inline-block;
    overflow: hidden;
}
.divResizeRightPlan2 {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 560px;
    height: 2080px;
    display: inline-block;
    overflow: hidden;
}
.divResizeRightPlan3 {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    width: 560px;
    height: 2080px;
    display: inline-block;
    overflow: hidden;
}

.divResizebottomMid {
    position: absolute;
    width: 0px;
    height: 100px;
    z-index: 0;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
}

.divResizeCenter {
    display: inline-block;
    transform-origin: 0px 0px;
    pointer-events: none;
    position: absolute;
}
.divResizeCenterMid1 {
    display: inline-block;
    transform-origin: 0px 0px;
    pointer-events: none;
    position: absolute;
}
.divResizeCenterMid2 {
    display: inline-block;
    transform-origin: 0px 0px;
    pointer-events: none;
    position: absolute;
}

.divResizeTopRight {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    top: 0px;
    right: 0px;
    width: 300px;
    height: 300px;
    z-index: 11;
}

.divResizeTopLeft {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    top: 0px;
    left: : 0px;
    width: 300px;
    height: 300px;
    overflow: hidden;
    z-index: 11;
}

.divResizeBottomLeft {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    z-index: 11;
    width: 400px;
    height: 150px;
}

.divResizeBottomRight {
    position: absolute;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    z-index: 11;
    width: 400px;
    height: 150px;
    pointer-events: none;
}

.divHide {
    display: none;
}
    .divFull {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 1920px;
        height: 1080px;
    }
.divHolder {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.divHolderhalf {
    position: absolute;
    top: 0px;
    width: 50%;
    height: 100%;
    background-color: red;
}

.bgBlack {
    background-color: #000000;
}
.bgWhite {
    background-color: #FFFFFF;
}
.bgGreen {
    background-color: #606B5E;
}

.bgTrans {
    background-color: #fff0;
}

.delayTrans300 {
    transition-delay: 300ms;
}

.delayTrans500 {
    transition-delay: 500ms;
}

.delayTrans750 {
    transition-delay: 750ms;
}

.delayTrans1000 {
    transition-delay: 1000ms;
}

.delayTrans1300 {
    transition-delay: 1300ms;
}

.delayTrans1500 {
    transition-delay: 1500ms;
}

.delayTrans1750 {
    transition-delay: 1750ms;
}

.delayTrans2000 {
    transition-delay: 2000ms;
}

.delayTrans2500 {
    transition-delay: 2500ms;
}

.delayTrans3000 {
    transition-delay: 3000ms;
}


/* //////////////////////////////////////////////
/////////////////////////////////////////////////
        IMAGES  CLASS    
/////////////////////////////////////////////////
///////////////////////////////////////////////*/

.imgFull {
    top: 0px;
    left: 0px;
    width: 100%;
    position: absolute;
}

.imgFull2 {
    width: 100%;
    z-index: 0;
}
.imgFull3 {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 8;
}
.imgFullHeight1 {
    top: 0px;
    left: 0px;
    height: 100%;
    position: absolute;
}
.imgFullHeight2 {
    top: 0px;
    right: 0px;
    height: 100%;
    position: absolute;
}
.imgFullHeight3 {
    top: 0px;
    left: 0px;
    height: 100%;
    position: absolute;
}
.imgFullHeight4 {
    top: 0px;
    right: 0px;
    height: 100%;
    position: absolute;
}
.imgFullHeight3b {
    top: 0px;
    left: 0px;
    height: 100%;
    position: absolute;
}
.imgFullHeight4b {
    top: 0px;
    right: 0px;
    height: 100%;
    position: absolute;
}

.imgFullHeight5 {
    top: 0px;
    left: 92px;
    height: 100%;
    position: absolute;
}
.imgFullHeight6 {
    top: 0px;
    right: 0px;
    height: 100%;
    position: absolute;
}
.imgFullHeight7 {
    top: 0px;
    left: 0px;
    height: 100%;
    position: absolute;
}
.imgFullHeight8 {
    top: 0px;
    right: 0px;
    height: 100%;
    position: absolute;
}


.imgLogo {
    position: absolute;
    left: 60px;
    top: 70px;
    width: 206px;
    pointer-events: all;
    cursor: pointer;
}

.imgLandingLogo {
    position: absolute;
    top: 41%;
    left: 37%;
    width: 26%;
}

.imgLogolinetop {
    position: absolute;
    top: -55%;
    left: 45.23%;
    width: 19.65px;
    height: 500px;
    background-color: #FFF;
}

.imgLogolinebottom {
    position: absolute;
    bottom: -55%;
    left: 52.85%;
    width: 19.75px;
    height: 500px;
    background-color: #FFF;
}

.menuLoc {
    position: absolute;
    width: 40.5%;
    height: 100%;
    top: 0%;
    left: 6%;
}

.menuFaci {
    position: absolute;
    width: 37.0%;
    height: 100%;
    top: 0%;
    right: 9.5%;
}

#imgMenuLoc1 {
    position: absolute;
    width: 62%;
    top: -24%;
    left: 0%;
}

#imgMenuLoc2 {
    width: 98%;
    position: absolute;
    top: 33%;
    right: -4%;
}

#imgMenuFaci1 {
    position: absolute;
    width: 69%;
    top: -23%;
    left: -1%;
}

#imgMenuFaci2 {
    position: absolute;
    width: 107%;
    top: 27%;
    right: -3%;
}
.menuDev{
position: absolute;
  top: 18%;
  left: 1%;
  width: 98%;
  height: 60%;
}
#imgMenuDev{
position: absolute;
  width: 37.3%;
  top: -68.6%;
  left: 30.3%;
}
.imgMenuDev1 {
  position: absolute;
  left: 0%;
  top: 22%;
  width: 27%;
  height: 72%;
}
.imgMenuDev2 {
  position: absolute;
  left: 30%;
  top: 1%;
  width: 38%;
  height: 72%;
}
.imgMenuDev3 {
  position: absolute;
  right: 0%;
  top: 22%;
  width: 29%;
  height: 72%;
}
.menuGall{
position: absolute;
  top: 18%;
  left: 1%;
  width: 98%;
  height: 60%;
}
#imgMenuGall {
  position: absolute;
  width: 22.0%;
  top: -68.6%;
  left: 24.2%;
}
.imgMenuGall1 {
  position: absolute;
  left: 0%;
  top: 7%;
  width: 22.5%;
  height: 69%;
}
.imgMenuGall2 {
  position: absolute;
  left: 28.2%;
  top: 21%;
  width: 37.8%;
  height: 72%;
}
.imgMenuGall3 {
  position: absolute;
  right: 5%;
  top: 3%;
  width: 28%;
  height: 71.2%;
}
.btnMenuClose {
position: absolute;
  bottom: 10px;
  right: 0px;
  width: 116px;
}
.btnMenuOpen {
position: absolute;
  bottom: 10px;
  right: 0px;
  width: 116px;
}
.imgLogobottom{
z-index: 2;
position: absolute;
  left: 47px;
  bottom: 45px;
  width: 115px;
}
.divSliderBG{
position: absolute;
  bottom: 40px;
  right: 164px;
  width: 312px;
  height: 57px;
}
.divSliderGalTab {
position: absolute;
  bottom: 142px;
  right: -3px;
  width: 780px;
  height: 43px;
}
.imgSliderBar {
  z-index: 3;
  position: absolute;
  height: 100%;
  top: -5px;
  right: 183px;
  width: 45px;
}
.imgSliderBar2 {
  z-index: 3;
  position: absolute;
  height: 100%;
  top: -5px;
  right: 183px;
  width: 45px;
}

.imgTabIcon1{
  position: absolute;
  height: 58px;
  top: 0px;
}
.imgConcept01 {
position: absolute;
  height: 100%;
  top: 0%;
  left: 0%;
}
.imgConcept02 {
position: absolute;
  width: 40.5%;
  top: -23%;
  left: 0%;
}
.imgConcept03 {
position: absolute;
  width: 40.5%;
  top: -23%;
  left: 0%;
}
.imgDevslide1 {
position: absolute;
  width: 30.5%;
  top: 12.7%;
  left: 10.6%;
}
.imgDevslide2 {
position: absolute;
  width: 25.5%;
  top: 13.7%;
  left: 10.6%;
}







/* //////////////////////////////////////////////
/////////////////////////////////////////////////
        SWIPER  CLASS    
/////////////////////////////////////////////////
///////////////////////////////////////////////*/
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #606B5E;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
}

.swiper-slide img {
    display: block;
    object-fit: cover;
}






/* //////////////////////////////////////////////
/////////////////////////////////////////////////
        TEXT  CLASS    
/////////////////////////////////////////////////
///////////////////////////////////////////////*/

#txtLanding1 {
    position: absolute;
    top: 59.4%;
    left: 37.2%;
}

#txtLanding2 {
position: absolute;
  top: 65.2%;
  left: 57.2%;
  width: 100px;
  display: none;
}

.txtLandingmenu {
    position: absolute;
    top: -23px;
    right: 0px;
    letter-spacing: 0.4px;
}
.txtLandingmenu2 {
    position: absolute;
    top: -16px;
    right: 83px;
    letter-spacing: 0.4px;
}
#btnIntroFullanim {
  position: absolute;
  width: 453px;
  height: 45px;
  bottom: -100px;
  left: -454px;
  display: none;
}

#btnIntro3dVirtual {
    position: absolute;
    width: 374px;
    height: 44px;
    bottom: -100px;
    left: 188px;
    display: none;
}
#btnViewPlan {
  position: absolute;
  width: 224px;
  height: 60px;
  bottom: 2.5%;
  right: 19px;
  display: none;
  pointer-events: all;
}
.btnLocLocmap {
    position: absolute;
    width: 256px;
    height: 41px;
    top: 75%;
    right: 0%;
}

.btnFaciSiteplans {
    position: absolute;
    width: 209px;
    height: 41px;
    top: 68.5%;
    right: 0%;
}

.txtMenu {
position: relative;
  letter-spacing: 0.4px;
  margin: 0px;
  text-align: center;
}
.txtMenu2 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    letter-spacing: 0.4px;
    margin: 0px;
}
.btnDevConcept {
    position: absolute;
    width: 170px;
    height: 41px;
    bottom: 0%;
    right: 0%;
}
.btnDevExplore {
    position: absolute;
    width: 244px;
    height: 41px;
    bottom: 0%;
    right: 0%;
}
.btnDevUsp {
    position: absolute;
    width: 62px;
    height: 41px;
    bottom: 0%;
    right: 0%;
}
.btnGallDev {
    position: absolute;
    width: 160px;
    height: 41px;
    bottom: 0%;
    right: 0%;
}
.btnGallPerspective {
    position: absolute;
    width: 250px;
    height: 41px;
    bottom: 0%;
    right: 0%;
}
.btnGallBrochure {
    position: absolute;
    width: 163px;
    height: 41px;
    bottom: 0%;
    right: 0%;
}
.divLocLeft {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 72.7vw;
  height: 100vh;
  background: #f6f6f4;
}
.divLocRight {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 27vw;
  height: 100%;
  background: #FFFFFF;
}
.divLocLeft2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 72vw;
  height: 100vh;
  background: transparent;
}
.divLocRight2 {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 28vw;
  height: 100%;
  background: #FFFFFF;
  pointer-events: none;
}
.divGalleryRow{
  position: relative;
  width: 100%;
  height: 240px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 15px;
}
.divDevRow{
  position: relative;
  width: 100%;
  height: 305px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 15px;
}
.divDevRow1 {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
}
.divRow1 {
  position: relative;
  width: 68%;
  height: 100%;
  float: left;
}
.divRow1b {
  position: relative;
  width: 55%;
  height: 100%;
  float: left;
}
.divRow2 {
  position: relative;
  width: 15%;
  height: 100%;
  float: left;
}
.divRow3 {
  position: relative;
  width: 13%;
  height: 100%;
  float: left;
}
.divRow4 {
  position: relative;
  width: 13%;
  height: 100%;
  float: left;
}
.divRowHeight1{
    height: 22px;
    padding-top: 15px;
}
.txtRowSub{
    line-height: 35px;
    padding-top: 2px;
}
.txtRowSubpadding{
    padding-left: 16px;
}
#txtTitleLoc {
  position: absolute;
  top: 2%;
  left: 9%;
}
#txtTitleEssentials {
  position: absolute;
  top: 2%;
  left: 9%;
  text-transform: uppercase;
}
.txtbottomLoc {
  height: 70px;
  padding-left: 26px;
  display: flex;
  align-items: center;
  padding-top: 54px;
}
.txtbottomFaci {
  height: 120px;
  display: flex;
  align-items: center;
  width: 100%;
}
.txtbottomModel {
  height: 120px;
  display: flex;
  align-items: center;
  width: 100%;
}
#txtConTitle1 {
position: absolute;
  text-align: left;
  top: 8.5%;
  left: 14%;
  letter-spacing: 3px;
}
#divConTitlesub1 {
position: absolute;
  text-align: left;
  top: 29%;
  left: 14%;
  letter-spacing: 0px;
  line-height: 26px;
}
#txtConTitlesub1 {
position: absolute;
  text-align: left;
  top: 27.7%;
  left: 57%;
  letter-spacing: 0px;
  line-height: 30px;
}
#divConTitlesub1 p{
    margin: 0px;
    padding-bottom: 8px;
}
#txtConTitle2 {
  position: absolute;
  text-align: left;
  top: 21.5%;
  left: 51.2%;
  letter-spacing: 3px;
}
#divConTitlesub2 {
position: absolute;
  text-align: left;
  top: 35%;
  left: 16%;
  letter-spacing: 0px;
  line-height: 26px;
}
#divConTitlesub2 p{
    margin: 0px;
    padding-bottom: 8px;
}
#divConTitlesub3 {
position: absolute;
  top: 26.6%;
  left: 33%;
  letter-spacing: 0px;
  line-height: 25px;
  text-align: center;
}
#divConTitlesub3 p{
    margin: 0px;
    padding-bottom: 8px;
}


#txtConTitlesub2 {
  position: absolute;
  text-align: left;
  top: 40.7%;
  left: 51.2%;
  letter-spacing: 0px;
  line-height: 30px;
}
#txtConTitlesub2b {
position: absolute;
  text-align: left;
  top: 59.3%;
  left: 10.6%;
  letter-spacing: 0px;
  line-height: 26px;
}
#txtConTitle3 {
position: absolute;
  top: 7.2%;
  left: 36.3%;
  letter-spacing: 3px;
}
#txtConTitlesub3 {
  position: absolute;
  text-align: left;
  top: 40.7%;
  left: 51.2%;
  letter-spacing: 0px;
  line-height: 30px;
}
#txtConTitlesub3b {
position: absolute;
  text-align: left;
  top: 59.3%;
  left: 10.6%;
  letter-spacing: 0px;
  line-height: 26px;
}
.divFaciwalkbtn {
width: 60%;
  left: 4%;
  position: relative;
  bottom: 9%;
}
.txtwalkbtn{
position: relative;
  top: 0px;
  left: 52px;
  margin-top: 0px;
  text-align: left;
  font-size: 22px;
}
.txtDevTitlesub1 {
position: absolute;
  text-align: left;
  top: 0%;
  left: 0%;
  letter-spacing: 0px;
  line-height: 25px;
  margin: 0px;
}
#txtDevTitlesub2 {
position: absolute;
  text-align: left;
  top: 29.4%;
  left: 27%;
  letter-spacing: 0px;
  line-height: 25px;

}
.divGallHolder{
  width: 95%;
  height: 33%;
  position: absolute;
  top: 14%;
  left: 2.5%;
}
.divGallHolder2{
  width: 95%;
  height: 33%;
  position: absolute;
  top: 47%;
  left: 2.5%;
}
.divGallHolder3{
  width: 95%;
  height: 63%;
  position: absolute;
  top: 14%;
  left: 2.5%;
}
.gallThumbA{
  width: 31.5%;
  float: left;
  padding-right: 2.7%;
  padding-bottom: 1.9%;
}
.gallThumbB{
    width: 31.5%;
  float: left;
}
.gallThumbC{
  width: 32.2%;
  float: left;
  padding-right: 1.7%;
}
.gallThumbD{
  width: 32.2%;
}

#btnPerspective {
  position: absolute;
  bottom: 2px;
  right: 320px;
  width: 169px;
  height: 48px;
}
#btnIPM {
  position: absolute;
  bottom: 2px;
  right: 114px;
  width: 205px;
  height: 48px;
}
#btnVideos {
  position: absolute;
  bottom: 2px;
  right: 0px;
  width: 107px;
  height: 48px;
}
#btnMatter {
  position: absolute;
  bottom: 2px;
  right: 504px;
  width: 163px;
  height: 48px;
}
#btnVR {
  position: absolute;
  bottom: 2px;
  right: 671px;
  width: 90px;
  height: 48px;
}
#divImagePopup, #div3dVirtual, #divIPMPopup{
    display: none;
    z-index: 9999;
}
.divBG{
  background-color: #FFFFFF;
}
#divIntroHolder3 {
    z-index: 9;
    position: fixed;
    background-color: #000;
    z-index: 1;
}

#divIntroHolderVid {
    z-index: 9;
    position: fixed;
    background-color: #000;
    z-index: 1;
}

.tabUnittxtTitle {
  float: left;
  position: relative;
  height: 32px;
  font-size: 18px;
  color: #A28262;
}
.tabUnittxt {
  float: right;
  position: relative;
  height: 32px;
  font-size: 18px;
  border: 1px solid #606B5E;
  padding: 5px 12px;
  right: 30px;
  top: -7px;
}


.divUnitsPanel {
  width: 100%;
  height: 65px;
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 3px solid #606B5E91;
}
.divUnitsPanel2 {
  width: 100%;
  height: 65px;
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 3px solid #A2826270;
}
.divUnitsPanel3 {
  width: 100%;
  height: 70px;
  position: relative;
  display: flex;
  align-items: center;
}
.divUnitsPanel4 {
  width: 100%;
  height: 65px;
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 3px solid #606B5E70;;
}
.divUnitsPanelCom {
  width: 30%;
  height: 242px;
  position: absolute;
  display: flex;
  align-items: center;
  border-bottom: 3px solid #606B5E91;
  display: none;
  bottom: 31px;
  right: 14px;
}
.div3dTab1 {
  margin-left: 5%;
  position: relative;
  /*border-bottom: 3px solid #606B5E;
  padding-bottom: 10px;*/
}
.div3dTab1model {
  margin-left: 5%;
  position: relative;
}

.div3dTab1modela {
  margin-left: 7%;
  position: relative;
}
.div3dTab1modelb {
  margin-left: 18%;
  position: relative;
}
.div3dTab1modelc {
  margin-left: 13%;
  position: relative;
}

.div3dTab1modelNewa {
  left: 43px;
  position: absolute;
  bottom: 205px;
}
.div3dTab1modelNewb {
  left: 24px;
  position: absolute;
  bottom: 104px;
}
.div3dTab1modelNewc {
  left: 23px;
  position: absolute;
  bottom: 11px;
}


.div3dTabInstruct {
  position: relative;
  text-align: center;
  width: 100%;
}
.div3dTab2 {
  margin-left: 12%;
  position: relative;
  /*border-bottom: 3px solid #606B5E;
  padding-bottom: 10px;*/
}
.div3dTab2b {
  margin-left: 17%;
  position: relative;
  /*border-bottom: 3px solid #606B5E;
  padding-bottom: 10px;*/
}
.div3dTab3 {
  margin-left: 11%;
  position: relative;
  /*border-bottom: 3px solid #606B5E;
  padding-bottom: 10px;*/
}
.div3dTab3b {
  margin-left: 23%;
  position: relative;
  /*border-bottom: 3px solid #606B5E;
  padding-bottom: 10px;*/
}
.div3dTab4 {
right: 0%;
  position: relative;
  width: 28px;
  padding-left: 12%;
}
.div3dTab1Txt{
  position: relative;
  top: 0px;
  right: 0px;
  margin-top: 0px;
  font-size: 18px;
}
.div3dTab1Txtmodel{
  position: relative;
  top: 0px;
  right: 0px;
  margin-top: 0px;
  font-size: 18px;
  text-align: center;
}
.divUnitsPanelBar{
    position: absolute;
  bottom: -4px;
  left: 5%;
  width: 17%;
  height: 5px;
  background: #606B5E;
}
.divUnitsPanelBarnew{
    position: absolute;
  bottom: -4px;
  left: 5%;
  width: 17%;
  height: 5px;
  background: #606B5E;
}


.divUnitsPanelBar2{
    position: absolute;
  bottom: -5px;
  left: 17%;
  width: 23%;
  height: 6px;
  background: #A28262;
  display: none;
}
.divUnitsPanelBar3 {
  position: absolute;
  bottom: -4px;
  left: 13%;
  width: 147px;
  height: 6px;
  background: #606B5E;
}
.divUnitsPanelBar4 {
  position: absolute;
  bottom: -4px;
  left: 13%;
  width: 147px;
  height: 6px;
  background: #606B5E;
}
.divUnitsPanelBar5 {
  position: absolute;
  bottom: -4px;
  left: 13%;
  width: 147px;
  height: 6px;
  background: #A28262;

}
.txt3dInstruct{
  position: relative;
  top: 0px;
  right: 0px;
  margin-top: 0px;
  font-size: 16px;
}
.img3dInstruct {
  width: 15px;
  position: relative;
  padding-top: 20px;
  text-align: center;
}




.tabAmenities, .tabUnit, .tabViewout, .tabViewoutDia{
    display: none;
}
.divSchematic {
  position: absolute;
  bottom: 5%;
  left: 33.8%;
  width: 32.5%;
  height: 85.5%;
  border: 5px solid #E0E0E0;
}
.divSchematicLeft {
  position: absolute;
  bottom: 5%;
  left: 15.5%;
  width: 32.5%;
  height: 85.5%;
  border: 5px solid #E0E0E0;
}
.divSchematicRight {
  position: absolute;
  bottom: 5%;
  right: 14.2%;
  width: 32.5%;
  height: 85.5%;
  border: 5px solid #E0E0E0;
}
.imgReset {
  position: absolute;
  bottom: 15.4%;
  right: 2.5%;
  width: 40px;
}
.imgZoomIn {
  position: absolute;
  bottom: 9.2%;
  right: 2.5%;
  width: 40px;
}
.imgZoomOut {
  position: absolute;
  bottom: 3.6%;
  right: 2.5%;
  width: 40px;
}
.imgCloseCompare {
  position: absolute;
  bottom: 19%;
  right: 5%;
  width: 89px;
}
#divSchematicHolder, #divComparePlans{
    z-index: 0;
}
#div3dModelHolder{
    display: inline-block;
}
.divDivider {
  position: relative;
  left: 0px;
  top: 0px;
  width: 12px;
  height: 100%;
  background: #899386;
  z-index: 99;
}
.btn3dVirtualClose {
  position: absolute;
  bottom: 4%;
  right: 2.0%;
  width: 6.5%;
  z-index: 99;
}
#divVideoPopup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    display: none;
    height: 100%;
    background-color: #000000;
}




.imgDivimgcenterVid {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#divPopupRotate{
    display: none;
    z-index: 999999999;
    background-color: #606B5E;
}


#imgCloseVideoPopup {
    /*
  z-index: 10;
  position: absolute;
  right: 5%;
  bottom: 32%;
  width: 22%;
  pointer-events: all;
  cursor: pointer;*/
}
.divMenuHolder{
position: absolute;
  top: 13%;
  left: 2.6%;
  width: 1833px;
  height: 764px;
}
.divMenuBtn {
  position: relative;
  width: 24.4%;
  height: 48.4%;
  float: left;
  margin-bottom: 0.3%;
  margin-right: 0.2%;
}
.divMenuBtntxt {
position: absolute;
  bottom: 10px;
  right: 0px;
  width: 100%;
  height: 50px;
  z-index: 9;
}
.divMenuBtnImg {
  float: right;
  width: 10px;
  padding-right: 27px;
  top: -20px;
  position: relative;
      animation: bounceArrow 0.6s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}
 
#imgDevleft {
  position: absolute;
  left: 5%;
  top: 12%;
  width: 51.5%;
}
#imgDevright {
  position: absolute;
  left: 45.5%;
  top: 12%;
  width: 49.5%;
}

.divDevtxtleft {
  position: absolute;
  top: 48.5%;
  left: 5%;
  width: 44%;
  height: 34%;
}
.divDevtxtright {
  position: absolute;
  top: 48.5%;
  left: 45.5%;
  width: 44%;
  height: 34%;
}


#btnConceptVid {
  position: absolute;
  top: 68.2%;
  left: 14%;
  line-height: 24px;
}
#btnConceptVid img {
  width: 17px;
  position: relative;
  top: 24px;
  left: 43px;
}
.lineBottom{
border-bottom: 3px solid white;
  padding: 0px 0px 10px 0px;
}

.lineBottom2{
border-bottom: 3px solid #FFF9E9;
  padding: 0px 0px 10px 0px;
}

.txtBold{
    font-weight: bold;
}
.divConceptLeft{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 42.5%;
  height: 100%;
  background-color: #D1D1CE;
}
.divConLeftHolder{
display: inline-block;
}
#divConLeftHolder01{
position: absolute;
  top: 37.5%;
  left: 9%;
}
#divConLeftHolder02{
position: absolute;
  top: 37.5%;
  left: 9%;
}
#divConLeftHolder03{
position: absolute;
  top: 37.5%;
  left: 9%;
}
#divConLeftHolder04{
position: absolute;
  top: 37.5%;
  left: 9%;;
}
#divConLeftHolder05{
position: absolute;
  top: 37.5%;
  left: 9%;
}
.divConLeftHolderImg{
width: 506px;
  padding-left: 32px;
  padding-bottom: 43px;
}
.divQuote1 {
  position: absolute;
  top: 55%;
  left: 39.5%;
  width: 407px;
  height: 155px;
  z-index: 99;
}
.divQuote2 {
  position: absolute;
  top: 73%;
  left: 38.3%;
  width: 449px;
  height: 178px;
  z-index: 99;
}
#accordionLoc{
    bottom: 15px;
}
#txtTitleLocSub {
  position: absolute;
  top: 30.8%;
  left: 9%;
  letter-spacing: 0px;
  line-height: 25px;
  text-align: Left;
  display: none;
}
#txtTitleEsentialsSub {
  position: absolute;
  top: 30.8%;
  left: 9%;
  letter-spacing: 0px;
  line-height: 25px;
  text-align: Left;
  display: none;
}
#frameMapSlide{
    display: none;
}
.divMapSlide {
  position: absolute;
  bottom: 7px;
  left: 24px;
  width: 352px;
  height: 57px;
  display: none;
}
.mapSlide1{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 175px;
  height: 57px;
}
.mapSlide2{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 175px;
  height: 57px;
}
.divEssentialsSlide2 {
  position: absolute;
  top: 15.8%;
  left: 6.2%;
  width: 88%;
  height: 72%;
}
.divEssentialsSlide3 {
  position: absolute;
  top: 38%;
  left: 9%;
  display: none;
}
#imgGallVid01 {
  position: absolute;
  top: 31%;
  left: 11%;
  width: 37.5%;
}
#imgGallVid02 {
  position: absolute;
  top: 31%;
  left: 51.6%;
  width: 37.5%;
}
.divBedtxtHolder{
    position: relative;
    width: 100%;
    height: 56px;
    float: left;
}
.divDistriCenter{
position: absolute;
  width: 40.03px;
  height: 137px;
  left: 67.4%;
 bottom: 5%;
}
.divDistriLeft {
  position: absolute;
  width: 40.03px;
  height: 137px;
  left: 49%;
  bottom: 5%;
}
.divDistriRight {
  position: absolute;
  width: 40.03px;
  height: 137px;
  right: 10.8%;
  bottom: 5%;
}
#imgDistriCenterReset{
  position: absolute;
  top: 0px;
  display: none;
}
#imgDistriCenterResetLeft{
  position: absolute;
  top: 0px;
  display: none;
}
#imgDistriCenterResetRight{
  position: absolute;
  top: 0px;
  display: none;
}

#imgDistriCenterZoomIn{
   position: absolute;
  top: 52px; 
}
#imgDistriCenterZoomOut{
    position: absolute;
  top: 96px;
}
#imgDistriLeftZoomIn{
   position: absolute;
  top: 52px; 
}
#imgDistriLeftZoomOut{
    position: absolute;
  top: 96px;
}

#imgDistriRightZoomIn{
   position: absolute;
  top: 52px; 
}
#imgDistriRightZoomOut{
    position: absolute;
  top: 96px;
}

#imgUnisLegend {
  position: absolute;
  bottom: 40px;
  left: 47px;
  width: 38vh;
}
#imgUnisLegendBG {
  position: absolute;
  bottom: 40%;
  left: 48px;
  width: 18vh;
}

#pzPlanLeft2{
    position: absolute;
    left: 0px;
    top: 0px;
}
.faciNum{
   width: 20px;
  height: 20px;
  border-radius: 9px;
  background-color: #B5D0C5;
  position: relative;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  
}
.faciNumb{
   width: 20px;
  height: 20px;
  border-radius: 9px;
  background-color: #E8B48C;
  position: relative;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
    
}
.faciNumc{
   width: 20px;
  height: 20px;
  border-radius: 9px;
  background-color: #FFF2CC;
  position: relative;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
    
}
.faciNum1 {
  position: absolute;
  left: 0px;
  width: 20px;
  text-align: center;
  margin-top: -3px;
  
}
.txtFAciSubTitle{
  font-size: 16px;
  padding-top: 10px;
  letter-spacing: 1px;
  padding-bottom: 10px;
}
.faciNumTxt {
  margin-top: -2px;
  position: absolute;
  line-height: 24px;
  
  text-decoration-thickness: 2px !important;
}

.faciTableft {
  width: 50%;
  width: 49%;
  float: left;
  top: 0px;
  position: absolute;
  left: 12px;
}
.faciTabRight {
  width: 49%;
  float: right;
  top: 0px;
  position: absolute;
  right: 0px;
}
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size: 12px;
}
.divLandingMenus {
  position: absolute;
  bottom: -650px;
  right: 0px;
  width: 270px;
  height: 680px;
  line-height: 39px;
  pointer-events: none;
  display: none;
}
#txtGalleryArtist {
  position: absolute;
  left: 1.2%;
  bottom: 1%;
  line-height: 20px;
  letter-spacing: 1px;
  text-shadow: 1px 3px 6px rgba(0, 0, 0, 1);
  font-size: 12px;
  font-weight: normal;
}
#txtGalleryArtistIPM {
  position: absolute;
  left: 1.2%;
  bottom: 1%;
  line-height: 20px;
  letter-spacing: 1px;
  text-shadow: 1px 3px 6px rgba(0, 0, 0, 1);
  font-size: 12px;
  font-weight: normal;
}


#imgCompareLegend {
  position: absolute;
  bottom: 40px;
  left: 47px;
  width: 8.8%;
}

.divUnitsCover {
  position: absolute;
  width: 47%;
  height: 110%;
  background-color: white;
  left: 0%;
  top: 0px;
  z-index: 999;
  display: none;
}
#btn3dViewoutDia{
    display: none;
    position: absolute;
    margin-left: 62.3%;
}

.divPDFHolder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    display: none;
    height: 100%;
    background-color: #000000;
}
.imgDivimgcenterVid {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#imgClosePDFLoader {
  bottom: 15px;
  right: 14px;
  width: 29px;
  z-index: 16;
}


.btnEmail {
  color: #FFFFFF;
  background: #606B5E;
  padding: 20px 0px;
  border-radius: 0px;
  border: 1px solid #FFFFFF;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: 1px;
  line-height: 14px;
  pointer-events: all;
  width: 174px;
  text-align: center;
  position: absolute;
  right: 175px;
  top: 29px;
  font-size: 18px;
}

.btnEmail:hover {
  color: #606B5E !important;
  background: #ffffff;
}

#accordionLoc {
    left: 12px;
  bottom: 515px;
}
#txtIPMLegend{

  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 33px;

}























#card1, #card2, #card3, #card4, #card5, #card6, #card7, #card8 {
  position: absolute;
  left: -8px;
  top: -8px;
  z-index: 0;
  display: none;
}
.card {
  width: 463px;
  height: 385px;
  background: #13253d00;
  overflow: hidden;
  border-radius: 0px;
}

.card::before {
content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  background-image: linear-gradient( 100deg, rgb(234,234,234), rgb(173,169,150) );
  height: 170%;
  animation: rotBGimg 2s linear infinite;
  transition: all 0.2s linear;
  border-radius: 0px;
  width: 220px;
}

@keyframes rotBGimg {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.card::after {
  content: "";
  position: absolute;
  background: #D5D5D5;
  inset: 10px;
  border-radius: 0px;
}

.card-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  z-index: 3;
  width: 100%;
}

@keyframes bounceArrow {
  from { transform: translate3d(0, 0, 0);     }
  to   { transform: translate3d(10px, 0, 0); }
}

#imgRotate {
  position: absolute;
  height: 102%;
  top: 0px;
  left: 28.5%;

}
#btnViewPlan, #btnViewOut {
  position: absolute;
  width: 224px;
  height: 60px;
  bottom: 2.5%;
  right: 19px;
  display: none;
  pointer-events: all;
  z-index: 99;
}














/*///////////////////////
/////////////////////////
////////////////////////*/

@media (orientation: portrait) {
    #divPopupRotate{
        display: inline-block;
        z-index: 999999999;
    }

}
 

@media screen and (max-height: 550px) {

.divSchematic {
  border: 3px solid #E0E0E0;
  bottom: 3%;
  height: 94%;
}
  .imgZoomIn {
    right: 13%;
    bottom: 12%;
    width: 25px;
  }
  .imgZoomOut {
    right: 13%;
    width: 25px;
  }
.txtbottomLoc {
    font-size: 15px;
}
.div3dTab1Txt {
  font-size: 24px;
}
#txtLanding1 {
  font-size: 18.5px;
}

.divLandingMenus {
  width: 440px;
}
.divLandingMenus h2{
  font-size: 30px;
}
#txtGalleryArtistIPM {
  font-size: 8px;
}
#txtAccordionMenu1 {
  font-size: 30px;
}

.accordion .link {
  padding: 10px 15px 11px 0px;
}
.divRowHeight1 {
  height: 30px;
  padding-top: 15px;
  font-size: 28px;
}
.txtRowSub {
  line-height: 34px;
  font-size: 24px;
}
#txtTitleLocSub {
      font-size: 18px;
}
    .btnMenuClose {

      width: 150px;
    }
    .txtLandingmenu, .txtLandingmenu2 {
      font-size: 28px;
    }

.txtLandingmenu, .txtLandingmenu2 {
    display: none;
}

#btnIntroFullanim {
  height: 85px;
}
#btnIntro3dVirtual {
  height: 85px;
}
.txtLandingmenu2 {
  right: 108px;

}
.txtLandingmenu {
  right: 9px;
}

.btnEmail {
  border: 2px solid #FFF;
  right: 215px;
  top: -8px;
  font-size: 28px;
  padding: 24px 0px;
  width: 280px;
}
.imgLogobottom {
  width: 150px;
}
.btnMenuOpen {
  width: 150px;
}

.divMenuHolder {
  top: 10%;
}
#txtLanding2 {
  top: 61.2%;
}
.divResizeLeftPlan2 {
  width: 75%;
}
#accordionLoc {
  bottom: 550px;
}
.divResizeLeftPlan3 {
  margin-left: 150px;
}

.txtFont19 {
  font-size: 12px;
}
#txtIPMLegend{
  bottom: 10px;

}






}