@charset "utf-8";

/* OVERLAY FOR DEALS */
#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 10000; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

#overlay div.overlay {
	margin: 200px;
	padding: 50px;
	background-color: rgba(255,255,255,0.75);
	border: 5px solid black;
}

#overlay div.overlay h3 {
	text-align: center; 
	font: small-caps bold 40px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}

#overlay div.overlay p {
	text-align: center;
	font: italic 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}

/* CSS */
#g-recaptcha-response {
	display: block !important;
	position: absolute;
	margin: -50px 0 0 0 !important;
	z-index: -999999;
	opacity: 0;
}


/* CSS Document */

html { 

	scroll-behavior: smooth;

}

/* ALL SCREENS */



/* CSS COLOR FOR MAPS */

.red {

	color: red;

}

.blue {

	color: blue;

}

.green {

	color: green;

}

.orange {

	color: orange;

}

.brown {

	color: brown;

}

.yellow {

	color: yellowgreen;

}

.white {

	color: white;

}

/* END CSS COLOR FOR MAPS */



/* CSS NEEDED FOR ANIMATIONS */



.not-ready {

	visibility: hidden;

	display: none;

	height: 0;

	width: 0;

}

/* START COOKIE SECTION */
	div.cookiebanner {
		width: 100%;
		display: block;
		position: fixed;
		bottom: 0;
		background: hsla(240,100%,10%,0.90);
		border-top: gray 1px solid;
	}

	#right-side h2.cookie, h2.cookie {
		color: white;
		padding: 10px 20px;
		margin: 0;
		font-size: 18px;
		font-weight: inherit;
	}

	#right-side p.cookie, p.cookie {
		color: white;
		padding-left: 30px;
		font-size: 14px;
		line-height: 1.3;
		font-weight: inherit;
	}

	p.cookie a {
		color:#847AFF;
	}

	button.cookieclose {
		border: white 2px solid;
		font-size: 16px;
		padding: 5px 10px;
		height: auto;
		width: auto;
		text-transform:  inherit;
		color: white;
		float: right;
		margin: 10px 50px;
	}

	button.cookieclose:hover {
		border: white 2px solid;
		font-size: 16px;
		padding: 5px 10px;
		height: auto;
		width: auto;
		text-transform:  inherit;
		color: white;
		float: right;
		margin: 10px 50px;
	}

/* END COOKIE SECTION */

.hide, .ss-only, .cookiebanner-close {

	visibility: hidden;

	display: none;

}

.show {

	visibility: visible;

	display: inline;

}

@keyframes fromRight {

	from {transform: translateX(5000px)}

		to{transform: translateX(0px)}

}

@-webkit-keyframes fromRight {

	from {transform: translateX(5000px)}

	to{transform: translateX(0px)}

}

@keyframes fromLeft {

	from {transform: translateX(-5000px)}

		to{transform: translateX(0px)}

}

@-webkit-keyframes fromLeft {

	from {transform: translateX(-5000px)}

	to{transform: translateX(0px)}

}

@keyframes fromTop {

	from {transform: translateY(-100px)}

	to{transform: translateY(0px)}

}

@-webkit-keyframes fromTop {

	from {transform: translateY(-100px)}

	to{transform: translateY(0px)}

}

.hidden {

  opacity: 0;

}

@keyframes fade-in {

    from {width: 0; height: 0;}

    to {width: 100%; height: 350px;}

}

.fade-in-element {

  animation: fade-in 1s;

}



.fromTop {

	animation: fromTop;

	animation-duration: 2s;

}

.fromRight {

	animation: fromRight;

	animation-duration: 3s;

}

.fromLeft {

	animation: fromLeft;

	animation-duration: 3s;

}

#vmt3, #vmt2 {

	display: none;

	visibility: hidden;

}

/* END CSS NEEDED FOR ANIMATIONS */



/* IMG STRUCTURE */

div.mySlides img {

	width: 100%;

	max-height: 750px;

	object-fit: cover;

	object-position: center bottom;

}

/* END IMG STRUCTURE */


/* VIDEO STRUCTURE */

video {
	width: 100%;
	object-fit: cover;
	object-position: center bottom;
	font: small-caps 1.2em "Fira Sans", sans-serif;
	text-align: center;
}

/* END IMG STRUCTURE */

/* NAV AND PAGE STRUCTURE */

body {

	overflow-x: hidden;

	overflow-y: scroll;

	background: white;

}

.closed-left {

	width: 0%;

	height: 100%;

	position: fixed;

	float: left;

	display: block;

	transition: all 0.75s;

	background: #000033;

	overflow-x: hidden;

	overflow-y: auto;

	z-index: 100;

}

.closed-right {

	width: 100%;

	height: auto;

	float: right;

	display: block;

	background: white;

	transition: all 0.75s;

}

.open-left {

	width: 40%;

	left: 0px;

	top: 0px;

	transition: all 0.75s;

	border-right: thin solid #000033;

	z-index: 100;

	box-shadow: 6px 6px 12px 0 rgba(255,255,255,0.35);

}

.open-right {

	width: 100%;

	background: white;

	transition: all 0.75s;

}

div.CTA li.bars {

	display: block;

	position: fixed;

	top: 2px;

	left: 4px;

	background: hsla(0,0%,95%,0.95);

	padding: 15px;

	box-sizing: border-box;

}

