:root{
  --bp-loader-color:#000;
  --bp-menu-textcolor: #000;
  --bp-floorplanmenu-building-backcolor: transparent;
  --bp-menu-color: unset;
  --bp-button-color:#000;
  --bp-floorplanmenu-floor-backcolor: transparent;
  --bp-floorplanmenu-la-backcolor: transparent;
  --bp-floorplanmenu-la-textcolor: #000;
  --bp-mediatoolbar-borderradius:unset;
  --bp-floorplanmenu-background-color: transparent;
  --bp-textcolor:#000;
}

#LoaderWrapper{
  background-color: #e8e7e6;
}
@font-face {
  font-family: 'gilroyregular';

  src: url("../../default/fonts/gilroyregular.otf") format("opentype");
}
@font-face {
  font-family: 'gilroybold';

  src: url("../../default/fonts/gilroybold.otf") format("opentype");
}

#ButtonInstruction{
  z-index: 1;
  right: 116px;
  top: 80px;
  font-size: 1.6em;
  width: 40px;
  height: 40px;
  color: #000;
  border: 1px solid;
  text-align: center;
  padding-top:0.2em;
  font-family: 'gilroyregular';

}
.instruction-panel p {
  color: #fff;
  font-size: 1.2rem;
}
.content-instruction{
  position: relative;
  height: inherit;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 950px;

}

.content-text{
  /* position: absolute;
  top: 30%;
  right: 37%; */
  margin-top: 18rem;
}
.instruction-panel{
  background-color: #000;
  right: unset;
  top: 0;
  width: 100vw;
  visibility: hidden;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  position: fixed;
  overflow: hidden;
  opacity: 0;
}
.higlight-text{
  font-size: 1.3rem !important;
}
.small-text{
  font-size: 0.9rem !important;
  padding-top: 1.2em ;
}
.show-instruction{
  opacity: 0.95;
  z-index: 3;
  visibility: visible;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
}

.fancybox-navigation svg{
  fill: #fff;
  stroke: transparent;
}

body .fancybox-navigation .fancybox-button {
  padding: 2px;
  height: 40px;
  width: 40px;
  background-color: rgb(0 0 0 / 0%);
  color: white;
  border: 1px solid #000;
  border-radius: 50%;
}
#BurgerButton{
  display: none;
}
#vr-button {
  z-index: 1;
  position: fixed;
  cursor: pointer;
  right: 10px;
  top: 80px;
  color: #000;
  padding: 10px 15px;
  border: 1px solid black;
}

.watermark a{
  color: #fff;
}
.watermark:hover{
  opacity: 1;
}

.leased {
  background-color: #A5B6B5 !important;

}

.fancybox-toolbar{
  right: 119px !important;
}

.leaseOn .leased {
  background-color: #FA0000 !important;
}
.leasablearea-info.roll:hover .leaseable-button{
    
    color: #A5B6B5 !important;
}
.leasablearea-info.roll:hover span{
  color: #A5B6B5 !important;
}
.leasablearea-info.roll:hover .leaseable-button{
    
    color: #A5B6B5 !important;
}
.leasablearea-info.roll:hover .space-counter{
    color:#A5B6B5 !important;
}
.leasablearea-info.roll:hover .leaseable-options a{
  color: #A5B6B5 !important;
}


.activeColor{
 
    color: #A5B6B5 !important;
  
}
.floors .selected-floors .activeSelectedFloor{
  color: #FFC72C !important;
}
/* .fancybox-is-open .fancybox-bg{
  opacity:0 !important;
} */

#MainMenu{
  display:none;
}
#floorplansmenuV2 div .controls{
    background-color: rgb(0,115,125);
     
}
#floorplansmenuV2 > div {
     border-color: rgb(0,115,125);
     padding: unset;
     background-color: var(--bp-floorplanmenu-background-color);
     border-bottom: 5px solid #000;
     padding-left: 8px;
     padding-right: 8px;
   
}
.pdf-button > svg{
  fill: transparent !important;
}

.pdf-button.pulse-effect {
  display: none !important;
}
#floorplansmenuV2 .building .toggle-building{
  opacity: unset;
}
.buildings{
  /* background-color: rgb(85,72,228); */
}

.owl-item {
  /* background-color: rgb(85,72,228); */
}
.header-info-container{
   background-color: rgb(0,115,125); 
}
.hidden #BurgerButton,
.hidden #floorplansmenuV2 {
  display:none;
}

#header-logo{
  height: 90px;
  width:200px;
  top:12px;
}

#header-logo img{
  /*display: none;*/
  padding: 6.2% 0 0 10px;
  height: 60px;
}


body .fancybox-bg {
  background-color: rgba(0, 0, 0, 0.8);
}

#floorplansmenu > div{
  border-radius: unset !important;
  background-color: transparent !important;
  border: 1px solid black !important;
  padding: 2px 8px 2px 8px;
}

.title-floorplan > p{
  color: black;
}

.move-button{
  visibility: hidden;
}
.controls{
  border-bottom: 1px solid black;
}

