@font-face {
  font-family: 'Poppins-Regular';
  src: url(../fonts/Poppins-Regular.woff2) format("woff2"),
    url(../fonts/Poppins-Regular.woff) format("woff");
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'Poppins-Bold';
  src: url(../fonts/Poppins-Bold.woff2) format("woff2"),
    url(../fonts/Poppins-Bold.woff) format("woff");
  font-weight: normal;
  font-style: normal
}

body, html {
  overflow-x: hidden;
}

header img {
  height: 45px;
  float: right;
  vertical-align: middle;
  margin-top: 6px;
}


#corner {z-index:999; position:absolute;width:40%; max-width:400px;right:0px; top:0px;}

#underofferlabel {z-index:1; position:relative;  width:100%; max-width:280px;left:50px; top: 20px; opacity: 100%; mix-blend-mode: multiply;}

#underofferunit td, #underofferunit th {color: #919090!important; }
 
#1x1 {height:1px!important; width:1px!important;max-width:1px;} 


header {
  padding: 30px 0 20px 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
  color: white;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.hamburger {
  padding: 15px 0 15px 0;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  font: inherit;
  color: white;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  float: right;
  cursor: pointer;
  position: fixed;
  right: 4rem;
  top: 20px;
  z-index: 99999
}

.hamburger:hover {
  opacity: .7
}

.hamburger-box {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
  width: 40px;
  height: 1.5px;
  background-color: #fff;
  border-radius: 0;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease
}

.hamburger-inner::after, .hamburger-inner::before {
  content: "";
  display: block
}

.hamburger-inner::before {
  top: -10px
}

.hamburger-inner::after {
  bottom: -10px
}

.hamburger--3dx .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px
}

.navcontainer {
  width: 100%;
  margin: 0 auto;
  /* position: absolute;
  z-index:99999 */
}

.navbar {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  text-align: center;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .5s ease .5s;
  transition: -webkit-transform .5s ease .5s;
  transition: transform .5s ease .5s;
  transition: transform .5s ease .5s, -webkit-transform .5s ease .5s;
  z-index: 9999;
  background-color: #6885a6;
  top:0px;
}

.navbar.active {
  top:0px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform .5s ease 0s;
  transition: -webkit-transform .5s ease 0s;
  transition: transform .5s ease 0s;
  transition: transform .5s ease 0s, -webkit-transform .5s ease 0s
}

.nav-menu {
  list-style: none;
  margin: 0;
  padding-top: 10%;
}

.nav-item {
  font-size: 1.4rem;
  font-family: 'Poppins-Regular';
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}

.nav-item a {
  color: #f29e0b;
}

.navbar ul li a:hover {
  opacity: .7
}

.nav-link {
  transition: 0.3s ease-out;
}

.nav-link:hover {
  color: #D3D3D3;
}

.bar {
  display: block;
  width: 30px;
  height: 2px;
  margin: 7px auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: #f29e0b
}

.hamburger.active .bar:nth-child(2) {
  opacity: 0;
}

.hamburger.active .bar:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

.hamburger.active .bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

.nav-item {
  margin: 16px 0;
}

#home {
  padding-bottom: 0;
  /* background-image: url("../images/AP_Loop.mp4");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height:100vh */
}

#myVideo {
  position: relative;
  /* display: block;
  margin: 0 auto; */
   min-width: 100%; 
  min-height: 100%;
  /* max-width: 100%; */
  max-height: 100%;
  display: flex;
  justify-content: center;
  transform: translate(-50%, -0%);
  left: 50%;
}

.video-container {
    width:100%;
    position: relative;
	/* padding-right:1.7rem; */
}

#myVideo2 {
  width:100%;
}

.gallery-slide {
  max-height:890px(!important)
}

#video-control {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
	min-width: 7.5em;
	text-align: center;
  padding-right:2rem;
}

#video-control:not(.playing) #video-control-pause,
#video-control.playing #video-control-play {
	display: none;
}

/* #video-control-symbol
{
	font: 1.75em/0 Apple Color Emoji;
	vertical-align: -0.15em;
} */

#home .logo {
  width: 300px;
  position: absolute;
  top: 40px;
}

#specifications {
  font-family: 'Poppins-Regular';
  background-image: url("../images/spec-background.jpg");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top:2.5rem;
  /* height: 100vh; */
}

#specifications .phase-buttons {
  width: 100%;
  margin: 1em 0;

}

#specifications .phase-buttons .phase-btn {
  background: #F29E0B;
  max-width: 2000px;
  margin: 0 auto;
  margin-right: 15px;
  padding: 10px 40px;
  border-radius: 40px;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'Poppins-Bold';
  line-height: 1.4;
  cursor: pointer;

}