nav#left-side li {

	list-style: none;

	color: white;

	padding: 20px 10px;

	box-sizing: border-box;

	transition: all 0.5s;

	font-variant: small-caps;

	font-size: 20px;

}

nav#left-side li:hover {

	background-color: #000040;

	font-size: 26px;

	transition: all 0.5s;

}

nav#left-side li.mgmt {

	color: grey;

	font-style: italic;

	font-size: 16px;

	width: 100%;

	clear: both;

}

nav#left-side li.mgmt:hover {

	font-size: 20px;

}

nav#left-side li.float-right {

	color: white;

	padding: 20px 0;

	box-sizing: border-box;

	text-align: right;

	font-size: 20px;

	font-weight: bolder;

	transition: all 0.5s;

	cursor: pointer;

}

nav#left-side li.float-right:hover {

	background-color: #000040;

	font-size: 24px;

	transition: all 0.5s;

}

nav#left-side li.small {

	width: 50%;

	color: white;

	float: left;

	text-align: center;

	padding: 25px 0px;

	box-sizing: border-box;

	transition: all 0.5s;

}

nav#left-side li.small:hover {

	background-color: #000060;

	transition: all 0.5s;

}

nav#left-side li.small3 {

	width: 33.33%;

	color: white;

	float: left;

	text-align: center;

	padding: 25px 0px;

	box-sizing: border-box;

	transition: all 0.5s;

}

nav#left-side li.small3:hover {

	background-color: #000060;

	transition: all 0.5s;

}

#right-side div.left-info {

	width: 60%;

	float: left;

	padding: 35px 20px 35px 100px;

	box-sizing: border-box;

}

#right-side div.right-info {

	width: 40%;

	float: right;

	padding-right: 50px;

	padding-bottom: 20px;

	box-sizing: border-box;

}

	/* STATIC MENU */

	div.CTA div.top-static {

		display: block;

		position: fixed;

		top:-4px;

		right:0px;

		box-sizing: border-box;

		padding: 6px;

		width: 90%;

		z-index: 100;

	}

	div.CTA ul a li address, div.CTA ul a li tel, div.CTA ul a li.apply, div.CTA ul a li.portal, div.CTA a li.home{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px; 

	margin-left: 2px;

	font-style: normal;

	text-decoration: none;

	}

	div.CTA li.home {

		display: block;

		float: right;

		background: hsla(0,0%,95%,0.95);

		padding: 7px;

		box-sizing: border-box;

	}

	div.CTA address {

		display: block;

		float: right;

		background: hsla(0,0%,95%,0.95);

		padding: 10px;

		box-sizing: border-box;

	}

	div.CTA address.directions, div.CTA tel.call {

		display: none;

		visibility: hidden;

	}

	div.CTA tel {

		display: block;

		float: right;

		background: hsla(0,0%,95%,0.95);

		padding: 10px;

		box-sizing: border-box;

	}

	div.CTA li.apply {

		display: block;

		float: right;

		background: hsla(0,0%,95%,0.95);

		padding: 10px;

		box-sizing: border-box;

	}

	div.CTA li.portal {

		display: block;

		float: right;

		background: hsla(0,0%,95%,0.95);

		padding: 10px;

		box-sizing: border-box;

	}

	div.CTA li.bars {

		background: hsla(0,0%,95%,0.95);

		transition: all 0.75s;
		

	}

	div.CTA address:hover, div.CTA tel:hover, div.CTA li.apply:hover, div.CTA li.portal:hover, div.CTA li.bars:hover, div.CTA li.home:hover {

		background: hsla(0,0%,85%,0.90);

		transition: all 0.75s;

	}

	/* END STATIC MENU */



		/* TEXT CSS */

		h1, h2, h3, body, p, div, a, section, small, input, button, label {

			font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;

			color: #000033;

		}

		#right-side h2 {

			font-size: 30px;

			font-weight: bolder;

			font-variant: small-caps;

			margin-bottom: 25px;

		}

		#right-side p {

			font-size: 20px;

			line-height: 2;

		}

		#right-side li.link {

			display: block;

			float: right;

			width: 100%;

			border-bottom: #330033 thin solid;

			border-right: #330033 thin solid;

			padding: 20px 50px;

			box-sizing: border-box;

			color: #000033;

			font-size: 30px;

			font-variant: small-caps;

			transition: all 0.5s;

		}

		#right-side li.link-last {

			display: block;

			float: right;

			width: 100%;

			border-right: #330033 thin solid;

			padding: 20px 50px;

			text-align: left;

			box-sizing: border-box;

			color: #000033;

			font-size: 30px;

			font-variant: small-caps;

			transition: all 0.5s;

		}

		#right-side li.link:hover, #right-side li.link-last:hover {

			background-color: #EEEEEE;

			font-size: 36px;

			transition: all 0.5s;

		}

		li {

			list-style: none;

		}

		div.CTA {

			font-variant: small-caps;

			width: 100%;

		}

		div.CTA header span.small-header {

			font-size: 24px;

		}

		div.CTA header {

			font-size: 32px;

			display: block;

			position: absolute;

			top: 75px;

			right: 50px;

			width: 455px;

			background: hsla(0,0%,95%,0.95);

			box-sizing: border-box;

			padding: 20px;

			z-index: 1;

		}

		div.CTA address, div.CTA tel, div.CTA li.apply, div.CTA li.portal, div.CTA li.home {

			font-size: 16px;

			z-index: 2;

			overflow: hidden;

		}

		div.CTA li.bars { 

			z-index: 102;

		}

		p.hide-text {

			width: 100%;

			height: 0px;

			overflow: hidden;

			transition: all 4s;

		}

		p.view-text {

			width: 100%;

			height: auto;

			clear: both;

			display: block;

			overflow: hidden;

			padding: 15px 50px 15px 100px;

			box-sizing: border-box;

			animation: fromLeft;

			animation-duration: 3s;

		}

		/* END Text CSS */

