/************************************************

Stylesheet: Global Stylesheet

*************************************************/


/*********************
GLOBAL STYLES
*********************/
body {
    background-color: #FCF9F3;
}

h1 {
    font-family: "all-round-gothic", sans-serif;
    font-weight: 200;
    text-transform: uppercase;
    font-size: 3.375rem;
    line-height: 1.4;
    margin-bottom: 0;
}

h1.smaller-fit {
    font-size: 2.25rem;
    line-height: 1;
}

h2 {
    font-family: "all-round-gothic", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

h3 {
    color: #1F4B7F;
    font-family: "all-round-gothic", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

p {
    color: #707070;
    font-size: 1.125rem;
    line-height: 1.1;
    margin-bottom: 1rem;
    font-family: "forma-djr-micro", sans-serif;
    font-style: normal;
    font-weight: 400
}

button, .button, .button > a, input[type=submit] {
	border-radius: 22px;
	color: #FCF9F3;
	font-family: "forma-djr-micro", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 1rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	min-width: 160px;
	height: 2.5rem;
    line-height: 2.5rem;
    margin: 0;
    padding: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.grid-container {
    width: 90%;
    max-width: 102.5rem;
}

.content-well {
    width: 80%;
    max-width: 102.5rem;
    margin: 0 auto;
}

/*********************
HELPER CLASSES
*********************/
.forma { font-family: "forma-djr-micro", sans-serif; font-style: normal; font-weight: 400; }
.round-gothic { font-family: "all-round-gothic", sans-serif; font-style: normal; font-weight: 400; }
.reg, .book { font-weight: 400; }
.med { font-weight: 500; }
.xlig { font-weight: 200; }
.cream { color: #FCF9F3; }
.orange { color: #E5A028; }
.lt-blue { color: #50B4D4; }
.dk-blue { color: #1F4B7F; }
.bg-lt-blue { background-color: #50B4D4; }
.bg-orange, .orange-btn { background-color: #E5A028; }
.bg-dk-blue, .blue-btn { background-color: #1F4B7F; }

.blue-btn:focus, .blue-btn:hover, input[type=submit]:focus, input[type=submit]:hover { background-color: #E5A028; -webkit-transition: all .3s ease; transition: all .3s ease; } 
.orange-btn:focus, .orange-btn:hover { background-color: #1F4B7F; -webkit-transition: all .3s ease; transition: all .3s ease; } 

.coming-soon {
    width: 80%;
    margin: 2rem auto 0 auto;
}

.image-to-edge {
    position: relative;
    width: 80%;
}

.right-edge {
    margin: 0 0 0 auto;
}

.left-edge {
    margin: 0 auto 0 0;
}

.wave-container {
    position: absolute;
    top: -2px;
    height: calc(100% + 4px);
    z-index: 1;
    width: calc(100% + 4px);
    bottom: 0;
    left: -2px;
    right: 0;
}

.wave-left {
    background: transparent url(../images/svg/waves/wave-left.svg) no-repeat;
    background-size: contain;
    background-position: left;
}

.wave-right {
    background: transparent url(../images/svg/waves/wave-right.svg) no-repeat;
    background-size: contain;
    background-position: right;
}

.wave-container img {
    height :100%;
}

.close-button {
	z-index: 1;
}

/*********************
HEADER STYLES
*********************/
.header {
    position: fixed;
    height: 115px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}

.header-info-bar {
    background: #1F4B7F;
    height: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header-info-bar p {
    color: #FFF;
    margin-bottom: 0;
    line-height: 1;
    font-family: "forma-djr-micro", sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;    
}

.header-info-bar p span {
    font-weight: 500;
    letter-spacing: 2px;
}

.top-bar {
    height: 91px;
    background: #50B4D4;
    display: block;
    padding: 0 1.5rem;
}

.top-bar-container {
    height: 100%;
}

.top-bar ul {
    background: #50B4D4;
}

.top-bar-aux {
    width: 100%;
    border: 2px solid #50B4D4;
    border-top-width: 0;
    border-bottom-width: 0;
}

.top-bar-aux .cell {
    border: 1px solid #50B4D4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 57px;
    background: #FCF9F3;
    border-top-width: 0;
    border-bottom-width: 2px;
}

.menu-icon {
    width: 40px;
    height: 28px;
}

.menu-icon::after {
    border-radius: 22px;
    height: 4px;
    -webkit-box-shadow: 0 12px 0 #FBF9F4, 0 24px 0 #FBF9F4;
    box-shadow: 0 12px 0 #FBF9F4, 0 24px 0 #FBF9F4;
    background: #FBF9F4;
}

.header-spacer {
    height: 115px;
    width: 100%;
}

.header-spacer-extra {
    height: 115px;
    width: 100%;
    background: #50B4D4;
}

/*********************
OFFCANVAS STYLES
*********************/
.off-canvas {
    background: #50B4D4;
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in;
}

.position-right {
    width: 310px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.off-canvas.is-open {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.offcanvas-content {
    padding: 1.5rem 0;
    width: 75%;
    max-width: 240px;
    margin: 0 auto;
    background: #50B4D4;
    position: absolute;
    left: 12.5%;
    top: -150%;
    -webkit-transition: top .3s ease-in;
    transition: top .3s ease-in;
}

.off-canvas.is-open .offcanvas-content {
    top: 0;
    -webkit-transition: top .5s ease-out 0s;
    transition: top .5s ease-out 0s;
}

.offcanvas-logo a {
    display: block;
}

.offcanvas-logo img {
    max-width: 142px;
}

.offcanvas-menu .button {
    padding: 0;
    margin: 1rem auto;
    max-width: 150px;
}

.off-canvas .specials-btn,
.off-canvas .leasenow-btn {
	position: relative;
    padding: 0;
    max-width: 150px;
}

.off-canvas .specials-btn {
	margin: 1rem auto .5rem;
}

.off-canvas .leasenow-btn {
	margin: .5rem auto 1rem;
}

.off-canvas .specials-btn:before,
.off-canvas .leasenow-btn:after {
	content: '';
	height: 4px;
	margin: 0 auto;
	width: 90px;
	background: #FCF9F3;
	display: block;
	position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.off-canvas .specials-btn:before {
    top: -1rem;
}

.off-canvas .leasenow-btn:after {
    bottom: -1rem;
}

.offcanvas-contact {
    margin-top: 1.5rem;
}

.offcanvas-contact a {
    display: block;
    font-family: "all-round-gothic", sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #1F4B7F;
}

.offcanvas-phone {
    font-size: 1.25rem;
    letter-spacing: 4px;
    line-height: 1.5;
    margin: .75rem auto;
}

.offcanvas-address {
    font-size: 1.125rem;
    line-height: 1.1;
}

.offcanvas-social {
    margin-top: 1rem;
    width: 100%;
}

.offcanvas-social a {
    margin: 0 .375rem;
}

.offcanvas-social img {
    height: 40px;
    width: auto;
}

.offcanvas-aux button {
    margin: .625rem auto;
}

.aux-border {
    display: block;
    width: 89px;
    height: 3px;
    background: #FBF9F4;
}

.top-aux {
    margin: 0 auto .625rem;
}

.btm-aux {
    margin: .625rem auto 0;
}

.off-canvas .close-button {
    width: 24px;
    height: 24px;
    right: .875rem;
    top: .875rem;
    font-size: 0;
    line-height: 0;
    min-width: initial;
}

.off-canvas .close-button span {
    height: 100%;
    width: 100%;
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.off-canvas .close-button:focus span,
.off-canvas .close-button:hover span {
    height: 100%;
    width: 100%;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}
    
.off-canvas.is-open .offcanvas-bug .novo-n {
    -webkit-animation: color-change-n 7s linear normal 1;
    animation: color-change-n 7s linear normal 1;
}

.off-canvas.is-open .offcanvas-bug .novo-o1 {
    -webkit-animation: color-change-o1 7s linear normal 1;
    animation: color-change-o1 7s linear normal 1;
}

.off-canvas.is-open .offcanvas-bug .novo-v {
    -webkit-animation: color-change-v 7s linear normal 1;
    animation: color-change-v 7s linear normal 1;
}

.off-canvas.is-open .offcanvas-bug .novo-o2 {
    -webkit-animation: color-change-o2 7s linear normal 1;
    animation: color-change-o2 7s linear normal 1;
}
    
@-webkit-keyframes color-change-n {
    0%, 100% {
        fill: #FCF9F3;
    }

    50% {
        fill: #56ABCF;
  }
}
    
@keyframes color-change-n {
    0%, 100% {
        fill: #FCF9F3;
    }

    50% {
        fill: #56ABCF;
  }
}

@-webkit-keyframes color-change-o1 {
    0%, 100% {
        fill: #FCF9F3;
    }

    50% {
        fill: #2E507E;
  }
}

@keyframes color-change-o1 {
    0%, 100% {
        fill: #FCF9F3;
    }

    50% {
        fill: #2E507E;
  }
}

@-webkit-keyframes color-change-v {
    0%, 100% {
        fill: #FCF9F3;
    }

    50% {
        fill: #D5A015;
  }
}

@keyframes color-change-v {
    0%, 100% {
        fill: #FCF9F3;
    }

    50% {
        fill: #D5A015;
  }
}

@-webkit-keyframes color-change-o2 {
    0%, 100% {
        fill: #FCF9F3;
    }

    50% {
        fill: #B0ADAC;
  }
}

@keyframes color-change-o2 {
    0%, 100% {
        fill: #FCF9F3;
    }

    50% {
        fill: #B0ADAC;
  }
}

/*********************
MENU STYLES
*********************/
.offcanvas-menu {
    padding: .625rem 0;
}

.top-nav-container .menu a {
    color: #FCF9F3;
    text-transform: uppercase;
    font-size: 1.125rem;
    letter-spacing: 1px;
    font-family: "forma-djr-micro", sans-serif;
    font-style: normal;
    font-weight: 500;
    padding: .625rem 0;
    line-height: 1.1;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.top-nav-container .menu .active > a {
    background: transparent;
    color: #1F4B7F;
}

.logo-container .menu a {
    padding: 0;
}

.top-nav-container .menu a:focus, .top-nav-container .menu a:hover {
    /*color: #1F4B7F;*/
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

/*********************
HIGHLIGHTS STYLES
*********************/
.page-highlights {
    padding: 1.125rem 0 3.25rem 0;
    position: relative;
    overflow: hidden;
    background: #FCF9F3 url(../images/svg/blobs/highlights-blob-mobile.svg) no-repeat;
    background-position: 100% 75%;
    background-size: 32%;
}

.decreased-padding {
    padding-right: .313rem;
    padding-left: .313rem;
}

.page-highlights h1 {
    font-size: 2.5rem;
    line-height: .95;
    margin-bottom: .5rem;
}

.highlight-container {
    margin-bottom: .5rem;
}

highlight-image {
	height: 100%;
	display: block;
	min-height: 230px;
	max-height: 440px;
}

.highlight-image a {
    display: block;
}

.highlight-image a span {
    display: block;
    text-align: center;
    font-size: 1.125rem;
    letter-spacing: .5px;
    width: 100%;
}

.footer-waves {
    position: absolute;
    bottom: -2px;
    width: calc(100% + 10px);
    left: -5px;
    right: 0;
}

.blue-wave {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 2;
}

.blue-wave img {
	width: 100%;
}

.yellow-wave {
    position: relative;
    z-index: 1;
    width: 100%;
}

.yellow-wave img {
	width: 100%;
	height: 100%;
}

.location-highlight-image {
	background: url(../images/highlight-pic-location1.jpg) no-repeat;
	background-size: cover;
	background-position: bottom right;
	min-height: 230px;
	max-height: 440px;
}

/*********************
HOME PAGE STYLES
*********************/
.hero-image {
	width: 100%;
	height: auto;
    position: relative;
}

.home-hero-container {
    padding-top: 0;
    overflow: hidden;
    border-bottom: 1px solid #FCF9F3;
}

.hero-image img {
    width: 100%;
}

.page-title-container {
    position: relative;
}

.title-top-wave {
    position: relative;
    top: 0;
    bottom: 0;
    left: -.5%;
    right: 0;
    width: 101%;
    z-index: 2;
}

.title-top-wave img {
    width: 100%;
}

.title-btm-wave {
    position: absolute;
    bottom: 0;
    left: -.5%;
    right: 0;
    width: 101%;
    z-index: 1;
    -webkit-animation: slide-down 1.3s normal 1;
    animation: slide-down 1.3s normal 1;
}

.title-btm-wave img {
    width: 100%;
}

@-webkit-keyframes slide-down {
    from {
        top: -150%;
    }
    
    to {
        top: 0;
    }
}

@keyframes slide-down {
    from {
        top: -150%;
    }
    
    to {
        top: 0;
    }
}

.title-wave-up {
    -webkit-animation: slide-up 1.5s normal 1;
    animation: slide-up 1.5s normal 1;
}

.hero-wave-container > img {
    position: relative;
    z-index: -1;
}

.hero-wave-container .title-top-wave {
    position: absolute;
    top: initial;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
    -webkit-animation: slide-up-slow 1s normal 1;
    animation: slide-up-slow 1s normal 1;
}

@-webkit-keyframes slide-up {
    from {
        top: 200%;
    }
    
    to {
        top: 0;
    }
}

@keyframes slide-up {
    from {
        top: 200%;
    }
    
    to {
        top: 0;
    }
}

@-webkit-keyframes slide-up-slow {
    from {
        top: 100%;
    }
    
    to {
        top: 0;
    }
}

@keyframes slide-up-slow {
    from {
        top: 100%;
    }
    
    to {
        top: 0;
    }
}

.hero-wave-container {
    position: absolute;
    bottom: -2px;
    left: -.5%;
    width: 101%;
    z-index: 1;
    overflow: hidden;
}

.now-leasing {
	background: #FCF9F3 url(../images/svg/blobs/now-leasing-blob-mobile.svg) no-repeat;
    background-position: bottom right;
    background-size: 21%;
    padding: 1rem 10% 2.75rem;
}

.now-leasing p {
    font-size: 1.5rem;
    line-height: 1.25;
    margin: 0 0 1rem;
}

.now-leasing p.heading {
	font-size: 3rem;
	line-height: 1;
    margin: 0 0 .5rem;
}

.live-vivid {
	padding: 1rem 0 1.875rem 0;
}

.amenities-page-callout {
    padding: 1.125rem 0 1.5rem 0;
}

.amenities-page-callout h1 {
    margin-bottom: .75rem;
}

/*********************
AMENITY STYLES
*********************/
.amenity-list {
    width: 80%;
    max-width: 102.5rem;
    margin: 0 auto;
    padding: 1.125rem 0;
}

.amenity-list h1 {
    font-size: 2.625rem;
}

.amenity-list li {
    font-family: "forma-djr-micro", sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #707070;
    font-size: 1rem;
    line-height: 1.25;
    margin-bottom: 0.25rem;
    text-indent: -6px;
    padding-left: 6px;
}

.amenity-list li.amenity-type {
    list-style: none;
    text-transform: uppercase;
    color: #1F4B7F;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: .875rem;
    margin-left: -1.25rem;
    line-height: 1.8;
    margin-bottom: .125rem;
    text-indent: 0;
    padding-left: 0;
    margin-top: .5rem;
}

.amenity-list li.select-units {
    list-style: none;
    text-transform: uppercase;
    font-size: .75rem;
    line-height: 2;
    text-indent: 0;
    padding-left: 0;
}

.amenities-container .amenity-list:nth-of-type(2) {
    margin-top: -3.75rem;
}

/*********************
FLOORPLAN STYLES
*********************/
.floorplan-filters {
    padding: 1.125rem 0 1.25rem;
    width: 280px;
    margin: 0 auto;
}

.filter-btn, .siteplan-btn {
    height: 44px;
    min-width: initial;
    position: relative;
    z-index: 1;
    color: #1F4B7F;
}

.filter-btn img, .siteplan-btn img {
	height: 100%;
}

.floorplan-card {
    border: 3px solid #707070;
    border-radius: 20px;
    padding: 3rem 10% 1rem;
    background: #FFF;
    position: relative;
    margin-bottom: 1rem;
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.fp-content {
    height: 100%;
}

.fp-image {
    width: 100%;
    margin-bottom: .5rem;
}

.fp-image img {
	max-width: 100%;
    max-height: 225px;
}

.fp-unit {
    position: absolute;
    left: .5rem;
    top: .2rem;
}

.fp-unit p {
    font-family: "all-round-gothic", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.375rem;
    line-height: 1.2;
    text-transform: lowercase;
    margin-bottom: 0;
}

.fp-specs p, .fp-price p {
    font-family: "forma-djr-micro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    margin: .25rem 0;
}

.fp-availability {
    margin-top: .25rem;
}

.fp-availability .button {
    letter-spacing: 2px;
    width: 100%;
    background-color: #1F4B7F;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.fp-availability .button:focus, .fp-availability .button:hover {
    background-color: #E5A028;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.fp-Studio .floorplan-card {
    border-color: #ACB1AE; 
}

.fp-1 .floorplan-card {
    border-color: #6AB2D0; 
}

.fp-2 .floorplan-card {
    border-color: #F4BE67; 
}

.fp-site .floorplan-card {
    border-color: #2A4B78; 
}

.fp-Studio .fp-unit p, .fp-Studio .fp-specs p,
.modal-card-Studio .modal-specs span,
.modal-card-Studio .modal-price p {
    color: #ACB1AE;
}

.fp-1 .fp-unit p, .fp-1 .fp-specs p,
.modal-card-1 .modal-specs span,
.modal-card-1 .modal-price p {
    color: #6AB2D0;
}

.fp-2 .fp-unit p, .fp-2 .fp-specs p,
.modal-card-2 .modal-specs span,
.modal-card-2 .modal-price p {
    color: #DBA244;
}

.fp-site .fp-unit p {
    color: #2A4B78;
}

.modal-specs span {
    font-family: "forma-djr-micro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3;
    margin: .25rem 0;
}

/*********************
FLOORPLAN MODAL STYLES
*********************/
.floorplan-modal {
    padding: 1rem 1.5rem;
}

.floorplan-modal .modal-container {
    border-radius: 30px;
    background: #FFF;
    border: 2px solid #707070;
    position: relative;
}

.modal-card-Studio .modal-container {
    border-color: #ACB1AE;
}

.modal-card-1 .modal-container {
    border-color: #6AB2D0;
}

.modal-card-2 .modal-container {
    border-color: #DBA244;
}

.modal-card-site .modal-container {
    border-color: #2A4B78;
}

.floorplan-modal .modal-content {
    padding: 0.5rem 1rem;
}

.modal-left-column-top {
    width: 100%;
}

.modal-content .modal-unit {
    height: 5rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5rem;
}

.modal-card-Studio .modal-unit {
    background: transparent url(../images/fp-Studio-blob.png) no-repeat center;
    background-size: contain;
}

.modal-card-1 .modal-unit {
    background: transparent url(../images/fp-1-blob.png) no-repeat center;
    background-size: contain;
}

.modal-card-2 .modal-unit {
    background: transparent url(../images/fp-2-blob.png) no-repeat center;
    background-size: contain;
}

.modal-card-site .modal-unit {
    background: transparent url(../images/fp-site-blob.png) no-repeat center;
    background-size: contain;
}

.modal-unit p {
    font-size: 2.5rem;
    margin-bottom: 0;
    line-height: 1;
    font-family: "all-round-gothic", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #FBF9F4;
    text-transform: lowercase;
}

.modal-price p {
    font-size: 1rem;
    color: #ACB1AE !important;
}

.modal-specs > .grid-x {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal-image img {
    max-height: 380px;
}

.modal-links {
    padding: .75rem 0;
}

.modal-links .button {
    background-color: #1F4B7F;
    margin: 0;
    min-width: initial;
    height: 30px;
    line-height: .875rem;
    font-size: .75rem;
    width: 32%;
    letter-spacing: .5px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal-disclaimer p {
    font-family: "forma-djr-micro", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: .625rem;
    line-height: 1.2;
    color: #ACB1AE;
    margin-bottom: 0;
}

.modal-disclaimer img {
    max-width: 62px;
    margin-bottom: .5rem;
}

.floorplan-modal .close-button {
    min-width: initial;
    top: 1rem;
    right: .75rem;
}

.floorplan-modal .close-button span {
    color: #ACB1AE;
    font-size: 2rem;
    font-family: "all-round-gothic", sans-serif;
    font-style: normal;
    font-weight: 500;
    display: block;
    line-height: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.floorplan-modal .close-button:focus span,
.floorplan-modal .close-button:hover span {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.modal-nav-container {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 1.5rem;
}

.modal-nav a {
    display: block;
    padding: 0 .125rem;
}

.modal-nav-container.next-container {
    left: initial;
    right: 0;
}

/*********************
GALLERY PAGE STYLES
*********************/
.gallery-content {
    padding: 1rem 0 4rem;
    background-color: #FCF9F3;
    background-image: url(../images/svg/blobs/gallery-top-blob.svg),url(../images/svg/blobs/gallery-btm-blob.svg);
    background-position: top right,bottom left;
    background-repeat: no-repeat,no-repeat;
    background-size: 21%, auto 4rem;
}

.gallery-image {
	height: 240px;
	width: 100%;
	margin-top: .625rem;
    cursor: pointer;
}

.gallery-1 {
	background: transparent url(../images/gallery/gallery-1.jpg) no-repeat center;
	background-size: cover;
}

.gallery-2 {
	background: transparent url(../images/gallery/gallery-2.jpg) no-repeat center;
	background-size: cover;
}

.gallery-3 {
	background: transparent url(../images/gallery/gallery-3.jpg) no-repeat center;
	background-size: cover;
}

.gallery-4 {
	background: transparent url(../images/gallery/gallery-4.jpg) no-repeat center;
	background-size: cover;
}

.gallery-5 {
	background: transparent url(../images/gallery/gallery-5.jpg) no-repeat center;
	background-size: cover;
}

.gallery-6 {
	background: transparent url(../images/gallery/gallery-6.jpg) no-repeat center;
	background-size: cover;
}

.gallery-7 {
	background: transparent url(../images/gallery/gallery-7.jpg) no-repeat center;
	background-size: cover;
}

.gallery-8 {
	background: transparent url(../images/gallery/gallery-8.jpg) no-repeat center;
	background-size: cover;
}

/*********************
GALLERY MODAL STYLES
*********************/
.reveal.gallery-modal {
    background: rgba(0,0,0,.75);
}

.gallery-modal .modal-center-wrap {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.gallery-modal .modal-content {
    position: relative;
}

.gallery-modal .modal-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: initial;
    margin-top: 1rem;
}

.gallery-modal .modal-nav a {
    color: #FDFDFD;
}

.gallery-modal button.close-button {
    color: #FDFDFD;
}

.gallery-modal-image {
    border: 2px solid #FDFDFD;
    padding: 3px;
}

/*********************
LOCATION PAGE STYLES
*********************/
.location-top-content {
    background: #FCF9F3 url(../images/svg/blobs/location-top-blob.svg) no-repeat;
    background-position: 100% 3rem;
    background-size: 20%;
    padding: 1.125rem 0 3.75rem;
}

.poi-container {
	position: relative;
}

.map-container {
	width: 100%;
	height: 420px;
	position: relative;
}

.map-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100% - 42px);
    display: block;
}

.map-overlay.map-activated {
    display: none;
}

.map-navigation {
	position: absolute;
	top: 0;
    background: #1F4B7F;
    height: 100%;
    top: 0;
    z-index: 2;
    padding-left: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.map-nav {
    right: -140px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.map-nav.map-nav-change {
    right: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.map-toggle-btn {
    width: 42px;
    height: 42px;
    position: absolute;
    left: -21px;
    top: 12px;
    background: transparent url(../images/svg/poi-close.svg) no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s linear .2s;
    transition: all .3s linear .2s;
}

.map-nav-change .map-toggle-btn {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .3s linear .2s;
    transition: all .3s linear .2s;
}

.poi-box, .poi-box-sidebar {
    height: 100%;
    width: 100%;
}

.poi-box-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.poi-list {
    width: 140px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0;
}

.poi-list li {
    height: 1.625rem;
}

.poi-list li > a {
    padding-left: 32px;
    font-size: .875rem;
    display: block;
    margin: 0;
    line-height: 1.625rem;
    color: #FFF;    
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-style: normal;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
}

.poi-list li:focus > a, .poi-list li:hover > a {
    color: #E5A028;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
}


.restaurant-btn {
    background: url(../images/icons/restaurant.png) no-repeat;
    background-position: left center;
    background-size: contain !important;
}

.shopping-btn {
    background: url(../images/icons/shopping.png) no-repeat;
    background-position: left center;
    background-size: contain !important;
}

.bar-btn {
    background: url(../images/icons/bar.png) no-repeat;
    background-position: left center;
    background-size: contain !important;
}

.coffee-btn {
    background: url(../images/icons/coffee.png) no-repeat;
    background-position: left center;
    background-size: contain !important;
}

.grocery-btn {
    background: url(../images/icons/grocery.png) no-repeat;
    background-position: left center;
    background-size: contain !important;
}

.medical-btn {
    background: url(../images/icons/medical.png) no-repeat;
    background-position: left center;
    background-size: contain !important;
}

.postoffice-btn {
    background: url(../images/icons/postoffice.png) no-repeat;
    background-position: left center;
    background-size: contain !important;
}

.bank-btn {
    background: url(../images/icons/bank.png) no-repeat;
    background-position: left center;
    background-size: contain !important;
}

.school-btn {
    background: url(../images/icons/school.png) no-repeat;
    background-position: left center;
    background-size: contain !important;
}

.parks-btn {
    background: url(../images/icons/parks.png) no-repeat;
    background-position: left center;
    background-size: contain !important;
}

.gym-btn {
    background: url(../images/icons/gym.png) no-repeat;
    background-position: left center;
    background-size: contain !important;
}




.location-map {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.location-spacer {
	width: 100%;
	height: 80px;
	background: url(../images/svg/blobs/location-btm-blob.svg) no-repeat;
	background-position: bottom left;
	background-size: auto 100%;
}

.gm-style-mtc, .gm-svpc, .gm-fullscreen-control {
    display: none;
}


button.gm-control-active {
    min-width: initial;
}

button[aria-label="Keyboard shortcuts"] {
    display: none!important;
}

/*********************
CONTACT STYLES
*********************/
.contact-top {
	padding: 1.125rem 0 3.75rem;
    background: #FCF9F3 url(../images/svg/blobs/contact-top-blob-mobile.svg) no-repeat;
    background-position: 100% 101%;
    background-size: 18%;
}

.contact-methods {
	padding: 0;
}

.contact-box {
    padding: 1.25rem;
    position: relative;
    overflow: hidden;
}

.contact-box > span {
    position: relative;
    z-index: 1;
}

.contact-icon img {
    height: 58px;
}

.contact-text {
    font-size: 2.5rem;
    font-family: "all-round-gothic", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #FBF9F4;
    line-height: 1.2;
}

.contact-address-text {
    font-size: 1.25rem;
    font-weight: 500;
    text-transform: none;
}

.contact-box > span.hover-box {
    background: #25364B;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
}

.slide-in-left > .hover-box {
    left: -100%;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in;
}

.slide-in-left:focus > .hover-box,
.slide-in-left:hover > .hover-box {
    left: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.slide-in-right > .hover-box {
    right: -100%;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in;
}

.slide-in-right:focus > .hover-box,
.slide-in-right:hover > .hover-box {
    right: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.contact-social {
	padding: 2rem 0 5.5rem;
    background: #FCF9F3 url(../images/svg/blobs/contact-social-blob-mobile.svg) no-repeat;
    background-position: 100% 101%;
    background-size: 35%;
}

.contact-social-links {
    margin: 1rem 0;
}

.contact-social-links a {
    margin-right: 1rem;
}

.office-hours p {
	font-size: 2.25rem;
    margin-bottom: 0;
}

.office-hours p span {
	display: block;
	margin-top: .25rem;
	font-size: 1.25rem;
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
}

/*********************
CONTACT FORM STYLES
*********************/
.reveal.contact-form {
    padding: 2.5rem 1rem;
    z-index: 99999;
    background: rgba(0,0,0,.5);
    padding: 1rem;
}

.contact-form label {
    font-size: 0;
}

.contact-form h2 {
    font-size: 3rem;
}

.contact-form input, .contact-form textarea {
    border-radius : 5px;
    border: 1px solid #FFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    border: none;
}

.contact-form input[type=submit] {
	border-radius: 22px;
    background-color: #1F4B7F;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: .875rem;
	font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #BEBEBE !important;
	text-align: center;
	padding-top: 4px;
    text-transform: uppercase;
}
::-moz-placeholder { /* Firefox 19+ */
	font-size: .875rem;
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #BEBEBE !important;
	text-align: center;
	padding-top: 4px;
    text-transform: uppercase;
}
:-ms-input-placeholder { /* IE 10+ */
	font-size: .875rem;
	font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #BEBEBE !important;
	text-align: center;
	padding-top: 4px;
    text-transform: uppercase;
}
:-moz-placeholder { /* Firefox 18- */
	font-size: .875rem;
	font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #BEBEBE !important;
	text-align: center;
	padding-top: 4px;
    text-transform: uppercase;
}

.gfield_label {
    font-size: 0;
    line-height: 0;
}

.gfield_description {
    font-size: 0;
    line-height: 0;
}

/*********************
FOOTER STYLES
*********************/
.footer { 
  clear: both;
  background: #25364B;
}

.inner-footer {
    padding: 1.25rem 0 1.75rem;
}

.footer-logo {
    margin-bottom: 1.125rem;
}

.footer-logo img {
    width: 30%;
    max-width: 96px;
}

.footer-phone {
    margin-bottom: .5rem;
}

.footer-phone a {
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 1.2;
    margin-bottom: 0;
}

.footer-address {
    margin-bottom: 1.25rem;
}

.footer-address a {
    font-size: 1.125rem;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 0;
}

.footer-social {
    margin-bottom: 1.75rem;
    max-width: 240px;
}

.footer-copyright-links img {
	margin: 0 auto .625rem;
}

.footer-copyright-links p,
.footer-copyright-links a {
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 500;
    color: rgba(252,249,243,.5);
    text-transform: uppercase;
    font-size: .625rem;
    margin-bottom: 0;
    letter-spacing: 1px;
    line-height: 1.8;
}

.legal-links span {
    display: block;
    line-height: 1.8;
    font-size: .625rem;
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 500;
    color: rgba(252,249,243,.5);
}

.footer-copyright-links .icon-footer-links {
    
}

.footer-copyright-links .icon-footer-links a {
    margin: 0 .25rem;
}

.footer-copyright-links .icon-footer-links img {
    opacity: .5;
}

/*********************
MODAL STYLES
*********************/
.reveal-overlay {
    background: rgba(0,0,0,.5);
}

.reveal {
    background: transparent;
    border: none;
}

.reveal.specials-modal {
	height: 100vh;
	overflow: hidden;
}

.reveal .close-button {
    min-width: initial;
}

.contact-form .modal-container {
	background: #50B4D4;
	border-radius: 30px;
}

.specials-modal .modal-container {
    padding: 3rem 3.25rem 3.5rem 3.75rem;
    background: transparent url(../images/yellow-blob-large.png) no-repeat center;
    background-size: contain;
    min-height: 320px;
    border-radius: 0;
    width: 100%;
}

.contact-form .modal-content {
    padding: 1rem;
}

.modal-topline {
    font-family: "all-round-gothic", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 1;
    color: #25364B;
    margin-bottom: 0.25rem;
}

.modal-topline span {
    display: block;
    font-size: .875rem;
    text-transform: none;
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    color: #1F4B7F;
    margin-top: 0.5rem;
    line-height: 1.3;
}

.modal-btmline {
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1.3;
    color: #1F4B7F;
    margin-bottom: 0.75rem;
}

.specials-modal .modal-btmline {
    margin-top: 1.5rem;
}

.specials-modal .button {
    border: none;
    line-height: 2;
    height: 2rem;
    letter-spacing: 2px;
}

.contact-form .modal-container {
    position: relative;
}

.close-button {
    top: 1rem;
    right: .75rem;
}

.close-button span {
    color: #FCF9F3;
    font-size: 2rem;
    font-family: "all-round-gothic", sans-serif;
    font-style: normal;
    font-weight: 500;
    display: block;
    line-height: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.close-button:focus span, .close-button:hover span {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.contact-form .close-button {
    top: 0;
    right: 0;
    padding: 0 0 .75rem .75rem;
    z-index: 1;
}

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

/*********************
ANIMATIONS
*********************/
.icon-spin {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

.icon-spin:focus,
.icon-spin:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

.icon-footer-links a:nth-child(3) {
    pointer-events: none;
    cursor: auto;
}

.now-leasing button {
    letter-spacing: 0;
}

.fp-image {
    cursor: pointer;
}

.decor-btn {
    cursor: default;
    pointer-events: none;
}


.contact-top-content button {
    letter-spacing: 0;
}

/*********************
MEDIA QUERIES
*********************/
@media screen and (min-width: 40em) {
    h1 {
        font-size: 3rem;
    }
    
    p {
        font-size: .875rem;
        line-height: 1.3;
    }
    
    .grid-container {
        width: 90%;
        max-width: 102.5rem;
    }

    .content-well {
        width: 90%;
        max-width: 102.5rem;
        margin: 0 auto;
    }
    
    .image-to-edge {
        position: relative;
        width: 90%;
    }
    
    .header-spacer-extra {
        height: 123px;
    }
    
    .live-vivid {
        padding: 0 0 1.875rem 0;
    }
    
    .amenities-page-callout {
        padding: 1.5rem 0 1.875rem 0;
    }

    .amenities-container {
        padding: 2rem 0 4rem;
    }
    
    .amenity-list {
        padding: 0;
    }
    
    .amenity-list li {
        font-size: .875rem;
        line-height: 1.2;
        margin-bottom: .375rem;
    }
    
    .amenities-container .amenity-list:nth-of-type(2) {
        margin-top: -4.75rem;
    }
    
    .amenity-bug-logo {
        text-align: center;
        width: 41%;
        margin: 3rem auto 0 auto;
    }
    
    .amenity-bug-logo img {
        max-width: 50%;
    }
    
    .encore-novo-bug .novo-letter {
        opacity: 0;
        -webkit-animation: kaboom 1.5s ease alternate infinite;
        animation: kaboom 1.5s ease alternate infinite;
    }
    
    .encore-novo-bug .novo-letter:nth-child(2) {
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
    }
    
    .encore-novo-bug .novo-letter:nth-child(3) {
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
    }
    
    .encore-novo-bug .novo-letter:nth-child(4) {
        -webkit-animation-delay: .9s;
        animation-delay: .9s;
    }
    
    @-webkit-keyframes kaboom {
      100% {
        opacity: 1;
      }
    }
    
    @keyframes kaboom {
      100% {
        opacity: 1;
      }
    }

    .floorplan-container {
        padding-bottom: 3rem;
    }
    
    .fp-availability .button {
        letter-spacing: 1px;
        width: auto;
        min-width: 200px;
    }
    
    .floorplan-modal {
        padding: 0 3rem;
    }
    
    .floorplan-modal .close-button {
        top: 0.5rem;
        right: 0.875rem;
    }
    
    .floorplan-modal .modal-content {
        padding: .25rem 3rem 1rem 1rem;
    }
    
    .modal-image {
        padding-top: 1.5rem;
        padding-bottom: 1rem;
    }
    
    .modal-image img {
        max-height: 440px;
        max-width: 330px;
    }
    
    .modal-disclaimer {
        margin-top: 1rem;
    }
    
    .modal-disclaimer img {
        margin: 0 1rem 0 0.5rem;
    }
    
    .modal-nav-container {
        width: 3rem;
    } 
    
    .modal-content .modal-unit {
        margin: 0;
    }
    
    .modal-specs span {
        text-transform: uppercase;
        font-weight: 500;
    }
    
    .modal-specs span:nth-of-type(last) {
        text-transform: none;
    }
    
    .contact-top {
        background: transparent;
        padding: 0;
    }
    
    .contact-top-content {
        padding: 1.125rem 5% 3.75rem;
        background: #FCF9F3 url(../images/svg/blobs/contact-top-blob.svg) no-repeat;
        background-size: 10%;
        background-position: bottom right;
    }
    
    .contact-social {
        background-color: #FCF9F3;
        background-image: url(../images/svg/blobs/contact-social-blob-top.svg),url(../images/svg/blobs/contact-social-blob.svg);
        background-position: top left,bottom right;
        background-repeat: no-repeat,no-repeat;
        background-size: 8%,24%;
        padding: 3rem 5% 4rem;
    }
    
    .contact-social .image-to-edge {
        margin: 0 auto;
        width: 100%;
    }
    
    .contact-box {
        padding: 1rem .5rem;
    }
    
    .contact-icon img {
        height: 50px;
    }
    
    .contact-text {
        font-size: 1.25rem;
        letter-spacing: 1px;
    }
    
    .contact-address-text {
        font-size: .875rem;
        font-weight: 400;
        letter-spacing: 0;
    }
    
    .contact-methods {
        padding: 0;
    }

    .page-highlights {
        padding: 2.5rem 0 7rem 0;
        background: #FCF9F3;
    }
    
    .page-highlights h1 {
        margin-bottom: 2.5rem;
        color: #1F4B7F;
    }
    
    .highlight-image a span {
        font-size: 1.125rem;
        letter-spacing: 1px;
    }
    
    .inner-footer {
        padding: 1.5rem 0 1.75rem;
    }
    
    .footer-logo img {
        max-width: 100px;
    }
    
    .footer-social {
        margin-bottom: 1.75rem;
        max-width: initial;
        padding: 0 30%;
    }

    .specials-modal .modal-container {
        min-height: 540px;
        padding: 5rem 9.25rem 5.5rem 10.75rem;
    }
    
    .modal-left-column-btm {
        margin-bottom: 1rem;
    }
    
    .floorplan-modal .modal-left-column-btm .button {
        display: block;
        margin-top: 1rem;
        max-width: 240px;
        background-color: #1F4B7F;
        width: 160px;
        letter-spacing: 0;
        height: 2rem;
        line-height: 2rem;
        font-size: .875rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
    

    .floorplan-modal .modal-left-column-btm .button:focus, .floorplan-modal .modal-left-column-btm .button:hover {
        background-color: #E5A028;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
    
    .modal-specs-stretch {
        height: 100%;
    }
    
    .specials-modal .modal-topline {
        font-size: 3.5rem;
    }
    
    .specials-modal .modal-btmline {
        font-size: 1.5rem;
        margin-top: 3.5rem;
    }
    
    .modal-specs, .modal-price {
        margin-top: .5rem;
        margin-left: .5rem;
    }
    
    .modal-price {
        margin-top: 1rem;
    }
    
    .modal-left-column-btm .button {
        margin-left: .5rem;
    }
    
    .gallery-content {
        background-size: 12% auto, auto 4rem;
    }
    
    .grid-y .gallery-image {
        height: 200px;
        margin: 0.9375rem auto 0;
        width: calc(100% - 0.9375rem);
    }
    
    .gallery-image {
        margin: 0.9375rem auto 0;
        width: calc(100% - 0.9375rem);
        text-align: center;
        height: 200px;
    }
    
    .grid-y.gallery-stacked-cell .gallery-image {
        height: calc(100% - 0.9375rem);
    }
    
    .gallery-modal .modal-nav {
        margin-top: 0;
    }
    
    .location-top-content {
        background: #FCF9F3 url(../images/svg/blobs/location-top-blob.svg) no-repeat;
        background-position: 100% calc(100% - 3.75rem);
        background-size: 12%;
        padding: 1.125rem 5% 3.75rem;
    }
    
    .header {
        height: 115px;
    }
}


@media screen and (min-width: 48em) {
    .header-spacer {
        height: 123px;
    }
    
    .header {
        height: 123px;
    }
    
    .header-info-bar {
        height: 2rem;
    }

    .header-info-bar p {
        letter-spacing: 3px;
        font-size: 1rem;
    }

    .header-info-bar p span {
        letter-spacing: 4px;
    }
    
    .offcanvas-content {
        padding: 10% 0;
    }
    
    .now-leasing {
        position: relative;
        width: 90%;
        top: 0;
        left: 0;
        min-width: 290px;
        padding: 1rem 1rem 1rem 1.25rem;
        background: #FCF9F3;
        border: 2px solid #E5A028;
        border-radius: 3px;
        margin: 1.5rem auto;
    }
    
    .now-leasing p.heading {
        font-size: 3rem;
        line-height: 1;
        margin: 0 0 .625rem;
    }
    
    .now-leasing p {
        font-size: 1.25rem;
        line-height: 1.2;
        margin: 0 0 1rem;
    }
    
    .now-leasing button {
        line-height: 2;
        height: 2rem;
    }
    
    .contact-form .gform_fields {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 90%;
        margin: 0 auto;
    }
    
    .name-fields {
        width: 100%;
    }
    
    .name-fields .ginput_complex {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    
    .name-fields .ginput_complex > span {
        width: 49%;
    }
    
    .email-field {
        width: 59%;
    }
    
    .phone-field {
        width: 39%;
    }
    
    .message-field {
        width: 100%;
    }
    
    .amenity-list h1.medium-orange {
        color: #E5A028;
    }
    
    .gallery-content {
        background-size: 15% auto, auto 4rem;
    }
    
    .grid-y .gallery-image {
        height: 240px;
    }
    
    .gallery-image {
        height: 240px;
    }
    
    .location-spacer {
        height: 100px;
    }
    
    .map-container {
        height: 480px;
    }
    
    .poi-list {
        max-height: 420px;
        height: 420px;
    }
    
    .poi-box, .poi-box-sidebar {
        height: initial;
    }
}

@media screen and (min-width: 64em) {
    button, .button, .button > a, input[type=submit] {
            min-width: 180px;
        }
    
    .grid-container {
        width: 85%;
    }
    
    .top-nav-container .menu {
    	-webkit-box-pack: end;
    	-ms-flex-pack: end;
    	justify-content: flex-end;
    }
    
    .top-nav-container .menu > li {
    	padding: 0 0 0 .75rem;
    }
    
    .top-nav-container .menu > li.button {
    	min-width: 140px;
        padding: 0;
        height: 2rem;
        margin-left: .75rem;
    }
    
    .top-nav-container .menu > li.button a {
    	min-width: 170px;
        height: 2rem;
    }
    
    .top-nav-container .menu > li > a {
        font-size: 1rem;
        letter-spacing: 0;
        padding: 0;
        line-height: 2;
        -webkit-transition: all .5s;
        transition: all .5s;
        position: relative;
        z-index: 1;
    }
    
    .top-nav-container .menu > li:not(.button) a:after {
        position: absolute;
        bottom: 0;
        left: -5%;
        right: 0;
        margin: auto;
        width: 0%;
        content: '';
        color: transparent;
        background: #aaa;
        height: 1px;
        -webkit-transition: all .3s;
        transition: all .3s;
        text-align: left;
        margin: 0;
        opacity: 0;
    }
    
    .top-nav-container .menu > li:not(.button):focus > a:after, .top-nav-container .menu > li:not(.button):hover > a:after {
        z-index: -10;
        animation: fill .3s forwards;
        -webkit-animation: fill .3s forwards;
        -moz-animation: fill .3s forwards;
        opacity: 1;
    }

    @-webkit-keyframes fill {
      0% {
        width: 0%;
        height: 1px;
      }
      50% {
        width: 110%;
        height: 1px;
      }
      100% {
        width: 110%;
        height: 100%;
        background: #1F4B7F;
      }
    }
    
    @keyframes fill {
      0% {
        width: 0%;
        height: 1px;
      }
      50% {
        width: 110%;
        height: 1px;
      }
      100% {
        width: 110%;
        height: 100%;
        background: #1F4B7F;
      }
    }
    
    .top-nav-container .menu > li.active {
        pointer-events: none;
        cursor: default;
    }
    
    .home-hero-container {
        padding-top: 0;
        height: calc(100vh - 200px);
        background: transparent url(../images/interchange/home-hero.jpg) no-repeat center;
        background-size: cover;
    }
    
    .home-hero-image {
		height: 100vh;
		width: 100%;
		position: relative;
		background: #FCF9F3 url(../images/home-hero.jpg) no-repeat center;
		background-size: cover;
        display: none;
	}
    
    .home-main-content {
        background: #FCF9F3 url(../images/svg/home-main-content-blob.svg) no-repeat;
        background-position: bottom right;
        background-size: 8.3%;
    }
	
	.now-leasing {
		z-index: 1;
        min-width: 330px;
	}
    
    .now-leasing p.heading {
        font-size: 3rem;
    }
	
	.grid-x > .cell.filter-card {
		width: 33.3333333%;
	}
	
	.home-main-content {
		padding-top: 3%;
		padding-bottom: 8%;
	}
	
	.amenities-page-callout {
		padding-top: 3%;
		padding-bottom: 3%;
	}
	
	.section-title {
		padding-top: 4%;
		padding-bottom: 4%;
	}
	
	.amenities-container {
		padding-top: 3%;
		padding-bottom: 8%;
	}
	
	.floorplans-container {
		padding-top: 0;
		padding-bottom: 8%;
	}
	
	.contact-top-content {
		padding-top: 3%;
		padding-bottom: 5%;
	}
    
    .contact-address-text {
        font-size: 1.25rem;
        letter-spacing: 1px;
    }
	
	.page-highlights {
		padding-top: 0;
		padding-bottom: 16%;
	}
	
	.page-highlights h1 {
		margin-bottom: 0;
	}
    
    .footer-social > .flex-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .footer-social > .flex-container > a {
        margin: 0 .375rem;
    }
    
    .footer-copyright-links > .flex-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .footer-copyright-links > .flex-container > a,
    .footer-copyright-links > .flex-container > span {
        margin: 0 .1875rem;
    }
    
    .contact-form .modal-center-wrap {
        width: 958px;
        margin: 0 auto;
        height: 735px;
        padding: 0;
    }
    
    .contact-form .modal-container {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        background: transparent url(../images/blue-blob-large.png) no-repeat center;
        background-size: contain;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .contact-form .modal-content {
        width: 64%;
        margin: 0 auto;
    }
    
    .modal-topline {
        font-size: 4rem;
        line-height: 1.3;
    }
    
    .modal-btmline {
        font-size: 1.5rem;
        line-height: 1.4;
    }
    
    .contact-form.specials-modal .modal-center-wrap {
        width: 828px;
        margin: 0 auto;
        height: 706px;
        padding: 0;
    }
    
    .contact-form.specials-modal .modal-container {
        background: transparent url(../images/yellow-blob-large.png) no-repeat center;
        background-size: contain;
    }
    
    .modal-topline {
        line-height: 1;
    }
    
    .modal-topline span {
        font-size: 1rem;
        line-height: 1.3;
    }
    
    .amenities-container {
        background: transparent url(../images/svg/blobs/amenities-container-blob.svg) no-repeat;
        background-position: bottom left;
        background-size: 15.75%;
    }
    
    .floorplans-top-container {
        background-image: url(../images/svg/blobs/floorplans-blue-blob.svg),url(../images/svg/blobs/floorplans-orange-blob.svg);
        background-position: 101% 0, 0 101%;
        background-repeat: no-repeat;
        background-size: 10.625% ,10%;
    }
    
    .contact-social {
        padding: 0;
        background: transparent;
    }
    
    .contact-middle-contact {
        background-color: #FCF9F3;
        background-image: url(../images/svg/blobs/contact-middle-content-blob.svg),url(../images/svg/blobs/contact-social-blob.svg);
        background-position: 0 5%, bottom right;
        background-repeat: no-repeat;
        background-size: 9.75%,19%;
        padding: 8% 5% 10%;
    }
    
    .floorplan-modal .modal-left-column-btm .button {
        width: 180px;
    }
    
    .modal-specs, .modal-price {
        margin-left: .5rem;
        margin-top: .5rem;
    }
    
    .modal-left-column-btm {
        margin-left: 0.5rem;
    }
    
    .grid-y .gallery-image {
        height: 50vh;
    }
    
    .gallery-image {
        height: 50vh;
    }
    
    .location-spacer {
        height: 120px;
    }
    
    .location-top {
        background-position: 100% 97.65625%;
        background-size: 20%;
    }
    
    .location-top p.orange {
        margin-top: 2rem;
    }
    
    .map-container {
        height: 500px;
    }
    
    .gallery-content {
        padding: 2rem 0 140px;
        background-size: 10.625% auto, auto 140px;
    }
    
    .gallery-modal button.close-button {
        top: 2rem;
        right: 2.75rem;
        font-size: 3rem;
    }
}

@media screen and (min-width:85.375em) {
    h1 {
        font-size: 3.25rem;
    }
    
    p {
        font-size: 1.25rem;
    }
    
    .now-leasing {
        padding-bottom: 2rem;
        min-width: 335px;
    }
    
    .now-leasing p {
        margin-bottom: 1.5rem;
    }
    
    .now-leasing p.heading {
        margin-bottom: 1rem;
        font-size: 3rem;
    }
    
    .page-highlights h1 {
        font-size: 3.75rem;
    }
    
    .grid-container {
        width: 80%;
        max-width: 102.5rem;
    }
    
    .top-nav-container .menu > li {
    	padding: 0 0 0 1.5rem;
    }
    
    .top-nav-container .menu > li.button {
    	min-width: 140px;
        height: 2.5rem;
        margin-left: 1.5rem;
    }
    
    .top-nav-container .menu > li.button a {
    	min-width: 180px;
        height: 2.5rem;
    }
    
    .top-nav-container .menu > li > a {
        font-size: 1.125rem;
        letter-spacing: 1px;
        line-height: 2.225;
    }

    .content-well {
        width: 80%;
        max-width: 102.5rem;
        margin: 0 auto;
    }
    
    .top-bar-nav .menu li {
    	padding: 0 .75rem;
    }
    
    .top-bar-nav .menu li a {
    	font-size: 1.125rem;
    	letter-spacing: 2px;
    }
    
    .highlight-image a span {
        font-size: 2rem;
    }
    
    .footer-social .flex-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .footer-social a {
        margin: 0 .375rem;
    }
    
    .amenities-page-callout h1 {
        font-size: 3.75rem;
    }
    
    .amenity-list {
        width: 70%;
    }
    
    .amenity-list h1 {
        font-size: 4rem;
    }
    
    .amenity-list li {
        font-size: 1.25rem;
    }
    
    .amenities-container .amenity-list:nth-of-type(2) {
        margin: -4.75rem auto 0 0;
    }
    
    .contact-middle-contact {
        padding: 8% 10% 10%;
    }
    
    .location-top p.orange {
        margin-top: 3rem;
    }
    
    .poi-container > .flex-container {
        height: 100%;
    }
    
    .poi-box, .poi-box-sidebar {
        height: 540px;
    }
    
    .map-container {
		width: 80%;
        height: 560px;
	}
    
    .location-map {
        position: relative;
    }
    
    .map-overlay {
        width: 100%;
    }

	.map-navigation {
		position: relative;
		top: initial;
        right: initial;
        width: 20%;
        height: 560px;
        right: 0;
        padding: 2rem;
	}
    
    .poi-list {
        width: 100%;
        max-height: 540px;
        height: 100%;
    }
    
    .poi-list li {
        height: 2.5rem;
    }
    
    .poi-list li > a {
        padding-left: 3.5rem;
        font-size: 1.125rem;
        line-height: 2.5rem;
        letter-spacing: 1px;
    }
    
    .map-toggle-btn {
        display: none;
    }
    
    .location-spacer {
        height: 140px;
    }
}

/* SCREEN SIZE: LARGER (1440px) */
@media screen and (min-width:90em) {
    h1 {
        font-size: 3.5rem;
    }
    
    .top-nav-container .menu > li.button {
    	min-width: 150px;
    }
    
    .top-nav-container .menu > li.button a {
    	min-width: 170px;
        letter-spacing: 0;
    }
    
    .home-hero-container {
        height: calc(100vh - 123px);
        background: transparent url(../images/interchange/home-hero.jpg) no-repeat center;
        background-size: cover;
    }
    
    .home-hero-container > img {
        display: none;
    }
    
    .now-leasing {
        max-width: 330px;
    }
    
    .contact-box {
        padding: 1rem 2rem;
    }
    
    .contact-icon img {
        height: 70px;
    }
    
    .contact-text {
        font-size: 2rem;
        letter-spacing: 2px;
    }
    
    .contact-address-text {
        font-size: 1.375rem;
    }
    
    .office-hours {
        margin-top: 2rem;
    }
    
    .office-hours p {
        font-size: 2.5rem;
    }
    
    .office-hours p span {
        font-size: 1.375rem;
        line-height: 1.4;
    }
    
    .map-container, .map-navigation {
        height: 600px;
	}
    
    .location-spacer {
        height: 146px;
    }
}

/* SCREEN SIZE: FULL-SIZE (1900px) */
@media screen and (min-width:118.75em) {
    .top-bar {
        padding: 0 3rem;
    }
    
    h1 {
        font-size: 5.625rem;
    }
    
    p {
        font-size: 1.25rem;
        line-height: 1.4;
        margin-bottom: 1.25rem;
    }
    
    button, .button, .button > a, input[type=submit] {
        font-size: 1.125rem;
    }
    
    .home-main-content {
		padding-top: 65px;
		padding-bottom: 156px;
	}
	
	.amenities-page-callout {
		padding-top: 72px;
		padding-bottom: 72px;
	}
	
	.section-title {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	
	.amenities-container {
		padding-top: 74px;
		padding-bottom: 153px;
	}
	
	.floorplans-container {
		padding-top: 0;
		padding-bottom: 168px;
	}
	
	.contact-top-content {
		padding-top: 82px;
		padding-bottom: 100px;
	}
	
	.contact-middle-content {
		padding-top: 162px;
		padding-bottom: 205px;
	}
	
	.page-highlights {
		padding-top: 0;
		padding-bottom: 307px;
	}
    
    .now-leasing {
        max-width: 470px;
        height: 410px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1rem 2.5rem 3rem;
    }
    
    .now-leasing p {
        font-size: 2rem;
        line-height: 1.25;
        margin: 0;
    }
    
    .now-leasing p.heading {
        font-size: 4rem;
        margin: 0;
    }
    
    .now-leasing button {
        height: initial;
        max-width: 180px;
    }
    
    .amenities-page-callout h1 {
        font-size: 5.625rem;
        margin-bottom: 1rem;
    }
    
    .page-hightlights h1 {
        font-size: 5.625rem;
        line-height: 1;
    }
    
    .amenity-list h1 {
        font-size: 5.625rem;
    }
    
    .amenity-list li.amenity-type {
        font-size: 1.125rem;
    }
    
    .amenity-list {
        width: 80%;
        margin: 0 0 0 auto;
    }
    
    .floorplan-filters {
        padding: 3rem 0 70px;
        width: 100%;
        margin: 0 auto;
    }
    
    .filter-buttons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .filter-btn, .siteplan-btn {
        height: 90px;
        min-width: 110px;
        position: relative;
        z-index: 1;
        margin: 0 1.25rem;
    }
    
    .grid-x > .cell.filter-card {
        width: 25%;
    }
    
    .floorplan-card {
        height: 500px;
    }
    
    .contact-methods {
        height: 205px;
    }
    
    .contact-box {
        height: 100%;
        padding: 1rem 3rem;
    }
    
    .contact-text {
        font-size: 4rem;
        letter-spacing: 0;
    }
    
    .contact-address-text {
        font-size: 2rem;
        letter-spacing: 0;
    }
    
    .contact-icon img {
        height: 102px;
    }
    
    .coming-soon {
        width: 27%;
        margin: 2rem auto;
        text-align: center;
    }
    
    .modal-image img {
        max-height: 630px;
        max-width: 470px;
    }
    
    .modal-content .modal-unit {
        width: 12rem;
        height: 9rem;
        margin-bottom: 2rem;
    }
    
    .modal-unit p {
        font-size: 5rem;
    }
    
    .modal-specs span, .modal-price p {
        font-family: "forma-djr-micro", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.4;
        margin: .5rem 0 .5rem .5rem;
    }
    
    .modal-price p {
        margin-top: .75rem;
    }
    
    .footer-address a, .footer-phone a {
        font-size: 1.25rem;
    }
    
    .footer-copyright-links p, .footer-copyright-links a {
        font-size: .75rem;
    }
    
    .location-top p.orange {
        margin-top: 5rem;
    }
    
    .map-container, .map-navigation {
        height: 696px;
    }
    
    .map-navigation {
        padding: 3rem;
    }
}

/* SCREEN SIZE: X-LARGE (2048px) */
@media screen and (min-width:128em) {
    
}

/* SCREEN SIZE: XX-LARGE (2560px) */
@media screen and (min-width:160em) {
    
}

@media screen and (min-width:40em) and (max-width:47.938em) {
	.top-bar-right .show-for-small-only {
		display: block !important;
	}
	.top-bar-right .show-for-medium {
		display: none !important;
	}
}

:focus-visible {
    outline: none;
}

.greystar-logo {
	margin-top: 10px;
}

.greystar-logo svg {
	height: 1.25rem;
}

.greystar-logo svg path,
.greystar-logo rect {
	fill: rgba(252,249,243,.5);
}

.greystar-logo a {
	display: block;
	width: 100%;
}

.greystar-logo img {
	max-height: 1.25rem;
}



.gallery-rend-1 {
    background: transparent url(../images/gallery/rend-1.jpg) no-repeat center;
    background-size: cover;
}
.gallery-rend-2 {
    background: transparent url(../images/gallery/rend-2.jpg) no-repeat center;
    background-size: cover;
}
.gallery-rend-3 {
    background: transparent url(../images/gallery/rend-3.jpg) no-repeat center;
    background-size: cover;
}

.gallery-a1-06 {
    background: transparent url(../images/gallery/a1-06.jpg) no-repeat center;
    background-size: cover;
}
.gallery-a1-07 {
    background: transparent url(../images/gallery/a1-07.jpg) no-repeat center;
    background-size: cover;
}
.gallery-a1-08 {
    background: transparent url(../images/gallery/a1-08.jpg) no-repeat center;
    background-size: cover;
}
.gallery-a1-12 {
    background: transparent url(../images/gallery/a1-12.jpg) no-repeat center;
    background-size: cover;
}
.gallery-a1-13 {
    background: transparent url(../images/gallery/a1-13.jpg) no-repeat center;
    background-size: cover;
}

.gallery-a2-09 {
    background: transparent url(../images/gallery/a2-09.jpg) no-repeat center;
    background-size: cover;
}
.gallery-a2-10 {
    background: transparent url(../images/gallery/a2-10.jpg) no-repeat center;
    background-size: cover;
}
.gallery-a2-11 {
    background: transparent url(../images/gallery/a2-11.jpg) no-repeat center;
    background-size: cover;
}
.gallery-a2-12 {
    background: transparent url(../images/gallery/a2-12.jpg) no-repeat center;
    background-size: cover;
}
.gallery-a2-13 {
    background: transparent url(../images/gallery/a2-13.jpg) no-repeat center;
    background-size: cover;
}

.gallery-b1-01 {
    background: transparent url(../images/gallery/b1-01.jpg) no-repeat center;
    background-size: cover;
}
.gallery-b1-02 {
    background: transparent url(../images/gallery/b1-02.jpg) no-repeat center;
    background-size: cover;
}
.gallery-b1-03 {
    background: transparent url(../images/gallery/b1-03.jpg) no-repeat center;
    background-size: cover;
}
.gallery-b1-04 {
    background: transparent url(../images/gallery/b1-04.jpg) no-repeat center;
    background-size: cover;
}
.gallery-b1-05 {
    background: transparent url(../images/gallery/b1-05.jpg) no-repeat center;
    background-size: cover;
}

.gallery-b2-01 {
    background: transparent url(../images/gallery/b2-01.jpg) no-repeat center;
    background-size: cover;
}
.gallery-b2-04 {
    background: transparent url(../images/gallery/b2-04.jpg) no-repeat center;
    background-size: cover;
}
.gallery-b2-18 {
    background: transparent url(../images/gallery/b2-18.jpg) no-repeat center;
    background-size: cover;
}
.gallery-b2-19 {
    background: transparent url(../images/gallery/b2-19.jpg) no-repeat center;
    background-size: cover;
}
.gallery-b2-20 {
    background: transparent url(../images/gallery/b2-20.jpg) no-repeat center;
    background-size: cover;
}
.gallery-b2-21 {
    background: transparent url(../images/gallery/b2-21.jpg) no-repeat center;
    background-size: cover;
}

.gallery-s1-14 {
    background: transparent url(../images/gallery/s1-14.jpg) no-repeat center;
    background-size: cover;
}
.gallery-s1-15 {
    background: transparent url(../images/gallery/s1-15.jpg) no-repeat center;
    background-size: cover;
}
.gallery-s1-16 {
    background: transparent url(../images/gallery/s1-16.jpg) no-repeat center;
    background-size: cover;
}
.gallery-s1-17 {
    background: transparent url(../images/gallery/s1-17.jpg) no-repeat center;
    background-size: cover;
}


@media screen and (min-width:48em) and (max-width:63.938em) {
    .grid-x>.cell.filter-card.gall-cards {
        width: 50%;
    }
    
    .gallery-image {
        width: 100%;
        margin: .9375rem auto;
    }
}


@media screen and (min-width:64em) {
    /*.grid-x > .cell.filter-card.medium-3 {
        width: 33.33333%;
    }
    .grid-x > .cell.filter-card.medium-4 {
        width: 33.33333%;
    }
    .grid-x > .cell.filter-card.medium-5 {
        width: 33.33333%;
    }
    .grid-x > .cell.filter-card.medium-6 {
        width: 50%;
    }
    */
    .gallery-image {
        width: 100%;
        height: 35vh;
        margin: 0.9375rem auto;
    }
    
    .gallery-filters {
        padding: 1.125rem 0 1.25rem;
    }
}

.home-hero-container {
    background: #FCF9F3;
    padding-bottom: 1.25rem;
    height: initial;
}

.hero-video-container {
    padding-bottom: 56.25%;
    position: relative;
    background: #FCF9F3;
}

.hero-video-container iframe {

}

.hero-image .responsive-embed {
    padding-bottom: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}