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

Stylesheet: Global Stylesheet

*************************************************/
/*********************
GLOBAL STYLES
*********************/
.grid-container {
    width: 90%;
    max-width: 1440px;
}

h1, .form-topline {
    font-family: "cascript", sans-serif;
    font-style: normal;
    font-size: 2.875rem;
    line-height: .7;
}

h1 span, .form-btmline {
    font-family: "trend", sans-serif;
    font-style: normal;
    display: block;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.1;
    margin-bottom: 1.25rem;
}

h1.inline-spans span {
    display: inline-block;
    width: auto;
}

p {
    font-family: pt-sans-caption, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #BED8CE;
    font-size: .875rem;
    line-height: 1.3;
}

li {
    font-family: pt-sans-caption, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #141E24;
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: .25rem;
}

.reveal-overlay {
    background: rgba(0,0,0,55%);
}

.contact-form.reveal {
    background: #525744 url(../images/contact-form-bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 1rem;
    max-width: 1200px;
}

.specials-modal.reveal {
    background: #E2A550 url(../images/specials-bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.contact-form .gfield_label {
    display: none;
}

/*********************
HELPER CLASS STYLES
*********************/
.black {
    color: #000;
}

.white {
    color: #FFF;
}

.sunburst {
    color: #9A6F3B;
}

.jetstream {
    color: #BED8CE;
}

.placeholder-bg {
    background-color: #947043;
}

.artichoke-bg {
    background-color: #9F9F70;
}

.dark-green-bg {
    background-color: #141E24;
}

.jetstream-bg {
    background-color: #BED8CE;
}

.script-font {
	font-family: "cascript", sans-serif;
    font-style: normal;
}

/*********************
HEADER STYLES
*********************/
.home-page .header-container {
	height: auto;
}

.header {
    width: 100%;
    height: 96px;
    background: #141E24;
    z-index: 9999;
}

.header-fixed .header {
    position: fixed;
    top: 0;
}