/* END NAV AND PAGE STRUCTURE */



/*CSS FOR SLIDESHOW IMAGE */

body {font-family: Verdana, sans-serif;}

.mySlides {display: none;}

img {vertical-align: bottom;}

	/* Slideshow container */

	.slideshow-container {

	  width: 100%;

	  max-height: 1000px;

	  max-width: 2000px;

	  margin: 0 auto;

	  overflow: hidden;

	  position: relative;

	}

		/* The dots/bullets/indicators */

		.dot {

		  height: 15px;

		  width: 15px;

		  margin: 0 2px;

		  background-color: #bbb;

		  border-radius: 50%;

		  display: inline-block;

		  transition: background-color 0.6s ease;

		}

		.live {

		  background-color: #717171;

		}

			/* Fading animation */

			.fade {

			  -webkit-animation-name: fade;

			  -webkit-animation-duration: 1s;

			  animation-name: fade;

			  animation-duration: 1s;

			  transition: 1s all;

			}

			.zoom {

				animation-name: zoom;

				animation-duration: 10s;

				animation-iteration-count: infinite;

				overflow: hidden;

			}

			span.caption {

				display: block;

				width: 100%;

				font-style: italic;

				font-variant: normal;

				font-size: 14px;

				color: gray;

			}

			@-webkit-keyframes fade {

			  from {opacity: .5} 

			  to {opacity: 1}

			}

			@keyframes fade {

			  from {opacity: .5} 

			  to {opacity: 1}

			}

			@keyframes zoom {

				from { transform: matrix(1, 0, 0, 1, 0, 0); }

				to { transform: matrix(1.1, 0, 0, 1.1, -30, 0); }

			}

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

			  .slideshow-container {

				display: block;

			}

			  .dot {

				display: none; visibility: hidden;

				}

			}

/* END CSS for SLIDESHOW */



/* AMENITY SECTION */

section.amenities {

	display: inline-block;

	width: 100%;

	padding: 50px 100px;

	box-sizing: border-box;

	height: auto;

	background-color: #000033;

}

div.amenity-list li {

	list-style: inside;

}

	/* TEXT CSS */

	#right-side section.amenities div.amenity-list h2 {

		color: white;

		font-size: 24px;

		font-variant: small-caps;

		padding: 0;

		margin: 0;

		text-decoration: underline;

	}

	div.amenity-list {

		display: block;

		width: 33%;

		float: left;

		color: white;

		padding-left: 15px;

		box-sizing: border-box;

		font-size: 20px;

		line-height: 1.5;

	}

	/* END TEXT CSS */

/* END AMENITY SECTION */



/* UTILITY SECTION */

section.utility-partners {

	padding: 20px 75px;

	box-sizing: border-box;

	display: inline-block;

	width: 100%;

	height: 575px;

	margin-bottom: 25px;

}

section.utility-partners {

	width: 100%;

	height: auto;

	display: inline-block;

	clear: both;

}

section.utility-partners div.partners-1 {

	width: 100%;
	margin: 20px 0;
	float: left;

}

section.utility-partners div.partners-1 img {

	width: 350px;

}

section.utility-partners div.partners-1 div.vip4 {
	width: 25%;
	margin-top: 20px;
	padding-right: 15px;
	box-sizing: border-box;
	float: left;
}

section.utility-partners div.partners-1 p.vip {
	font-style: italic;
	float: left;
	margin: 0;
	padding: 10px 0;
	text-align: center;
}

section.utility-partners div.vip-1 {

	width: 100%;
	float: left;
	margin-top: 15px;
}

section.utility-partners div.vip-2 {

	width: 50%;

	float: left;

}

section.utility-partners div.partners-1 h5 {
	padding-top: 20px;
	font-size: 24px;
	text-align: center;
}
section.utility-partners div.partners-1 h5 span {
	font-weight: 100;
}

section.utility-partners div.partners-2 {

	width: 50%;

	float: left;

}

section.utility-partners div.partners-2 img {

	width: 250px;

}

section.utility-partners div.partners-2 small {

	display: block;

	width: 100%;

}

section.utility-partners div.partners-3 {

	width: 33.333333%;

	float: left;

}

section.utility-partners div.partners-3 img {

	width: 250px;

	padding-left: 20px;

}