.title-floorplan > p {
  text-transform: uppercase;
}
.menu-header > p{
  text-transform: uppercase;
}
/*loader*/
.loader {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 6;
  opacity: 1;
  transition: opacity 1s;
}


.loader--h {
  opacity: 0;  
}

.loader--h0{
  height: 0px;
}
.loader__logo {
  position: relative;
}

.loader__logo svg {
  max-width: 80vw;
  /*max-width: 30vw;*/
  height: auto;
  width: unset;
  stroke: transparent;
}

.loader__overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  z-index: 2;
  clip-path:  polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  -webkit-animation: fill 0.2s 0.3s ease-out forwards;

}

.loader__overlay--loaded {
  -webkit-animation:  none;
}

.loader--loaded .loader__overlay--loaded {
  -webkit-animation: fill 0.7s ease-out forwards;

}

.loader__overlay circle,
.loader__overlay rect {
  fill: #ebe9e3;
}

@-webkit-keyframes fill {
  0% {
      clip-path:  polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  }
  100% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
#floorplansmenu.docked{
  min-width: 183px;
}
.fancybox-is-open .fancybox-bg{
  opacity: unset !important;
  transition-timing-function: unset !important;
} 
.fancybox-container{
  background: #000  !important;
 
}
.fancybox-bg{
  background: #000  !important;

}
.fancybox-inner{
  background: #000  !important;
}
.fancybox-stage{
  background: #EBE9E3  !important;
}
.fancybox-slide{
  background: #EBE9E3  !important;
}

.fancybox-slide--iframe .fancybox-content{
  background: #EBE9E3  !important;
}
.fancybox-button--play{
  display: none;
}
.fancybox-toolbar {
  top: 81px !important;
}
iframe #head {
  top: 65px !important;
}

.fancybox-button--close{
  background-color: transparent;
  color: #fff !important;
  border: 1px solid #000;
  height: 39px !important;
  width: 40px !important;
}
.fancybox-thumbs {
  background: #EBE9E3 !important;
  border: 1px solid #000;
}
body .fancybox-thumbs__list a:before{
  border: 1px solid #000;
}
.fancybox-caption{
  opacity: 1 !important;
  background: transparent !important ;
}
.fancybox-thumbs__list a{
  background-color: unset;
}

.fancybox-caption__body{
  color: #000;
}
button[title=Thumbnails] {
  background-color: #EBE9E3;
  border: 1px solid black;
  height: 39px !important;
  width: 39px !important;
  margin-right: 9px;
}

#floorplansmenuV2 {
  font-family: var(--bp-font);
  font-size: .7rem !important;
  color: var(--bp-menu-textcolor);
}

#floorplansmenuV2 > div {
  border-radius: unset; 
  border-top: unset;
  border-bottom: unset; 
}

#floorplansmenuV2 div .controls {
  background-color: transparent;
  justify-content: center;
}
#floorplansmenuV2 > div {
  border: 1px solid #000;
}
#building-name-placeholder{
  color: #000;
  font-weight: 100;
}
.header-info-container {
  background-color: transparent;
}
#floorplansmenuV2 > div .controls .move-button {
  display: none;
}
#floorplansmenuV2 .building .toggle-building {
  background-color: transparent !important;
  border-top: 1px solid #000;

}
#floorplansmenuV2 .menu-button i svg path {
  stroke: #000;
}
#floorplansmenuV2 .floors .selected-floors {
  background-color: transparent !important;
}
#floorplansmenuV2 .building.active_building .selected-line {
  background-color: transparent !important;
  border-color: #000;
}
#floorplansmenuV2 .floors .selected-line .line{
  border-bottom: 1px solid #000;
}
.floors .selected-floors .activeSelectedFloor{
  color: #000 !important;
}
#floorplansmenuV2 .leasablearea{
  background-color: transparent !important;
}

#floorplansmenuV2 .floor .menu-header{
  font-weight: unset;
}
#floorplansmenuV2 .menu-header{
  font-size: .7rem;
  color: var(--bp-menu-textcolor);

}
#floorplansmenuV2 .leasablearea .leasablearea-info .leaseable-button {
  opacity: 0.4
}
@media screen and (max-width: 769px) {

}


@media screen and (max-width: 590px) {
  
  :root{
    --bp-loader-color:#000;
    --bp-menu-textcolor: #000;
    --bp-floorplanmenu-building-backcolor: #e8e7e6;
    --bp-menu-color: unset;
    --bp-button-color:#000;
    --bp-floorplanmenu-floor-backcolor: #e8e7e6;
    --bp-floorplanmenu-la-backcolor: #e8e7e6;
    --bp-floorplanmenu-la-textcolor: #000;
    --bp-mediatoolbar-borderradius:unset;
    --bp-floorplanmenu-background-color: #e8e7e6;
    --bp-textcolor:#000;
  }
  #floorplansmenuV2 div .controls {
    background-color: #e8e7e6 ;
  }
  body #header-logo {
    left: 12px;
    top:11px;
    width: 105px;
    height: 37px;
  }
  #ButtonInstruction{
    height: 37px;
    width: 37px;
  }
  #floorplansmenuV2{
    width: 185px;
  }


}