.hero-slider {
    padding-top: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.header-fixed .hero-slider {
    padding-top: 96px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

/*********************
FOOTER STYLES
*********************/
.footer {
    background: #161E23;
    padding: 1rem 0 1.25rem;
}

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

.footer-logo img {
    width: 92px;
}

.footer-tagline p {
    color: #BED8CE;
    font-size: 1.75rem;
    line-height: 1.875rem;
    font-family: "cascript", sans-serif;
    font-style: normal;
    margin-bottom: .25rem;
}

.footer-address p {
    color: #9A6F3B;
    font-size: .75rem;
    line-height: 1.4;
    font-family: pt-mono, monospace;
    font-weight: 400;
    font-style: normal;
    margin-bottom: .125rem;
}

.footer-copyright p,
.footer-disclaimer-links,
.footer-disclaimer-links a {
    color: rgba(255,255,255,25%);
    font-size: .5rem;
    line-height: 1.4;
    font-family: pt-sans-caption, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.footer-icons img {
    width: 21px;
}

.footer-phone {
    margin: 0 0 .7rem;
}

.social-footer .footer-phone {
    margin: 0;
}

.footer-phone a {
	color: #BED8CE;
	font-family: "trend", sans-serif;
    font-style: normal;
    font-size: .75rem;
    line-height: 1.4;
}

.footer-social {
    min-width: 208px;
    height: 63px;
}

.footer .social-footer {
    margin-top: .75rem;
    margin-top: .5rem;
}

.footer-social svg {
    height: 38px;
    width: 38px;
}

.footer-social-btn .btn-bg {
    fill: #9A6F3B;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.footer-social-btn .btn-image {
    fill: #161E23;
}

.footer-social a svg ellipse {
    fill: #9A6F38;
}

.footer-social-btn:focus .btn-bg,
.footer-social-btn:hover .btn-bg {
    fill: #BADCD6;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

/*********************
TOP-BAR STYLES
*********************/
.top-bar-container {
	height: 96px;
	position: fixed;
	width: 100%;
	margin-top: 1;
	top: 1;
	marginTop: 1;
	z-index: 1000;
}

.top-bar-borderwrap {
	height: 100%;
	width: 100%;
}

.top-bar {
    height: 100%;
    padding: .625rem 1rem;
    background: #161E23;
    width: 100%;
    z-index: 1000;
}

.header-logo {
    height: 100%;
}

.header-logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 120px;
    padding: 0;
}

.top-bar, .top-bar ul {
    background-color: #141E24;
}

/*********************
NAVIGATION & LINKS STYLES
*********************/
button, a.button, input[type=submit] {
	text-transform: uppercase;
	font-family: pt-mono, monospace;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    padding: .625rem 1rem;
    font-size: 1.125rem;
    background-color: #BED8CE;
    color: #11242E;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

button:focus, button:hover, a.button:focus, a.button:hover, input[type=submit]:focus, input[type=submit]:hover {
    background-color: #9A6F3B;
    color: #FFF;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

button.close-button {
    background: transparent;
    width: 19px;
    height: 19px;
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.close-button svg {
    height: 100%;
    width: 100%;
    font-size: 0;
    line-height: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.specials-modal .close-button svg {
    fill: #141E24;
}

.close-button:focus svg, .close-button:hover svg {
    -webkit-transform: scale(.75);
    transform: scale(.75);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.round-btn {
	text-align: center;
}

.round-btn span {
	font-family: "trend", sans-serif;
    font-style: normal;
	font-size: .625em;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.6;
}

.menu a {
	font-family: pt-sans-caption, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: 1px;
    color: #9A6F3B;
    text-align: center;
    text-transform: uppercase;
}

.menu .button a {
	font-size: 1.125rem;
    background-color: #BED8CE;
    color: #11242E;
}

.menu .active > a {
    background: transparent;
    text-decoration: underline;
    color: #E2A550;
}

.menu .leasing-btn,
.menu .specials-btn  {
	padding: 0;
	width: 152px;
	border: 0;
    margin: .7rem 0;
}

.menu .leasing-btn a {
	background-color: #BADCD6;
	padding: .375rem 0;
    color: #11242E;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.menu .specials-btn a {
	background-color: #E2A550;
	padding: .375rem 0;
    color: #11242E;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.menu .leasing-btn a:focus, .menu .leasing-btn a:hover,
.menu .specials-btn a:focus, .menu .specials-btn a:hover {
    background-color: #9A6F3B;
    color: #FFF;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.nav-phone-link {
    margin-bottom: 0;
}

.nav-phone-link a {
	color: #BED8CE;
	font-family: "trend", sans-serif;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.4;
}

/*********************
OFF-CANVAS MENU STYLES
*********************/
.off-canvas {
    background: transparent;
}

.position-right {
    top: 96px;
    height: calc(100% - 96px);
    width: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.off-canvas.is-transition-overlap.is-open {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.off-canvas-content.is-open-right.has-transition-push {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.off-canvas.is-transition-overlap {
    z-index: 9000;
}

.off-canvas-container {
    width: 100%;
    height: 100%;
    position: relative;
    padding: .5rem 0 2rem;
    background: #141E24;
}

.off-canvas .menu {
	height: 100%;
    padding: 0 20%;
	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-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.off-canvas .footer-social {
	width: 60%;
	position: absolute;
	bottom: 1.5rem;
	left: 20%;
}

.off-canvas .social-footer a {
    padding: 0;
    margin-top: 0;
}

.menu-type-home .off-canvas-container {
    padding: 0;
    min-height: 100vh;
}

.menu-type-home .off-canvas.position-right {
    top: 0;
    height: auto;
    min-height: 100%;
}

.off-canvas-home-header {
    padding: .625rem 1rem;
}

.menu-type-home .off-canvas .menu {
    height: calc(100% - 96px);
}

/*********************
HAMBURGER NAV STYLES
*********************/
#ham-nav, .close-nav-icon {
    width: 58.81px;
    height: 33.65px;
    position: relative;
    margin: 0; -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
    background: none;
    padding: 0;
}

#ham-nav span, .close-nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #FFF;
    border-radius: 0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

/* Icon 3 */
#ham-nav span:nth-child(1),
.close-nav-icon span:nth-child(1) {
    top: 0px;
    width: 56.35px;
    left: 0;
    height: 5.25px;
    background: transparent url(../images/svg/ham-nav-mid.svg) no-repeat;
    background-size: cover;
    background-position: center;
}

#ham-nav span:nth-child(2), #ham-nav span:nth-child(3),
.close-nav-icon span:nth-child(2), .close-nav-icon span:nth-child(3) {
    top: 15px;
    height: 4.074px;
    width: 58.49px;
    background: transparent url(../images/svg/ham-nav-btm.svg) no-repeat;
    background-size: cover;
    background-position: center;
}

#ham-nav span:nth-child(4),
.close-nav-icon span:nth-child(4) {
    top: 28px;
    height: 5.04px;
    width: 55.88px;
    background: transparent url(../images/svg/ham-nav-btm.svg) no-repeat;
    background-size: cover;
    background-position: center;
}

#ham-nav.open span:nth-child(1),
.close-nav-icon.open span:nth-child(1) {
    top: 16px;
    width: 0;
    left: 24px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
}
#ham-nav.open span:nth-child(2),
.close-nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#ham-nav.open span:nth-child(3),
.close-nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#ham-nav.open span:nth-child(4),
.close-nav-icon.open span:nth-child(4) {
    top: 16px;
    width: 0;
    left: 24px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
}

/*********************
HERO SLIDER STYLES
*********************/
.hero-slider {
    background: #141E24;
}

.hero-slider .orbit {
    height: 100%;
}

.orbit-wrapper {
    height: 100%;
    position: relative;
}

.hero-slider .orbit-container {
    height: 0 !important;
    padding-bottom: 56.25%;
}

.orbit-slide {
	height: 100%;
}

.orbit-previous, .orbit-next {
    height: 4rem;
    width: 4rem;
    background: transparent;
    padding: 1rem;
    top: calc(50% - 40px);
}

.orbit-previous svg, .orbit-next svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: #FFF;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.orbit-previous:focus, .orbit-previous:hover,
.orbit-next:focus, .orbit-next:hover {
    background-color: initial;
}

.orbit-previous:focus svg, .orbit-previous:hover svg,
.orbit-next:focus svg, .orbit-next:hover svg {
    fill: #E2A550;
    background-color: initial;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.slide-1 {
	background: #000 url(../images/slider/slide-1.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.slide-2 {
	background: #000 url(../images/slider/slide-2.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.slide-3 {
	background: #000 url(../images/slider/slide-3.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.slide-4 {
	background: #000 url(../images/slider/slide-4.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.hero-slider .orbit-bullets {
    padding: .7rem 0;
    margin: 0;
}

.orbit-bullets button {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0.1rem .25rem;
    border-radius: 50%;
    background-color: #cacaca;
    padding: 0;
}

.slider-footer {
    background: #BED8CE;
    width: 100%;
    height: 104px;
    padding: 0 5%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slider-footer-container {
	width: 100%;
	height: 79px;
	max-width: 333px;
	margin: 0 auto;
	position: relative;
	background: transparent url(../images/svg/border-slider-footer.svg) no-repeat;
    background-size: cover;
    background-position: center;
}

.slider-footer .btn-email ellipse {
    fill: #141E24;
    -webkit-transition: fill .3s linear;
    transition: fill .3s linear;
}

.slider-footer .btn-email ellipse:hover {
    fill: #9A6F3B;
    -webkit-transition: fill .3s linear;
    transition: fill .3s linear;
}

.slider-footer .round-btn path {
    fill:#BED8CE;
}

.slider-footer-btn .btn-bg {
    fill: #141E24;
}

.slider-footer-btn .btn-image {
    fill: #BED8CE;
}

.mobile-contact {
    height: 100%;
    width: 100%;
    max-width: 330px;
    margin: 0 auto;
}

.contact-icon {
	width: 46px;
	text-align: center;
	position: relative;
}

.slider-footer a {
    color: #9A6F3B;
    font-family: pt-sans-caption, sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.slider-footer a svg {
    width: 46px;
    height: 46px;
}

.slider-overlay {
    width: 100%;
    height: 80px;
    padding: 0;
    background: #141E24;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slider-overlay h1, .slider-overlay h1 span {
    color: #FFF;
    margin-bottom: 0;
}

.slider-overlay h1 {
    margin-top: 0;
}

.social-footer-container a .footer-social-btn .btn-bg {
    fill: #9A6F3B;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.footer-social-btn .btn-image {
    fill: #141E24;
}

.social-footer-container a:focus .footer-social-btn .btn-bg,
.social-footer-container a:hover .footer-social-btn .btn-bg {
    fill: #BADCD6;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.social-footer {
    width: 100%;
    padding: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.social-footer-container {
	width: 100%;
	height: 65px;
	max-width: 210px;
	margin: 0 auto;
	position: relative;
	background: transparent url(../images/svg/mobile-social-border.svg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0 .375rem;
}

.social-footer .btn-email ellipse {
    fill: #141E24;
    -webkit-transition: fill .3s linear;
    transition: fill .3s linear;
}

.social-footer .btn-email ellipse:hover {
    fill: #9A6F3B;
    -webkit-transition: fill .3s linear;
    transition: fill .3s linear;
}

.social-footer .round-btn path {
    fill:#BED8CE;
}

.social-footer-btn .btn-bg {
    fill: #141E24;
}

.social-footer-btn .btn-image {
    fill: #BED8CE;
}

.mobile-contact {
    height: 100%;
    width: 100%;
    max-width: 330px;
    margin: 0 auto;
}

.social-footer .mobile-contact {
    max-width: 210px;
}

.contact-icon {
	width: 46px;
	text-align: center;
	position: relative;
}

.social-footer a {
    color: #9A6F3B;
    font-family: pt-sans-caption, sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.social-footer a span {
    line-height: 0;
}

.social-footer a svg {
    width: 38px;
    height: 38px;
}

/*********************
HOME PAGE STYLES
*********************/
.home-top-content {
    padding-top: 2rem;
    padding-bottom: 8rem;
    position: relative;
}

.home-top-content:after {
    position: absolute;
    height: 8rem;
    content: '';
    bottom: -1px;
    background: #FFF;
    width: 100%;
    -webkit-clip-path: polygon(0px 100%, 100% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0px 100%, 100% 0, 100% 0, 100% 100%, 0% 100%);
}

.home-top-content button {
    margin-top: .75rem;
}

.middle-content-section {
    margin-top: -6rem;
}

.middle-content-section h1 {
    margin-top: 1.5rem;
}

.middle-content-section p {
    color: #9A6F3B;
}

.section-image {
	position: relative;
	height: 392px;
    width: 278px;
    padding: 10px 20px;
    margin: 0 auto;
}

.home-page .section-image {
    height: auto;
    width: auto;
    padding: 10px 0;
}

.section-image .image-container {
    height: 100%;
    width: 100%;
}

.section-image img {
    height: 370px;
    width: auto;
    margin: 0 auto;
    border: 8px solid #FFF;
}

.home-page .section-image img {
    height: auto;
}

.content-image-overlay {
	position: absolute;
    width: 100%;
    height: calc(100% + 24px);
    top: -12px;
    left: 0;
}

.content-image-overlay .image-border {
	width: 100%;
	height: 100%;
}

.borderline-container svg {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.highlight-section {
    padding: 8rem 0 0 0;
    margin-bottom: 0;
    position: relative;
    background: rgba(159,159,112,50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, rgba(159,159,112,50%)), color-stop(10%, #FFF));
    background: linear-gradient(to bottom, rgba(159,159,112,50%) 90%, #FFF 10%);
}

.highlight-section:after {
    position: absolute;
    height: 7.5rem;
    content: '';
    top: -1px;
    left: 0;
    background: #FFF;
    width: 100%;
    -webkit-clip-path: polygon(0 100%, 0 0, 0 100%, 0 0, 100% 0);
    clip-path: polygon(0 100%, 0 0, 0 100%, 0 0, 100% 0);
}

.highlights {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.highlight-container {
	width: 27.5%;
    width: 100%;
	position: relative;
    padding: 0 2rem;
}

.highlight-image {
    position: relative;
}

.placeholder-image:after {
    content: '';
    position: absolute;
    height: 1rem;
    width: 100%;
    left: 0;
    background: black;
    bottom: -1rem;
    -webkit-clip-path: polygon(0 100%, 0 0, 0 100%, 100% 0);
    clip-path: polygon(0 100%, 0 0, 0 100%, 100% 0);
}

.highlight-container img {
	width: 100%;
}

.highlight-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 7px;
}

.highlight-container .image-border {
	width: 100%;
	height: 100%;
	background: transparent url(../images/svg/highlight-border.svg) no-repeat;
	background-size: 100% 100%;
	background-position: center;
}

.highlight-title {
    color: #11242E;
    background: #BED8CE;
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: .875rem;
    line-height: 1.4;
    padding: .25rem 0;
    font-family: pt-mono, monospace;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.highlight-title span {
    width: 100%;
}

/*********************
AMENITY PAGE STYLES
*********************/
.unit-amenities {
    background: #FFF url(../images/svg/gradient-jetstream.svg) no-repeat;
    background-size: cover;
    background-position: top left;
    padding: 0 0 2rem;
}

.hero-tagline {
    position: relative;
    z-index: 1;
}

.hero-tagline p {
	font-family: "cascript", sans-serif;
    font-style: normal;
    font-size: 1.375rem;
    line-height: .5;
    color: #9A6F3B;
    text-align: center;
    margin: 1.25rem 0 .5rem;
}

.amenities-list {
    padding-top: .25rem;
}

.community-amenities {
    background: rgba(159,159,112,50%);
    position: relative;
    padding-top: 4.375rem;
}

.community-amenities:after {
    content: '';    
    position: absolute;
    top: -1px;
    left: 0;
    height: 4.375rem;
    height: 0;
    padding-bottom: 17%;
    background: #FFF;
    width: 100%;
    -webkit-clip-path: polygon(100% 100%, 100% 100%, 0% 0%, 100% 0%);
    clip-path: polygon(100% 100%, 100% 100%, 0% 0%, 100% 0%);
}

.community-amenities .amenities-list {
    padding-top: 0;
    margin-top: -1rem;
    z-index: 1;
    position: relative;
}

.community-drawing {
    width: 70%;
    margin-top: -3rem;
    margin-right: -1rem;
    margin-left: 35%;
}

.amenities-container.second-container {
    margin-top: 2rem;
}

/*********************
FLOORPLAN PAGE STYLES
*********************/
.floorplan-content {
    background: #FFF url(../images/floorplan-page-bg.jpg) no-repeat;
    background-size: contain;
    background-position: top center;
    padding-bottom: 3rem;
}

.floorplan-filters {
    padding: 1rem 0;
}

.filter-btn, .sightmap-btn {
    border-radius: 50%;
    color: #141E24;
    font-family: pt-mono, monospace;
    font-weight: 700;
    font-style: normal;
    margin: 0 1rem;
    position: relative;
    width: 3rem;
    height: 3rem;
    padding: 0;
}

.fp-nav-1 {
    background: #BED8CE;
}

.fp-nav-2 {
    background: #9F9F70;
}

.fp-nav-3 {
    background: #E2A550;
}

.fp-nav-all {
    background: #B67127;
}

.filter-btn:after, .sightmap-btn:after {
    content: '';
    position: absolute;
    z-index: 1;
    opacity: 0;
    top: -3px;
    left: 2px;
    width: 100%;
    height: 100%;
    background: transparent url(../images/svg/fp-btn-active.svg) no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-transform: rotate(38deg);
    transform: rotate(38deg);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.filter-btn.is-checked:after, .sightmap-btn.is-checked:after {
    opacity: 1;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.fp {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.floorplan-card {
    border: 1px solid #707070;
    background: #FFF;
}

.floorplan-card-content {
    height: 460px;
}

.fp-unit p {
    font-family: 'trend';
    font-weight: normal;
    font-style: normal;
    margin: 1rem auto .5rem;
    text-align: center;
    font-size: 2rem;
    line-height: .8;
}

.fp-1 .fp-unit p {
    color: #BED8CE;
}

.fp-2 .fp-unit p {
    color: #9F9F70;
}

.fp-3 .fp-unit p {
    color: #E2A550;
}

.card-mid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.fp-image {
    text-align: center;
    margin: 0 auto;
}

.fp-image img {
    max-height: 298px;
    max-width: 90%;
}

.fp-specs p {
    font-family: pt-mono, monospace;
    font-weight: 400;
    font-style: normal;
    color: #0C364F;
    text-align: center;
    font-size: 1rem;
    line-height: 1.4;
}

.card-btm .button {
    margin-bottom: 1.5rem;
}

/*********************
FLOORPLAN MODAL STYLES
*********************/
.modal-container {
    background: #FFF;
    margin: 0 auto;
}

.modal-specs p {
    text-transform: uppercase;
    color: #141E24;
}

.floorplan-modal .fp-image img {
    max-width: 65%;
    margin: 0 auto;
    max-height: initial;
}

.modal-disclaimer {
    padding: 1rem;
}

.modal-disclaimer p {
    font-size: .625rem;
    font-family: pt-mono, monospace;
    font-weight: 700;
    font-style: normal;
    color: #141E24;
    text-transform: uppercase;
    margin-top: 1rem;
    margin-left: 1rem;
}

.modal-utility-nav {
    margin-top: 5rem;
    position: relative;
    z-index: 3;
}

.modal-utility-nav a {
    color: #9F9F70;
    text-transform: uppercase;
    font-family: pt-mono, monospace;
    font-weight: 700;
    font-style: normal;
}

.modal-nav-container.prev-container {
    position: absolute;
    top: 0;
    height: 100%;
    width: 2rem;
    left: 0.5rem;
}

.modal-nav-container.next-container {
    position: absolute;
    top: 0;
    height: 100%;
    width: 2rem;
    right: 0.5rem;
}

.modal-nav svg, .close-button svg {
    fill: #141E24;
    height: 2rem;
    width: 2rem;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.floorplan-modal .close-button {
    width: 3.25rem;
    height: 3.25rem;
    top: 0;
    right: 0;
    padding: 1rem;
}

.floorplan-modal .close-button svg {
    width: 100%;
    height: 100%;
}

.modal-nav a:focus svg, .modal-nav a:hover svg {
    -webkit-transform: scale(.75);
    transform: scale(.75);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.sightmap-modal.reveal {
    padding: 1.75rem;
}

.sightmap-modal .modal-center-wrap, .sightmap-modal .modal-container {
    height: 100%;
}

/*********************
IMAGE GALLERY STYLES
*********************/
.gallery-content {
    background: #FFF url(../images/gallery-page-bg.png) no-repeat;
    background-size: contain;
    background-position: bottom center;
}

.gallery-image-container {
    height: 220px;
    padding: .375rem;
}

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

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

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

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

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

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

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

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

.gallery-9 {
    background: transparent url(../images/gallery/thumbnails/gallery-9.jpg) no-repeat;
}

.gallery-10 {
    background: transparent url(../images/gallery/thumbnails/gallery-10.jpg) no-repeat;
}

.gallery-image {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.gallery-bottom {
    padding: 2rem 0;
}

.reveal-overlay {
    background: rgba(0,0,0,90%);
    z-index: 99999;
}

.modal-nav a {
    display: block;
    line-height: 0;
}

.modal-nav svg {
    display: block;
}

.gallery-modal {
    background: rgba(0,0,0,90%);
}

.gallery-modal .modal-content-container {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.gallery-modal .gallery-image {
    height: auto;
}

.gallery-modal button.close-button {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
}

.gallery-modal .close-button svg {
    display: block;
    height: 100%;
    width: 100%;
}

.gallery-modal .modal-nav svg {
    fill: #FFF;
}

/*********************
LOCATION PAGE STYLES
*********************/
.location-top-section {
    background: rgba(159,159,112,50%);
    padding-top: 2.5rem;
    padding-bottom: 2rem;
    position: relative;
}

.location-top-section:after {
    content: '';
    background: #FFF;
    width: 100%;
    height: 3rem;
    position: absolute;
    top: -1px;
    left: 0;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
}

.location-top-section h1, .location-top-section h1 span, .location-top-section p {
    color: #141E24;
}

.location-top-section p {
    margin-bottom: 2rem;
}

.location-mid-section {
    padding: 3rem 0;
}

.location-mid-section .section-title {
    color: #B67127;
    text-transform: uppercase;
    font-family: 'trend';
	font-weight: normal;
	font-style: normal;
    font-size: 1.25rem;
    line-height: 1.2;
    margin-bottom: .5rem;
}

.location-mid-section .section-text {
    color: #141E24;
    margin-bottom: 0;
}

.poi-container {
    width: 100%;
    position: relative;
    height: 520px;
}

.poi-container > .grid-x {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.map-container {
    height: 100%;
    width: 70%;
}

.location-map {
    width: 100%;
    height: 100%;
}

.map-navigation {
    height: 100%;
    width: 70%;
    z-index: 13;
    position: relative;
}

#mapNav {
    height: 100%;
    width: 90%;
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

#mapNav.map-nav-out {
    left: calc(100% - 24px);
    right: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

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

.poi-box-sidebar {
    background: #545F43 url(../images/svg/coffee.svg) no-repeat;
    background-size: 63% auto;
    background-position: calc(100% - 12px) calc(100% - 12px);
    padding: 24px;
}

.poi-list {
    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;
}

.poi-section h1 {
    color: #9A6F3B;
    margin-top: 1rem;
}

.poi-section .button {
    margin-bottom: 1.25rem;
}

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

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

.map-toggle-btn {
    width: 42px;
    height: 42px;
    position: absolute;
    left: -16px;
    top: 10px;
    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-out .map-toggle-btn {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s linear .2s;
    transition: all .3s linear .2s;
}

.poi-list li a {
    color: #FFF;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 2.375rem;
    display: block;
    padding-left: 2.375rem;
    background-position: center left !important;
    background-size: contain !important;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

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

.poi-list li.visibleLayer a {
    color: #E2A550;
}

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

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

/*********************
CONTACT PAGE STYLES
*********************/
.contact-top-section {
    background: rgba(190,216,206,50%);
    padding-top: 1.5rem;
    padding-bottom: 5rem;
    position: relative;
}

.contact-top-section:after {
    content: '';
    height: 5rem;
    position: absolute;
    bottom: -1px;
    background: #FFF;
    width: 100%;
    -webkit-clip-path: polygon(100% 100%, 0 0, 0 0, 0 100%);
    clip-path: polygon(100% 100%, 0 0, 0 0, 0 100%);    
}

.contact-top-section h1, .contact-top-section span {
    color: #141E24;
}

.contact-top-section p {
    color: #9A6F3B;
}

.contact-top-section button {
    margin: 0.5rem 0 0;
}

.contact-heading {
    font-family: "cascript", sans-serif;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    color: #9A6F3B;
    margin: 0;
}

.contact-list {
    font-family: 'trend';
	font-weight: normal;
	font-style: normal;
    font-size: 1rem;
    line-height: 1;
    color: #141E24;
    margin: 0;
}

.contact-mid-section .grid-x {
    margin: 1rem auto;
}

.contact-mid-section img {
    width: 4rem;
    height: 4rem;
}

.contact-btm-section {
    background: #9F9F70;
    padding-top: 5rem;
    padding-bottom: 0;
    position: relative;
    background: #9F9F70 url(../images/svg/clock.svg) no-repeat;
    background-size: contain;
    background-position: 50% 95%;
}

.contact-btm-section:after {
    content: '';
    height: 5rem;
    position: absolute;
    top: -1px;
    background: #FFF;
    width: 100%;
    -webkit-clip-path: polygon(100% 0, 0 0, 0 0, 0 100%);
    clip-path: polygon(100% 0, 0 0, 0 0, 0 100%);    
}

.contact-btm-section h1.inline-spans span {
    margin-bottom: 0;
}

.contact-btm-section p {
    color: #141E24;
}

.office-hours {
    padding: 1rem 0 2rem;
}

.office-hours p {
    color: #FFF;
}

.hours-heading {
    font-family: "cascript", sans-serif;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 1;
    margin-bottom: 0;
}

.hours-list {
    font-family: 'trend';
	font-weight: normal;
	font-style: normal;
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 0;
}

.footer-nav {
    display: none;
}

/*********************
CONTACT FORM STYLES
*********************/
.form-topline, .form-btmline {
    color: #E2A550;
}

.specials-modal .form-topline, .specials-modal .form-btmline {
    color: #141E24;
}

.contact-form .modal-container, .specials-modal .modal-container {
    background: transparent;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: .75rem;
	font-family: 'trend', sans-serif;
    font-weight: 700;
    font-style: normal;
	color: #BEBEBE !important;
	text-align: center;
	padding-top: 4px;
}
::-moz-placeholder { /* Firefox 19+ */
	font-size: .75rem;
	font-family: 'trend', sans-serif;
    font-weight: normal;
    font-style: normal;
	color: #BEBEBE !important;
	text-align: center;
	padding-top: 4px;
}
:-ms-input-placeholder { /* IE 10+ */
	font-size: .75rem;
	font-family: 'trend', sans-serif;
    font-weight: normal;
    font-style: normal;
	color: #BEBEBE !important;
	text-align: center;
	padding-top: 4px;
}
:-moz-placeholder { /* Firefox 18- */
	font-size: .75rem;
	font-family: 'trend', sans-serif;
    font-weight: normal;
    font-style: normal;
	color: #BEBEBE !important;
	text-align: center;
	padding-top: 4px;
}

.contact-form button.close-button, .specials-modal button.close-button {
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
}

.contact-form button.close-button, .specials-modal button.close-button {
    width: 3.25rem;
    height: 3.25rem;
    top: 0;
    right: 0;
    padding: 1rem;
}

.contact-form .close-button svg, .specials-modal .close-button svg {
    width: 100%;
    height: 100%;
}

.sightmap-modal button.close-button {
    border-radius: 50%;
    background: #000;
    padding: 0;
    height: 2.5rem;
    width: 2.5rem;
}

.sightmap-modal button.close-button svg {
    width: 50%;
    height: 50%;
    fill: #FFF;
}

.image-wrapper {
    position: relative;
    z-index: 1;
    margin: 1rem 0;
}

.image-wrapper img {
    position: relative;
    z-index: 2;
}

.amenities-section .image-wrapper .internal-image {
    position: absolute;
    width: 85.5%;
    top: 3.9%;
    height: 93.85%;
    left: 7.75%;
}
    
.unit-amenities .internal-image {
    background: transparent url(../images/unit-amenity-image.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 8px solid #FFF;
}
    
.community-amenities .internal-image {
    background: transparent url(../images/community-amenity-image.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 8px solid #FFF;
}

.location-top-section .image-wrapper .internal-image {
    position: absolute;
    width: 91.70%;
    top: 4.25%;
    height: 91.50%;
    left: 4.15%;
    background: transparent url(../images/location-top-section-image.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 8px solid #FFF;
}

.location-mid-section .image-wrapper .internal-image {
    position: absolute;
    width: 85.5%;
    top: 3.6%;
    height: 93.8%;
    left: 7.75%;
    background: transparent url(../images/location-mid-section-image.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 8px solid #FFF;
}

.contact-top-section .image-wrapper .internal-image {
    position: absolute;
    width: 85.5%;
    top: 3.6%;
    height: 93.8%;
    left: 7.75%;
    background: transparent url(../images/contact-top-section-image.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 8px solid #FFF;
}

.home-page .middle-content-section .internal-image,
.home2-page .middle-content-section .internal-image {
    position: absolute;
    width: 85.30%;
    top: 2.94%;
    height: 94.22%;
    left: 7.65%;
    background: transparent url(../images/full-home-image-2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 8px solid #FFF;
}

.highlight-title {
    background: #161E23;
    color: #FFF;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.highlight-title:focus, .highlight-title:hover {
    background: #9A6F3B;
    color: #FFF;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

/*********************
MEDIA QUERIES
*********************/
@media screen and (min-width:40em) {
    .position-right {
        width: 100%;
        padding-left: 50%;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    
    .highlight-section {
        background: rgba(159,159,112,50%);
    }
    
    .highlight-container {
        width: 33.3333%;
        padding: 0 1rem;
    }
    
    .footer-nav .menu {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    
    .footer-nav .menu a {
        padding: .7rem 0;
    }
    
    .gallery-image-container {
        height: 260px;
    }
    
    .gallery-image-top {
        padding-bottom: .375rem
    }
    
    .gallery-image-btm {
        padding-top: .375rem
    }
    
    .home-page .middle-content-section .tablet-fix,
    .home2-page .middle-content-section .tablet-fix {
        padding: 2rem .25rem 0;
    }
    
    .home-page .middle-content-section,
    .home2-page .middle-content-section {
        z-index: 1;
        position: relative;
    }
    
    .sightmap-modal.reveal {
        min-height: 100vh;
        width: 100vw;
        padding: 1.5rem;
    }
    
    .sightmap-modal .modal-center-wrap, .sightmap-modal .modal-container {
        height: calc(100vh - 3rem);
    }
}

@media screen and (min-width:48em) {
    .slider-overlay {
        position: absolute;
        top: 0;
        background: rgba(0,0,0,.30);
    }
    
    .orbit-previous, .orbit-next {
        height: 4rem;
        width: 4rem;
        background: transparent;
        padding: 1rem;
        top: 50%;
    }
    
    .off-canvas .menu {
        padding: 0 10%;
    }
    
    .menu a {
        font-size: 1.5rem;
        letter-spacing: 2px;
    }
    
    .off-canvas .menu .nav-phone-link a {
        font-size: 1.5rem;
    }
    
    .off-canvas .menu .leasing-btn,
    .off-canvas .menu .specials-btn {
        width: 200px;
    }
    
    .off-canvas .menu .button a {
        font-size: 1.5rem;
    }
    
    .contact-form .gform_wrapper {
        width: 90%;
        margin: 0 auto;
    }
    
    .name-field .ginput_complex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }

    .name-field .ginput_complex > span {
        width: 50%;
    }

    .name-field .ginput_complex .name_first {
        padding-right: .375rem;
    }

    .name-field .ginput_complex .name_last {
        padding-left: .375rem;
    }
    
    .contact-form.reveal {
        padding: 1rem 3rem;
        width: 70%;
    }
    
    .gallery-modal {
        padding: 0;
        z-index: 99999;
    }
    
    .gallery-image-container {
        height: 280px;
    }
    
    .gallery-modal button.close-button {
        width: 6rem;
        height: 6rem;
        padding: 2rem;
    }
    
    .gallery-modal .modal-content-container {
        width: 80%;
        margin: 0 auto;
        position: initial;
    }
    
    .modal-nav-container.prev-container {
        height: 100%;
        width: 10%;
        left: 0;
    }
    
    .modal-nav-container.next-container {
        height: 100%;
        width: 10%;
        right: 0;
    }
    
    .gallery-modal .modal-nav {
        padding: 1rem;
        height: auto;
        width: 100%;
    }
    
    .gallery-modal .modal-nav svg {
        height: 100%;
        width: 100%;
    }
    
    .gallery-modal .modal-nav a {
        max-width: 3rem;
        margin: 0 auto;
    }
    
    .gallery-modal .modal-image-container {
        max-height: 70%;
        position: relative;
    }
    
    .gallery-modal .gallery-image {
        height: auto;
        max-height: 100%;
        width: auto;
    }
    
    .footer-nav {
        display: block;
    }
    
    .sightmap-modal.reveal {
        min-height: 100vh;
        width: 100%;
        padding: 3rem;
    }
    
    .sightmap-modal .modal-center-wrap, .sightmap-modal .modal-container {
        height: calc(100vh - 6rem);
    }
    
    .sightmap-modal button.close-button {
        height: 3.5rem;
        width: 3.5rem;
        top: 1rem;
        right: 1rem;
    }
}

@media screen and (min-width:64em) {
    .hero-slider {
        background: #141E24;
        padding: 0 calc(10% + 1.875rem);
    }
    
    h1, .form-topline {
        font-size: 3.25rem;
        line-height: .8;
    }
    
    h1 span, .form-btmline {
        font-size: 1.75rem;
    }
    
    .gallery-image-container {
        height: 310px;
    }
    
    .gallery-modal .modal-nav {
        padding: 2rem;
    }
    
    .footer-nav .menu {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .footer-nav .menu a {
        padding: 0.7rem 0.75rem;
    }
    
    .sightmap-modal.reveal {
        padding: 3rem;
        max-width: 100%;
    }
}

@media screen and (min-width:85.375em) {
    .top-bar-container {
        padding: 1%;
        background: #141E24;
    }
    
    .top-bar-borderwrap {
        background: transparent url(../images/top-bar-border.png) no-repeat;
        background-position: center;
        background-size: 100% 100%;
    }
    
    .top-bar, .top-bar ul {
        background: transparent;
    }
    
    .top-bar ul {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    
    h1, .form-topline {
        font-size: 4rem;
        line-height: .8;
    }
    
    h1 span, .form-btmline {
        font-size: 2rem;
        line-height: 1;
    }
    
    .form-topline {
        margin-bottom: 0;
        line-height: 1;
    }
    
    h1.inline-spans span {
        margin-bottom: 0;
    }
    
    p, li {
        font-size: 1rem;
        line-height: 1.4;
    }
    
    .header {
        height: 120px;
    }
    
    .hero-slider {
        padding-top: 0;
    }

    .header-fixed .hero-slider {
        padding-top: 120px;
    }
    
    .top-bar-container {
        height: 120px;
    }
    
    .header-logo a {
        width: 136px;
    }
    
    .hero-slider .orbit-container {
        padding-bottom: 48%;
    }
    
    .orbit-bullets {
        background: #141E24;
        height: 65px;
        margin: 0;
        padding: 1rem 0;
    }
    
    .orbit-bullets button {
        width: 1.5rem;
        height: 1.5rem;
        margin: 0.25rem;
        border-radius: 50%;
        background-color: #FFF;
        padding: 0;
    }
    
    .orbit-bullets button.is-active {
        background-color: #9A6F3B;
    }
    
    .slider-overlay {
        top: 0;
        height: 120px;
    }
    
    .home-top-content {
        padding-bottom: 20rem;
    }
    
    .home-top-content:after {
        height: 18rem;
    }
    
    .middle-content-section {
        margin-top: -14rem;
        position: relative;
    }
    
    .middle-content-section h1 {
        margin-top: 9rem;
    }
    
    .section-image {
        height: 836px;
        width: 536px;
        padding: 26px 46px;
    }
    
    .home-page .middle-content-section .image-container {
        height: 100%;
        width: 100%;
        background: none;
        background-position: initial;
        background-size: initial;
    }
    
    .highlight-section {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(159,159,112,50%)), color-stop(20%, #FFF));
        background: linear-gradient(to bottom, rgba(159,159,112,50%) 80%, #FFF 20%);
        padding: 12rem 0 0 0;
    }
    
    .highlight-section:after {
        height: 12rem;
    }
    
    .highlights {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 4rem;
    }
    
    .highlight-container {
        width: 25%;
        padding: 0;
        margin: 0 1.5rem;
    }
    
    .footer {
        background: #161E23 url(../images/svg/footer-lips.svg) no-repeat;
        background-size: auto 90%;
        background-position: 5% 0;
    }
    
    .footer-logo img {
        width: 170px;
    }
    
    .footer-tagline p {
        font-size: 3rem;
        line-height: 1.3;
    }
    
    .footer-address p {
        font-size: 1.125rem;
        line-height: 1.6;
    }
    
    .footer-icons img {
        width: 40px;
        margin: 1rem 0 0.375rem;
    }
    
    .footer .menu {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .footer .menu a {
        font-weight: 400;
        font-size: .875rem;
    }
    
    .footer-copyright p, .footer-disclaimer-links, .footer-disclaimer-links a {
        font-size: .625rem;
    }
    
    
    .unit-amenities {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    
    .amenities-list {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .unit-amenities .amenities-list {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    
    .hero-tagline p {
        font-size: 3rem;
        line-height: 1;
    }
    
    .community-amenities {
        padding-bottom: 4rem;
        padding-top: 10rem;
    }
    
    .community-amenities:after {
        height: 10rem;
        padding-bottom: 0;
    }
    
    .community-amenities .image-wrapper {
        margin-top: -7rem;
    }
    
    .community-drawing {
        width: 100%;
        margin-left: 0;
        margin-top: 7rem;
    }
    
    .floorplan-filters {
        padding: 2rem 0 5rem;
        background: transparent url(../images/svg/birds.svg) no-repeat;
        background-size: auto 75%;
        background-position: bottom right;
    }
    
    .floorplan-content {
        padding-bottom: 5.5rem;
    }
    
    .fp {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }
    
    .floorplan-modal {
        padding: 2rem;
    }
    
    .modal-top .fp-unit p {
        font-size: 4rem;
        line-height: 1;
    }
    
    .floorplan-modal .fp-image img {
        max-width: 75%;
        margin: 0 auto;
        max-height: 500px;
        margin-top: 4rem;
    }
    
    .fp-modal-specs {
        font-weight: 700;
    }
    
    .modal-utility-nav {
        margin-top: 12rem;
    }
    
    .modal-utility-nav a {
        width: 100%;
        display: block;
    }
    
    .gallery-content {
        padding-top: 3rem;
    }
    
    .gallery-image-container {
        height: 340px;
    }
    
    .gallery-bottom {
        padding: 4rem 0;
        text-align: center;
    }
    
    .gallery-bottom img {
        width: 80%;
    }
    
    .location-top-section {
        padding-top: 12rem;
        padding-bottom: 5rem;
    }
    
    .location-top-section:after {
        height: 12rem;
    }
    
    .location-top-section h1 span {
        font-size: 1.75rem;
    }
    
    .image-wrapper {
        position: relative;
        z-index: 1;
    }
    
    .location-top-section .image-wrapper {
        margin-top: -9rem;
    }
    
    .image-wrapper img {
        position: relative;
        z-index: 2;
    }
    
    .home-page .image-wrapper > img {
        position: absolute;
        width: 98%;
        height: 98%;
        top: 1%;
        left: 1%;
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    
    .image-wrapper .internal-image {
        position: absolute;
        width: 90%;
        top: 5%;
        left: 5%;
    }
    
    .image-wrapper .internal-image img {
        border: 8px solid #FFF;
        z-index: 1;
    }
    
    .location-mid-section {
        padding: 4rem 0;
    }
    
    .location-mid-section .image-wrapper {
        margin-top: -16rem;
    }
    
    
    .poi-container {
        padding-bottom: calc(706 / 1355 * 70%);
    }
    
    #mapNav {
        width: 30%;
        left: calc(100% - 48px);
        -webkit-transition: all .5s linear;
        transition: all .5s linear;
    }
    
    #mapNav.map-nav-out {
        -webkit-transition: all .5s linear;
        transition: all .5s linear;
        left: 70%;
    }
    
    .poi-box-sidebar {
        padding: 24px 24px 24px 48px;
    }
    
    .map-toggle-btn {
        width: 60px;
        height: 60px;
        left: -30px;
        top: 16px;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: all .5s linear;
        transition: all .5s linear;
    }

    .map-nav-out .map-toggle-btn {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: all .5s linear .2s;
        transition: all .5s linear .2s;
    }
    
    .poi-section h1 {
        margin-top: 3rem;
    }
    
    .poi-section .button {
        margin-bottom: 3rem;
    }
    
    .contact-top-section {
        padding-bottom: 6rem;
    }
    
    .contact-top-section:after {
        height: 6rem;
        bottom: -1px;
    }
    
    .contact-btm-section {
        padding-top: 12rem;
        padding-bottom: 3rem;
    }
    
    .contact-btm-section:after {
        height: 12rem;
        top: -1px;
    }
    
    .contact-heading {
        font-size: 3rem;
    }
    
    .contact-list {
        font-size: 1.5rem;
    }

    .contact-mid-section {
        background: #FFF url(../images/svg/plane.svg) no-repeat;
        background-position: 90% 50%;
        background-size: auto 50%;
    }
    
    .contact-mid-section img {
        margin: 1rem 0;
    }

    .home-page .middle-content-section .internal-image,
    .home-page2 .middle-content-section .internal-image {
        position: relative;
        width: initial;
        top: 0;
        height: initial;
        left: 0;
        background: none;
        background-size: initial;
        background-position: initial;
        border: 8px solid #FFF;
    }
    
    .home-page .middle-content-section .tablet-fix, .home2-page .middle-content-section .tablet-fix {
        padding: 0 .25rem 0;
    }
    
    .home-page .middle-content-section {
        margin-top: -9rem;
        position: relative;
    }
    
    .home-page .middle-content-section h1 {
        margin-top: 0;
    }
    
    .amenities-section .image-wrapper .internal-image {
        position: absolute;
        width: 85.5%;
        top: 3.9%;
        height: 93.85%;
        left: 7.75%;
    }
    
    .unit-amenities .internal-image {
        background: transparent url(../images/unit-amenity-image.jpg) no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    .community-amenities .internal-image {
        background: transparent url(../images/community-amenity-image.jpg) no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    .location-top-section .image-wrapper .internal-image {
        position: absolute;
        width: 91.70%;
        top: 4.25%;
        height: 91.50%;
        left: 4.15%;
        background: transparent url(../images/location-top-section-image.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        border: 8px solid #FFF;
    }
    
    .location-mid-section .image-wrapper .internal-image {
        position: absolute;
        width: 85.5%;
        top: 3.6%;
        height: 93.8%;
        left: 7.75%;
        background: transparent url(../images/location-mid-section-image.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        border: 8px solid #FFF;
    }
    
    .name-field .ginput_complex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }

    .name-field .ginput_complex > span {
        width: 50%;
    }

    .name-field .ginput_complex .name_first {
        padding-right: .5rem;
    }

    .name-field .ginput_complex .name_last {
        padding-left: .5rem;
    }
    
    .menu .leasing-btn, .menu .specials-btn {
        padding: 0;
        width: 168px;
        border: 0;
        margin: 0 1rem;
    }
    
    .menu.medium-horizontal {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .medium-horizontal .social-footer-container {
        width: auto;
        height: 65px;
        max-width: 210px;
        margin: 0 auto;
        position: relative;
        background: transparent;
        background-size: initial;
        background-position: initial;
        padding: 0.375rem 0.25rem;
    }
    
    .medium-horizontal .social-footer a {
        padding: 0 .25rem;
    }
    
    .medium-horizontal.menu .button a {
        font-size: 1rem;
    }
    
    .medium-horizontal.dropdown.menu>li>a {
        padding: 0.25rem 0.75rem;
        font-size: 1rem;
    }
    
    .emedium-horizontal.menu a {
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
    }
    
    .medium-horizontal.menu a:focus, .medium-horizontal.menu a:hover {
        color: #BADCD6;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
    }
    
    .contact-form .gform_wrapper {
        width: 80%;
        margin: 0 auto;
    }
    
    .amenities-page .amenities-link a,
    .floor-plans-page .floorplans-link a,
    .gallery-page .gallery-link a,
    .location-page .location-link a,
    .contact-page .contact-link a {
        color: #BADCD6;
        pointer-events: none;
    }
    
    .highlight-container {
        cursor: pointer;
    }
    
    .footer-address {
        cursor: pointer;
    }
    
    .link-pointer {
        cursor: pointer;
    }
    
    .highlight-title {
        background: #BADCD6;
        color: #11242E;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
    }

    .highlight-title:focus, .highlight-title:hover {
        background: #9A6F3B;
        color: #BADCD6;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
    }
}

@media screen and (min-width:120em) {
    .header {
        height: 180px;
    }
    
    .hero-slider {
        padding-top: 0;
    }

    .header-fixed .hero-slider {
        padding-top: 180px;
    }
    
    .top-bar-container {
        height: 180px;
        padding: 2%;
    }
    
    .community-amenities {
        padding-bottom: 2rem;
        padding-top: 12rem;
    }
    
    .community-amenities:after {
        height: 12rem;
        padding-bottom: 0;
    }
    
    .community-amenities > .grid-container > .grid-x {
        margin-top: -10rem;
    }
    
    .amenities-container {
        margin-top: 7rem;
    }
    
    .gallery-image-container {
        height: 460px;
    }
}


@media screen and (min-width: 768px) and (max-width: 1365px) {
    li {
        font-size: .875rem;
    }
    
    .highlight-container {
        width: 33.3333%;
    }
    
    .highlight-section {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, rgba(159,159,112,50%)), color-stop(25%, #FFF));
        background: linear-gradient(to bottom, rgba(159,159,112,50%) 75%, #FFF 25%);
        background: rgba(159,159,112,50%);
    }
    
    .footer-icons img {
        width: 40px;
        margin-top: 1rem;
    }
    
    .home-page .middle-content-section .internal-image {
        position: relative;
        width: 100%;
        top: 0;
        height: auto;
        left: 0;
        background: none;
        background-size: initial;
        background-position: initial;
        border: 8px solid #FFF;
    }
    
    .middle-content-section {
        position: relative;
        z-index: 1;
    }
    
    .middle-content-section .svg-image-section {
        width: 75%;
        margin: 0 auto;
    }
    
    .middle-content-section .tablet-fix {
        padding-top: 2rem;
    }
    
    .community-drawing {
        width: 100%;
        margin-left: 0;
    }
    
    .community-amenities {
        padding-bottom: 3rem;
    }
    
    .community-amenities .amenity-photo {
        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;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    
    .gallery-content {
        margin-top: 3rem;
    }
    
    .poi-container {
        padding-bottom: calc(706 / 1355 * 130%);
    }
    
    #mapNav {
        width: 40%;
        left: calc(100% - 48px);
        -webkit-transition: all .5s linear;
        transition: all .5s linear;
    }
    
    #mapNav.map-nav-out {
        -webkit-transition: all .5s linear;
        transition: all .5s linear;
        left: 60%;
    }
    
    .poi-box-sidebar {
        padding: 24px 24px 24px 48px;
    }
    
    .map-toggle-btn {
        width: 60px;
        height: 60px;
        left: -30px;
        top: 16px;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: all .5s linear;
        transition: all .5s linear;
    }

.map-nav-out .map-toggle-btn {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
    
    .poi-section h1 {
        margin-top: 3rem;
    }
    
    .poi-section .button {
        margin-bottom: 3rem;
    }
    
    .small-plane img {
        width: 50%;
    }
    
    .hero-tagline p {
        font-size: 2.5rem;
    }
    
    .location-top-section {
        padding-top: 5.5rem;
    }
    .location-top-section:after {
        height: 5.5rem;
    }
    
    .unit-amenities .amenities-list {
        padding-top: 3rem;
    }
    
    .community-amenities .image-wrapper {
        margin-top: -2rem;
    }
    
    .contact-btm-section {
        margin-top: -1px;
    }
    
    .footer .footer-nav {
        padding: .5rem 1rem 0;
    }
    
    .footer .footer-nav .menu a {
        font-size: .875rem;
    }
}

@media screen and (min-width: 120em) {
	.community-amenities .image-wrapper {
		margin-top: 0;
	}
}

/*********************
FONT STYLES
*********************/
@font-face {
	font-family: 'trend';
	src: url('../fonts/trend/trend-webfont.eot');
	src: url('../fonts/trend/trend-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/trend/trend-webfont.woff2') format('woff2'),
		url('../fonts/trend/trend-webfont.woff') format('woff'),
		url('../fonts/trend/trend-webfont.ttf') format('truetype'),
		url('../fonts/trend/trend-webfont.svg#trend-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'cascript';
	src: url('../fonts/cascript/cascript-webfont.eot');
	src: url('../fonts/cascript/cascript-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/cascript/cascript-webfont.woff2') format('woff2'),
		url('../fonts/cascript/cascript-webfont.woff') format('woff'),
		url('../fonts/cascript/cascript-webfont.ttf') format('truetype'),
		url('../fonts/cascript/cascript-webfont.svg#cascript-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

.trend {
    font-family: "trend", sans-serif;
    font-style: normal;
}

.cascript {
    font-family: "cascript", sans-serif;
    font-style: normal;
}

.pt-sans {
    font-family: pt-sans-caption, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.pt-sans-bold {
    font-family: pt-sans-caption, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.pt-mono {
    font-family: pt-mono, monospace;
    font-weight: 400;
    font-style: normal;
}

.pt-mono-bold {
    font-family: pt-mono, monospace;
    font-weight: 700;
    font-style: normal;
}

.contact-form .gform_submission_error, .contact-form .validation_message {
    color: #FFF;
    font-family: 'trend';
	font-weight: normal;
	font-style: normal;
    font-size: 1rem;
}

.specials-modal .gform_submission_error, .specials-modal .validation_message {
    color: #000;
    font-family: 'trend';
	font-weight: normal;
	font-style: normal;
    font-size: 1rem;
}

.gform_submission_error {
    font-size: 1.5rem;
}

/*********************
ANIMATIONS
*********************/
.borderline-container .triggered svg {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    opacity: 1;
    -webkit-animation: dash 2.5s linear forwards;
    animation: dash 2.5s linear forwards, opacity 1.5s linear;
}

@-webkit-keyframes dash {
   from {
        stroke-dashoffset: 1;
    }
}

@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

/*********************
FULL HEIGHT SLIDER
*********************/

@media screen and (min-width:85.375em) {
    .home2-page .hero-slider {
        height:calc(100vh - 120px);
        padding: 0;
    }
    
    .home2-page .hero-slider .orbit-container {
        padding-bottom: 0;
        height: calc(100% - 65px) !important;
    }
    
    .home2-page .hero-slider .orbit-bullets {
        padding: 0.7rem 0;
        margin: 0;
        position: absolute;
        width: 100%;
        bottom: 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;
        height: 65px;
    }
}

@media screen and (min-width:120em) {
    .home2-page .header {
        height: 140px;
    }
    
    .home2-page .top-bar-container {
        height: 140px;
        padding: 1rem 2%;
    }
    
    .home2-page .hero-slider {
        height: calc(100vh - 140px);
        padding: 0;
    }
}

.home-page .top-bar-container {
    position: relative;
}

.home-page .specials-container {
    width: 100%;
    background: #BED8CE;
    padding: 2rem;
}

.specials-container a {
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    top: .5rem;
    right: .5rem;
    line-height: 0;
    font-size: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.specials-container a img {
    height: 100%;
    width: 100%;
}

.specials-container a:focus, .specials-container a:hover {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.specials-main {
    font-family: "trend", sans-serif;
    font-style: normal;
    color: #141E24;
    font-size: 1.125rem;
    margin-bottom: 0;
}

.specials-secondary {
    color: #141E24;
    font-family: pt-sans-caption, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .875rem;
}

.specials-container button {
    background: #141E24;
    color: #FFF;
}

.home3-page .header {
    position: relative;
    z-index: 500;
}

.specials-container button.close-button {
    background: transparent;
}

.specials-container button.close-button svg {
    fill: #141E24;
}

@media screen and (min-width:48rem) {
    .specials-container a {
        top: 1rem;
        right: 1rem;
    }
    
    .specials-main {
        font-size: 1.5rem;
    }

    .specials-secondary {
        font-size: 1.125rem;
    }
}

@media screen and (min-width:85.375em) {
    .header {
        height: 187px;
        position: relative;
        padding: 0;
    }
    
    .hero-slider {
        padding-top: 0;
    }

    .header-fixed .hero-slider {
        padding-top: 187px;
    }
    
    .top-bar-container {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: transparent url(../images/top-bar-border.png) no-repeat;
        background-position: center;
        background-size: 100% 100%;
        padding: 0;
        width: 96.14583333333333%;
        height: 114px;
    }
    
    .home-page .top-bar-container {
        position: absolute;
    }
    
    .top-bar-borderwrap {
        background: initial;
        background-position: initial;
        background-size: initial;
        height: 100%;
        width: 100%;
    }
    
    .top-bar {
        padding: 0;
        height: 100%;
        width: 100%;
    }
    
    .header-logo {
        height: 100%;
        position: relative;
        width: 15.38094928619397%;
        max-width: 284px;
    }
    
    .header-logo a {
        position: absolute;
        width: 93.74295774647887%;
        height: 100%;
        display: block;
        right: 0;
        padding: 0;
    }
    
    .header-logo img {
        position: absolute;
        max-height: 160px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }
    
    .header-nav {
        padding: 0 1.29979853122766% 0 0;
    }
    
    .menu.medium-horizontal {
        padding-right: 0;
        max-width: 1070px;
        margin: 0 0 0 auto;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    
    .aux-nav li {
        margin-bottom: 0;
    }
    
    .medium-horizontal.dropdown.menu > li > a {
        padding: 0;
    }
    
    .medium-horizontal.dropdown.menu > li.social-btn > a {
        font-size: 0;
    }
    
    .medium-horizontal.dropdown.menu > li.social-btn > a svg {
        height: 39px;
        width: 39px;
    }
    
    .menu .leasing-btn, .menu .specials-btn {
        padding: 0;
        width: 168px;
        border: 0;
        margin: 0;
    }
    
    .menu .leasing-btn, .menu .specials-btn {
        width: initial;
    }
    
    .medium-horizontal.dropdown.menu > li.leasing-btn > a, .medium-horizontal.dropdown.menu > li.specials-btn > a {
        padding: .25rem .75rem;
    }
}

polygon.all-plans {
    fill: #A1A1A1;
}

.all-plans {
    fill: #A1A1A1;
    stroke: #0a2430;
    stroke-width: 0.6px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.e2-plan {
    fill: #A1A1A1;
    stroke: #0a2430;
    stroke-width: 0.6px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.e1a-plan.plan-highlight {
    fill: #103f51;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.e1b-plan.plan-highlight {
    fill: #826d3c;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.e2-plan.plan-highlight {
    fill: #ac742a;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.a1-plan.plan-highlight {
    fill: #596047;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.a2-plan.plan-highlight {
    fill: #f7a82c;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.a3-plan.plan-highlight {
    fill: #2c5484;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.a4-plan.plan-highlight {
    fill: #8e8b50;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.b1-plan.plan-highlight {
    fill: #80aaa2;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.b2-plan.plan-highlight {
    fill: #608781;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.b3-plan.plan-highlight {
    fill: #824922;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.b3a-plan.plan-highlight {
    fill: #824922;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.b3b-plan.plan-highlight {
    fill: #824922;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.b4-plan.plan-highlight {
    fill: #8c6245;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.siteplan-filters {
    margin: .5rem 0;
}

.siteplan-filter-buttons {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sp-trigger {
    border-radius: 50%;
    width: 44px;
    padding: 0;
    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: 44px;
    margin: .125rem;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.sp-trigger span {
    font-size: .875rem;
    line-height: .875rem;
    letter-spacing: -1px;
    color: #FFF;
    font-weight: 400;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.sp-trigger:focus span, .sp-trigger:hover span {
    font-weight: 700;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.siteplan-container .grid-container {
    width: 100%;
}

.e1a-trigger { background: #103f51; }
.e1b-trigger { background: #826d3c; }
.e2-trigger { background: #ac742a; }
.a1-trigger { background: #596047; }
.a2-trigger { background: #f7a82c; }
.a3-trigger { background: #2c5484; }
.a4-trigger { background: #8e8b50; }
.b1-trigger { background: #80aaa2; }
.b2-trigger { background: #608781; }
.b3-trigger { background: #824922; }
.b3a-trigger { background: #824922; }
.b3b-trigger { background: #824922; }
.b4-trigger { background: #8c6245; }

.sp-trigger.e1a-trigger:focus, .sp-trigger.e1a-trigger:hover {
    background: #103f51;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.sp-trigger.e1b-trigger:focus, .sp-trigger.e1b-trigger:hover {
    background: #826d3c;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.sp-trigger.e2-trigger:focus, .sp-trigger.e2-trigger:hover {
    background: #ac742a;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.sp-trigger.a1-trigger:focus, .sp-trigger.a1-trigger:hover {
    background: #596047;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.sp-trigger.a2-trigger:focus, .sp-trigger.a2-trigger:hover {
    background: #f7a82c;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.sp-trigger.a3-trigger:focus, .sp-trigger.a3-trigger:hover {
    background: #2c5484;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.sp-trigger.a4-trigger:focus, .sp-trigger.a4-trigger:hover {
    background: #8e8b50;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.sp-trigger.b1-trigger:focus, .sp-trigger.b1-trigger:hover {
    background: #80aaa2;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.sp-trigger.b2-trigger:focus, .sp-trigger.b2-trigger:hover {
    background: #608781;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.sp-trigger.b3-trigger:focus, .sp-trigger.b3-trigger:hover {
    background: #824922;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.sp-trigger.b3a-trigger:focus, .sp-trigger.b3a-trigger:hover {
    background: #824922;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.sp-trigger.b3b-trigger:focus, .sp-trigger.b3b-trigger:hover {
    background: #824922;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.sp-trigger.b4-trigger:focus, .sp-trigger.b4-trigger:hover {
    background: #8c6245;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.siteplan-floorplan-container {
    margin: .5rem 0;
    padding: .5rem;
}

.floorplan-card-stack {
    border: 1px solid #141E24;
    height: calc(100% - .5rem);
}

.siteplan-floorplan-container .fp-unit p {
    margin: .5rem auto;
}

.siteplan-floorplan-container .modal-utility-nav {
    margin-top: 1rem;
}

.siteplan-floorplan-container .modal-disclaimer p {
    margin-left: 0;
    text-align: center;
    margin-bottom: 0;
}

.siteplan-fp-card {
    height: 100%;
}

.siteplan-fp-card .fp-modal-specs {
    color: #141E24;
    font-size: 1rem !important;
    line-height: 1.3;
}

.e1a-plan.e1a-card { display: none; }
.e1a-plan.e1a-card.plan-highlight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.e1b-plan.e1b-card { display: none; }
.e1b-plan.e1b-card.plan-highlight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.e2-plan.e2-card { display: none; }
.e2-plan.e2-card.plan-highlight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.a1-plan.a1-card { display: none; }
.a1-plan.a1-card.plan-highlight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.a2-plan.a2-card { display: none; }
.a2-plan.a2-card.plan-highlight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.a3-plan.a3-card { display: none; }
.a3-plan.a3-card.plan-highlight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.a4-plan.a4-card { display: none; }
.a4-plan.a4-card.plan-highlight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.b1-plan.b1-card { display: none; }
.b1-plan.b1-card.plan-highlight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.b2-plan.b2-card { display: none; }
.b2-plan.b2-card.plan-highlight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.b3-plan.b3-card { display: none; }
.b3-plan.b3-card.plan-highlight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.b3a-plan.b3a-card { display: none; }
.b3a-plan.b3a-card.plan-highlight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.b3b-plan.b3b-card { display: none; }
.b3b-plan.b3b-card.plan-highlight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.b4-plan.b4-card { display: none; }
.b4-plan.b4-card.plan-highlight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }


.siteplan-fp-card.e1a-card .fp-unit p:first-child { color: #103f51; }
.siteplan-fp-card.e1b-card .fp-unit p:first-child { color: #826d3c; }
.siteplan-fp-card.e2-card .fp-unit p:first-child { color: #ac742a; }
.siteplan-fp-card.a1-card .fp-unit p:first-child { color: #596047; }
.siteplan-fp-card.a2-card .fp-unit p:first-child { color: #f7a82c; }
.siteplan-fp-card.a3-card .fp-unit p:first-child { color: #2c5484; }
.siteplan-fp-card.a4-card .fp-unit p:first-child { color: #8e8b50; }
.siteplan-fp-card.b1-card .fp-unit p:first-child { color: #80aaa2; }
.siteplan-fp-card.b2-card .fp-unit p:first-child { color: #608781; }
.siteplan-fp-card.b3-card .fp-unit p:first-child { color: #824922; }
.siteplan-fp-card.b3a-card .fp-unit p:first-child { color: #824922; }
.siteplan-fp-card.b3b-card .fp-unit p:first-child { color: #824922; }
.siteplan-fp-card.b4-card .fp-unit p:first-child { color: #8c6245; }


.siteplan-page .header {
    position: fixed;
    top: 0;
}

.siteplan-content {
    padding: 128px 0 2rem;
}

.siteplan-fp-card .fp-image {
    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;
}

.siteplan-fp-card .fp-image img {
    max-height: 531px;
}

.siteplan-fp-card .fp-image a {
    display: block;
    margin: 1rem auto;
    color: #9F9F70;
    text-transform: uppercase;
    font-family: pt-mono, monospace;
    font-weight: 700;
    font-style: normal;
}


@media screen and (min-width: 48em) {
    .siteplan-floorplan-container {
        margin: 0;
        padding: 0 .5rem;
    }
    
    .siteplan-filter-buttons {
        min-width: 50%;
        max-width: 860px;
        margin: 0 auto;
    }
    
    .floorplan-card-stack .modal-disclaimer {
        padding: .5rem;
    }
}


@media screen and (min-width: 85.375em) {
    .siteplan-content {
        padding: 200px 0 2rem;
    }
    
    .siteplan-fp-card .fp-unit p:first-child {
        font-size: 4rem;
        line-height: 1;
    }
}

.filter-btn.fp-siteplan, .sightmap-btn {
    font-size: 1rem;
    line-height: .9;
    background-color: #141E24;
    color: #FFF;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.filter-btn.fp-siteplan:focus, .filter-btn.fp-siteplan:hover,
.sightmap-btn:focus, .sightmap-btn:hover {
    background-color: #9A6F3B;
    color: #FFF;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.coming-soon-container {
    height: 100vh;
    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: 100%;
}

.coming-soon-container img {
    width: 80%;
    max-width: 640px;
}

.coming-soon-page .header { display: none; }
.coming-soon-page .footer { display: none; }


button, .button, .floorplan-card .fp-image {
    cursor: pointer;
}


.full-width-video {
  width: 100%;
  aspect-ratio: 405 / 720; /* width and height of the mobile video */
  background-color: black; /* to show pre-allocated space */
}
/* override for desktop */
@media only screen and (min-width: 480px) {
  .full-width-video {
    aspect-ratio: 1920 / 1080;
  }
}
.width-display {
  font-size: 50%;
  position: absolute;
  right: 1em;
  display: block;
  top: 1em;
}

.imap-container > .grid-container {
    height: calc(100vh - 6rem);
}

.fp-tabs ul {
    list-style: none;
    margin-left: 0;
}

.fp-tabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.fp-tabs li {
    padding: 3px;
    background: #BED8CE;
    margin: 4px 3px 0 0;
}

.fp-tabs a {
    margin-bottom: 0;
    border: 1px solid #FFF;
}