section.utility-partners div.partners-3 small {

	display: block;

	padding: 5px 35px;

	box-sizing: border-box;

	width: 100%;

}

	/*START TEXT*/

	section.utility-partners h2 {

		padding-top: 50px;

	}

	section.utility-partners p {

		width: 100%;

		display: inline-block;

	}

	section.utility-partners div.partners-2 h3 {

		padding: 20px 50px;

		box-sizing: border-box;

		width: 100%;

		display: block;

	}

	section.utility-partners div.partners-2 p {

		width: 100%;

		padding: 5px 25px;

		box-sizing: border-box;

		display: block;

	}

	section.utility-partners div.partners-3 h3 {

		padding: 20px 50px;

		box-sizing: border-box;

		width: 100%;

		display: block;

	}

	section.utility-partners div.partners-3 p {

		width: 100%;

		padding: 5px 30px;

		box-sizing: border-box;

		display: block;

	}

	/*END TEXT*/

/* END UTILITY SECTION */



/* FLOORPLAN SECTION */

section.floorplans {

	display: inline-block;

	width: 100%;

	padding: 0 3.5%;

	box-sizing: border-box;

	overflow: hidden;

	background: #000033;

}

section.floorplans a {

	display: block;

	float: left;

	width: 25%;

}

div.fpbox {

	margin: 15px 3%;

	height: 400px;

	overflow: hidden;

	font-size: 20px;

	text-align: center;

	background: white;

	border: 1px solid #EEE;

	padding: 25px 0px;

	box-sizing: border-box;

	box-shadow: 6px 6px 12px 0 rgba(255,255,255,0.30);

	transition: all 0.25s;

}

div.fpbox:hover {

	background-color: #EEFFFF;

	box-shadow: 6px 6px 12px 0 rgba(255,255,255,0.35);

	box-sizing: border-box;

	transition: all 0.25s;

}

div.fpbox img {

	max-height: 225px;

	padding-top: 15px;

}

	/* TEXT CSS */

	small {

		font-size: 16px;

		font-style: italic;

	}

	section.floorplans h2 {

		display: inline-block;

		width: 100%;

		font: normal small-caps bold 24px/30px 'Trebuchet MS', Arial, Helvetica, sans-serif;

		color: white;

		margin-left: 30px;

		padding-top: 50px;

		box-sizing: border-box;

	}

	#right-side section.floorplans a div p {

		padding: 0px 15px;

		line-height: 1.25;

		box-sizing: border-box;

	}

	/* END TEXT CSS */

/* END FLOORPLAN SECTION */



/* NEIGHBORHOOD SECTION */

#right-side section.neighborhood div.left-info {

	display: block;

	width: 25%;

	float: left;

	padding-left: 75px;

	box-sizing: border-box;

	border-top: thin solid #000033;

}

#right-side section.neighborhood div.right-info {

	display: block;

	width: 75%;

	float: right;

	padding-right: 0;

	padding-bottom: 0;

	border-top: thin solid #000033;

}

#right-side section.neighborhood p {

	display: block;

	width: 100%;

	float: left;

}

	/* TEXT CSS */

	#right-side section.neighborhood div.left-info h2 {

		margin-bottom: 0;

	}

	#right-side section.neighborhood p span.list-title {

		font-variant: small-caps;

		text-decoration: underline;

		font-size: 20px;

		line-height: 1;

	}

	#right-side section.neighborhood p span.list-title:hover {

		font-size: 22px;

		transition: all 0.5s;

		line-height: 1;

		cursor: pointer;

	}

	#right-side section.neighborhood small {

		display: block;

		width: 100%;

		padding-bottom: 25px;

		font-size: 14px;

	}

	/*END TEXT CSS */

/* END NEIGHBORHOOD SECTION */



/* EVENTS SECTION */

#events {

	display: block;

	width: 100%;

	float: left;

	background: #000033;

	padding-top: 50px;

}

h2#events {

	color: white;

	background: #000033;

	margin-bottom: 0px;

	padding-left: 25px;

}

/* END EVENTS SECTION */



/* CONTACT SECTION */

#right-side section.contact {

	margin: 0 auto;

	text-align: center;

}

#right-side section.contact form {

	margin: 0 auto;

	text-align: center;

	display: block;

	width: 100%;

}

	/*TEXT CSS */

	#right-side section.contact h2 {

		padding: 50px 0 0;

	}

	input, select {

		margin: 5px auto;

		padding: 5px 15px;

		background-color: #000033;

		border: 1px lightgreen solid;

		color: white;

		font-size: 20px;

		width: 100%;

		max-width: 350px;

		box-sizing: border-box;

	}	

	input:focus, select:focus {

		background-color: #000066;

		border: 1px grey solid;

		transition: all 0.5s

	}

	input.text-center {

		display: inline-block;

		width: 100%;

		max-width: 350px;

		height: 50px;

	}

	select {

		margin-top: 15px;

	}

	label {

		display: block;

		width: 100%;

		font-size: 20px;

		margin-top: 15px;

	}

	label small {

		display: block;

		width: 100%;

		font-size: 14px;

		font-style: italic;

		margin: 5px;

	}	

	button {

		display: block;

		width: 100%;

		max-width: 300px;

		height: 75px;

		margin: 0 auto;

		background: #000033;

		font-size: 20px;

		text-transform: uppercase;

		color: white;

		transition: all 0.5s;

	}

	button:hover {

		font-size: 24px;

		transition: all 0.5s;

		border: 1px lightgreen solid;

		background: #000066;

	}

	::placeholder {

		color: white;

		opacity: 1;

	}

	:-ms-input-placeholder {

		color: white;

	}

	::-ms-input-placeholder {

		color: white;

	}

	input.text-center::placeholder {

		color: white;

		opacity: 1;

		display: block;

		position: relative;

		top: -10px;

		white-space: pre-wrap;

	}

	input.text-center:-ms-input-placeholder {

		color: white;

		display: block;

		position: relative;

		top: -10px;

		white-space: pre-wrap;

	}

	input.text-center::-ms-input-placeholder {

		color: white;

		display: block;

		position: relative;

		top: -10px;

		white-space: pre-wrap;

	}

	/*END TEXT CSS */