#specifications .phase-buttons .phase-btn:hover, #specifications .phase-buttons .phase-btn.active {
  background: #F7C56B;
}

#specifications .spec-icon {
  text-align: center;
  padding: 20px 40px;
  max-height: unset;
}
#specifications .spec-icon img {
  height: 60px;
  margin-bottom: 1em;
}

#phase2, #text2 {
  display: none;
}

.toptext {
  text-align: center;
  padding-top: 40px;
}


.toptext h2 {
  text-transform: uppercase;
  font-family: 'Poppins-Regular';
  font-size: 2.3rem;
  font-weight: 500;
  line-height: 1
}


h2 {
  text-transform: uppercase;
  font-family: 'Poppins-Regular';
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1
}

.orange {
  color: #f29e0b
}

.white {
  color: #ffffff
}

p .orange {
  font-weight: bold;
}
#specifications, #specifications2 {
  padding-bottom:2rem
}

#specifications p {
  font-size: 0.8rem
}

#specifications .table1 tbody, #specifications .table2 tbody, #specifications .table3 tbody {
  border: none;
  background-color: transparent;
}

#specifications .table1 th {
  border-bottom: 1px solid black
}

#specifications .table1 tbody tr:nth-child(even), #specifications .table2 tbody tr:nth-child(even), #specifications .table3 tbody tr:nth-child(even) {
  background-color: transparent;
}

#specifications .table1 tbody th.left, #specifications .table3 tbody th.left {
  text-align: left;
  text-transform: uppercase;
  color: #f29e0b;
  padding: 0;
  font-size: 0.8rem
}

#specifications .table1 tbody th.right, #specifications .table3 tbody th.right {
  text-align: right;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0;
  font-size: 0.8rem
}

#specifications .table1 tbody td.right, #specifications .table2 tbody td.right, #specifications .table3 tbody td.right {
  text-align: right;
  font-size: 0.8rem
}

#specifications .table1 tfoot td.left, #specifications .table3 tfoot td.left { text-align: left; font-size: 0.8rem; } thead th, thead td, tfoot th, tfoot td {
  padding:0
}
#specifications .table1 tfoot {
  background-color: transparent;
  border-top: 1px solid black;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

#specifications .table1 tfoot td.left, #specifications .table3 tfoot td.left {
  text-align: left;
  font-size: 0.8rem
}

#specifications .table1 tfoot td.right, #specifications .table3 tfoot td.right {
  text-align: right;
  font-size: 0.8rem
}

#specifications .table1 tbody td, #specifications .table3 tfoot td {
  padding: 0;
  font-size: 0.8rem
}

#specifications .table2 tbody td {
  padding: 0;
  text-transform: uppercase;
  font-size: 0.8rem
}

#siteplan {
  width:100%;
}

#siteplan-large {
 width:90%;
 padding:2rem
}

button#enlarge {
  color: #f29e0b;
  padding:2rem;
  font-weight:bold
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(105,105,105,0.8)
}

.modal-content {
  background-color: transparent;
  padding: 20px;
  width: 90%;
}

.close {
  color: #f29e0b;
  background-color:#ffffff;
  float: right;
  font-size: 20px;
  font-weight: bold;
  padding:1rem;
  position:absolute;
  border-radius: 100px;
  top:3%;
  left:5%
}

.close:hover,
.close:focus {
  color: #aaa;
  text-decoration: none;
  cursor: pointer;
}

.modal-content {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)}
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

#specifications2 {
  background-color: #6885a6;
  color: white;
}

#specifications2 .row1 p {
  font-family: 'Poppins-Regular';
  font-size: 0.8rem;
  padding: 5px 3rem 5px 3rem;
  text-align: center;
}

#specifications2 .row2 p {
  font-family: 'Poppins-Regular';
  font-size: 0.8rem;
  padding: 5px 0.5rem 5px 0.5rem;
  text-align: center;
}

#specifications2 .row4 p {
  font-family: 'Poppins-Regular';
  font-size: 0.8rem;
  padding: 5px 0.5rem 5px 0.5rem;
  text-align: center;
}



.spec-icon {
  padding: 20px 1.2rem 20px 1.2rem;
  max-height: 90px;
}

/* .gallery-slide {
  margin:1rem;
} */

/* the slides */
.slick-slide {
    margin: 0 10px;
}
/* the parent */
.slick-list {
    margin: 0 -10px;
    padding:0 5% 0 0 !important;
}

.slick-slide img {
  width:100%
  padding: 3rem 0rem 3rem 0rem;
  /* padding: 3rem 0rem 3rem 0rem; */
}

