@charset "UTF-8";

/* Colors

#807f80 Gray

#fd8344 Orange

*/

/* ====== Begin Boilerplate CSS ====== */

html {
	margin:0;
	padding:0;
	height:100%;
	box-sizing: border-box;
	background-color: #fff; /* Color you see during overscroll */
	font-size: 62.5%;
}

body {
	position: relative;
	display: block;
	margin:0;
	padding:0;
	height:100%;
	min-height: 100%;
	overflow-y: auto;
	background-color: transparent;
	font-family: 'Garamond';
	color: #807f80;
	font-size: 1.6rem; 
	/*-webkit-font-smoothing: subpixel-antialiased;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

*, *:before, *:after {
	box-sizing: border-box;
}

p, span { margin: 0; line-height: 1.35; }

li { margin: 0; line-height: 1.2; margin-bottom: 8px; }

a { outline: 0; text-decoration: none; }

a:link { text-decoration: none; color: #807f80; }
a:visited { text-decoration: none; color: #807f80; }
a:hover, a:focus { text-decoration: none; color: #807f80; }
a:active { text-decoration: none; color: #807f80; }

ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ol {
	padding: 0px;
	margin: 0px;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-weight: normal;
}

/* html * { font-size: 1.4rem; } */

.serif { font-family: serif; }
.sans-serif { font-family: sans-serif; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.vh {
	height: 100vh;
}

.rb {
	position: relative;
	display: block;
}

.r {
	position: relative;
}

.table-table {
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
}

.table-cell {
	position: relative;
	display: table-cell;
	height: 100%;
	width: 100%;
	vertical-align: middle;
}

.aspect-wrapper {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}

.aspect-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.aspect-16-9 {
	position: relative;
	display: block;
	padding-top: 56.25%;
}

.aspect-5-3 {
	position: relative;
	display: block;
	padding-top: 60%;
}

.aspect-3-2 {
	position: relative;
	display: block;
	padding-top: 66.666%;
}

.aspect-4-3 {
	position: relative;
	display: block;
	padding-top: 75%;
}

.aspect-1-1 {
	position: relative;
	display: block;
	padding-top: 100%;
}

.opacity-0 {
	opacity: 0;
}

.modal-overlay {
	position: fixed;
	display: table;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.75);
	opacity: 0;
	pointer-events: none;
}

.modal-cell {
	position: relative;
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

.close {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
	overflow: hidden;
	cursor: pointer;
}

.close::before, .close::after {
	content: '';
	position: absolute;
	height: 2px;
	margin-top: -1px;
	width: 100%;
	top: 50%;
	left: 0;
	background: #000;
	background-color: #fff;
}

.close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



/* ====== Begin Custom CSS ====== */

body.menu {
	position: fixed;
	overflow-y: scroll;
	width: 100%;
}

body.index.menu {
	position: relative;
	overflow-y: auto;
}

.home-landing-content {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	background-color: #fff;
}

.home-landing-content video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 101%;
    min-height: 101%;
    width: auto;
    height: auto;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	overflow: hidden;
}

body.mobile.ios .home-landing-content {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

body.mobile.ios.loaded.index .home-landing-content {
	background-image: url(../img/no-vid-index.jpg);
}

body.mobile.ios.loaded.residences .home-landing-content {
	background-image: url(../img/no-vid-residences.jpg);
}

body.mobile.ios.loaded.amenities .home-landing-content {
	background-image: url(../img/no-vid-amenities.jpg);
}

body.mobile.ios.loaded.location .home-landing-content {
	background-image: url(../img/no-vid-location.jpg);
}

.arrow-tag {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 36px;
	height: 36px;
	background: url(../img/arrow-down.svg) no-repeat center;
	background-size: auto auto;
	background-size: cover;
	transform: translateZ(0);
	will-change: transform;
	cursor: pointer;
	transition: transform 1s 2s, opacity 1s 2.25s;
}

.preload .arrow-tag {
	opacity: 0;
	pointer-events: none;
	transform: translateY(36px);
}

.loaded .arrow-tag {
	opacity: 1;
	pointer-events: auto;
}

.scroll-land-bar {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	height: 0;
	opacity: 0;
	pointer-events: none;
	margin-top: -60px;
}

.home-landing-logo {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 300px;
	transition: opacity 2s 1.0s
}

.home-loader {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	padding-bottom: 100px;
	/*background: linear-gradient(#84d5d8, #84d5d8 10%, #e8c190 90%, #e8c190) no-repeat center;*/
	/*background-size: cover;*/
	/*transform: translateZ(0);*/
	/*will-change: transform;*/
	background-color: #fff;
	transition: opacity 1s ease-in-out 4s;
}

.home-loader-foot {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	transition: opacity 2s 1.0s
}

body.preload .home-loader {
	opacity: 1
}

body.loaded .home-loader {
	opacity: 0;
	pointer-events: none;
}

body.preload .home-landing-logo,
body.preload .home-loader-foot {
	opacity: 0;
}

body.loaded .home-landing-logo,
body.loaded .home-loader-foot {
	opacity: 1;
}

.hlf-break {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 70px;
	height: 1px;
	background-color: #807f80;
	margin-bottom: 45px;
}

.home-loader-foot span {
	position: relative;
	display: block;
	font-family: 'Arquitecta';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #807f80;
	letter-spacing: 1.5px;
	text-align: center;
}

.landing-svg-gradient {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transform: translateZ(0);
}

.page-gradient {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transform: translateZ(0);
	z-index: -1;
}

.home-panel-2 {
	position: relative;
	display: block;
	background-color: #fff;
}

.home-panel-2.aspect-wrapper {
	height: 100vh;
}

.home-panel-2.aspect-3-2 {
	height: 100vh;
}

.home-panel-2 .aspect-content {
	background: url('../img/render/Circa_Render_8_web.jpg') no-repeat center;
	background-size: cover;
}

.aspect-1600-500 {
	position: relative;
	display: block;
	padding-top: 31.25%;
}

.aspect-1600-650 {
	position: relative;
	display: block;
	padding-top: 40.625%;
}

.aspect-1200-1150 {
	position: relative;
	display: block;
	padding-top: 95.833%;
}

.aspect-1200-1100 {
	position: relative;
	display: block;
	padding-top: 91.667%;
}

.aspect-1200-1050 {
	position: relative;
	display: block;
	padding-top: 87.5%;
}

.aspect-1600-750 {
	position: relative;
	display: block;
	padding-top: 46.875%;
}



/* ====== Nav Bar ======= */

.nav-slug {
	position: relative;
	display: block;
	height: 170px;
}

.nav-bar,
.nav-curtain {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background-color: #fff;
	height: 170px;
	/*z-index: 4;*/
}

.nav-curtain {
	transition: opacity 1.25s ease-in-out;
}

body.loaded .nav-curtain {
	opacity: 0;
	pointer-events: none;
}


.fp-nav-pad-wrapper {
	padding-top: 170px;
}

.home-landing-content,
.gallery .gallery-block,
.map-wrapper /*,
.fp-selector-wrapper */ {
	height: calc(100vh - 170px);
}

.nb-logo {
	position: relative;
	display: block;
	margin: 45px auto 15px;
	height: 45px;
	width: auto;
}

.nb-right-links {
	position: relative;
	display: block;
	margin: 0 auto;
	text-align: center;
}
.nb-right-links a#rp-portal {
	margin-left: 0

}
.nb-right-links a {
	position: relative;
	display: inline-block;
	margin-left: 8px;
}

.nb-right-links span.nav-vb {
	display: none;
}

.nb-right-links a.nav-tel {
	display: block;
	margin-left: 0;
	margin-top: 9px;
}

.nb-right-links a.nav-tel {
	/* once leasing begins, this wont fit on mobile and we'll hide it again */
	/*display: none;*/
}

/* to remain in effect until leasing begins */
#rp-portal-2 {
	display: none;
}


/* ====== Nav Hamburger ====== */

#menu-toggle * {
	transition: width .25s ease-in-out, height .25s ease-in-out;
	box-sizing: border-box;
	/*z-index: 5;*/
}

#menu-toggle span {
	display: block;
}

#menu-toggle.unhovered span {
	background-color: #807f80;
}

#menu-toggle.hovered span {
	background-color: #807f80;
}

#menu-toggle {
	position: fixed;
	top: 7px;
	left: 14px;
	width: 27px;
	height: 27px;
	cursor: pointer;
}

#menu-toggle #hamburger {
	position: absolute;
	height: 100%;
	width: 100%;
}

#menu-toggle #hamburger span {
	width: 27px;
	height: 1px;
	position: relative;
}

#menu-toggle #hamburger span:nth-child(1) {
	transition-delay: 0.5s;
	margin: 5px 0 7px;
}

#menu-toggle #hamburger span:nth-child(2) {
	transition-delay: 0.625s;
	margin: 0;
}

#menu-toggle #hamburger span:nth-child(3) {
	transition-delay: 0.75s;
	margin: 7px 0 5px;
}

#menu-toggle #cross {
	position: absolute;
	height: 100%;
	width: 100%;
	transform: rotate(45deg);
}

#menu-toggle #cross span {
}

#menu-toggle #cross span:nth-child(1) {
	height: 0%;
	width: 1px;
	position: absolute;
	top: 0;
	left: 13px;
	transition-delay: 0s;
}

#menu-toggle #cross span:nth-child(2) {
	width: 0%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 13px;
	transition-delay: 0.25s;
}

#menu-toggle.open #hamburger span {
	width: 0%;
}

#menu-toggle.open #hamburger span:nth-child(1) {
	transition-delay: 0s;
}

#menu-toggle.open #hamburger span:nth-child(2) {
	transition-delay: 0.125s;
}

#menu-toggle.open #hamburger span:nth-child(3) {
	transition-delay: 0.25s;
}

#menu-toggle.open #cross span:nth-child(1) {
	height: 100%;
	transition-delay: 0.625s;
}

#menu-toggle.open #cross span:nth-child(2) {
	width: 100%;
	transition-delay: 0.375s;
}

@media all and (min-width: 600px) {


	.nb-logo {
		position: absolute;
		left: 52px;
		top: 9px;
	}

	.nav-slug {
		height: 42px;
	}

	.nav-bar,
	.nav-curtain {
		height: 42px;
	}


	.fp-nav-pad-wrapper {
		padding-top: 42px;
	}

	.home-landing-content,
	.gallery .gallery-block,
	.map-wrapper /*,
	.fp-selector-wrapper*/ {
		height: calc(100vh - 42px);
	}

	.nb-logo {
		left: 70px;
		top: 7px;
		height: 28px;
		margin: 0;
	}

	.nb-right-links {
		position: absolute;
		top: 0;
		right: 15px;
		bottom: 0;
		text-align: right;
	}

	.nb-right-links a {
		margin-left: 12px;
		font-size: 1.4rem;
		line-height: 42px;
	}

	.nb-right-links span {
		font-size: 1.4rem;
		line-height: 42px;
	}

	.nb-right-links span.nav-vb {
		display: inline-block;
	}

	.nb-right-links a.nav-tel {
		display: inline-block;
		margin-left: 8px;
		margin-top: 0;
	}

	#moron-menu {
		position: fixed;
		top: 9px;
		left: 15px;
		right: auto;
		transform: none;
	}

}






/* ====== Nav Menu ====== */

.nav-wrapper {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 100vh;
	background-color: #fff;
	padding: 60px 0;
}