/* END CONTACT SECTION */

section.sitemap {

	display: block;

	background-color: black;

	width: 100%;

	height: auto;

}

section.sitemap div.pt-parallax {

	background-image: url("../img/pavilion-townplace/bg.jpg");

	display: inline-block;

	width: 100%;

	padding-top: 65px;

	background-attachment: fixed;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	opacity: 1;

}

section.sitemap div.cbt-parallax {

	background-image: url("../img/communities-at-bent-tree/bg.jpg");

	display: inline-block;

	width: 100%;

	padding-top: 65px;

	background-attachment: fixed;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	opacity: 1;

}

section.sitemap div.btt-parallax {

	background-image: url("../img/bent-tree-trails/bg.jpg");

	display: inline-block;

	width: 100%;

	padding-top: 65px;

	background-attachment: fixed;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	opacity: 1;

}

section.sitemap div.bc-parallax {

	background-image: url("../img/bear-creek-at-harwood/bg.jpg");

	display: inline-block;

	width: 100%;

	padding-top: 65px;

	background-attachment: fixed;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	opacity: 1;

}

section.sitemap div.vdm-parallax {

	background-image: url("../img/villa-del-mar/bg.jpg");

	display: inline-block;

	width: 100%;

	padding-top: 65px;

	background-attachment: fixed;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	opacity: 1;

}

section.sitemap div.bldr-parallax {

	background-image: url("../img/boulder-ridge-mhp/bg.jpg");

	display: inline-block;

	width: 100%;

	padding-top: 65px;

	background-attachment: fixed;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	opacity: 1;

}

section.sitemap div.apartment-list, section.sitemap div.social-and-company, section.sitemap div.property-information {

	display: block;

	float: left;

	width: 33%;

	padding-bottom: 20px;
	
	vertical-align: text-top;

}

section.sitemap div.copyright {

	color: white;

	display: block;

	width: 100%;

	text-align: center;

	background-color: #000033;

	padding-top: 1px;

	height: 25px;

}

div.go-right {

	float: right;

}

/* FOOTER SECTION */



	/*TEXT CSS */

	section.sitemap h2 {

		font-size: 24px;

		color: white;

		font-variant: small-caps;

		padding-left: 20px;

		padding-top: 30px;

		font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;

	}

	section.sitemap div a {

		font-size: 18px;

		font-variant: small-caps;

		display: block;

		width: 100%;

		color: white;

		padding: 10px 30px;

		box-sizing: border-box;

		transition: all 0.5s;

	}

	section.sitemap div a:hover {

		font-size: 20px;

		transition: all 0.5s;

	}

	section.sitemap div i {

		display: inline-block;

		float: left;

		padding: 10px 30px;

		box-sizing: border-box;

	}

	section.sitemap div img {

		display: block;

		height: 26px;

	}

	/*END TEXT CSS */

/* END FOOTER SECTION */



/* GALLERY SECTION */

section.gallery div.three-columns {

	display: block;

	float: left;

	width: 96%;

	box-sizing: border-box;

	padding: 10px;

	margin-bottom: 50px;

	background-color: #EEEEEE;

	border-right: thin rgba(16,22,54,0.2) solid;

	border-left: thin rgba(16,22,54,0.2) solid;

	border-bottom: thin rgba(16,22,54,0.2) solid;

	text-align: center;

}

section.gallery div.three-columns img {
	padding: 2px;
	display: block;
	float: left;
	background-color: white;
	box-sizing: border-box;
	width: 100%;
	transition: all 0.5s;
}

section.gallery div.three-columns img.long {
	aspect-ratio: 1.5;
	object-fit: cover;
	object-position: 50% 30%;
}

div.myLightbox img.long {
	max-height: 768px;
	object-fit: cover;
	object-position: 50% 30%;
}

section.gallery div.holder {

	display: block;

	padding-left: 25px;

}

