/* Main
----------------------*/
.overview-main {}
.overview-main h2 { color: rgba(26,46,87,1); font-size: 3.6em; font-weight: 800; margin: 0 0 2rem; }
.overview-main 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; }

@media only screen
and (min-width : 961px) {
  /* Navigation
  ----------------------*/
  .neighborhood-nav { margin: 0 0 8.8rem; }
  /* Main
  ----------------------*/
  .overview-main p { max-width: 75rem; margin: 0 auto 6.2rem; }
  .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; }
  .builders-logos .logos figure { margin: 0 3rem; }
  .builders-logos img { max-width: 100%; height: auto; }
  .builders-logos .bttn-outlined,
  .builders-logos .bttn { margin: 4rem auto 0; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
  .builders-logos { margin-bottom: 10rem; }
  .builders-logos .logos figure { margin: 0 2rem 4rem; }
}
@media only screen
and (min-width : 1340px)
and (max-width : 1480px) {
  .builders-logos .logos figure { width: calc(25% - 6rem); }
}
@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 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 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 h2 { font-size: 5em; letter-spacing: 0.2px; line-height: 1.040em; margin: 0 0 1.2rem; }
    .overview-main 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; }
}
/* @end */


@media only screen and (min-width: 961px) {
  .builders-logos .logos figure {
   margin: 1rem 3rem;
    width: calc(21% - 2rem);
}
}

@media only screen and (max-width: 960px) {
  .builders-logos .logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .builders-logos .logos figure {
    margin: 1rem 3rem;
    width: calc(25% - 2rem);
  }
    .builders-logos .logos figure img{
		margin-bottom:0px;
	}
  .builders-logos .logos .bttn-outlined{
	    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {

  .builders-logos .logos figure {
    margin: 2rem 3rem;
    width: calc(32% - 2rem);
  }
   
}

@media only screen and (max-width: 480px) {

.builders-logos .logos figure {
    margin: 4rem 3rem;
    width: 100%;
    max-width: 400px;
  }
  
    .builders-logos .logos figure img {
    margin-bottom: 0px;
    max-width: 279px;
  }
}