#gallery .grid-container .grid-x .grid-padding-x {
    margin-right: 0rem;
}

.cell .pic-carousel {
  margin-right: 0rem;
}

#gallery {
  padding-right:0rem;
  margin-right:0rem;
  padding-top:2rem;
  padding-bottom:2rem;
  width:100%
}

.gallery-static {
  width:100%
}


#location {
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-family: 'Poppins-Regular';
}

#location p {
  font-family: 'Poppins-Regular';
}

#location .intro {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.8rem
}

#location .table1 {
  table-layout: fixed;
}

#location .table1 tbody {
  border: none;
  background-color: transparent;
}

#location .table1 tbody tr td {
  border-top: 1px solid black;
}

#location .table1 tbody tr:nth-child(even) {
  background-color: transparent;
}

#location .table1 tbody th.left {
  text-align: left;
  text-transform: uppercase;
  color: #f29e0b;
  padding: 0;
  font-size: 0.8rem
}

#location .table1 tbody th.center {
  text-align: center;
  text-transform: uppercase;
  padding: 0;
  font-size: 0.8rem;
  color: #f29e0b;
}

#location .table1 tbody th.right {
  text-align: right;
  text-transform: uppercase;
  padding: 0;
  font-size: 0.8rem;
  color: #f29e0b;
}

#location .table1 tbody td.center {
  text-align: center
}

#location .table1 tbody td.right {
  text-align: right;
  font-size: 0.8rem
}

#location .table1 tbody td {
  padding: 0;
  font-size: 0.8rem
}

.demographics {
  text-align: center;
}

.demographics h2, .demographics p {
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}

.demographics p {
  color: #465c6d;
  padding-top: 0rem;
  font-size: 0.7rem
}

.demographics img {
  max-height: 100px;
  padding: 20px;
}

#contact {
  background-color: #6885a6;
  font-size: 0.7rem;
  font-family: 'Poppins-Regular';
  font-weight: bold;
  line-height: 1;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

#contact a {
  color: white;
  font-size: 0.7rem;
}

.grid-x .agent {
  width: 22%
}

.grid-x .disclaimer {
  width: 34%
}

.agent {
    padding-bottom:1.5rem
}

.agent p {
  line-height: 1;
  font-size: 0.7rem;
}

.agent-logo {
  display:flex;
  justify-content: flex-start;
}

.agent-logo img {
  max-height: 40px;
  /* max-width: 120px;
  height: 30%; */
  padding-bottom: 15px;
  display: inline-block;
}

.disclaimer {
  font-size: 0.4rem;
  color: white;
}

.brochure-dl {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #f29e0b;
  font-family: 'Poppins-Bold';
  border-radius: 30px;
  padding: 3px 12px 3px 12px;
}

.disclaimer .logo {
  max-width: 175px;
  /* display: inline-block;
  float: right */
}
/*
@media screen and (min-width:2000px) {
    .slick-slide img {
        max-width:1000px
    }
  }

@media screen and (min-width:1950px) {
    .slick-slide img {
        max-width:950px
    }
  }

@media screen and (min-width:1900px) {
    .slick-slide img {
        max-width:900px
    }
  }
@media screen and (min-width:1850px) {
    .slick-slide img {
        max-width:850px
    }
  }

@media screen and (min-width:1800px) {
    .slick-slide img {
        max-width:800px
    }
  }

@media screen and (min-width:1700px) {
    .slick-slide img {
        max-width:750px
    }
  }

@media screen and (min-width:1600px) {
    .slick-slide img {
        max-width:700px
    }
  }

@media screen and (min-width:1500px) {
    .slick-slide img {
        max-width:650px
    }
  }

@media screen and (min-width:1400px) {
    .slick-slide img {
      padding: 3rem 0rem 3rem 0rem;
    }
  }

@media screen and (max-width:1250px) {
    .slick-slide img {
        max-width:600px
    }
  } */

@media screen and (max-width:1200px) {
    #location h2 {
      font-size:1.6rem
    }
    /* .slick-slide img {
        max-width:550px
    } */
  }

@media screen and (max-width:1150px) {
    .siteplan {
      max-width:600px
    }
    /* .slick-slide img {
        max-width:500px
    } */
  }

@media screen and (min-width:1110px) {
    .mediumbreak{
      display: none;
    }
  }

  @media screen and (max-width:1093px) {
    .demographics  img {
        max-height: 85px;
        padding: 10px;
    }
    }

    @media screen and (min-width:1024px) {
      #specifications2 .row3 {
        display:none
      }
    }