section.gallery div.holder a.active {

	background-color: #EEEEEE;

	border-bottom: thin #EEEEEE solid;

}	

	/* LIGHTBOX */
	
	.next {
		display: block;
		width: 50%;
		height: 50px;
		float: right;
		padding-right: 50px;
		box-sizing: border-box;
		text-align: right;
		font-size: 40px;
		color: black;
		}
	.prev {
		display: block;
		width: 50%;
		height: 50px;
		float: left;
		padding-left: 50px;
		box-sizing: border-box;
		text-align: left;
		font-size: 40px;
		color: black;
		}
	.next:hover, .prev:hover {
		color: #000033;
		text-shadow: 1px 1px 1px #000033;
		background-color: #EBDCDD;
	}

	.row > .column {

	  padding: 0 0px;

	}

	.row {

	  border: thin solid rgba(16,22,54,0.1);

	}

	.row:after {

	  content: "";

	  display: table;

	  clear: both;

	}



	/* Create four equal columns that floats next to eachother */

	.column {

	  float: left;

	  width: 25%;

	  box-sizing: border-box;

	}

	.five-column {

	  float: left;

	  width: 20%;

	  box-sizing: border-box;

	}

	.six-column {

	  float: left;

	  width: 16.6666666%;

	  box-sizing: border-box;

	}

	.seven-column, .twentyone-column {

	  float: left;

	  width: 14.2857142%;

	  box-sizing: border-box;

	}

	.eight-column {

	  float: left;

	  width: 12.5%;

	  box-sizing: border-box;

	}

    .nine-column, .twentyseven-column {

	  float: left;

	  width: 11.11%;

	  box-sizing: border-box;

	}

    .ten-column, .twenty-column {

	  float: left;

	  width: 10%;

	  box-sizing: border-box;

	}

    .eleven-column, .twentytwo-column {

	  float: left;

	  width: 9.09%;

	  box-sizing: border-box;

	}

    .twelve-column, .twentyfour-column {

	  float: left;

	  width: 8.33%;

	  box-sizing: border-box;

	}

    .thirteen-column, .twentysix-column {

	  float: left;

	  width: 7.69%;

	  box-sizing: border-box;

	}

    .fourteen-column, .twentyeight-column {

	  float: left;

	  width: 7.14%;

	  box-sizing: border-box;

	}

    .fifteen-column {

	  float: left;

	  width: 6.66%;

	  box-sizing: border-box;

	}

    .sixteen-column {

	  float: left;

	  width: 6.25%;

	  box-sizing: border-box;

	}

    .seventeen-column {

	  float: left;

	  width: 5.88%;

	  box-sizing: border-box;

	}

    .eightteen-column {

	  float: left;

	  width: 5.55%;

	  box-sizing: border-box;

	}

    .nineteen-column {

	  float: left;

	  width: 5.26%;

	  box-sizing: border-box;

	}

	/* The Modal (background) */

	.modal {

	  display: none;

	  position: fixed;

	  z-index: 1;

	  padding-top: 35px;

	  left: 0;

	  top: 0;

	  width: 100%;

	  height: 100%;

	  box-sizing: border-box;

	  overflow: auto;

	  background-color: black;

	}



	/* Modal Content */

	.modal-content {

	  position: relative;

	  background-color: #fefefe;

	  margin: auto;

	  padding: 0;

	  width: 90%;

	  max-width: 1000px;

	}



	/* The Close Button */

	.close {

	  color: white;

	  position: absolute;

	  top: 50px;

	  right: 25px;

	  font-size: 50px;

	  font-weight: bold;

	}



	.close:hover,

	.close:focus {

	  color: #999;

	  text-decoration: none;

	  cursor: pointer;

	}



	/* Hide the slides by default */

	.myLightbox {

	  display: none;

	}



	/* Number text (1/3 etc) */

	.numbertext {

	  color: #f2f2f2;

	  font-size: 12px;

	  padding: 8px 12px;

	  position: absolute;

	  top: 0;

	}



	/* Caption text */

	.caption-container {

	  text-align: center;

	  background-color: black;

	  padding: 2px 16px;

	  color: white;

	}



	img.count {

	  opacity: 0.6;

	  width: 12.5%;

	}



	img.activeSlide, .count:hover {

	  opacity: 1;

	}



	img.hover-shadow {

	  transition: 0.3s;

	}



	.hover-shadow:hover {

	  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 20px 0 rgba(0, 0, 0, 0.19);

	}

	div.modal-content small {

	  display: inline-block;

	}

	/* END LIGHTBOX */

		/* TEXT CSS */

		section.gallery h1 {

			font-size: 36px;

			font-variant: small-caps;

			margin-top: -90px;

			padding: 20px 0px 20px 60px;

			box-sizing: border-box;

			width: 100%;

			background: hsla(0,0%,100%,0.6);

			position: relative;

			font-weight: lighter;

			z-index: 1;

		}

		section.gallery h1.lower {

			margin-top: -70px;

		}

		section.gallery a {

			margin-top: 40px;

			padding: 20px 20px 0px 20px;

			box-sizing: border-box;

			border-left: thin rgba(16,22,54,0.2) solid;

			border-top: thin rgba(16,22,54,0.2) solid;

			border-bottom: thin rgba(16,22,54,0.2) solid;

			width: 32%;

			min-width: 100px;

			float: left;

		}

		section.gallery a.last {

			border-right: thin rgba(16,22,54,0.2) solid;

		}

		#gallery a h2 {

			font-size: 24px;

			font-weight: lighter;

		}

		/*END TEXT CSS */

/* END GALLERY SECTION */



/* VIDEO TOUR PAGE */

section.video div.three-columns {

	display: block;

	float: left;

	width: 95%;

	box-sizing: border-box;

	margin-left: 60px;

	margin-bottom: 15px;

	padding: 15px 15px;

	background-color: #EEEEEE;

	border: thin rgba(16,22,54,0.2) solid;

}