.nav-wrapper.unhovered,
.nav-wrapper.unhovered .nav-right { color: #807f80; }
.nav-wrapper.unhovered a:link,
.nav-wrapper.unhovered a:visited { color: #807f80; }
.nav-wrapper.unhovered a:hover,
.nav-wrapper.unhovered a:focus,
.nav-wrapper.unhovered a:active { color: #807f80; }


/*.nav-wrapper.hovered,
.nav-wrapper.hovered .nav-right { color: #fff; }
.nav-wrapper.hovered a:link,
.nav-wrapper.hovered a:visited { color: #fff; }
.nav-wrapper.hovered a:hover,
.nav-wrapper.hovered a:focus,
.nav-wrapper.hovered a:active { color: #fff; }*/



.nav-wrapper.hovered,
.nav-wrapper.hovered .nav-right { color: #807f80; }
.nav-wrapper.hovered a:link,
.nav-wrapper.hovered a:visited { color: #807f80; }
.nav-wrapper.hovered a:hover,
.nav-wrapper.hovered a:focus,
.nav-wrapper.hovered a:active { color: #807f80; }

.nav-wrapper.closed {
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.75s ease-in-out 0.5s;
}

.nav-wrapper.open {
	opacity: 1;
	transition: opacity 1s ease-in-out 0.5s;
}

.nav-hover-gradient rect {
	opacity: 0;
	pointer-events: none;
	transition: opacity 1s ease-in-out;
}

.nav-hover-gradient rect.active,
body.mobile rect#nav-rect-01 {
	opacity: 1;
}

.nav-list {
	position: relative;
	display: block;
	height: 100%;
	padding-left: 15px;
}

.nav-wrapper ul {
	position: relative;
	display: table-cell;
	height: 100%;
	width: 100%;
	vertical-align: middle;
}

.nav-wrapper li {
	position: relative;
	display: block;
	max-height: 150px;
	height: 42px;
	margin-bottom: 3px
}

.nav-wrapper.open li:nth-child(1) { transition: opacity 0.75s ease-in-out 1.35s; }
.nav-wrapper.open li:nth-child(2) { transition: opacity 0.75s ease-in-out 1.50s; }
.nav-wrapper.open li:nth-child(3) { transition: opacity 0.75s ease-in-out 1.65s; }
.nav-wrapper.open li:nth-child(4) { transition: opacity 0.75s ease-in-out 1.80s; }
.nav-wrapper.open li:nth-child(5) { transition: opacity 0.75s ease-in-out 1.95s; }
.nav-wrapper.open li:nth-child(6) { transition: opacity 0.75s ease-in-out 2.10s; }
.nav-wrapper.open li:nth-child(7) { transition: opacity 0.75s ease-in-out 2.25s; }
.nav-wrapper.open.unhovered .nav-right { transition: opacity 0.75s ease-in-out 2.50s }
.nav-wrapper.open.hovered .nav-right { transition: opacity 0.75s ease-in-out 2.50s, color 1s; }
.nav-wrapper.open.hovered .nav-right a { transition: color 1s; }

.nav-wrapper.closed .nav-right { transition: opacity 0.35s, color 0s 1s; }
.nav-wrapper.closed .nav-right a { transition: color 0s 1s; }
.nav-wrapper.closed li { transition: opacity 0.35s ease-in-out 0.15s; }

.nav-wrapper.closed li,
.nav-wrapper.closed .nav-right {
	opacity: 0;
}
.nav-wrapper.open li,
.nav-wrapper.open .nav-right {
	opacity: 1;
}

.nav-wrapper ul li a {
	position: relative;
	font-family: 'Arquitecta';
	font-weight: 300;
	text-transform: uppercase;
	font-size: 2.1rem;
}

.nav-wrapper.open ul li a {
	transition: color 0.5s;
}

.nav-wrapper.closed ul li a {
	transition: color 0s 1s;
}

.nav-wrapper.unhovered .nav-list a:link { color: #807f80; }
.nav-wrapper.unhovered .nav-list a:visited { color: #807f80; }
.nav-wrapper.unhovered .nav-list a:hover { color: #807f80; }
.nav-wrapper.unhovered .nav-list a:focus { color: #807f80; }
.nav-wrapper.unhovered .nav-list a:active { color: #807f80; }

/*.nav-wrapper.hovered .nav-list a:link { color: rgba(255,255,255,0.57); }*/
/*.nav-wrapper.hovered .nav-list a:visited { color: rgba(255,255,255,0.57); }*/
.nav-wrapper.hovered .nav-list a:link { color: rgba(128,127,128,0.57); }
.nav-wrapper.hovered .nav-list a:visited { color: rgba(128,127,128,0.57); }


/*.nav-wrapper.hovered .nav-list a:hover { color: #fff; }
.nav-wrapper.hovered .nav-list a:focus { color: #fff; }
.nav-wrapper.hovered .nav-list a:active { color: #fff; }*/
.nav-wrapper.hovered .nav-list a:hover { color: #807f80; }
.nav-wrapper.hovered .nav-list a:focus { color: #807f80; }
.nav-wrapper.hovered .nav-list a:active { color: #807f80; }

.nav-wrapper ul li .nav-item-line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 36px;
	height: 1px;
	transition: background-color 1s;
}

.nav-wrapper.unhovered ul li .nav-item-line { background-color: #807f80; }
.nav-wrapper.hovered ul li .nav-item-line { background-color: rgba(128,127,128,0.57); }

.nav-hover-gradient {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}



/* ====== Nav Right ====== */

.nav-right {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	text-align: right;
	padding: 30px 15px 170px 0;
	width: 500px;
	max-width: 57%;
	font-size: 1.2rem;
}

.nr-logo-wrapper {
	position: relative;
	display: block;
	margin: 0 0 27px auto;
	height: 60px;
}

.nr-logo-gray,
.nr-logo-white {
	position: absolute;
	top: 0;
	right: 0;
	height: 60px;
	bottom: 0;
	opacity: 0;
	transition: opacity 1s;
}

.nav-wrapper.unhovered .nr-logo-gray,
.nav-wrapper.hovered .nr-logo-white {
	opacity: 1;
}

.nav-right p {
	
}

.nav-right p.seo-stuffing {
	position: relative;
	display: none;
}

.nr-break {
	position: relative;
	display: block;
	margin: 5px 0 5px auto;
	height: 1px;
	width: 45px;
}
.nav-wrapper.unhovered .nr-break {
	background-color: #807f80;
	transition: background-color 0s 1s;
}
.nav-wrapper.hovered .nr-break {
	background-color: #807f80;
	transition: background-color 1s;
}
.nr-address {
	position: relative;
	display: block;
}
.nr-address span {
	position: relative;
	display: block;
}
.nr-phone {
	position: relative;
	display: block;
}
.nr-email {
	position: relative;
	display: block;
	font-style: italic;
}
.nr-social-row {
	position: relative;
	display: block;
	margin-top: 16px;
}
.nr-social-row a {
	position: relative;
	display: inline-block;
	margin-left: 8px;
}



/* ====== Nav Foot ====== */

.nav-footer {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.greystar-logo-wrapper {
	position: relative;
	display: block;
	height: 18px;
	width: auto;
	margin: 0 0 5px auto;
}

.greystar-logo-gray,
.greystar-logo-white {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 18px;
	width: auto;
	opacity: 0;
	transition: opacity 1s;
}

.nav-wrapper.unhovered .greystar-logo-gray,
.nav-wrapper.hovered .greystar-logo-white {
	opacity: 1;
}

.nav-footer-icon-row {
	position: relative;
	display: block;
	margin-bottom: 3px;
}

.nav-footer-icon-row img {
	position: relative;
	display: inline-block;
}

.wheelchair {
	height: 10px;
	margin-right: 3px;
}

.fair-housing {
	height: 10px;
	margin-right: 3px;
}

.pet-friendly {
	height: 10px;
}

.legal-row {
	position: relative;
	display: block;
	margin-bottom: 3px;
}

.legal-row a,
.legal-row div {
	position: relative;
	display: inline-block;
	margin-left: 9px;
	font-family: 'TradeGothic CondEighteen';
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1.25px;
	font-size: 1.0rem;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	cursor: pointer;
}

.fabric-row {
	position: relative;
	display: block;
}

.fabric-row a {
	font-family: 'Garamond';
	font-weight: normal;
	font-size: 1.2rem;
}

.legal-modal {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 15px;
	opacity: 0;
	background-color: rgba(255,255,255,1);
	pointer-events: none;
	transition: opacity 0.5s ease-in-out;
}

body.legal .legal-modal {
	opacity: 1;
	pointer-events: auto;
}

.legal-modal p {
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 460px;
}





.legal-close {
	position: fixed;
	top: 14px;
	left: 14px;
	width: 27px;
	height: 27px;
	cursor: pointer;
}

.legal-close .close-x {
	position: absolute;
	height: 100%;
	width: 100%;
	transform: rotate(45deg);
}

.legal-close .close-x span {
	display: block;
	background-color: #807f80;
}

.legal-close .close-x span:nth-child(1) {
	height: 100%;
	width: 1px;
	position: absolute;
	top: 0;
	left: 13px;
}

.legal-close .close-x span:nth-child(2) {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 13px;
}

@media all and (max-height: 375px) {
	.nav-wrapper li {
		height: 30px;
		margin-bottom: 1px;
	}
	.nav-wrapper ul li a {
		font-size: 1.8rem;
	}
}

@media all and (max-height: 420px) {
	.leasing-gal-hours {
		display: none;
	}

	.nr-logo-wrapper {
		margin-bottom: 18px;
	}
}





/* ====== Universal ====== */

.res-ko-fu.copy-block {
	padding: 15px 15px 75px;
	margin-top: -2px;
}

.copy-block {
	position: relative;
	display: block;
	background-color: #fff;
	padding: 90px 15px;
}

.copy-block p {
	position: relative;
	display: block;
}

.unit-details {
	position: relative;
	display: block;
}

.unit-details .col-1,
.unit-details .col-2,
.unit-details .col-3 {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	min-width: 240px;
	max-width: 400px;
	width: 50%;
	padding: 0 30px;
}

.unit-details h2 {
	position: relative;
	display: block;
	font-family: 'TradeGothic CondEighteen';
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1.25px;
	text-transform: uppercase;
	font-size: 1.4rem;
	padding-bottom: 15px;
	border-bottom: 1px solid #807f80;
	margin-bottom: 18px;
}

.unit-details ul li {
	position: relative;
	display: block;
	font-family: 'Garamond';
	font-weight: normal;
	font-style: italic;
	padding-left: 12px;
	margin-right: 12px;
}

.unit-details ol li {
	position: relative;
	font-family: 'Garamond';
	font-weight: normal;
	font-style: italic;
	margin-right: 12px;
}

.unit-details ul li:before {
	position: absolute;
	content: '–';
	left: 0;
	top: -2px;
}

.rollover-block {
	background-color: #fff;
}

.amen-pane-row {
	position: relative;
	display: block;
}

.amen-hover-pane {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	/*will-change: opacity;*/
	transition: opacity 0.5s ease-in-out;
}

.amen-hover-pane.hover {
	opacity: 1;
}

.amen-hover-pane.unhover {
	opacity: 0;
	pointer-events: none;
}

.amen-hover-line-top,
.amen-hover-line-bottom {
	position: absolute;
	width: 1px;
	background-color: #fff;
	left: 0;
	right: 0;
	margin: 0 auto;
	/*will-change: height;*/
	transform: translateZ(0);
}

.unhover .amen-hover-line-top,
.unhover .amen-hover-line-bottom {
	height: 0;
	transition: height 0.5s;
}

.hover .amen-hover-line-top,
.hover .amen-hover-line-bottom {
	height: 20%;
	transition: height 0.5s ease 0.25s;
	-webkit-transition: all 0.5s cubic-bezier(0.000, 0.000, 0.000, 1.000) 0.25s;
   -moz-transition: all 0.5s cubic-bezier(0.000, 0.000, 0.000, 1.000) 0.25s;
     -o-transition: all 0.5s cubic-bezier(0.000, 0.000, 0.000, 1.000) 0.25s;
        transition: all 0.5s cubic-bezier(0.000, 0.000, 0.000, 1.000) 0.25s;
}

.amen-hover-line-top {
	top: 0;
}
.amen-hover-line-bottom {
	bottom: 0;
}

.amen-hover-title-wrapper {
	position: relative;
	display: block;
	height: 100%;
	padding: 0 10px;
	/*will-change: transform;*/
}
.unhover .amen-hover-title-wrapper {
	transform: translateY(30px);
	transition: transform 0.5s 0.5s;
}
.hover .amen-hover-title-wrapper {
	transform: translateY(0);
	transition: transform 0.5s;
}

.amen-hover-title,
.amen-hover-text {
	position: relative;
	display: block;
	text-align: center;
	color: #fff;
}

.amen-hover-title {
	font-family: 'Arquitecta';
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	font-size: 2.1rem;
	letter-spacing: 1.25px;
	line-height: 1;
}
.amen-hover-text {
	font-size: 1.3rem;
}



/* ====== Residences ====== */

.residences .unit-details .col-1,
.residences .unit-details .col-2 {
	display: block;
	width: 100%;
	padding: 0 0 36px;
}

.residences .unit-disclaimer {
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: 'Garamond';
	font-weight: normal;
	font-style: italic;
	font-size: 1.2rem;
}

.residences .knockout-container-2 {
	background: linear-gradient(180deg, #005066 0%, #8ab5bf 35%, #a5bec2 55%, #d9d3b8 65%, #ffdf80 90%);
	background-attachment: fixed;
}


/* some pure gold shit right here */
.residences .cta-block {
	background: repeating-linear-gradient(180deg, #c9f3ff 0%, #edfcff 33%, #f2e5c7 66%, #c9f3ff 100%);
	background-attachment: fixed;
	background-size: 100% 400%;
	-webkit-animation: CTA-Gradient 48s linear 5s infinite both;
	-moz-animation: CTA-Gradient 48s linear 5s infinite both;
	animation: CTA-Gradient 48s linear 5s infinite both;
}

@-webkit-keyframes CTA-Gradient {
	0% {
		background-position: 50% 0%
	}
	100% {
		background-position: 50% 400%
	}
}

@-moz-keyframes CTA-Gradient {
	0% {
		background-position: 50% 0%
	}
	100% {
		background-position: 50% 400%
	}
}

@keyframes CTA-Gradient {
	0% {
		background-position: 50% 0%
	}
	100% {
		background-position: 50% 400%
	}
}
/* back to your regular programming */


.residences .res-ko-fu.copy-block {
	text-align: right;
}

.residences .ko-fu-left {
	position: relative;
	display: inline-block;
	text-align: left;
	/*width: 32%;*/
}

.residences .ko-fu-left p {
	margin: 0 0 90px auto;
	max-width: 360px;
}

.residences .ko-fu-right {
	position: relative;
	display: block;
	text-align: left;
	/*width: 68%;*/
}

.residences .ko-fu-right .unit-details {
	text-align: right;

}

.rollover-block {
	position: relative;
	display: block;
}
.residences .rollover-block .col-left,
.residences .rollover-block .col-right {
	position: relative;
	display: inline-block;
	height: 100%;
	width: 50%;
	vertical-align: top;
}
.residences .rollover-block .cl-row-1,
.residences .rollover-block .cl-row-2 {
	position: relative;
	display: block;
	height: 50%;
}
.residences .rollover-block .cr-row-1,
.residences .rollover-block .cr-row-2,
.residences .rollover-block .cr-row-3 {
	position: relative;
	display: block;
	height: 33.333%;
}

.residences .rollover-block .cr-box-1,
.residences .rollover-block .cr-box-2,
.residences .rollover-block .cr-box-3,
.residences .rollover-block .cr-box-4,
.residences .rollover-block .cr-box-5,
.residences .rollover-block .cr-box-6,
.residences .rollover-block .cr-box-7 {
	position: relative;
	display: block;
	height: 100%;
}

.residences .rollover-block .cr-box-1 {
	background-color: #033;
}
.residences .rollover-block .cr-box-2 {
	background-color: #055;
}
.residences .rollover-block .cr-box-3 {
	display: inline-block;
	width: 50%;
	background-color: #077;
}
.residences .rollover-block .cr-box-4 {
	display: inline-block;
	width: 50%;
	background-color: #099;
}
.residences .rollover-block .cr-box-5 {
	background-color: #0bb;
}
.residences .rollover-block .cr-box-6 {
	display: inline-block;
	width: 50%;
	background-color: #0dd;
}
.residences .rollover-block .cr-box-7 {
	display: inline-block;
	width: 50%;
	background-color: #0ff;
}


.plus-circle {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 55px;
	height: 55px;
	border: 1px solid #333;
	border-radius: 27.5px;
	cursor: pointer;
	transition: opacity 0.5s, transform 0.5s;
}
.plus-wrapper {
	position: absolute;
	bottom: 50%;
	right: 50%;
	-webkit-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
	width: 19px;
	height: 19px;
	transition: transform 0.5s;
}
.plus-v {
	position: absolute;
	width: 1px;
	height: 19px;
	top: 0;
	bottom: 0;
	left: 9px;
	background-color: #333;
}
.plus-h {
	position: absolute;
	height: 1px;
	width: 19px;
	top: 9px;
	right: 0;
	left: 0;
	background-color: #333;
}

.plus-circle:hover {
	opacity: 0;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}

.plus-circle:hover .plus-wrapper {
/*	-webkit-transform: translate(50%, 50%) rotate(135deg);
	-ms-transform: translate(50%, 50%) rotate(135deg);
	transform: translate(50%, 50%) rotate(135deg);*/
	-webkit-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
}

.gallery-block {
	z-index: 0;
}

.residences .slide-1 {
	background: url(../img/render/circa_render_7.jpg) no-repeat center;
	background-size: cover;
}

.residences .slide-2 {
	background: url(../img/render/circa_render_1.jpg) no-repeat center;
	background-size: cover;
}

.residences .slide-3 {
	background: url(../img/render/circa_render_8.jpg) no-repeat center;
	background-size: cover;
}

.residences .slide-4 {
	background: url(../img/render/circa_render_2.jpg) no-repeat center;
	background-size: cover;
}

.arr-wrapper {
	position: relative;
	display: block;
}

.arr {
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
}


.arr:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 2px;
	width: 0;
	background-color: #fff;
	transition: width 0.5s;
}
.arr:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 2px;
	background-color: #fff;
	transition: height 0.5s;
}






.arr-left {
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
	-o-transform: rotate(315deg);
}
.arr-up {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.arr-right {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	-o-transform: rotate(135deg);
}
.arr-down {
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	transform: rotate(225deg);
	-o-transform: rotate(225deg);
}



/* ====== Floor Plans ====== */

body.plans {
	overflow: hidden;
}

.fp-nav-pad-wrapper {
	position: relative;
	display: block;
	height: 100vh;
}

.fp-selector-wrapper {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/fp-bg.jpg) no-repeat center;
	background-size: cover;
	transition: opacity 2s ease-in-out, transform 5s;

}

.fp-selector-bg-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*display: block;*/
	height: 100%;
	width: 100%;
	background: url(../img/circa-fp-overlay.png) no-repeat center;
	background-size: cover;
	transition: opacity 2s ease-in-out 2s;
}

.fp-selector-bracket-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*display: block;*/
	height: 100%;
	width: 100%;
	background: url(../img/fp-lvl-brackets-01.svg) no-repeat center;
	background-size: cover;
	overflow: hidden;
	transition: opacity 1s 4s, transform 0.75s 1s;
}





body.plans.preload .floor-select-prompt,
body.plans.mobile .floor-select-prompt {
	opacity: 0;
}
body.plans.desktop.loaded .floor-select-prompt {
	opacity: 1;
}


.floor-select-prompt,
.res-select-prompt,
.unit-selected-prompt {
	position: absolute;
	top: 0;
	left: 0;
	padding: 30px 0 0 30px;
	pointer-events: none;
}
.floor-select-prompt {
	transition: opacity 2.5s ease-in-out 5s;
}
.res-select-prompt,
.unit-selected-prompt {
	transition: opacity 0.5s ease-in-out;
	opacity: 0;
}


.floor-select-prompt span.hovered-floor {
	opacity: 0;
	transition: opacity 0.375s ease-in-out 0.375s;
	position: absolute;
	top: 0;
	left: 0;
}

.floor-select-prompt.floor-hovered span.hovered-floor {
	opacity: 1;
	transition: opacity 0.375s ease-in-out 0.375s;
}

.floor-select-prompt.floor-hovered span.select-level-title {
	opacity: 0;
	transition: opacity 0.375s ease-in-out;
}

.floor-select-prompt.floor-unhovered span.select-level-title {
	opacity: 1;
	transition: opacity 0.75s ease-in-out 0.75s;
}




.floor-select-prompt span,
.res-select-prompt span,
.unit-selected-prompt span {
	position: relative;
	display: block;
	font-family: 'TradeGothic BoldCondTwenty';
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1.25px;
	font-size: 1.8rem;
	color: #fff;
}
.res-select-prompt span,
.unit-selected-prompt span {
	color: #807f80;
}

.res-select-prompt span.select-res-title {
	display: inline-block;
}
.res-select-prompt .res-sel-wrap {
	position: relative;
	display: inline-block;
}
.res-select-prompt span.res-selected-no {
	position: absolute;
	top: 0;
	left: 0;
}

.res-select-prompt.unit-hovered span.res-selected {
	opacity: 0;
	transition: opacity 0.375s ease-in-out;
}
.res-select-prompt.unit-unhovered span.res-selected {
	opacity: 1;
	transition: opacity 0.75s ease-in-out 0.75s;
}

.res-select-prompt span.res-selected-no {
	opacity: 0;
}

.res-select-prompt.unit-hovered span.res-selected-no {
	opacity: 1;
	transition: opacity 0.375s ease-in-out 0.375s;
}
.res-select-prompt.unit-unhovered span.res-selected-no {
	opacity: 0;
	transition: opacity 0.375s ease-in-out 0.375s;
}


.floor-select-prompt span {
	transition: opacity 0.5s ease-in-out 0.5s;
}

body.plans.plate-state .floor-select-prompt span,
body.plans.plan-state .floor-select-prompt span,
body.plans.plate-state .unit-selected-prompt {
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}

body.plans.plate-state .res-select-prompt,
body.plans.plan-state .unit-selected-prompt {
	opacity: 1;
	transition: opacity 0.5s ease-in-out 0.5s;
}

.floor-select-prompt.select-level-title {}



.unit-details-prompt {
	position: absolute;
	top: 90px;
	left: 30px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.375s ease-in-out 0.375s;
}

.unit-details-prompt.mobile-unit-selected-deats,
body.plans.plan-state .unit-details-prompt {
	opacity: 1 !important;
}

.unit-details-br {
	position: relative;
	display: block;
	width: 72px;
	height: 1px;
	background-color: #807f80;
	margin: 0 auto 16px 0;
}
.unit-details-prompt span {
	position: relative;
	display: block;
	font-family: 'Garamond';
	font-weight: normal;
	font-style: normal;
}

.unit-details-line-1 {
	font-size: 2.4rem;
}

.unit-details-line-2,
.unit-details-line-3,
.unit-details-line-4 {
	font-size: 1.8rem;
	line-height: 1.25;
}



.floors-svg {
	transition: opacity 1s ease 4s;
}

body.plans.preload .fp-selector-wrapper,
body.plans.preload .fp-selector-bg-overlay,
body.plans.preload .fp-selector-bracket-overlay,
body.plans.preload .floors-svg {
	opacity: 0;
}

body.plans.loaded .fp-selector-wrapper,
body.plans.loaded .fp-selector-bg-overlay,
body.plans.loaded .fp-selector-bracket-overlay,
body.plans.loaded .floors-svg {
	opacity: 1;
}

body.plans.preload .fp-selector-wrapper {
	transform: scale(1.05);
}

body.plans.loaded .fp-selector-wrapper {
	transform: scale(1.0);
}

body.plans.preload .fp-selector-bracket-overlay {
	transform: translateX(9px);
}

body.plans.loaded .fp-selector-bracket-overlay {
	transform: translateX(0);
}

.floors-svg {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	/*object-fit: cover;*/
	overflow: hidden;
}

#floor-hovers-wrapper polygon,
#floor-hovers-wrapper path {
	opacity: 0;
	cursor: pointer;
	transition: opacity 0.75s ease-in-out;
}

#floor-hovers-wrapper polygon:hover,
#floor-hovers-wrapper path:hover {
	opacity: 0.85;
	transition: opacity 0.25s;
}

#floor-hovers-wrapper polygon.mobile-active,
#floor-hovers-wrapper path.mobile-active {
	opacity: 0.85;
	transition: opacity 0.25s;
}

/* Plate */
.plate-overlay-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #ddd;
	transition: opacity 0.5s ease-in-out 0.5s;
}

.plate-overlay-wrapper.inactive {
	opacity: 0;
	pointer-events: none;
}

.plate-overlay-wrapper.active {
	opacity: 1;
}

.plate-wrapper,
.plan-wrapper {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 60px 15px 60px 60px;
}

.plate-wrapper.inactive,
.plan-wrapper.inactive {
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.5s ease-in-out;
}

.plate-wrapper.active,
.plan-wrapper.active {
	opacity: 1;
	transition: opacity 0.5s ease-in-out 0.5s;
}

.plate-wrapper svg {
	position: relative;
	display: block;
	max-width: 100%;
	width: 100%;
	height: 100%;
	will-change: fill;
	max-height: calc(100vh - 240px);
}

.plate-wrapper svg .plate-units-wrapper polygon {
	cursor: pointer;
	transition: fill 0.5s ease-in-out;
	will-change: fill;
}

.plate-wrapper svg .plate-units-wrapper polygon:hover {
	fill: #b5e1df;
}

.plate-wrapper svg g#Lines {
	pointer-events: none;
}

.plan-bg {
	position: relative;
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}


.plate-back-button-wrapper {
	position: absolute;
	left: 15px;
	top: calc(50% - 18px);
	cursor: pointer;
}


.plate-back-button {
	position: relative;
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 18px;
	border: 2px solid #807f80;
	padding-top: 6px;
	padding-left: 15px;
	transition: background-color 0.25s;
}

.plate-back-button-wrapper span {
	position: relative;
	display: block;
	text-align: center;
	padding-top: 5px;
	font-family: 'Garamond';
	font-style: italic;
}

.plans .plate-back-button .arr.arr-left:before {
	width: 11px;
	background-color: #807f80;
	transition: background-color 0.25s;
}

.plans .plate-back-button .arr.arr-left:after {
	height: 11px;
	background-color: #807f80;
	transition: background-color 0.25s;
}

.plate-back-button-wrapper:hover .plate-back-button {
	background-color: #807f80;
}

.plate-back-button-wrapper:hover .plate-back-button .arr.arr-left:after,
.plate-back-button-wrapper:hover .plate-back-button .arr.arr-left:before {
	background-color: #fff;
}

.plan-action-panel {
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.plans .view-thumb {
	position: relative;
	display: block;
	width: 150px;
	height: 90px;
	line-height: 90px;
	margin-bottom: 9px;
	background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%), url(../img/view-thumb.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
	font-family: 'TradeGothic BoldCondTwenty';
	font-weight: bold;
	font-style: normal;
	letter-spacing: 2px;
	text-align: center;
	font-size: 1.3rem;
	text-transform: uppercase;
	cursor: pointer;
}

.plans .plan-btn {
	position: relative;
	display: block;
	width: 150px;
	line-height: 40px;
	padding-top: 1px;
	border: 1px solid #807f80;
	font-family: 'TradeGothic BoldCondTwenty';
	font-weight: bold;
	font-style: normal;
	letter-spacing: 2px;
	text-align: center;
	font-size: 1.3rem;
	text-transform: uppercase;
	cursor: pointer;
	transition: color 0.3s, background-color 0.3s;
}

.plans .plan-btn:hover {
	background-color: #807f80;
	color: #fff;
}

.plans .view-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: opacity 0.5s ease-in-out;
}

.plans .view-wrapper.inactive {
	opacity: 0;
	pointer-events: none;
}

.plans .view-close-wrapper {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 27px;
	height: 27px;
}

.plans .view-close {
	position: relative;
	display: block;
	height: 100%;
	transform: rotate(45deg);
	cursor: pointer;
}

.plans .view-close span {
	background-color: #fff;
}

.plans .view-close span:nth-child(1) {
	height: 100%;
	width: 1px;
	position: absolute;
	top: 0;
	left: 13px;
}

.plans .view-close span:nth-child(2) {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 13px;
}

.dindu {
	pointer-events: none;
}






/* ====== Mobile Floor Plans ====== */

.plan-confirm-btn-mobile,
.plans .plan-btn.availability-btn {
	/*position: fixed;*/

	/*top: 30px;*/
	/*right: 50%;*/
	/*-webkit-transform: translateX(50%);*/
	/*-ms-transform: translateX(50%);*/
	/*transform: translateX(50%);*/

	position: absolute;

	top: 226px;
	left: 30px;

	background-color: #fff;
	color: #73cecf;

	width: 150px;
	line-height: 40px;
	padding-top: 1px;
	font-family: 'TradeGothic BoldCondTwenty';
	font-weight: bold;
	font-style: normal;
	letter-spacing: 2px;
	text-align: center;
	font-size: 1.3rem;
	text-transform: uppercase;
	cursor: pointer;

	transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
	opacity: 0;
}

body.plans .plan-btn.availability-btn {
	border: none;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.5s ease-in-out;
}

body.plans.plan-state .plan-btn.availability-btn {
	opacity: 1;
	pointer-events: auto;
	transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.5s ease-in-out 0.5s;
}

body.plans.plan-state .plan-btn.availability-btn:hover {
	background-color: #807f80;
	color: #fff;
}


body.desktop .plan-confirm-btn-mobile {
	opacity: 0;
	pointer-events: none;
}

.plan-confirm-btn-mobile.locked-n-loaded {
	opacity: 1;
	pointer-events: auto;
}

.plan-confirm-btn-mobile:hover {
	background-color: #807f80;
	color: #fff;
}


body.plans.plate-state .plan-confirm-btn-mobile {
	transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, opacity 0.5s ease-in-out 0.5s;
}
body.plans.plan-state .plan-confirm-btn-mobile {
	opacity: 0;
	pointer-events: none;
	transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, opacity 0.5s ease-in-out;
}







.mobile-plate-select {
	position: fixed;
	bottom: 20px;
	right: 20px;
	opacity: 0;
	pointer-events: none;
}




.mobile-tower-selector {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;

	border: solid #fff;
	border-width: 1px 1px 0;
}

.mobile-tower-selector input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 0px;
    width: 0px;
    border: 0;
    overflow: hidden;
}

.mobile-tower-selector label {
	float: left;

	display: inline-block;
	width: 50%;
	background-color: transparent;
	color: #fff;
	font-family: 'TradeGothic BoldCondTwenty';
	font-size: 1.3rem;
	font-style: normal;
	font-weight: bold;
	height: 40px;
	letter-spacing: 2px;
	line-height: 40px;
	padding: 0 16px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}

.mobile-tower-selector label:hover {
	cursor: pointer;
}

.mobile-tower-selector input:checked + label {
	background-color: #fff;
	color: #807f80;

}

.mobile-tower-selector label:first-of-type {
	/*border-radius: 4px 0 0 4px;*/
}

.mobile-tower-selector label:last-of-type {
	/*border-radius: 0 4px 4px 0;*/
}


.mobile-floor-selector {
	position: relative;
	display: block;
}

.mobile-plate-select select#mobile-res-type-select {
	position: relative;
	display: block;
	width: 100%;

	background: transparent url(../img/dd-arrows.png) right 16px center no-repeat;
	background-size: 10px 19px;
	font-family: 'TradeGothic BoldCondTwenty';
	font-size: 1.3rem;
	font-style: normal;
	font-weight: bold;
	height: 40px;
	letter-spacing: 2px;
	line-height: 40px;
	padding: 0 42px 0 10px;
	text-align: left;
	text-transform: uppercase;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	border-radius: 0;

	-moz-text-indent: -2px;

	border: 1px solid #fff;
	color: #fff;
	margin-bottom: 17px;
}

.mobile-plate-select select:hover {
	/*background-color: #fc8;*/
}

.mobile-res-type-submit {
	position: relative;
	display: block;
	width: 100%;
	background-color: #73cecf;
	color: #fff;
	font-family: 'TradeGothic BoldCondTwenty';
	font-size: 1.3rem;
	font-style: normal;
	font-weight: bold;
	height: 40px;
	letter-spacing: 2px;
	line-height: 40px;
	padding: 0 16px;
	text-align: center;
	text-transform: uppercase;
	transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
}

.mobile-res-type-submit:hover {
	background: #807f80;
	color: #73cecf;
}


body.mobile.loaded .mobile-plate-select {
	opacity: 1;
	pointer-events: auto;
	transition: opacity 2.5s ease-in-out 5s;
}


.mobile-res-type-submit.disabeledClass,
.mobile-res-type-submit.disabeledClass:hover {
	background-color: #fff;
	color: #aaa;
	opacity: 0.3;
}

body.mobile polygon.floor,
body.mobile path.floor {
	pointer-events: none;
}





/* ====== Amenities ====== */

.amenities .knockout-container-2 {
	background: linear-gradient(180deg, #3a2991, #3ebede 88%);
	background-attachment: fixed;
}

.amenities .cta-block {
	/*background: linear-gradient(180deg, #b6bcda, #ebf8ff 50%, #c4e2ea);*/
	background: repeating-linear-gradient(180deg, #b6bcda 0%, #ebf8ff 25%, #c4e2ea 50%, #ebf8ff 75%, #b6bcda 100%);
	background-attachment: fixed;
	background-size: 100% 400%;
	-webkit-animation: CTA-Gradient 48s linear 5s infinite both;
	-moz-animation: CTA-Gradient 48s linear 5s infinite both;
	animation: CTA-Gradient 48s linear 5s infinite both;
}

.amenities .res-ko-fu.copy-block p {
	max-width: 620px;
	margin-right: auto;
}

.amenities .amen-pane {
	position: relative;
	display: block;
	cursor: pointer;
}

.ap-01 {
	background: url(../img/amen-pane-01.jpg) no-repeat center;
	background-size: cover;
}
.ap-02 {
	background: url(../img/amen-pane-02.jpg) no-repeat center;
	background-size: cover;
}
.ap-03 {
	background: url(../img/amen-pane-03.jpg) no-repeat center;
	background-size: cover;
}
.ap-04 {
	background: url(../img/amen-pane-04.jpg) no-repeat center;
	background-size: cover;
}
.ap-05 {
	background: url(../img/amen-pane-05.jpg) no-repeat center;
	background-size: cover;
}
.ap-06 {
	background: url(../img/amen-pane-06.jpg) no-repeat center;
	background-size: cover;
}

.amenities .amen-hover-pane {
	background: linear-gradient(to bottom, rgba(0,20,75,0.8) 12%, rgba(0,80,150,0.8) 50%, rgba(50,180,220,0.8) 88%);
}



/* Amenity Map */


.amen-map-title-block {
	position: relative;
	display: block;
	padding: 30px 15px;
	margin-top: -90px;
}

.amen-map-mobile h1,
.amen-map-title-block h1 {
	position: relative;
	display: block;

	font-family: 'TradeGothic BoldCondTwenty';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
}

.amen-map-wrapper {
	position: relative;
	display: block;
	background-color: #f0f0f0;
	padding: 30px 15px;
}

.amen-map-mobile {
	position: relative;
	display: none;
}

.amen-map-mobile h1 {
	text-align: center;
}

.amen-map-mobile p {
	position: relative;
	display: block;
	margin: 12px 0 24px;
}

.amen-map-desktop {
	position: relative;
	display: block;
	max-width: 1800px;
	margin: 60px auto;
}

.amen-map-img-mobile,
.amen-map-img-desktop {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.amen-map-markers-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.amw-fade {
	position: absolute;
	width: 32px;
	height: 32px;
	transform: translate(50%, 50%) scale(1);
}

.amen-map-wrapper.hide-markers .amw-fade {
	opacity: 0;
	pointer-events: none;
	transform: translate(50%, 50%) scale(0);
}

.amw-fade:nth-child(11) { transition: transform 0.35s ease-out 0.00s, opacity 0.35s ease-out 0.00s; }
.amw-fade:nth-child(7) { transition: transform 0.35s ease-out 0.05s, opacity 0.35s ease-out 0.05s; }
.amw-fade:nth-child(5) { transition: transform 0.35s ease-out 0.10s, opacity 0.35s ease-out 0.10s; }
.amw-fade:nth-child(13) { transition: transform 0.35s ease-out 0.15s, opacity 0.35s ease-out 0.15s; }
.amw-fade:nth-child(17) { transition: transform 0.35s ease-out 0.20s, opacity 0.35s ease-out 0.20s; }
.amw-fade:nth-child(6) { transition: transform 0.35s ease-out 0.25s, opacity 0.35s ease-out 0.25s; }
.amw-fade:nth-child(10) { transition: transform 0.35s ease-out 0.30s, opacity 0.35s ease-out 0.30s; }
.amw-fade:nth-child(8) { transition: transform 0.35s ease-out 0.35s, opacity 0.35s ease-out 0.35s; }
.amw-fade:nth-child(14) { transition: transform 0.35s ease-out 0.40s, opacity 0.35s ease-out 0.40s; }
.amw-fade:nth-child(2) { transition: transform 0.35s ease-out 0.45s, opacity 0.35s ease-out 0.45s; }
.amw-fade:nth-child(18) { transition: transform 0.35s ease-out 0.50s, opacity 0.35s ease-out 0.50s; }
.amw-fade:nth-child(12) { transition: transform 0.35s ease-out 0.55s, opacity 0.35s ease-out 0.55s; }
.amw-fade:nth-child(4) { transition: transform 0.35s ease-out 0.60s, opacity 0.35s ease-out 0.60s; }
.amw-fade:nth-child(9) { transition: transform 0.35s ease-out 0.65s, opacity 0.35s ease-out 0.65s; }
.amw-fade:nth-child(15) { transition: transform 0.35s ease-out 0.70s, opacity 0.35s ease-out 0.70s; }
.amw-fade:nth-child(16) { transition: transform 0.35s ease-out 0.75s, opacity 0.35s ease-out 0.75s; }
.amw-fade:nth-child(3) { transition: transform 0.35s ease-out 0.80s, opacity 0.35s ease-out 0.80s; }
.amw-fade:nth-child(1) { transition: transform 0.35s ease-out 0.85s, opacity 0.35s ease-out 0.85s; }

.amen-marker {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #73cecf;
	border: 2px solid #fff;
	border-radius: 16px;
    box-shadow: 0 4px 4px rgba(0,0,0,0.5);
	transition: transform 0.35s ease, background-color 0.25s ease-in-out;
	cursor: pointer;
}

.amen-marker .plus-hash-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.amen-marker .plus-hash {
	position: absolute;
	bottom: 50%;
	right: 50%;
	transform: translate(50%, 50%);
	background-color: #fff;
}

.amen-marker .plus-hash.pl-01 {
	width: 2px;
	height: 12px;
}

.amen-marker .plus-hash.pl-02 {
	width: 12px;
	height: 2px;
}

.amen-marker:hover {
	transform: scale(1.25);
	background-color: rgba(115,206,207,0.5);
	transition: transform 0.35s ease, background-color 0.5s ease-in-out 0.15s;
}

.amen-marker:hover .plus-hash-wrapper {
	transform: rotate(180deg);
	transition: transform 0.35s ease;
}


/*
.amen-marker.am-01 { bottom: 24.25%; right: 60.5%; }
.amen-marker.am-02 { bottom: 24.25%; right: 85%; }
.amen-marker.am-03 { bottom: 26%; right: 96%; }
.amen-marker.am-04 { bottom: 15%; right: 96%; }
.amen-marker.am-05 { bottom: 12.5%; right: 60.5%; }
.amen-marker.am-06 { bottom: 91%; right: 31%; }

.amen-marker.am-07 { bottom: 81.25%; right: 40.5%; }
.amen-marker.am-08 { bottom: 54.5%; right: 43%; }
.amen-marker.am-09 { bottom: 64.5%; right: 41%; }
.amen-marker.am-10 { bottom: 71.25%; right: 35.5%; }

.amen-marker.am-11-1 { bottom: 52.75%; right: 67.5%; }
.amen-marker.am-11-2 { bottom: 41.75%; right: 44%; }
.amen-marker.am-11-3 { bottom: 45%; right: 35%; }


.amen-marker.am-12 { bottom: 31%; right: 33.25%; }
.amen-marker.am-13 { bottom: 32%; right: 19%; }
.amen-marker.am-14 { bottom: 51.25%; right: 21%; }
.amen-marker.am-15 { bottom: 41.75%; right: 85.25%; }
.amen-marker.am-16 { bottom: 41.75%; right: 95.5%; }
*/




/* Column 1 */
.amw-fade:nth-child(1) { bottom: 24.25%; right: 60.5%; }
.amw-fade:nth-child(2) { bottom: 18%; right: 85%; }
.amw-fade:nth-child(3) { bottom: 26%; right: 95.75%; }
.amw-fade:nth-child(4) { bottom: 15%; right: 96%; }
.amw-fade:nth-child(5) { bottom: 12.5%; right: 60.5%; }
.amw-fade:nth-child(6) { bottom: 91%; right: 31%; }

/* Column 2 */
.amw-fade:nth-child(7) { bottom: 81.25%; right: 40.5%; }
.amw-fade:nth-child(8) { bottom: 54.5%; right: 43%; }
.amw-fade:nth-child(9) { bottom: 64.5%; right: 41%; }
.amw-fade:nth-child(10) { bottom: 71.25%; right: 36.75%; }
/* Outdoor Fireplaces */
.amw-fade:nth-child(11) { bottom: 52.75%; right: 67.5%; }
.amw-fade:nth-child(12) { bottom: 41.75%; right: 44%; }
.amw-fade:nth-child(13) { bottom: 45%; right: 35%; }

/* Column 3 */
.amw-fade:nth-child(14) { bottom: 31%; right: 33.25%; }
.amw-fade:nth-child(15) { bottom: 32%; right: 18.5%; }
.amw-fade:nth-child(16) { bottom: 51.25%; right: 18.75%; }
.amw-fade:nth-child(17) { bottom: 41.75%; right: 85.25%; }
.amw-fade:nth-child(18) { bottom: 41.75%; right: 95.5%; }

.amen-mousetail {
	position: absolute;
	width: 180px;
	border: 4px solid #fff;
	opacity: 0;
	pointer-events: none;
	background-color: #fff;
	transition: opacity 0.2s ease-in-out;
	transform: translateY(-100%);
}

.amen-mousetail.hover {
	opacity: 1;
	transition: opacity 0.25s ease-in-out 0.35s;
}

.amt-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: 0;
	transition: opacity 0s 0.25s;
}

.amt-title-wrapper {
	position: relative;
	display: block;
	height: 60px;
	padding: 0 9px;
}

.amt-title {
	position: absolute;
	right: 0;
	bottom: 50%;
	transform: translateY(50%);
	left: 0;
	text-align: center;
	font-family: "Garamond", serif;
	font-style: italic;
	font-weight: normal;
	font-size: 1.4rem;
	line-height: 1.2;
	opacity: 0;
	transition: opacity 0s 0.25s;
}

.amt-bg.amt-bg-01 { background-image: url(../img/amen-map/1-resort-pool.jpg); }
.amt-bg.amt-bg-02 { background-image: url(../img/amen-map/2-fitness-center.jpg); }
.amt-bg.amt-bg-03 { background-image: url(../img/amen-map/3-outdoor-yoga.jpg); }
.amt-bg.amt-bg-04 { background-image: url(../img/amen-map/4-indoor-cycling.jpg); }
.amt-bg.amt-bg-05 { background-image: url(../img/amen-map/5-private-cabanas.jpg); }
.amt-bg.amt-bg-06 { background-image: url(../img/amen-map/6-viewing-deck.jpg); }
.amt-bg.amt-bg-07 { background-image: url(../img/amen-map/7-sports-lounge.jpg); }
.amt-bg.amt-bg-08 { background-image: url(../img/amen-map/8-bbq-grills.jpg); }
.amt-bg.amt-bg-09 { background-image: url(../img/amen-map/9-chefs-kitchen.jpg); }
.amt-bg.amt-bg-10 { background-image: url(../img/amen-map/10-indoor-outdoor-lounge.jpg); }
.amt-bg.amt-bg-11 { background-image: url(../img/amen-map/11-outdoor-fireplaces.jpg); }
.amt-bg.amt-bg-12 { background-image: url(../img/amen-map/12-library-lounge.jpg); }
.amt-bg.amt-bg-13 { background-image: url(../img/amen-map/13-cowork-space.jpg); }
.amt-bg.amt-bg-14 { background-image: url(../img/amen-map/14-bike-storage.jpg); }
.amt-bg.amt-bg-15 { background-image: url(../img/amen-map/15-dog-parks.jpg); }
.amt-bg.amt-bg-16 { background-image: url(../img/amen-map/16-pet-grooming.jpg); }

.amen-mousetail.hover.amh-01 .amt-title-01,
.amen-mousetail.hover.amh-02 .amt-title-02,
.amen-mousetail.hover.amh-03 .amt-title-03,
.amen-mousetail.hover.amh-04 .amt-title-04,
.amen-mousetail.hover.amh-05 .amt-title-05,
.amen-mousetail.hover.amh-06 .amt-title-06,
.amen-mousetail.hover.amh-07 .amt-title-07,
.amen-mousetail.hover.amh-08 .amt-title-08,
.amen-mousetail.hover.amh-09 .amt-title-09,
.amen-mousetail.hover.amh-10 .amt-title-10,
.amen-mousetail.hover.amh-11 .amt-title-11,
.amen-mousetail.hover.amh-12 .amt-title-12,
.amen-mousetail.hover.amh-13 .amt-title-13,
.amen-mousetail.hover.amh-14 .amt-title-14,
.amen-mousetail.hover.amh-15 .amt-title-15,
.amen-mousetail.hover.amh-16 .amt-title-16,
.amen-mousetail.hover.amh-01 .amt-bg.amt-bg-01,
.amen-mousetail.hover.amh-02 .amt-bg.amt-bg-02,
.amen-mousetail.hover.amh-03 .amt-bg.amt-bg-03,
.amen-mousetail.hover.amh-04 .amt-bg.amt-bg-04,
.amen-mousetail.hover.amh-05 .amt-bg.amt-bg-05,
.amen-mousetail.hover.amh-06 .amt-bg.amt-bg-06,
.amen-mousetail.hover.amh-07 .amt-bg.amt-bg-07,
.amen-mousetail.hover.amh-08 .amt-bg.amt-bg-08,
.amen-mousetail.hover.amh-09 .amt-bg.amt-bg-09,
.amen-mousetail.hover.amh-10 .amt-bg.amt-bg-10,
.amen-mousetail.hover.amh-11 .amt-bg.amt-bg-11,
.amen-mousetail.hover.amh-12 .amt-bg.amt-bg-12,
.amen-mousetail.hover.amh-13 .amt-bg.amt-bg-13,
.amen-mousetail.hover.amh-14 .amt-bg.amt-bg-14,
.amen-mousetail.hover.amh-15 .amt-bg.amt-bg-15,
.amen-mousetail.hover.amh-16 .amt-bg.amt-bg-16 {
	opacity: 1;
	transition: opacity 0s 0s;
}

.amenities .copy-block .amen-details {
	text-align: center;
}

.amenities .copy-block .amen-details div {
	text-align: left;
}

.amenities .copy-block .amen-details .col-1,
.amenities .copy-block .amen-details .col-2,
.amenities .copy-block .amen-details .col-3 {
	position: relative;
	display: block;
	text-align: left;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 320px;
}

.amenities .copy-block .amen-details ul li {
	padding-left: 12px;
}

.amenities .copy-block .amen-details ol {
	margin-left: 15px;
}

.amenities .copy-block .amen-details li {
	position: relative;
	font-family: 'Garamond';
	font-weight: normal;
	font-style: italic;
}

.amenities .copy-block .amen-details ul li:before {
	position: absolute;
	content: '–';
	left: 0;
	top: -2px;
}

@media all and (min-width: 1200px) {

	.amw-fade {
		width: 40px;
		height: 40px;
	}

	.amen-marker {
		border-radius: 20px;
	}

	.amen-marker .plus-hash.pl-01 {
		width: 2px;
		height: 16px;
	}

	.amen-marker .plus-hash.pl-02 {
		width: 16px;
		height: 2px;
	}

	.amen-mousetail {
		width: 220px;
	}

	.amt-title {
		font-size: 1.6rem;
	}

}


/* ====== Team Page ====== */

.team .copy-block .unit-details {
	text-align: center;
}

.team .copy-block .unit-details div {
	display: block;
	width: 100%;
	text-align: left;
	margin: 0 auto 60px;
	padding: 0;
}

.team .cta-block {
	/*background: linear-gradient(180deg, #b6bcda, #ebf8ff 50%, #c4e2ea);*/
	background: repeating-linear-gradient(180deg, #fff5e0 0%, #fff8e1 25%, #fed69c 50%, #fff8e1 75%, #fff5e0 100%);
	background-attachment: fixed;
	background-size: 100% 400%;
	-webkit-animation: CTA-Gradient 48s linear 5s infinite both;
	-moz-animation: CTA-Gradient 48s linear 5s infinite both;
	animation: CTA-Gradient 48s linear 5s infinite both;
}



/* ====== Location Page ====== */

.location .knockout-container-2 {
	background: linear-gradient(180deg, #6c3380 12%, #f28d50 66%);
	background-attachment: fixed;
}

.location .cta-block {
	/*background: linear-gradient(180deg, #b6bcda, #ebf8ff 50%, #c4e2ea);*/
	background: repeating-linear-gradient(180deg, #ffd4fb 0%, #ffebe8 25%, #ffdacc 50%, #ffebe8 75%, #ffd4fb 100%);
	background-attachment: fixed;
	background-size: 100% 400%;
	-webkit-animation: CTA-Gradient 48s linear 5s infinite both;
	-moz-animation: CTA-Gradient 48s linear 5s infinite both;
	animation: CTA-Gradient 48s linear 5s infinite both;
}

.location .res-ko-fu.copy-block p {
	max-width: 550px;
	margin-right: auto;
}

.location .rollover-block {
	background-color: #fff;
	padding: 0 9px 9px;
}

.location .amen-pane {
	position: relative;
	display: block;
	width: 100%;
	cursor: pointer;
	padding: 6px;
}

.location .amen-hover-pane {
	background: linear-gradient(to bottom, rgba(108,51,128,0.8) 12%, rgba(242,141,80,0.8) 88%);
}

.loc-pan-padder {
	position: relative;
	display: block;
	height: 100%;
}

.lp-01 {
	background: url(../img/loc-pane-01.jpg) no-repeat center;
	background-size: cover;
}
.lp-02 {
	background: url(../img/loc-pane-02.jpg) no-repeat center;
	background-size: cover;
}
.lp-03 {
	background: url(../img/loc-pane-03.jpg) no-repeat center;
	background-size: cover;
}
.lp-04 {
	background: url(../img/loc-pane-04.jpg) no-repeat center;
	background-size: cover;
}
.lp-05 {
	background: url(../img/loc-pane-05.jpg) no-repeat center;
	background-size: cover;
}
.lp-06 {
	background: url(../img/loc-pane-06.jpg) no-repeat center;
	background-size: cover;
}
.lp-07 {
	background: url(../img/loc-pane-07.jpg) no-repeat center;
	background-size: cover;
}
.lp-08 {
	background: url(../img/loc-pane-08.jpg) no-repeat center;
	background-size: cover;
}
.lp-09 {
	background: url(../img/loc-pane-09.jpg) no-repeat center;
	background-size: cover;
}

.map-wrapper {
	position: relative;
	display: block;
	height: calc(100vh - 42px);
}

.map-point-filter {
	position: absolute;
	top: 10px;
	right: 10px;
}

.map-point-filter ul {
	position: relative;
	display: block;
	text-align: center;
}

.map-point-filter li {
	position: relative;
	display: block;
	width: 100px;
	background-color: #fff;
	color: #807f80;
	margin: 0 0 5px;
	text-align: center;
	font-family: 'TradeGothic CondEighteen';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;.
	font-size: 1.2rem;
	letter-spacing: 1px;
	padding: 7px 0 3px;
	cursor: pointer;
	transition: background-color 0.5s, color 0.5s;
}

.map-point-filter li:hover,
.map-point-filter li.active {
	color: #fff;
	background-color: #fd8344;
}

.location .slide-01 {
	background: url(../img/neighborhood/01.jpg) no-repeat center;
	background-size: cover;
}

.location .slide-02 {
	background: url(../img/neighborhood/02.jpg) no-repeat center;
	background-size: cover;
}

.location .slide-03 {
	background: url(../img/neighborhood/03.jpg) no-repeat center;
	background-size: cover;
}

.location .slide-04 {
	background: url(../img/neighborhood/04.jpg) no-repeat center;
	background-size: cover;
}

.location .slide-05 {
	background: url(../img/neighborhood/05.jpg) no-repeat center;
	background-size: cover;
}

.location .slide-06 {
	background: url(../img/neighborhood/06.jpg) no-repeat center;
	background-size: cover;
}

.location .slide-07 {
	background: url(../img/neighborhood/07.jpg) no-repeat center;
	background-size: cover;
}

.location .slide-08 {
	background: url(../img/neighborhood/08.jpg) no-repeat center;
	background-size: cover;
}

.location .slide-09 {
	background: url(../img/neighborhood/09.jpg) no-repeat center;
	background-size: cover;
}

.location .slide-10 {
	background: url(../img/neighborhood/10.jpg) no-repeat center;
	background-size: cover;
}



/* ====== Gallery Page ====== */

.gallery .slide-1 {
	background: url(../img/render/circa_render_1.jpg) no-repeat center;
	background-size: cover;
}

.gallery .slide-2 {
	background: url(../img/render/circa_render_2.jpg) no-repeat center;
	background-size: cover;
}

.gallery .slide-3 {
	background: url(../img/render/circa_render_3.jpg) no-repeat center;
	background-size: cover;
}

.gallery .slide-4 {
	background: url(../img/render/circa_render_4.jpg) no-repeat center;
	background-size: cover;
}

.gallery .slide-5 {
	background: url(../img/render/circa_render_5.jpg) no-repeat center;
	background-size: cover;
}

.gallery .slide-6 {
	background: url(../img/render/circa_render_6.jpg) no-repeat center;
	background-size: cover;
}

.gallery .slide-7 {
	background: url(../img/render/circa_render_7.jpg) no-repeat center;
	background-size: cover;
}

.gallery .slide-8 {
	background: url(../img/render/circa_render_8.jpg) no-repeat center;
	background-size: cover;
}

/*
.gallery-tiles-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	min-height: 100vh;
	padding: 60px 10px 10px 10px;
	z-index: 999999;

	background: repeating-linear-gradient(180deg, #bafcf5 0%, #e0fffb 33%, #e3ffbf 66%, #bafcf5 100%);
	background-attachment: fixed;
	background-size: 100% 400%;
	-webkit-animation: CTA-Gradient 48s linear 5s infinite both;
	-moz-animation: CTA-Gradient 48s linear 5s infinite both;
	animation: CTA-Gradient 48s linear 5s infinite both;
}

.gallery-tiles-wrapper .tile {
	position: relative;
	display: inline-block;
	width: 33.333%;
	vertical-align: top;
	padding: 10px;
	overflow: hidden;
	cursor: pointer;
}

.gallery-tiles-wrapper .tile .aspect-content {
	transition: transform 1s;
}

.gallery-tiles-wrapper .tile:hover .aspect-content {
	transform: scale(1.1);
}
*/

.gallery .thumbs-trigger {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	width: 100px;
	height: 20px;
	margin: 0 auto;
	text-align: center;
	/*cursor: pointer;*/
	z-index: 2;
}

.gallery .thumbs-trigger .tt-square {
	position: relative;
	display: inline-block;
	height: 14px;
	width: 24px;
	background: #fff;
	margin: 0 3px;
	vertical-align: middle;
}

.gallery .thumbs-icon {
	position: absolute;
	height: 36px;
	width: 36px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 2;

	display: none;
}

.gallery .flex-control-thumbs,
.gallery .flex-control-thumbs li {
	border: 6px solid #fff;
}

.gallery .flex-control-thumbs {
	z-index: 20;
}

.gallery .thumbs-hover-trigger {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: calc(7.013125vw + 12px);
	z-index: 2;

	display: none;
}



/* ====== News Page ====== */

.news-stack {
	position: relative;
	display: block;
	padding: 90px 30px;
	margin: 0 auto;
	max-width: 1200px;
}

/*.news-block-left {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 40%;
	padding-top: 4px;
}*/

/*.news-block-left .news-image {
	background: url(../img/amen-pane-01.jpg) no-repeat center;
	background-size: cover;
}*/

/*.news-block-right {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 60%;
	padding-left: 30px;
}*/

.news-block {
	position: relative;
	display: block;
	margin-bottom: 72px;
}

.news-block span.date {
	position: relative;
	display: block;
	font-family: 'TradeGothic CondEighteen';
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1.25px;
	text-transform: uppercase;
	font-size: 1.4rem;
	margin-bottom: 12px;
}

.news-block h1 {
	position: relative;
	display: block;
	font-family: 'Arquitecta';
	src: url('ArquitectaThin.woff2') format('woff2'),
		url('ArquitectaThin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	text-transform: uppercase;
	font-size: 3.8rem;
	margin-left: -2px;
}

.news-block .share-row {
	position: absolute;
	top: 0;
	right: 0;
	margin-left: -6px;
}

.news-block .share-row a {
	position: relative;
	display: inline-block;
	margin-right: 3px;
	vertical-align: top;
	font-size: 1.4rem;
}
.news-block .share-row a i {
	transition: color 0.5s;
}
.news-block .share-row a:hover i {
	color: #292829;
}

.news-block .news-title-break {
	position: relative;
	display: block;
	margin: 15px auto 30px 0;
	height: 1px;
	background-color: #807f80;
	max-width: 72px;
}

.news-image-block {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.news-image-block .news-image {
	background: url(../img/amen-pane-01.jpg) no-repeat center;
	background-size: cover;
}

.news-image-block .amen-hover-pane {
	background: linear-gradient(to bottom, rgba(255,249,191,0.6) 12%, rgba(255,211,51,0.6) 50%, rgba(255,149,0,0.6) 88%) no-repeat center;
	background-size: cover;
}

.news-image-block .amen-hover-pane.alt {
	background: url(../img/amen-pane-01.jpg), linear-gradient(to bottom, rgba(255,249,191,0.6) 12%, rgba(255,211,51,0.6) 50%, rgba(255,149,0,0.6) 88%) no-repeat center;
	background-size: cover;
	background-blend-mode: multiply;
}

.news-block .article-preview {
	position: relative;
	display: block;
	max-height: 110px;
	overflow: hidden;
	margin-bottom: 10px;
}

.news-block .article-fader {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 60px;
	background: linear-gradient(rgba(255,255,255,0.0) 0%, rgba(255,255,255,1.0) 100%) no-repeat center;
	background-size: cover;
}

.news-block p {
	position: relative;
	display: block;
}

.news-block .news-article-link {
	position: relative;
	display: block;
	text-align: right;
	font-family: 'TradeGothic CondEighteen';
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1.25px;
	text-transform: uppercase;
	font-size: 1.2rem;
	transition: color 0.5s;
}

.news-block .news-article-link:hover {
	color: #292829;
}


/* ====== Standalone Contact Page ====== */

.contact .cta-block {
	background: repeating-linear-gradient(180deg, #ecfcfc 0%, #dcf2f3 25%, #fbc0ae 50%, #dcf2f3 75%, #ecfcfc 100%);
	background-attachment: fixed;
	background-size: 100% 400%;
	-webkit-animation: CTA-Gradient 48s linear 5s infinite both;
	-moz-animation: CTA-Gradient 48s linear 5s infinite both;
	animation: CTA-Gradient 48s linear 5s infinite both;
}



/* ====== Article Page ====== */

.article-wrapper {
	position: relative;
	display: block;
	padding: 90px 30px;
	margin: 0 auto;
	max-width: 860px;
}

.article .news-article-link {
	margin-top: 30px;
	text-align: left;
}

.article-copy p {
	margin-bottom: 15px;
}





@media all and (min-width: 960px) {

	.news .news-block {
		padding-left: 450px;
	}

	.news-block h1 {
		font-size: 4.2rem;
	}

	.news .news-block .news-title-break {
		margin: 15px auto 15px 0;
	}

	.news .news-image-block {
		position: absolute;
		top: 0;
		left: 0;
		width: 420px;
		height: 100%;
		margin-bottom: 0;
		padding-top: 3px;
	}

}

@media all and (min-width: 1260px) {

	.news .news-block {
		padding-left: 560px;
	}

	.news-block h1 {
		font-size: 4.6rem;
		margin-left: -3px;
	}

	.news .news-image-block {
		width: 500px;
	}

}



/* ====== Footer Form ====== */

.cta-block {
	position: relative;
	display: block;
	padding: 60px 30px;
}

.cta-block.form-container {
	padding: 0 15px;
}

/*.cta-col-1 { width: 40%; }*/
/*.cta-col-2 { width: 60%; }*/

.cta-col-1 {
	position: relative;
	display: block;
	padding: 60px 0 0;
	/*opacity: 0;*/
}

.cta-col-2 {
	position: relative;
	display: block;
	padding: 60px 0 90px;
	/*opacity: 0;*/
}

.cta-block .monogram {
	position: relative;
	display: block;
	vertical-align: middle;
	margin: 0 auto 30px;
	width: 78px;
}

.cta-block .address {
	position: relative;
	display: block;
	text-align: center;

	line-height: 1.15;
}

.cta-block .logo-text {
	position: relative;
	display: inline-block;
	text-align: left;
	width: 160px;
}

.cta-left-break {
	position: relative;
	display: block;
	background-color: #807f80;
	height: 1px;
	margin: 16px auto;
	width: 78px;
}

.cta-left-social-row {
	position: relative;
	display: block;
	margin-top: 16px;
	margin-left: -7px;
}
.cta-left-social-row a {
	position: relative;
	display: inline-block;
	margin-right: 8px;
}

.cta-left-address {
	position: relative;
	display: block;
}
.cta-left-address span {
	position: relative;
	display: block;
	font-family: 'Garamond';
	line-height: 1.35;
	font-size: 16px;
}


.cta-left-phone {
	position: relative;
	display: block;
}
.cta-left-email {
	position: relative;
	display: block;
	font-style: italic;
}


.form-wrapper {
	position: relative;
	display: block;
	max-width: 450px;
	text-align: center;
	margin: 0 auto;
}

.form-wrapper h1 {
	position: relative;
	display: block;
	font-family: 'TradeGothic CondEighteen';
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1.25px;
	font-size: 1.6rem;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
}

.form-title-break {
	position: relative;
	display: block;
	margin: 15px auto;
	height: 1px;
	max-width: 160px;
	background-color: #807f80;
}

.form-wrapper p {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

form {
	position: relative;
	display: block;
	max-width: 450px;
	margin: 0 auto;
}

form input,
form textarea {
    position: relative;
    display: block;
    background: transparent;
    width: 100%;
    color: #807f80;
}

form input[type="text"],
form input[type="email"],
form textarea {
	font-family: 'Garamond', serif;
	line-height: 45px;
	height: 45px;
	border: none;
	border-bottom-width: medium;
	border-bottom-style: none;
	border-bottom-color: currentcolor;
	border-bottom: 1px solid #807f80;
	margin-bottom: 22px;
	letter-spacing: .5px;
	/*padding: 0 10px;*/
	padding: 0;
}

form input::-webkit-input-placeholder { color: #807f80; opacity: 1 !important; }
form input::-moz-placeholder { color: #807f80; opacity: 1 !important; }
form input:-ms-input-placeholder { color: #807f80; }

form input:focus {
	outline: none;
	background-color: rgba(255,255,255,0.1);
}

form .required-note {
	position: relative;
	display: block;
	text-align: left;
	font-family: 'Garamond';
	font-weight: normal;
	font-style: italic;
	font-size: 1.2rem;
	margin: -15px 0 30px;
}

form input[type="submit"] {
    line-height: 50px;
    height: 50px;
    border: 1px solid #807f80;
    font-family: 'Gotham Book',sans-serif;
    text-transform: uppercase;
    letter-spacing: 4px;
    transition: color 0.3s,background-color 0.3s;
}

form input[type="submit"]:hover {
    background-color: rgba(128,127,128,.35);
}


/* Thank You Text */
.ty-wrapper {
	position: relative;
	display: inline-block;
	padding: 22% 13%;
	border: 1px solid #807f80;
	margin: 0 auto;
}

.ty-break {
	position: relative;
	display: block;
	width: 72px;
	height: 1px;
	background-color: #807f80;
	margin: 36px auto;
}

.ty-text {
	position: relative;
	display: block;
	text-align: center;
	margin-top: 5px;
	font-family: 'Gotham Book', sans-serif;
	text-transform: uppercase;
	letter-spacing: 6px;
	font-size: 36px;
}

.ty-svg {
	position: relative;
	display: block;
	text-align: center;
	width: 92%;
	max-width: 187px;
	margin: 0 auto;
}


/* ====== Knockout Stuff ====== */

/*
.knockout-container {
	position: relative;
	display: block;
	height: 100%;
	overflow: hidden;
	clip-path: inset(0 0 0 0);
}

.knockout-abs {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	clip: rect(auto auto auto auto);
	clip-path: inset(0 0 0 0);
}

.knockout-svg-landscape {
	position: absolute;
	margin: auto;
	max-height: 450%;
	max-width: 350%;
	top: -9999px;
	right: -9999px;
	bottom: -9999px;
	left: -9999px;
}

.knockout-svg-portrait {
	position: absolute;
	margin: auto;
	max-height: 240%;
	max-width: 325%;
	top: -9999px;
	right: -9999px;
	bottom: -9999px;
	left: -9999px;
}
*/

.knockout-container-2 {
	position: relative;
	display: block;
	overflow: hidden;
	clip-path: inset(0 0 0 0);
}

.knockout-padder {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.knockout-container-2 img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

@media all and (orientation: landscape) {

	.knockout-container-2 .aspect-ratio-portrait {
		display: none;
	}

	.knockout-container-2 .knockout-svg-portrait-aspect {
		display: none;
	}

	.knockout-container-2 {
		padding: 60px;
	}

	.knockout-padder {
		border: 63px solid #fff;
	}

	.res-ko-fu.copy-block {
		padding-left: 75px;
		padding-right: 75px;
	}

	.res-ko-fu .ko-max-width {
		position: relative;
		display: block;
		margin: 0 auto;
		text-align: right;
	}

	.unit-details .col-1,
	.unit-details .col-2,
	.unit-details .col-3 {
		position: relative;
		display: inline-block;
	}


}

@media all and (orientation: portrait) {

	.knockout-container-2 .aspect-ratio-landscape {
		display: none;
	}

	.knockout-container-2 .knockout-svg-landscape-aspect {
		display: none;
	}

	.knockout-container-2 {
		padding: 45px 15px;
	}

	.knockout-padder {
		border-top: 47px solid #fff;
		border-right: 17px solid #fff;
		border-left: 17px solid #fff;
		border-bottom: 47px solid #fff;
	}

}






/* ====== Media Queries ====== */



@media all and (max-height: 666px) {
	body.plate-state .plate-back-button-wrapper,
	body.plan-state .plate-back-button-wrapper {
		/*top: 42%;*/
	}
	.unit-details-prompt {
		top: 60px;
	}
	.unit-details-br {
		margin-bottom: 9px;
	}
	.unit-details-line-1 {
		font-size: 2.1rem;
	}
	.unit-details-line-2,
	.unit-details-line-3,
	.unit-details-line-4 {
		font-size: 1.6rem;
	}
	.plans .plan-btn {
		line-height: 32px;
	}

	.plan-confirm-btn-mobile,
	.plans .plan-btn.availability-btn {
		top: 170px;
	}

}

@media all and (max-height: 560px) {
	body.plate-state .plate-back-button-wrapper span,
	body.plan-state .plate-back-button-wrapper span {
		padding-top: 0;
		text-decoration: underline;
	}
	body.plate-state .plate-back-button,
	body.plan-state .plate-back-button {
		display: none;
	}
}



@media all and (min-width : 414px) and (min-height: 500px) {

	.nav-wrapper li {
		height: 60px;
		margin-bottom: 2px;
	}

	.nav-wrapper ul li a {
		font-size: 32px;
	}

	.nav-right {
		font-size: 1.4rem;
	}

}

@media all and (min-width: 480px) {

	.cta-col-1 {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	.cta-block .monogram {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		left: auto;
		width: 33.333%;
		padding-right: 35px;
		margin-bottom: 0;
	}

	.cta-block .address {
		display: inline-block;
		width: 66.666%;
		vertical-align: middle;
		text-align: left;
	}

	.cta-left-break {
		left: 0;
		margin-left: 0;
		margin-right: 0;
	}

}

@media all and (min-width: 540px) {


	.residences .ko-fu-right {
		display: inline-block;
		vertical-align: top;
	}

	.residences .unit-details .col-1,
	.residences .unit-details .col-2 {
		display: inline-block;
		padding-bottom: 15px;
		width: 50%;
	}

	.residences .unit-details .col-1 {
		padding-left: 0;
		padding-right: 16px;
	}

	.residences .unit-details .col-2 {
		padding-left: 16px;
		padding-right: 0;
	}

	.amenities .amen-pane {
		display: inline-block;
		width: 50%;
		vertical-align: top;
	}

	.location .amen-pane {
		display: inline-block;
		width: 33.333%;
		vertical-align: top;
	}


}


@media all and (min-width : 540px) and (min-height: 540px) {

	.nav-right p.seo-stuffing {
		display: block;
	}

}


@media all and (min-width : 700px) and (min-height: 540px) {

	.nav-slug {
		height: 60px;
	}



	.fp-nav-pad-wrapper {
		padding-top: 60px;
	}

	.home-landing-content,
    .gallery .gallery-block,
    .map-wrapper
    /*,
    .fp-selector-wrapper */ {
		height: calc(100vh - 60px);
	}

	.nav-bar,
	.nav-curtain {
		height: 60px;
	}

	.nb-logo {
		left: 102px;
		top: 12px;
		height: 36px;
	}

	.nb-right-links {
		right: 30px;
	}

	.nb-right-links a {
		line-height: 60px;
		margin-left: 20px;
		font-size: 1.6rem;
	}
	
	.nb-right-links span {
		font-size: 1.6rem;
		line-height: 60px;
	}

	#menu-toggle {
		top: 17px;
		left: 30px;
	}

	#moron-menu {
		top: 18px;
		left: 30px;
	}

	.legal-close {
		top: 17px;
		left: 30px;
	}

	.nav-list {
		padding-left: 60px;
	}

	.nav-right {
		padding: 30px 30px 170px 0;
	}

	.nr-logo-wrapper {
		height: 72px;
	}

	.nr-logo-gray,
	.nr-logo-white {
		height: 72px;
	}

	.nav-footer {
		bottom: 30px;
		right: 30px;
	}

}

@media all and (min-width: 740px) {

	.cta-block.form-container {
		padding-left: 60px;
		padding-right: 60px;
	}

	.cta-col-1 {
		display: inline-block;
		width: 33.333%;
		/*height: 100%;*/
		margin: 0;
		vertical-align: middle;
		padding-bottom: 60px;
	}

	.cta-col-2 {
		display: inline-block;
		width: 66.666%;
		/*height: 100%;*/
		padding-left: 30px;
		vertical-align: middle; 
	}

	.cta-block .monogram,
	.cta-left-break {
		margin-left: 0;
		margin-right: 0;
	}

	.cta-block .monogram {
		padding-right: 0;
		left: 0;
		display: block;
		width: 78px;
		margin-bottom: 30px;
	}

	.cta-block .address {
		display: block;
		width: 100%;
	}

	.cta-block .monogram,
	.cta-left-break {
		margin-left: 0;
		margin-right: 0;
	}

	.gallery .thumbs-icon,
	.gallery .thumbs-hover-trigger {
		display: inline;
	}


	.amen-map-title-block {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.amenities .copy-block .amen-details .col-1,
	.amenities .copy-block .amen-details .col-2,
	.amenities .copy-block .amen-details .col-3 {
		display: inline-block;
		width: 33.333%;
		vertical-align: top;
		padding: 0 15px;
	}

	.amenities .copy-block .amen-details .amen-map-list {
		font-size: 1.4rem;
	}



	.plate-wrapper,
	.plan-wrapper {
		padding: 60px 15px 60px 210px;
	}

	.plate-back-button-wrapper {
		left: 67px;
		top: calc(50% - 23px);
	}


	.plate-back-button {
		width: 46px;
		height: 46px;
		border-radius: 23px;
		padding-top: 11px;
		padding-left: 18px;
	}

	.plans .plate-back-button .arr.arr-left:before {
		width: 13px;
	}

	.plans .plate-back-button .arr.arr-left:after {
		height: 13px;
	}

}

@media all and (min-width : 960px) and (min-height: 666px) {

	p, span { line-height: 1.5; }

	.nav-wrapper {
		min-height: 666px;
	}

	.nav-list {
		padding-left: 120px;
	}

	.nav-wrapper li {
		/* Change this as number of nav items increases */
		height: 13%;
		margin-bottom: 8px;
	}

	.nav-wrapper ul li a {
		font-size: 48px;
		font-weight: 100;
	}

	.nav-wrapper ul li .nav-item-line {
		width: 50px;
	}

	.nav-right {
		padding: 30px 60px 170px 0;
	}

	.nr-logo-wrapper {
		margin: 0 0 45px auto;
		height: 90px;
	}

	.nr-logo-gray,
	.nr-logo-white {
		height: 90px;
	}

	.nr-break {
		margin: 12px 0 12px auto;
	}

	.nav-footer {
		bottom: 30px;
		right: 60px;
	}

	.greystar-logo-wrapper {
		margin-bottom: 13px;
	}

	.nav-footer-icon-row {
		margin-bottom: 9px;
	}

	.legal-row {
		margin-bottom: 9px;
	}

}

@media all and (min-width: 960px) {

	.map-point-filter {
		position: absolute;
		top: 10px;
		right: 50%;
		width: 760px;
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%);
	}

	.map-point-filter ul {
		position: relative;
		display: block;
		text-align: center;
	}

	.map-point-filter li {
		position: relative;
		display: inline-block;
		width: 180px;
		margin: 0 5px;
		letter-spacing: 1.25px;
		padding: 8px 0 4px;
		font-size: 1.6rem;
	}


	.amen-map-title-block {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.amenities .copy-block .amen-details .col-1,
	.amenities .copy-block .amen-details .col-2,
	.amenities .copy-block .amen-details .col-3 {
		max-width: 340px;
	}

	.amenities .copy-block .amen-details .amen-map-list {
		font-size: 1.6rem;
	}

}

@media all and (min-width : 1024px) {

	.cta-block .monogram {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 0;
		left: auto;
		width: 25%;
	}

	.cta-left-break {
		left: 0;
	}

	.cta-block .address {
		display: inline-block;
		width: 75%;
		padding-left: 35px;
	}

	.cta-block .cta-col-2 {
		padding-left: 0;
	}

	.location .rollover-block {
		padding: 0 60px 60px;
	}

	.location .amen-pane {
		padding: 15px;
	}

	.amen-hover-title {
		font-size: 2.6rem;
		letter-spacing: 1.5px;
	}

	.amen-hover-text {
		font-size: 1.6rem;
	}

	.hover .amen-hover-line-top,
	.hover .amen-hover-line-bottom {
		height: 30%;
	}

	.team .copy-block .unit-details div {
		display: inline-block;
		width: 33.333%;
		padding: 0 30px;
	}

	.amen-map-wrapper {
		padding-left: 30px;
		padding-right: 30px;
	}




	.plate-wrapper,
	.plan-wrapper {
		padding: 90px 45px 90px 210px;
	}




}

@media all and (min-width: 1024px) and (min-height: 640px) {

	.cta-block {
		height: calc(100vh - 60px);
		padding: 75px 120px 15px;
	}

	.team .copy-block {
		height: calc(100vh - 60px);
	}

}

@media all and (min-width: 1200px) {

	.cta-block.form-container {
		padding-left: 90px;
		padding-right: 90px;
	}

	.cta-block .address {
		padding-left: 60px;
	}

	.plate-wrapper,
	.plan-wrapper {
		padding: 90px 180px 90px 240px;
	}

	.plate-back-button-wrapper {
		left: 88px;
		top: calc(50% - 32px);
	}


	.plate-back-button {
		width: 64px;
		height: 64px;
		border-radius: 32px;
		border: 2px solid #807f80;
		padding-top: 20px;
		padding-left: 23px;
	}


	.plans .plate-back-button .arr.arr-left:before {
		width: 20px;
	}

	.plans .plate-back-button .arr.arr-left:after {
		height: 20px;
	}



	.plans .view-thumb {
		width: 200px;
		height: 120px;
		line-height: 120px;
		margin-bottom: 12px;
	}

	.plans .plan-btn {
		width: 200px;
		line-height: 40px;
	}

}



/* iPhone 5 Portrait Landing */
@media screen and (min-width: 320px) and (max-width: 320px) and (min-height: 450px) and (max-height: 470px) { }

/* iPhone 6 Portrait Landing */
@media all and (min-width: 375px) and (max-width: 375px) and (min-height: 549px) and (max-height: 569px) { }

/* iPhone 7 Portrait Landing */

/* iPhone 5 Portrait */
@media all and (max-width : 320px) { }
/* Wider than iPhone 6 Portrait */
@media all and (min-width : 376px) { }
/* Wider than iPhone 6+ Portrait */
@media all and (min-width : 415px) { }
/* Wider than iPad 6+ Portrait */
@media all and (min-width : 769px) { }
/* Tablets and up, starting with Nexus 7 */
@media all and (min-width: 960px) and (min-height: 600px) and (orientation: landscape), all and (min-width: 600px) and (min-height: 960px) and (orientation: portrait) { }
@media all and (min-width: 960px) and (orientation: landscape), all and (min-width: 600px) and (orientation: portrait) { }

/* All size bigger than tablets, leaving off on Nexus 10 / ASUS transformer */
@media all and (min-width : 801px) and (min-height: 1281px) and (orientation: portrait),  all and (min-width : 1281px) and (min-height: 801px) and (orientation: landscape) { }

@media all and (min-width : 1260px) {

	.cta-block {
		padding: 75px 120px 15px;
	}

	.residences .ko-fu-left {
		width: 33.333%;
	}

	.residences .ko-fu-right {
		width: 66.666%;
	}

}

@media all and (min-width: 1400px) {

	.residences .ko-fu-left p {
		max-width: 475px;
		padding-right: 15px;
	}

	.amen-map-wrapper {
		padding-left: 45px;
		padding-right: 45px;
	}

}







@media all and (min-width : 1441px) {

	.cta-block.form-container {
		padding-left: 120px;
		padding-right: 120px;
	}

}

@media all and (min-width : 1600px) {

	.cta-block.form-container {
		padding-left: 180px;
		padding-right: 180px;
	}

	.amen-map-wrapper {
		padding-left: 60px;
		padding-right: 60px;
	}

}







@media all and (min-width: 1600px) and (orientation: landscape) {

	.knockout-container-2 {
		padding: 120px;
	}

	.knockout-padder {
		border: 124px solid #fff;
	}

	.res-ko-fu.copy-block {
		padding-left: 140px;
		padding-right: 140px;
	}

}

@media all and (min-width: 1600px) and (orientation: portrait) {

	.knockout-container-2 {
		padding: 70px;
	}

	.knockout-padder {
		border: 73px solid #fff;
	}

}


.infoBox {
	color: #fff;
	text-align: center;
	padding: 16px 12px 12px;
	background-color: #fd8344;
	max-width: 240px;
	min-width: 162px;
	border: 3px solid #fff;

	-webkit-transform: translate3d(-50%, 0, 0) !important;
	-ms-transform: translate3d(-50%, 0, 0) !important;
	transform: translate3d(-50%, 0, 0) !important;
}

/*
.infoBox {
	background-color: #fd8344;
	border: 3px solid #fff;
	color: #fff;
	min-width: 162px;
	padding: 16px 12px 12px;
	text-align: center;

	-webkit-transform: translate3d(-50%, 0, 0) !important;
	-ms-transform: translate3d(-50%, 0, 0) !important;
	transform: translate3d(-50%, 0, 0) !important;
}
*/

.infoBox-close {
	position: relative !important;
	display: block !important;
	margin: 0 auto !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
}

.infoBox .table-table {
	height: 100%;
}

.infoBox span,
.infoBox a {
	position: relative;
	display: block;
	color: #fff;
	font-family: "Garamond";
	font-size: 1.3rem;
	line-height: 1.15;
}

.infoBox span.place-name {
	font-family: "Gotham Book", sans-serif;
	letter-spacing: 1px;
	font-size: 1.6rem;
	margin-top: 6px;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.infoBox span.place-address,
.infoBox a.place-url  {
	margin-bottom: 3px;
}

.infoBox a:link,
.infoBox a:visited,
.infoBox a:hover,
.infoBox a:active {
	color: #fff;
	text-decoration: none;
}

.infoBox a:hover {
	text-decoration: underline;
}

.infoBox > img {
	position: absolute !important;
	top: 4px !important;
	right: 4px;
	z-index: 99999;
	width: 9px;
	height: 9px;
}

.box-tip {
	margin-top: 111px;
	margin-left: 40px;
}

.info-box-abs-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.infoBox .ib-name {

}

.infoBox p {
	position: relative;
	display: block;
}