
/* Main
----------------------*/
.overview-main {}
.overview-main .builders-text h2 { color: rgba(26,46,87,1); font-size: 3.6em; font-weight: 800; margin: 0 0 2rem; }
.overview-main .builders-text p { color: rgba(0,100,163,1); font-size: 1.6em; letter-spacing: 0.77px; line-height: 1.929em; }
/* Map
----------------------*/
.overview-map {}
.overview-map .mapContainer { height: 100vh; }
.overview-map .mapContainer .bubble_container .bubble { overflow: visible!important; background: rgba(255,255,255,1)!important; border: none!important; padding: 0!important; width: 16.8rem!important; height: auto!important; text-align: left!important; border-radius: 0!important; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.16)!important; }
.overview-map .mapContainer .bubble_container .arrow div { display: none!important; }
.overview-map .mapContainer .bubble_container .box { padding: 1.3rem 2.5rem 1.1rem 1.2rem; }
.overview-map .mapContainer .bubble_container h4 { color: rgba(26,46,87,1); font: 700 1.4rem / 1.218em proxima-nova, Arial, helvetica sans-serif; margin: 0 0 1rem; }
.overview-map .mapContainer .bubble_container p { color: rgba(0,100,163,1); font: 600 1rem / 1.2em proxima-nova, Arial, helvetica sans-serif; letter-spacing: 0.9px; margin: 0; }
.overview-map .mapContainer .bubble_container p a { color: rgba(0,100,163,1); }
/* Featured
----------------------*/
.overview-main ~ .model-homes { margin: 3.9rem 0 0; }
/* Builders
----------------------*/
.builders-list .row { margin-bottom: 21.3rem; }
.builders-list .img-box { height: 59.3rem; }
.builders-list article img { max-width: 100%; height: auto; margin: 0 0 4rem; }
.builders-list article p { color: rgba(0,100,163,1); font-size: 1.7em; letter-spacing: 0.02em; line-height: 1.944em; margin: 0 0 3rem; }
.builders-list h3 { color: rgba(26,46,87,1); font-size: 2.4em; font-weight: 800; line-height: 1.085em; margin: 0 0 .8rem; }
.builders-list .form-box h3 a,
.builders-list .form-box h3 { color: rgb(255 255 255); }
.builders-list .phone { margin: 0 0 6.2rem; }
.builders-list h3 i { color: rgba(0,178,221,1); font-size: 1.210em; margin-right: 1.5rem;  }
.builders-list .bttn-outlined { --bg-color: transparent; }
#Quick-Homes { display: none; }
@media only screen
and (min-width : 961px) {
  /* Navigation
  ----------------------*/
  .neighborhood-nav { margin: 0 0 8.8rem; }
  /* Main
  ----------------------*/
  .overview-main .builders-text p { max-width: 75rem; margin: 0 auto 15.6rem; }
  .overview-main h2,
  .overview-main p,
  .overview-main .overview-map { opacity: 0; visibility: hidden; }
  .overview-main .overview-map p { opacity: 1; visibility: visible; }
  .overview-main.animateActive h2,
  .overview-main.animateActive p { animation: textUp .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; }
  .overview-main.animateActive p { animation-delay: .4s; }
  .overview-main.animateActive .overview-map { animation: sectionUp .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; animation-delay: .6s; }
  .overview-main.animateActive .overview-map p { animation: none; }
  /* Map
  ----------------------*/
  .overview-map .mapContainer { min-height: 793px; }
  /* Main - Logos
  ----------------------*/
  .builders-logos { margin-top: 6rem; margin-bottom: 14rem; }
  .builders-logos .logos { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2.5rem; }
  .builders-logos .logos .move-to { margin: 0 3rem; }
  .builders-logos img { max-width: 100%; height: auto; }
  .builders-logos .bttn { margin: 4rem auto 0; }
  /* Builders
  ----------------------*/
  .builders-list .row { position: relative; max-width: none; }
  .builders-list .row:nth-child(even)::before { content: ''; position: absolute; top: -40rem; left: 0; height: 50rem; width: 100%; background: rgba(237,248,251,1); z-index: -1; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 961px)
and (max-width : 1339px) {
  .builders-logos { margin-bottom: 6rem; }
  .builders-logos .logos figure { width: calc(50% - 4rem); margin: 0 2rem 8rem; }
  .builders-logos .logos a figure { width: 100%; margin: 0 0 8rem; }
  .builders-logos .logos figure:nth-child(even) { text-align: right; }
  .builders-logos .logos figure:nth-child(even) img { margin-left: auto; }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .neighborhood-header .img-box { height: calc(100vh - 19.5rem); }
  .neighborhood-header .video-box .outerAbsolute  { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  .neighborhood-header h1 { margin: 0 0 .8rem; }
  .neighborhood-header p { font-size: 2em; letter-spacing: 3.43px; line-height: 1.5em; }
  .neighborhood-header .video-box p { margin: 0 0 14.7rem; }
  .neighborhood-header .play { height: 13.7rem; width: 13.7rem; position: absolute; left: calc(50% - 6.85rem);
    top: calc(50% - 6.85rem); z-index: 3; background: rgba(115,115,115,.37); border: 8px solid rgba(255,255,255,1); border-radius: 100%; color: rgba(255,255,255,1); font-size: 5em; text-indent: 1rem; }
    /* Main
    ----------------------*/
    .overview-main {}
    .overview-main .builders-text h2 { font-size: 5em; letter-spacing: 0.2px; line-height: 1.040em; margin: 0 0 1.2rem; }
    .overview-main .builders-text p { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.694em; margin: 0 0 6.6rem; }
    /* Bubble
    ----------------------*/
    .overview-view .mapContainer .control { bottom: 5.9rem; top: auto; left: 5rem; }
    .overview-view .mapContainer .bubble_container .bubble { width: 33.6rem!important; }
    .overview-view .mapContainer .bubble_container .box { padding: 2.6rem 5rem 2.2rem 2.4rem; }
    .overview-view .mapContainer .bubble_container h4 { font-size: 2.6rem; margin: 0 0 2rem; }
    .overview-view .mapContainer .bubble_container p { font-size: 2rem; letter-spacing: 1.3px; }
    /* Featured
    ----------------------*/
    .overview-main ~ .model-homes { margin: 6.8rem 0 0; }
    /* Main - Logos
    ----------------------*/
    .builders-logos { text-align: center; }
    .builders-logos img { max-width: 100%; height: auto; margin: 0 auto 6rem; }
    .builders-logos .bttn { margin: 0 auto 12rem; }

    /* Builders
    ----------------------*/
    .builders-list .row { margin-bottom: 10rem; }
    .builders-list .img-box { height: 60rem; margin: 0 0 5rem; }
    .builders-list article p { font-size: 3em; margin: 0 0 5rem; }
    .builders-list h3 { font-size: 4em; line-height: .75em; margin: 0 0 1.3rem; }
    .builders-list h3 i { font-size: .8em; }
}
/* @end */