h2.video-intro {

	color: #000033;
	clear: both;

}

div.video-intro {

	display: block;

	width: 33%;

	float: left;

}

a div.video-intro h3.video-intro {

	text-decoration: none;

	font-size: 20px;

	padding-bottom: 5px;

	box-sizing: border-box;

}



img.video-intro {

	max-height: 300px;

	max-width: 525px;

	width: 95%;

}

img.video-intro:last-child {

	margin-bottom: 50px;

}

/* END VIDEO TOUR PAGE */

/* END ALL SCREENS */



/* 1439PX SCREENS */

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

}

/* END 1439PX SCREENS */

	

/* 1200PX SCREENS */

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

	div.CTA header {

		font-size: 24px;

		top: 50px;

		right: 25px;

		width: 305px;

		padding: 10px;

		box-sizing: border-box;

	}

	div.CTA header span.small-header {

		font-size: 16px;

	}

	#right-side section.neighborhood div.left-info {

		width: 40%;

	}

	#right-side section.neighborhood div.right-info {

		width: 60%;

	}

}

/* END 1200PX SCREENS */



/* 1023PX OR SMALLER SCREENS */

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

	#right-side div.left-info {

		width: 100%;

		float: left;

	}

	#right-side div.right-info {

		width: 100%;

		float: left;

		padding: 20px 55px;

	}

	#right-side li.link {

		width: 100%;

		border-right: none;

	}

	#right-side li.link-last {

		width: 100%;

		border-right: none;

	}

	div.amenity-list {

		width: 100%;

	}

	section.floorplans a {

		width: 100%;

	}

	.column {

	  width: 50%;

	}

	/* The Close Button */

	.close {

	  top: 60px;

	  z-index: 100;

	  padding: 0 7px 2px;

	  background: rgba(0,0,0,0.6);

	}

	#gallery a {

		text-decoration: none;

	}

	section.utility-partners div.partners-2 {

		width: 100%;

	}

	section.utility-partners div.partners-2:last-of-type {

		padding-bottom: 75px;

	}

	section.utility-partners div.partners-3 {

		width: 100%;

	}

	section.utility-partners div.partners-3:last-of-type {

		padding-bottom: 75px;

	}

	

	div.CTA address, div.CTA tel, div.CTA li.apply, div.CTA li.portal, span.caption, section.utility-partners div.partners-1 div.vip4, div.vip-2:first-of-type {

		display: none;

		visibility: hidden;

	}
	
	section.utility-partners div.partners-1 img {
	width: 200px;
	}
	
	section.utility-partners div.vip-2 {
		width: 100%;
	}
	
	div.CTA li.home {

		padding: 15px;

	}

	div.CTA address.directions {

		display: block;

		visibility: visible;

		padding: 15px;
		
		width: 45px;

		box-sizing: border-box;
		
		height: 55px;
		

	}

	div.CTA tel.call {

		display: block;

		visibility: visible;

		padding: 15px;

		width: 50px;
		
		box-sizing: border-box;
		
		height: 55px;

	}

	div.CTA header {

		background: hsla(0,0%,95%,0.95);

		width: 280px;

		height: 55px;

		top: 2px;

		left: 59px;

		padding: 3px 3px 3px 10px;

		box-sizing: border-box;

	}

	div.CTA header.small-header {

		font-size: 14px;

	}

	div.CTA li.bars {

		display: block;

		position: fixed;

		width: 50px;

		height: 55px;

		background: hsla(0,0%,95%,0.95);

		padding: 15px;

		box-sizing: border-box;

		z-index: 101;

	}

}

/* END 1023PX SCREENS */



/* 750PX OR SMALLER SCREENS */

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

		/* OVERLAY FOR DEALS */
        #overlay div.overlay {
            margin: 20px;
            padding: 10px;
            background-color: rgba(255,255,255,0.75);
            border: 5px solid black;
        }

        #overlay div.overlay h3 {
            text-align: center; 
            font: small-caps bold 24px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
        }

        #overlay div.overlay p {
            text-align: center;
            font: italic 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
        }
	
	.ss-only {

		display: block;

		visibility: visible;

	}

	.open-left {

		width: 75%;

	}

	.open-right {

		width: 100%;

		clear: none;

	}

	section.floorplans a {

		width: 100%;

	}

	section.floorplans {

		height: auto;

		overflow-y: hidden;

	}

	section.amenities {

		padding-top: 50px;

		padding-left: 25px;

		padding-bottom: 50px;

		padding-right: 5px;

	}

	#right-side section.neighborhood div.left-info {

		width: 50%;

		padding-left: 25px;

	}

	#right-side section.neighborhood div.right-info {

		width: 50%;

	}

	section.sitemap div.apartment-list, section.sitemap div.social-and-company, section.sitemap div.property-information {

		width: 50%;

	}

	div.video-intro {

		display: block;

		width: 100%;

		float: left;

	}

}

/* END 750PX SCREENS */

/* 650PX OR SMALLER SCREENS */

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

	div.mySlides img {

		width: 100%;

		height: 500px;

		object-fit: cover;

		object-position: center bottom;

	}

}