@media screen and (max-width:1023px) {
  #specifications2 .row1, #specifications2 .row2,  #specifications2 .row4 {
    display:none
  }
  .hamburger {
  right: 3rem;
  }
  #home .grid-container, #specifications .grid-container, #specifications2 .grid-container, #location .grid-container, #contact .grid-container {
    padding-left: 3rem;
    padding-right:3rem
  }
  /* #gallery .grid-container {
    padding-left: 0.5rem;
    padding-right:0.5rem
  } */
  #siteplan {
    width: 100%;
    padding:2rem
  }
  #specifications2 .row3 p {
    font-family: 'Poppins-Regular';
    font-size: 0.8rem;
    padding: 5px 0.5rem 5px 0.5rem;
    text-align: center;
  }
  .table3 {
    display: none
  }
  .siteplan {
    display:none
  }
  .grid-x .agent {
    width:33.33333%
  }
  .grid-x .disclaimer {
    width:100%
  }
  /* .slick-slide img {
      max-width:450px
  } */
  /* #gallery {
    margin-left:0
  } */
}

@media screen and (max-width: 900px) {
  #myVideo {
    width: 100%
  }
  /* .slick-slide img {
      max-width:400px;
      padding: 3rem 1rem 3rem 1rem;
  } */
}


@media screen and (max-width: 639px) {
  #specifications {
    padding-top:0.5rem
  }
  #siteplan-large {
   width:100%;
   padding: 35% 0 0 0;
  }
  .hamburger {
  right: 3rem;
  top:10px
  }
  #home .grid-container, #specifications .grid-container, #specifications2 .grid-container, #location .grid-container, #contact .grid-container {
    padding-left: 2rem;
    padding-right:2rem
  }
  .toptext h2 {
    font-size: 1.3rem;
  }
  .siteplan-medium {
    max-width: 100%;
  }

  #specifications, #location, #contact {
    padding-left:1rem;
    padding-right:1rem;
  }

  /* #gallery {
    padding-left:0rem;
    padding-right:0rem;
  } */

  /* #home {
    background-image: url("../images/mobile-home-bg.jpg");
    background-position: middle center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 75vh;
  } */

  #home .logo {
    width: 180px;
    top: 30px;
    padding-left: 1rem
  }

  h2 {
    font-size: 1.3rem;
    padding-bottom: 0.6rem
  }

  #siteplan {
    width: 100%;
    padding:1rem
  }

  #specifications .table2 {
    margin-bottom:2rem;
  }

  .siteplan-small {
    max-width: 340px;
    position: unset;
    padding-bottom:1rem
  }
  #location iframe {
    height:300px
  }
  .grid-x .agent {
    width: 100%;
    padding-bottom:1rem;
    text-align: left
  }

  .grid-x .disclaimer {
    width: 100%
  }

  .disclaimer .logo {
      padding-top: 1.5rem;
      float:none
  }
  .toptext {
    padding-top:20px
  }

  /* .slick-slide img {
    max-width: 100%;
    padding: 3rem 5% 3rem 5%;
  } */

  .slick-list {
    padding:0 0 0 0 !important;
  }
  .demographics {
    padding-top: 2rem;
    padding-bottom: 2rem
  }
}

p.large {
    font-size: 1.3rem !important;
}

@media screen and (max-width: 639px) {
    p.large {
    font-size: .7rem !important;
}
}
  .btn-orange {
    background: #F29E0B;
    max-width: 2000px;
    margin: 0 auto;
    margin-right: 15px;
    padding: 10px 60px;
    border-radius: 40px;
    color: #fff;
    text-transform: uppercase;
	 
    font-size: 16px;
    font-family: 'Poppins-Bold';
    line-height: 1.4;
    cursor: pointer;
}

 .btn-orange:hover {
    background: #fff;
    max-width: 2000px;
    margin: 0 auto;
    margin-right: 15px;
    padding: 10px 60px;
    border-radius: 40px;
	 
    color: #F29E0B;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Poppins-Bold';
    line-height: 1.4;
    cursor: pointer;
}
#download { background: #F29E0B;}

  .btn-black {
    background: #6885a6;
    max-width: 2000px;
    margin: 0 auto;
    margin-right: 15px;
    padding: 10px 60px;
    border-radius: 40px;
    color: #FFFFFF;
    text-transform: uppercase;
	 
    font-size: 16px;
    font-family: 'Poppins-Bold';
    line-height: 1.4;
    cursor: pointer;
}

 .btn-black:hover {
    background: #fff;
    max-width: 2000px;
    margin: 0 auto;
    margin-right: 15px;
    padding: 10px 60px;
    border-radius: 40px;
    color: #F29E0B;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Poppins-Bold';
    line-height: 1.4;
    cursor: pointer;
}
#live {
	
    background-color: #6885a6;
}

.buttons {padding-bottom:60px;}