/*
|----------------------------------------------------------------
| header
|----------------------------------------------------------------
*/
.bnr .wrapper  {
  background-image: url(../images/floorplans/Unit\ B-4.jpg);
  height: 100vh;
}


.top-menu > a {
  z-index: 1;
}

.top-menu {
  padding: 50px 70px 0px;
  align-items: center;
}
.top-menu-container {
  padding-top: 0px;
}
.bnrTopMenu .register-btn {
  border: 1.5px solid #373E29;
  color: #373E29;
}
.burger-menu .line {
  background-color: #373E29;
}

/*
|----------------------------------------------------------------
| FLOORPLANS
|----------------------------------------------------------------
*/

.low-opacity05 {
  opacity: 0.5;
}
h1 {
  color: #FFFFFF;
}
.floorplans {
  background-color: #373E29;
  padding: 150px 9vw 148px;
  color: white;
}
.floorplans .nav-icons {
  margin: 173px auto 50px;
}
.floorplans .nav-iconsB {
  margin: 120px auto 50px;
}
.floorplans .nav-icons .right{
  padding-left: 25px;
}
.floorplans .nav-icons .bi-arrow-circle {
  pointer-events: none;
  background: transparent;
  border: 1.5px solid #9A9E8A;
}
.floorplans .gridder-navigation .gridder-close {
  background: url(../images/floorplans/close-btn.png) no-repeat center center;
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: block;
  margin-left: auto;
  margin-bottom: 15px;
}
.floorplans .nav-icon {
  position: absolute;
    bottom: 150px;
    right: -5vw;
}
.floorplans .nav-icon .bi-arrow-circle::before {
  background-color:#EBECE8 ;
}

.gridder .item img {
  pointer-events: none;
}
.nav-icon-downloadPlans {
  position: static!important;
    bottom: auto!important;
    right: auto!important;
    text-align: center;
    padding: 140px 0px 0px;
}


/*
|----------------------------------------------------------------
| Query media
|----------------------------------------------------------------
*/

@media (max-width: 1700px) { 
  .floorplans {
    padding: clamp(80px,8vw,150px) 9vw clamp(120px,9.3vw,148px);
  }
  .floorplans .nav-icons {
    margin: clamp(10px,9vw,173px) auto clamp(30px,2.5vw,50px);
  }
  .nav-icon-downloadPlans {
      padding: clamp(50px,7.5vw,140px) 0px 0px;
  }
  
  .floorplans .nav-iconsB {
    margin: clamp(86px,7vw,120px) auto clamp(30px,2.5vw,50px);
  }
}

@media (max-width: 1500px) { 
  .floorplans {
    padding: clamp(80px,8vw,150px) 5vw clamp(120px,9.3vw,200px);
  }

}

@media (max-width: 767px) {
    .top-menu {
      padding: 30px 5% 0px;
    }

    .floorplans {
      padding: 103px 5vw 0px;
    }
    .floorplans h1 {
      margin-bottom: 72px!important;
    }
    .floorplans h3 {
      margin-bottom: 39px!important;
    }
    .floorplans .second-wrapper h3 {
      margin-top: 71px;
    }
    .floorplans img {
      margin-bottom: 15px;
    }

    .floorplans .nav-icon {
      position: static;
      bottom: auto;
      right: auto;
      text-align: center;
      padding: 45px 0px 74px;
    }


  }