/* 550PX OR SMALLER SCREENS */

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

	#right-side section.neighborhood div.left-info h2 {

		font-size: 20px;

	}

	#right-side section.neighborhood div.left-info p span.list-title {

		font-size: 16px;

	}

	#right-side section.neighborhood div.left-info {

		width: 100%;

		padding-left: 60px;

	}

	#right-side section.neighborhood div.left-info p {

		width: 50%;

		padding: 5px 5px;

		line-height: 1;

		box-sizing: border-box;

	}

	#right-side section.neighborhood div.right-info {

		width: 100%;

		padding: 0;

	}

	section.sitemap div.apartment-list, section.sitemap div.social-and-company, section.sitemap div.property-information {

		width: 100%;

	}

	.column {

	  width: 100%;

	}

	.eight-column {

	  float: left;

	  width: 25%;

	  box-sizing: border-box;

	}

	.modal {

	  padding-top: 60px;

	}

	/* The Close Button */

	.close {

	  top: 63px;

	}

}

	

/* 450PX OR SMALLER SCREENS */

@media only screen and (max-width: 450px) {
    
    /* OVERLAY FOR DEALS */
        #overlay div.overlay {
            margin: 10px;
            padding: 5px;
            background-color: rgba(255,255,255,0.75);
            border: 2px solid black;
        }

        #overlay div.overlay h3 {
            text-align: center; 
            font: small-caps bold 16px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
        }

        #overlay div.overlay p {
            text-align: center;
            font: italic 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
        }

	div.CTA header {

		display: block;

		position: static;

		width: 100%;

		padding: 15px 15px 120px 15px;

		margin: -15px auto 0px;

		box-sizing: border-box;

		border-bottom: thin solid;

	}

	.open-left {

		width: 100%;

	}

	.open-right {

		width: 100%;

	}

	.float-right {

	}  

	#right-side div.left-info {

		padding-left: 15px;

		width: 99%;

		display: block;

		box-sizing: border-box;

	}

	#right-side div.right-info {

		padding: 20px 20px;

		box-sizing: border-box;

	}

	nav#left-side a li.first {

		margin-top: 50px; 

	}

	div#right-side p {

		padding: 15px;

		box-sizing: border-box;

	}

	#right-side h2 {

		font-size: 21px;

		font-weight: normal;

	}

	#right-side p {

		font-size: 18px;

		line-height: 2;

	}

	#right-side li.link {

		padding: 20px 10px;

		box-sizing: border-box;

		font-size: 18px;

	}

	#right-side li.link-last {

		padding: 20px 10px;

		box-sizing: border-box;

		font-size: 18px;

		border-bottom: thin solid #330033;

	}

	#right-side li.link:hover, #right-side li.link-last:hover {

		background-color: #EEEEEE;

		font-size: 24px;

	}

	#hide, #show {

		display: none;

		visibility: hidden;

	}

	#vmt2, #vmt, #vmt3 {

		display: block;

		visibility: visible;

		height: auto;

	}

	#vmt3 {

		display: block;

		width: 100%;

		clear: both;

		padding: 50px 0 0 15px;

		box-sizing: border-box;

	}

	#vmt4 {

		display: none;

		visibility: hidden;

		height: 0;

		margin-top: -50px;

	}

	a li.toplink {

		border-top: thin solid #000033;

	}

	nav#left-side li.small {

		width: 50%;

	}

	input, select {

		font-size: 16px;

	}	

	label {

		font-size: 16px;

	}

	label small {

		display: none;

	}	

	button {

		height: 40px;

		font-size: 16px;

	}

	button:hover {

		font-size: 20px;

	}

	section.sitemap h2 {

		font-size: 20px;

	}

	section.sitemap div a {

		font-size: 16px;

	}

	section.sitemap div a:hover {

		font-size: 18px;

	}

	section.gallery h1 {

		font-size: 36px;

		font-variant: small-caps;

		margin-top: 0px;

		padding: 20px 0px 0px 60px;

	}

	section.gallery div.holder {

		margin-top: 25px;

	}

	section.gallery a:first-child {

		border-bottom: none;

	}

	section.gallery a {

		width: 96%;

		margin-top: 0;

		border-right: thin rgba(16,22,54,0.2) solid;

	}

	section.gallery a.last {

		border-top: none;

	}



	#gallery a h2 {

		font-size: 24px;

		font-weight: lighter;

	}

}

/* END 450PX SCREENS */

@media only screen and (max-width: 225px) {
    
    /* OVERLAY FOR DEALS */
    #overlay {
      position: fixed; /* Sit on top of the page content */
      display: none; /* Hidden by default */
      width: 0%; /* Full width (cover the whole page) */
      height: 0%; /* Full height (cover the whole page) */
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0,0,0,0.0); /* Black background with opacity */
      z-index: -2; /* Specify a stack order in case you're using a different order for other elements */
      cursor: auto; /* Add a pointer on hover */
    }

    #overlay div.overlay {
        margin: 0px;
        padding: 0px;
        background-color: rgba(255,255,255,0.0);
        border: 0px;
    }

    #overlay div.overlay h3 {
        text-align: center; 
        font: small-caps bold 0px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    }

    #overlay div.overlay p {
        text-align: center;
        font: italic 0px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    }
}