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


/*@@@@@ ANIMATIONS @@@@@*/
@keyframes animateleft{
		from {left:-300px; opacity:0} 
		to{left:0; opacity:1}
	}
@-webkit-keyframes animateleft{
		from {left:-300px; opacity:0} 
		to{left:0; opacity:1}
	}

/*@@@@@ ALL MEDIA @@@@@*/
/* LAYOUT CSS */
#left-menu {
	display: none;
}

.sr {	
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;}

.hide-1079, .hide-750, .hide-900 {
	visibility: visible;
	display: block;
}
/* 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;
	}

	h2.cookie {
		color: white;
		padding: 10px 20px;
		font-size: 18px;
	}

	p.cookie {
		color: white;
		padding-left: 30px;
		font-size: 14px;
		line-height: 1.3
	}

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

	section.cookie-main {
		display: block;
		box-sizing: border-box;
		width: 100%;
		padding: 10px 100px;
	}

	section.cookie-main h2 {
		margin-top: 100px;
	}

	section.cookie-main p, section.cookie-main h3 {
		display: inline-block;
		width: 100%;
		line-height: 1.3;
		box-sizing: border-box;
		padding: 5px 10px;
		font-size: 16px;
	}

	section.cookie-main p:last-child {
		padding-bottom: 100px;
	}

	button.cookieclose {
		border: white 2px solid;
		padding: 5px 10px;
		color: white;
		float: right;
		margin: 10px 50px
	}
	
	table {
		width: 100%;
		float: left;
		margin-top: 20px;
	}

	table, th, td {
		border: 1px solid grey;
		text-align: left;
	}

	th {
		text-decoration: underline;
	}

	th, td {
		padding: 10px;
		box-sizing: border-box;
	}

/* END COOKIE SECTION */

.show-1079, .show-420, .show-750, .show-900, .cookiebanner-close {
	visibility: hidden;
	display: none;
}

.fit {
	object-fit: contain;
	width: 100%;
}

body {
	background-color: #172121;
	margin: 0;
	font-style: normal;
}

.container {
	width: 100%;
	margin: 0 auto;
    max-width: 3840px;
	background-color: #FFFFFF;
}
.about {
	display: inline-block;
	background-color: #FFFFFF;
	margin-left: 1%;
	margin-right: 1%;
}

a {
	cursor: pointer;
}

.about p {
    line-height: 1.5;
}


div.maps  {
	margin-top: 60px;
	width: 100%;
	height: 500px;
}

div#google-map {
	width:100%;
	height:500px;
}

section#state {
    background-color: #FFFFFF;
}

/* EVENT CALENDAR CSS */
section#events {
	padding: 0 10px;
	background-color: #DDDDDD;
}
section#events h1 {
	padding-top: 15px;
}

/*END EVENT CALENDAR CSS */

.tagline2 {
	position: relative;
	display: block;
	text-align: center;
	color: rgb(20,20,20);
	padding-top: 25px;
	background: rgb(125,125,125);
	border-bottom: 3px solid #FFFFFF;
	border-top: 3px solid #FFFFFF;
	font-size: 1em;
	width: 100%;
}

.text_column {
	width: 33.33%;
	text-align: left;
	line-height: 1.8em;
	float: left;
	padding-left: 1.5%;
	padding-right: 1.5%;
    padding-bottom: 30px;
	box-sizing: border-box;
}
    
.text_column3 {
	width: 92%;
	margin: 0 auto;
    text-align: center;
    padding-bottom: 30px;
}

.hidden	{
	visibility: hidden;
	display: none;
}

.for-print-only {
    visibility: hidden;
    display: none;
}

/* TYPOGRAPHIC CSS */
h1, h2 ,h3, h4, h5, h6, pre, code, address, cite, small, em, strong, th, li, dt, dd, form, p, blockquote, fieldset, input, textarea, label, td, a, span, body  {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-weight: 600;
	margin-top: 0px;
	text-decoration: none;
}

h1, h2  {
	font-size: 1.5em;
	margin-bottom: 10px;
}

h2.video-intro {
	font-size: 1.3em;
	line-height: 1.5em;
	margin:  0 0 0 10px;
	text-decoration: underline;
	text-transform: uppercase;
	display: block;
}
a h3.video-intro {
	font-size: 1em;
	margin: 25px 15px 0 0px;
	text-transform: uppercase;
	float: left;
	color: #172121;
	display: block;
}

img.video-intro {
	max-height: 232px;
	width: auto;
}
img.video-intro:last-child {
	margin-bottom: 50px;
}

a.top {
	display: block;
	float: left;
	padding-left: 20px;
}

h1.show-for-tiny, h2.show-for-tiny {
	visibility: hidden;
	display: none;
}
span.show-for-tiny {
	visibility: hidden;
	display: none;
}

h3   {
	font-size: 1.0em;
	margin-bottom: 10px;
	margin-top: 25px;
    text-transform: uppercase;
}

h4   {
	color: #172121;
	text-decoration: none;
	font-size: .9em;
}

h4 a {
	color: #172121;
	text-decoration: none;
}

h3 a {
	color: #172121;
	text-decoration: none;
}

h6   {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 20px;
	color: #172121;
}

.amenity-list h2, .amenity-list-2 h2, .amenity-list-3 h2, .amenity-list-50 h2 {
	margin-bottom: 10px;
	font-size: 1.5em;
}

a.top-print {
	text-decoration: none;
	font-size: 1em;
	display: block;
	float: right;
}

.text-prop  {
	font-size: 1.2em;
	margin: 40px 2% 40px 2%;
}

.text-prop2  {
	font-size: 1.2em;
	margin: 40px 2% 40px 2%;
}

th  {
	text-decoration: underline;
	font-size: 1.0em;
	text-align: left;
}

td {
	vertical-align: middle;
	font-size: 1.0em;
}

.copyright {
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    text-transform: uppercase;
	color: #D8FFDD;
    letter-spacing: 1px;
    font-size: 1em;
}


article p {
	padding: 15px 30px;
	text-align: left;
	line-height: 1.5em;
	margin: 15px 30px;
	color: #172121;
	box-sizing: border-box;
}

p {
    font-size: 1.2em;
}

input {
	background-color: #FFFFFF;
}

select {
	background-color: #FFFFFF;
}

select.menu1 {
	background-color: #FFFFFF;
	margin: 10px auto 0px auto;
	display: block;
	font-size: .75em;
}

input:hover, select:hover {
    background-color: #FFFFFF;
}

/* HEADER CSS */
section.about-main {
	padding-top: 10px;
	display: block;
	margin-left: 1%;
	margin-right: 1%;
}

p.mobile-only, a.mobile-only, img.mobile-only {
	display: none;
	visibility: hidden;
	}

.main {
	background-image: url(../images/main4.jpg);
	background-color: #DECBB7;
	background-size: cover;
	padding-top: 120px;
	padding-bottom: 125px;
}

.tagline {
	text-align: center;
	color: #DDFFF7;
	padding-top: 25px;
	background: hsla(180,18%,11%,0.7);
	font-size: 1.5em;
	width: 60%;
	margin-left: 20%;
}


/* NEW NAVIGAVTION MENU */
.top-button:hover {
	opacity: 0.7;
}
.marg-top-5 {
	margin-top: 5px;
}
a.apt-logo {
	float: left;
	margin: 0px 10px;
}
li.company-name {
	padding-left: 20px;
	padding-top: 5px;
}

li.company-name a {
	color: #172121
}

nav {
    position: fixed;
    right: 0%;
    left: 0%;
    z-index: 1;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 5px 0 0;
	overflow: hidden;
	background-color: rgba(214,255,219,0.95);
	box-sizing: border-box;
}

li {
  float: left;
}

a li, .dropbtn {
  display: block;
  color: #172121;
  padding: 10px 12px;
  text-decoration: none;
  box-sizing: border-box;
}

a li:hover, ul a.apt-logo img.apt-logo:hover {

}

li a:hover, .dropdown:hover .dropbtn {

}

li.dropdown {
  display: block;
}

.dropdownContent {
  display: none;
  position: absolute;
  background-color: #C9E8E1;
  min-width: 160px;
  box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdownContent a {
  color: #172121;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  box-sizing: border-box;
}

.dropdownContent a:hover {
	background-color: #D8FFDD;
}

.dropdown:hover .dropdownContent {
  display: block;
}

.float-right {
	float: right;
}

/* LIST CSS */
li.list-for-amenities {
    list-style-type: square;
    font-size: 1.2em;
    list-style-position: outside;
    color: #172121;
    margin: 0 20px;
	width: 92%;
    clear: both;
    line-height: 1.3;
    padding-bottom: 5px;
}
.amenities {
    display: inline-block;
    background-color: #C9E8E1;
    width: 100%;
    padding: 75px 0 0;
	margin-bottom: 25px;
}
section.amenities ul {
	background-color: #C9E8E1;
}
.amenity-list {
	display: inline-block;
	float: left;
	width: 29.333%;
	margin: 0 1% 20px 3%;
	padding: 0;
}
.amenity-list-2 {
	display: inline-block;
	float: left;
	width: 31.333%;
	margin: 0 1% 20px 1%;
	padding: 0;
}
.amenity-list-3 {
	display: inline-block;
	float: left;
	width: 29.333%;
	margin: 0 3% 20px 1%;
}

.amenity-list-50 {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	display: inline-block;
	background-color: #C9E8E1;
	margin-top: 0px;
	float: left;
	margin-left: 0.5%;
	width: 48%;
	color: #172121;
	margin-bottom: 40px;
	margin-right: 0.5%;
}

/* START PET FRIENDLY SECTION */
section.happy-fun-community {
	background-color: #172121;
	display: inline-block;
	width: 100%;
	height: auto;
}
section.pet-friendly {
	padding-top: 85px;
	display: inline-block;
	box-sizing: border-box;
	float: left;
	padding-bottom: 90px;
	width: 50%;
	background-color: #DECBB8;
}
section .short {
	padding-bottom: 200px;
}
.pet-friendly h1 {
	padding: 0 0 0 30px;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	width: 43%;
}
.pet-friendly p {
	display: inline-block;
	box-sizing: border-box;
	float: left;
	width: 43%;
	padding: 15px 0 15px 40px;
}
section.pet-friendly img {
	display: inline-block;
	box-sizing: border-box;
	float: right;
	width: 55%;
	max-width: 600px;
	padding: 0px 15px 25px 25px;
}
/* END PET FRIENDLY SECTION */

/* START NEIGHBORHOOD SECTION */
section.neighborhood {
	padding-top: 85px;
	display: inline-block;
	box-sizing: border-box;
	width: 50%;
	height: auto;
	background-color: #172121;
}
section.neighborhood2 {
	padding: 85px 0 40px 30px;
	display: inline-block;
	box-sizing: border-box;
	width: 75%;
	margin: 0 auto;
	height: auto;
	background-color: #172121;
}

.neighborhood h2, section.neighborhood h1 {
	padding: 0 0 15px 30px;
	font-size: 1.5em;
	width: 100%;
	color: #DECBB8;
}
.neighborhood ol {
	display: block;
	float:left; 
	line-height: 1.4;
	width: 33.33%;
}
.neighborhood ol.nlist {
	margin-top: 20px;
	width: 49.5%;
	margin-right: 0.5%;
}
.neighborhood ol.nlist-2 {
	margin-top: 20px;
	width: 40%;
}
.neighborhood ol.nlist:last-child, .neighborhood ol.nlist-2:last-child {
	margin-bottom: 30px;
}
.neighborhood li {
	padding: 0 0 0 35px;
	color: #DECBB8;
	font-size: 1em;
	list-style: none;
	display: block;
	width: 100%;
}
.neighborhood ol.nlist li, .neighborhood ol.nlist-2 li {
	display: block;
	width: 100%;
}

.neighborhood li:first-child {
	text-decoration: underline;
}
.neighborhood p {
	padding: 0 0 5px 5px;
	color: #DECBB8;
	font-size: 1em;
}
.neighborhood2 h2, .neighborhood2 h1 {
	padding: 0 0 15px 30px;
	font-size: 1.5em;
	width: 100%;
	color: #DECBB8;
}
.neighborhood2 ol {
	display: block;
	float:left; 
	line-height: 1.4;
	width: 33.3%;
}
.neighborhood2 ol.nlist {
	margin-top: 20px;
	width: 30%;
	margin-right: 0.5%;
}
.neighborhood2 ol.nlist-2 {
	margin-top: 20px;
	width: 40%;
}
.neighborhood2 ol.nlist:last-child, .neighborhood2 ol.nlist-2:last-child {
	margin-bottom: 30px;
}
.neighborhood2 li {
	padding: 0 0 0 35px;
	color: #DECBB8;
	font-size: 1em;
	list-style: none;
}
.neighborhood2 ol.nlist li, .neighborhood ol.nlist-2 li {
	display: block;
	width: 100%;
}

.neighborhood2 li:first-child {
	text-decoration: underline;
}
.neighborhood2 p {
	padding: 0 0 5px 5px;
	color: #DECBB8;
	font-size: 1em;
}
/* END NEIGHBORHOOD SECTION */

/* START REVIEWS SECTION */
section.customer-reviews {
    display: inline-block;
    background-color: #D6FFDB;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 75px;
}
blockquote {
    display: block;
	width: 33%;
	float: left;
 	margin: 15px auto 0;
    padding: 0 15px;
}
blockquote:nth-child(4), blockquote:nth-child(7), blockquote:nth-child(10), blockquote:nth-child(13), blockquote:nth-child(16){
	clear: left;
}
.quotation {
    font-size: 1em;
    margin: 0 auto;
    quotes: "\201C""\201D""\2018""\2019";
    padding: 0px 10px;
    line-height: 1.3;
    color: #172121;
}
.quotation:before {
	content: open-quote;
	display: inline;
	height: 0;
	line-height: 0;
	left: -10px;
	position: relative;
	top: 10px;
	color: #172121;
	font-size: 2.5em;
}
.quotation::after {
	content: close-quote;
	display: inline;
	height: 0;
	line-height: 0;
	left: 10px;
	position: relative;
	top: 25px;
	color: #172121;
	font-size: 2.5em;
}
footer.resident{
    margin: 0 0 20px 0;
    text-align: right;
    font-size: 1em;
    font-style: italic;
    color: #172121;
    padding-right: 50px;
    padding-top: 10px;
}
/* END REVIEWS SECTION */

/* START UTILITY PARTNERS SECTION */
section.utility-partners {
	display: inline-block;
	padding-top: 85px;
	width: 100%;
	height: auto;
	background-color: #C9E8E1;
}
.utility-partners h1 {
	padding: 0 0 0 30px;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	width: 100%;
}
.utility-partners p {
	display: inline-block;
	box-sizing: border-box;
	float: left;
	width: 35%;
	padding: 15px 0 40px 40px;
}
div.partners-main {
	display: inline-block;
	height: auto;
}
div.partners {
	display: block;
	box-sizing: border-box;
	background-color: white;
	float: right;
	text-align: center;
	width: 21%;
	min-height: 470px;
	margin-top: -60px;
	padding: 0px 15px 60px 25px;
}
div.partners-2 {
	display: inline-block;
	box-sizing: border-box;
	background-color: white;
	float: right;
	text-align: center;
	width: 30%;
	min-height: 450px;
	margin-top: -60px;
	padding: 0px 15px 60px 25px;
}
div.partners h3, div.partners-2 h3 {
	font-weight: 800;
	margin-bottom: 2px;
}
div.partners small, div.partners-2 small {
	font-size: 0.9em;
	font-style: oblique;	
}
div.partners img, div.partners-2 img {
	width: 95%;	
	max-height: 200px; 
	padding: 0;
	margin-top: 10px;
}
div.partners p, div.partners-2 p {
	width: 95%;
	padding: 15px 0 0 0px;
	text-align: center;
	line-height: 1.2;
}
/* END UTILITY PARTNERS SECTION */

/* TABLE CSS */
table {
	width: 100%;
}
table tr {
	width: 100%;
}
table tr.alt {
	background-color: ivory;
	border-bottom: thin solid #172121;
	border-top: thin solid #172121;
}
table tr td:first-of-type {
	padding-left: 20px;
}

.floorplan-price {
	min-width: 282px;
	display: table;
	font-size: 1.1em;
	max-width: 100%;
	text-align: left;
	border-spacing: 1px 20px;
	clear: both;
	content: "";
	overflow: auto;
}

.floorplan-info {
    text-align: left;
	padding-top: 75px;
	background-color: #DDDDDD;
    margin: 0;
    width: 100%;
}

ul.tab {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	background-color: #DECBB7;
	border-bottom: #172121 thin solid;
	border-top: #172121 thin solid;
}

.tabcontent h3 {
	display: block;
	width: 100%;
	float: left;
	clear: both;
	content: "";
}

/* Style for Close Button */
span.topright {
	display: inline-table;
	float: right;
	padding: 2px 7px 5px 7px;
	background: rgba(0,0,0,.5);
	border: rgb(0,0,0) 1px solid;
	cursor: pointer;
}

span.topright:hover {
	background: #172121;
	border: rgb(255,255,255) 1px solid;
	color: rgb(255,255,255);
}

/* Float the list items side by side */
ul.tab li {
	float: left;
	padding: 3px 0 0 3px;
}

/* Style the links inside the list items */
ul.tab li a {
    display: block;
    text-align: center;
    padding: 15px 16px 10px 16px;
    text-decoration: none;
	border-top: #172121 medium solid;
	border-right: #172121 thin solid;
	border-left: #172121 thin solid;
	border-radius: 15px 35px 0px 0px;
	color: #172121;
	background-color: #DECBB7;
    font-size: 1.5em;
}

/* Change background color of links on hover, focus, activation, and also set initial active link */
ul.tab li a:hover, ul.tab li a:focus, ul.tab li:active, ul.tab li a.active {
    background-color: #172121;
	color: #DECBB7;
	border-top: #172121 medium solid;
	border-right: #172121 thin solid;
	border-left: #172121 thin solid;
	border-radius: 15px 35px 0px 0px;
}

/* Style the tab content */
.tabcontent {
	display: none;
	text-align: left;
	background-color: #FFFFFF;
}

/* GRAPHIC/ IMG CSS */

img.apt-logo  {
    width: 28px;
}

img.social  {
	width: 45px;
	height: auto;
	margin-top: 7px;
	margin-right: 5px;
	margin-left: 5px;
}

.mySlides {
	width: 100%;
	max-height:850px; 
}
.floorplan-icon {
	max-height: inherit;
	width: 100%;
	max-width: 400px;
	margin: 5px 0;
}

/* Contact */
img.icon {
	vertical-align: middle;
}

.contact-form input {
	background-color: floralwhite;
}

select {
	background-color: floralwhite;
	margin: 10px auto 30px;
	border: 2px solid black;
	display: block;
}

.contact-form {
	background-color: #DECBB7;
	font-weight: 600;
	padding-top: 20px;
	width: 100%;
	display: block;
}

form {
	width: 100%;
}

div.contact-phone {
    background-color: #172121;
    color: #DECBB7;
    padding-top: 75px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 15px;
}
.contact-phone {
	text-align: center;
	font-size: 1.1em;
}
a.contactus {
	display: block;
	text-decoration: none;
	color: #DECBB7;
	font-size: 1.1em;
	padding-bottom: 10px;
}
div.contact-phone h2 {
	color: #DECBB7;
}

.button {
	width: 38%;
	margin: auto auto auto 31%;
	padding: 20px 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	border: 2px solid #172121;
	color: #172121;
	transition: all 0.4s linear;
	background-color:#DECBB7;
	box-sizing: border-box;
}

.button:hover {
	background-color: #172121;
	color: #DECBB7;
	border: 2px solid #DECBB7;
	box-sizing: border-box;
	cursor: pointer;
}

.contact-left {
	display: inline-table;
	width: 48%;
	float: left;
	text-align: right;
	margin: 15px 1%;
	height: 25px;
	vertical-align: top;
}

.contact-right {
	display: inline-table;
	width: 48%;
	float: left;
	text-align: left;
	margin: 15px 1%;
	height: 25px;
	vertical-align: top;
}

div.select {
	width: 48%;
	display: inline-table;
	float: left;
	margin: 15px 1%;
}

.contact-right input {
	vertical-align: top;
	border: #6A6A6A solid 2px;
	width: 75%;
	margin-top: -5px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.contact-right select {
	vertical-align: top;
	border: #6A6A6A solid 2px;
	width: 75%;
	margin: -5px 0 0 0;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}

.contact-center {
	display: inline-table;
	width: 100%;
	text-align: center;
	height: 25px;
}
.contact-center input {
	margin-bottom: 25px;
	width: 50%;
	line-height: 3;
	border: #6A6A6A solid 2px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.contact-center-small {
	display: inline-table;
	width: 100%;
	text-align: center;
	height: 25px;
}
.contact-center-small input {
	margin-bottom: 25px;
	width: 50%;
	line-height: 1.5;
	border: #6A6A6A solid 2px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.contact-center-small select {
	vertical-align: top;
	border: #6A6A6A solid 2px;
	width: 50%;
	height: 40px;
	line-height: 1.5;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}

input#moving-date {
	margin-top: -5px;
}

#contact-method, #email, #text {
	margin-left: 10px;
	width: 25px;
}

span.radio-text {
	margin-left: 5px;
}

/* FOOTER CSS */
section.sitemap {
	background-image: url("../images/footer.jpg");
	background-color: #272626;
	background-position: center;
	text-transform: uppercase;
}

section.sitemap h1{
	font-size: 2.5em;
	font-weight: 800;
	text-shadow: 3px 3px 3px black;
	font-stretch: ultra-expanded;
	text-align: center;
	padding-top: 30px;
	color: #D8FFDD;
}

.company-information a, .social-media a, .apartment-list a, .company-information h2, .social-media h2, .apartment-list h2 {
	color: #D8FFDD;
	line-height: 1.40;
}

.company-information h2, .social-media h2, .apartment-list h2 {
	text-decoration: underline;
	font-size: 1.3em;
	margin-bottom: 5px;
	text-shadow: 2px 2px 2px black;
}

.company-information a, .social-media a, .apartment-list a {
	font-size: 0.8em;
	text-shadow: 1px 1px 1px black;
}

.company-information a:hover, .social-media a:hover, .apartment-list a:hover {
	font-size: 0.82em;
	text-shadow: 2px 2px 2px black;
}

.company-information p, .social-media p, .apartment-list p {
	margin-bottom: 5px;
}

.copyright {
	display: inline-block;
	margin: 20px auto 0px;
	width: 100%;
	text-align: center;
	font-size: .7em;
}

.social-media, .apartment-list, .company-information {
	display: inline-block;
	width: 33%;
	text-align: left;
	padding: 10px 0 0 20px;
	vertical-align: text-top;
}

/* Smaller Monitor Sizes */
@media screen and (max-width:1280px) {
	.small-screen-pad {
		margin: 20px 0px;
	}	
	/* START PET FRIENDLY SECTION */
	section.pet-friendly {
		width: 100%;
	}
	section.pet-friendly img {
		max-width: 400px;
		}
	/* END PET FRIENDLY SECTION */
	/* START NEIGHBORHOOD SECTION */
	section.neighborhood {
		width: 100%;
	}
	/* END NEIGHBORHOOD SECTION */
	/* START UTILITY PARTNERS SECTION */
	.utility-partners p {
		width: 95%;
		padding: 15px 0 40px 40px;
	}
	div.partners {
		float: left;
		text-align: center;
		width: 33.33%;
		min-height: 450px;
		margin-top: 0px;
		padding: 0px 15px 60px 25px;
	}
	div.partners-2 {
		float: left;
		text-align: center;
		width: 50%;
		min-height: 420px;
		margin-top: 0px;
		padding: 0px 15px 60px 25px;
	}
	div.partners h3{
		margin-top: 30px;
	}
	div.partners-2 h3{
		margin-top: 30px;
	}
	/* END UTILITY PARTNERS SECTION */
}
/*@@@@@ TABLET STYLES @@@@@*/
@media screen and (max-width:1079px) {	
	.show-1079 {
		visibility: visible;
		display: block;
	}
	.hide-1079 {
		visibility: hidden;
		display: none;
	}
	/* GENERAL */
	body {
		background-color: #D8FFDD;
	}
	.hide-1023 {
		display: none;
		visibility: hidden;
	}
	
/* NAV (LEFT) SIDE */
	#left-menu {
		display: block;
		position: fixed;
		z-index: 120;
		float: left;
		left: 10px;
		top: 10px;
		background-color: #D8FFDD;
		padding: 10px;
	}
	li.company-name {
		margin-top: 30px;
	}
	/* NAV (LEFT) SIDE */	
	nav.nav-1023 {
		display: block;
		width: 35%;
		height: 100%;
		clear: both;
		background-color: #D8FFDD;
		transition: all 1s;
	}
	nav.nav-open {
		width: 0%;
	}
	.w3-animate-left{
		position:relative;
		animation:animateleft 0.4s;
		-webkit-animation:animateleft 0.4s;
	}
/* RIGHT SIDE */
	div.information-section {
		display: inline-block;
		float: right;
		width: 100%;
		background-color: white;
	}
	address {
		margin-left: 50px;
	}
/* Left Nav Additional */
	.nav-1023 {
		clear: both;
		float: left;
		text-align: left;
	}
	ul {
	  list-style-type: none;
	  width: 100%;
	  padding: 5px 0 0;
	}
	li {
	  width: 100%;
	}
	a li, .dropbtn {
	  width: 100%;
	}
	ul.tab li a {
		width: 100%;
		text-align: left;
	}
	ul.tab li {
		width: 33%;
	}
	.dropdownContent {
	  display: none;
	  position: relative;
	  background-color: #C9E8E1;
	  width: 100%;
	  box-shadow: 0px 0px 0px 0px;
	  z-index: 1;
	}
	li a:hover, .dropdown:hover .dropbtn, li.company-name {
	  background-color: #D8FFDD;
	}
	.dropdownContent a {
	  color: #172121;
	  padding: 10px 16px;
	  text-decoration: none;
	  display: block;
	  box-sizing: border-box;
	}

	.dropdownContent a:hover {
		background-color: #D8FFDD;
	}

	.dropdown:hover .dropdownContent {
	  display: block;
	}
	
	.dropdownContent-onlick {
	  display: block;
	}
	
	/* INFORMATION (RIGHT) SIDE */
	.property-info {
		text-align: left;
		float: left;
		margin-top: 30px;
		margin-left: 0px;
		color: rgb(20,20,20);
		margin-bottom: 0px;
	}
	.amenities, ul.tab li a, div.contact-phone, section.pet-friendly {
		padding-top: 45px;
	}
	.pet-friendly h1 {
		padding-left: 75px;
	}
	.neighborhood h1 {
		padding-left: 75px;
	}
	li.company-name {
		padding-left: 10px;
	}

	.w3-margin-top-lg{
		margin-top: 15px!important
	}
	
	
	/*LIST STYLES CSS*/
	.amenity-list, .amenity-list-2, .amenity-list-3, .amenity-list-50 {
		padding: 0;
		display: inline-table;
		margin: 15px 2%;
		float: left;
		width: 96%;
		color: rgba(20,20,20,1);
	}
	
	/*TABLE STYLES*/	
	td.hide {
		display:none;
		visibility:hidden;
	}
	
	th.hide {
		display:none;
		visibility:hidden;
	}
	span.hide-extra {
		display: none;
		visibility: hidden;
		font-weight: 800;
	}
	.social-media, .apartment-list, .company-information {
		width: 100%;
	}
	/* START UTILITY PARTNERS SECTION */
	div.partners, div.partners-2 {
		min-height: 440px;
	}
	/* END UTILITY PARTNERS SECTION */
}

/*@@@@@ RANDOM RESPONSIVE SCREEN SIZES @@@@@*/
@media screen and (max-width: 900px) {	
	blockquote {
		width: 100%;
		margin-bottom: 15px;
	}
	footer.resident {
		text-align: left;
		margin-left: 35px;
	}
	.show-900 {
		visibility: visible;
		display: block;
	}
	.hide-900 {
		visibility: hidden;
		display: none;
	}
	.hide-420 {
		visibility: visible;
		display: block;
	}
    a.top-print {
        display: none;
        visibility: hidden;
    }    
    a.top {
		line-height: 1.25;
	}
	
	a.top:nth-child(4) {
		padding-bottom: 10px;
	}
    
    .about p {
        line-height: 1.3;
    }
	
	w3-container a.top-address {
		display: block;
		padding-right: 20px;
	}
	/* START UTILITY PARTNERS SECTION */
	div.partners, div.partners-2 {
		text-align: center;
		min-height: 410px;
	}
	div.partners p {
		font-size: 1em;
	}
	/* END UTILITY PARTNERS SECTION */
}
@media screen and (max-width: 750px) {	
	.show-750 {
	visibility: visible;
	display: block;
}
	.hide-750 {
	visibility: hidden;
	display: none;
}
/* NAV (LEFT) SIDE */
	nav.nav-1023 {
		width: 0%;
		transition: all 1s;
	}	
	nav.nav-open {
		width: 75%;
	}
	/* NAV (LEFT) SIDE */
	.nav-1023 {
		width: 100%;
	}
/* RIGHT SIDE */
	div.information-section {
		width: 100%;
		overflow: hidden;
	}
	.w3-container a.top-address {
		float: right;
		margin-right: 30px;
	}
	li.company-name {
		text-align: right;
	}

/* Resize Pricing Tabs */
	
	ul.tab li {
		width: 33%;
	}
/* Overflow For Sidebar Nav */
	nav.nav-1023 {
		overflow: auto;
	}
/* Remove full length address */
	.address {
		display: none;
		visibility: hidden;
	}
	address {
		margin-left: 0px;
	}
	/* START PET FRIENDLY SECTION */
	section.pet-friendly {
		padding-top: 60px;
	}
	.pet-friendly h1 {
		padding-left: 30px;
	}
	.pet-friendly p {
		width: 45%;
		font-size: 1em;
		padding: 15px 0 15px 30px;
	}
	section.pet-friendly img {
		width: 55%;
		padding: 0px 25px 25px 20px;
	}
	/* END PET FRIENDLY SECTION */
	/* START NEIGHBORHOOD SECTION */
	section.neighborhood {
		padding-top: 60px;
	}
	.neighborhood h1 {
		padding-left: 30px;
	}
	.neighborhood p {
		width: 45%;
		padding: 15px 0 25px 30px;
	}
	/* END NEIGHBORHOOD SECTION */
	/* START UTILITY PARTNERS SECTION */
	div.partners, div.partners-2 {
		min-height: 420px;
	}
	div.partners p {
		font-size: 0.8em;
	}
	/* END UTILITY PARTNERS SECTION */
	
/* Make Contact Items/ Menus Fit on Smaller Screens */
	
	/*Property or City Selector*/ select#menu1 {
		width: 100%;
	}	
	.button {
		width: 60%;
		margin-left: 20%;
	}
	.contact-left {
		display: inline-table;
		width: 100%;
		text-align: center;
		height: 25px;
		margin: 10px 5px 0px 5px;
	}
	.contact-right {
		display: inline-table;
		width: 100%;
		text-align: center;
		margin: 5px 5px;
	}
	.contact-right input {
		padding: 7px 10px;
		margin: 0px auto;
	}
	.contact-right select {
		padding: 7px 10px;
		margin: 0px auto;
	}
	.contact-center {
		width: 100%;
		margin-top: 7px;
	}
	.contact-center input {
		margin-bottom: 25px;
		width: 75%;
		line-height: 3;
	}
	div.select {
		display: inline-table;
		width: 100%;
		text-align: center;
		margin: 5px 5px;
	}
	span.topright {
		background: rgba(0,0,0,1);
		border: rgb(255,255,255) 1px solid;
		color: rgb(255,255,255);
	}
	figcaption  {
		margin-top: 0px;
		margin-left: 0px;
		padding: 5px 5px;
		background-color: rgba(255,255,255,0.75);
		font-size:.9em;
	}
}

@media screen and (max-width: 550px) {
/*Random Size Fixes*/
	p, li {
		text-align: justify;
	}
	
	.floorplan-info th {
		margin-bottom: 15px;
		padding: 0px;
		width: 50%;
		text-align: left;
	}
	
	.floorplan-info td {
		padding: 0px;
	}
	
	.floorplan-info img {
		max-width: 200px;
		min-height: 48px;
	}
	ul.tab li a:hover, ul.tab li a:focus, ul.tab li:active, ul.tab li a.active, ul.tab li a {
		border-radius: 0px;
		border-width: 0px;
		border-spacing: 0px;
		padding: 20px;
	}
	ul.tab, ul.tab li {
		border-color: white;
		border: thin ridge white;
		width: 100%;
		padding: 0;
	}
	
	h1.tagline2 {
		display: table;
	}
	
	span.hide550 {
		display: none;
		visibility: hidden;
	}
	
	span.hide-long-text {
		display: inline;
		visibility: visible;
	}
	/* START PET FRIENDLY SECTION */
	.pet-friendly h1 {
		padding: 0 0 15px 15px;
		margin: 0;
		width: 60%;
	}
	.pet-friendly p {
		width: 60%;
		margin: 0;
		padding: 0 0 30px 15px;
	}
	section.pet-friendly img {
		width: 40%;
		max-width: 300px;
		clear: both;
		margin: 0;
		padding: 0px 15px 0px 15px;
	}
	/* END PET FRIENDLY SECTION */
	/* START NEIGHBORHOOD SECTION */
	section.neighborhood {
		padding-top: 25px;
	}
	.neighborhood h1 {
		padding: 0 0 15px 65px;
	}
	.neighborhood p {
		width: 95%;
		padding: 15px 0 15px 25px;
		font-size: 1em;
	}
	.neighborhood p.two {
		padding-bottom: 40px;
	}
	/* END NEIGHBORHOOD SECTION */
	/* START UTILITY PARTNERS SECTION */
	section.utility-partners {
		padding-top: 70px;
		width: 100%;
	}
	.utility-partners h1 {
		width: 100%;
	}
	.utility-partners p {
		width: 92%;
	}
	div.partners, div.partners-2 {
		text-align: center;
		width: 100%;
		min-height: 150px;
		padding: 15px 15px;
	}
	div.partners p, div.partners-2 p {
		width: 95%;
		font-size: 1em;
		padding: 15px 15px;
	}
	/* END UTILITY PARTNERS SECTION */
}

/*@@@@@ SMART PHONE PORTRAIT CSS @@@@@*/
@media screen and (max-width:420px) {
	
	/* VID TOUR */
	img.video-intro {
		max-width: 300px;
	}
	
	/* NAV (LEFT) SIDE */
	nav.nav-1023 {
		width: 0%;
	}	
	nav.nav-open {
		width: 100%;
	}
	/* NAV (LEFT) SIDE */
	.nav-1023 {
		width: 100%;
	}
	/*LAYOUT CSS*/
	.hidemobile, div#google-map { 
		display:none; 
		visibility:hidden;
	}
	.show-420 {
		display: block;
		visibility: visible;
	}
	.hide-420 {
		display: none;
		visibility: hidden;
	}
	.w3-container a.top, .w3-container a.top-address {
		font-size: 1.0em;
	}
	p.text-prop {
		font-size: 1.0em;
		margin: 40px 0px 5px;
		padding-bottom: 15px;
	}
	
	p.text-prop2 a img {
		max-width: 100%;
		padding: 10px 0px;
		margin: 0; 
		clear: both;
	}
	figcaption  {
		font-size: 1.0em;
	}
	.floorplan-table th {
		margin-bottom: 15px;
		padding: 0px;
		width: 100%;
		text-align: center;
	}
	.floorplan-info img {
		max-width: 200px;
		min-height: 48px;
	}
	.menu1 {
		width: 100%;
		font-size: 1em;
		font-stretch: condensed;
	}
	.tagline2 select {
		border: 2px solid black;
	}	
	.thumbnail-prop {
		width: 90%;
		text-align: left;
		float: left;
		margin-top: 30px;	
		margin-left: 30px;
	}
	div.social-media {
		height: auto;
	}
	.copyright {
		margin: 0;
		padding: 0;
	}
	/*TYPOGRAPHIC CSS*/
	.text-prop  {
		font-size: 1.0em;
	}
	ul li.list-for-amenities {
		font-size: 1.0em;
		width: 80%;
	}
	.amenity-list-2 h2, .amenity-list-3 h2, .amenity-list h2 {
		font-size: 1.2em;
	}
	/*LIST STYLE CSS*/
	li.list-for-amenities {
		font-size: 18px;
		clear: both;
	}
	/*TABLE CSS*/
	ul.tab li a {
		display: inline-block;
		text-align: center;
		padding: 50px 10px 8px;
		text-decoration: none;
		transition: 0.3s;
		font-size: 1.2em;
	}
	/*CONTACT CSS*/
	div.contact-left label {
		line-height: 1.5;
	}
	select {
		margin: 5px auto 20px;
	}
	.contact-form {
		font-weight: 600;
		padding-top: 37px;
		margin-top: -7px;
		display: block;
	}
	.contact-phone {
		text-align: center;
		font-size: 1.0em;
	}
	.button {
		width: 100%;
		margin: 0;
	}
	.contact-left {
		width: 100%;
		text-align: center;
		margin: 5px 0;
		height: 25px;
	}
	.contact-right {
		width: 100%;
		text-align: center;
		margin: 5px 0;
		height: 25px;
	}
	div.select {
		width: 100%;
		margin: 0;
	}
	.contact-right input {
		width: 100%;
		margin: 0px;
		padding: 5px;
	}
	.contact-right select {
		width: 100%;
		margin: 0;
		padding: 5px;
	}
	.contact-center {
		width: 100%;
		text-align: center;
	}
	.contact-center input {
		width: 100%;
		padding: 5px;
	}
	a.contactus {
		font-size: 1.0em;
	}
	input#moving-date {
		margin-top: -5px;
	}
	#contact-method, #email, #text {
		margin-left: 10px;
		width: 25px;
	}
	span.radio-text {
		margin-left: 5px;
	}
	section.sitemap h1, .social-media, .apartment-list, .company-information {
		display: none;
		visibility: hidden;
	}
	/* START PET FRIENDLY SECTION */
	.pet-friendly h1 {
		padding: 20px 0 15px 15px;
		width: 95%;
	}
	.pet-friendly p {
		width: 95%;
		padding: 0 0 30px 15px;
	}
	section.pet-friendly img {
		width: 50%;
		float: left;
		max-width: 300px;
	}
	/* END PET FRIENDLY SECTION */
	/* START NEIGHBORHOOD SECTION */
	section.neighborhood {
		padding-top: 25px;
	}
	.neighborhood h1 {
		padding: 0 0 15px 65px;
	}
	.neighborhood p {
		width: 95%;
		padding: 15px 0 15px 25px;
		font-size: 1em;
	}
	.neighborhood p.two {
		padding-bottom: 40px;
	}
	.neighborhood ol {
		display: block;
		float:left; 
		line-height: 1.4;
		width: 100%;
	}
	.neighborhood ol.nlist, .neighborhood ol.nlist-2 {
		margin-top: 20px;
		width: 95%;
	}
	/* END NEIGHBORHOOD SECTION */
	/* START UTILITY PARTNERS SECTION */
	div.partners p, div.partners-2 p {
		font-size: 0.8em;
	}
	/* END UTILITY PARTNERS SECTION */
}

/*@@@@@ TINY SCREENS @@@@@*/
@media screen and (max-width: 281px) {
	#left-menu {
		display: none;
		visibility: hidden;
	}
	section.w3-clear {
		text-align: center;
		margin: 0 25px 0 0;
	}
	.fa-lg {
		display: block;
		font-size: 3em;
		line-height: 1em;
		margin: 0 auto;
		padding: 0;
	}
	li.company-name {
		margin: 0;
		display: none;
		visibility: hidden;
	}
	a.contactus {
		display: none;
		visibility: hidden;
	}
	
	div.contact-phone {
		padding-top: 10px;
	}
	
	div.social-media {
		display: none;
		visibility: hidden;
	}
	
	span.hide-for-tiny, nav, section.contact-form, br, select#menu1, div.about, section.floorplan-info, .copyright, h1.tagline2, div.w3-content, .hide-for-tiny, section.pet-friendly, section.neighborhood, section.utility-partners, section.customer-reviews, .show-420  {
		display: none;
		visibility: hidden;
	}	
	
    span.show-for-tiny, h1.show-for-tiny, h2.show-for-tiny {
        display: inherit;
        visibility: visible;
        font-size: 1.2em;
        margin: 10px;
    }
    
	div.social-media {
		height: auto;
	}
	
	.social-media img {
		width: 30px;
		margin: 2px 1px;
	}
	
	.w3-container, .w3-panel, .container, div.container {
		margin: 0px auto;
        padding: 0;
	}

    #virtual-tour {
        padding-top: 0px;
        margin-top: 0px;
        display: none;
        visibility: hidden;
}
}

@media screen and (max-width: 250px) {
	.fa-lg {
		font-size: 2em;
		margin: 0 -5px;
	}
	section.w3-clear {
		margin: 0 15px 0 0;
	}
}

@media screen and (max-width: 175px) {
	.fa-lg {
		font-size: 1.5em;
	}
	section.w3-clear {
		margin: 0 5px 0 0;
	}
}

@media screen and (max-width: 150px) {
	.fa-lg {
		font-size: 1em;
	}
	section.w3-clear {
		margin: 0 0 0 0;
	}
}

/*@@@@@ ALL MEDIA - TOUR IMAGE CSS @@@@@*/
.tourimgBoulder {
	width: 100%;
	padding-bottom: 0px;
}
.tourimgCommunities {
	width: 100%;
	padding-bottom: 0px;
}
.tourimgVilla {
	width: 100%;
	padding-bottom: 0px;
}
.tourimg {
	display: block;
	width: 100%;
	padding-bottom: 0px;
	margin: 0;
}
.tourimg img {
	display: block;
	width: 100%;
	padding-bottom: 0px;
	margin: 0;
}

@media screen and (max-width: 1080px) {
	.tourimgCommunities, .tourimgCommunities::before, .tourimgCommunities::after {
		content:url("../images/communities-at-bent-tree/tour-alt.jpg");
	}
	.tourimgVilla, .tourimgVilla::before, .tourimgVilla::after {
		content:url("../images/villa-del-mar/tour-alt.jpg");
	}
}

@media screen and (max-width: 650px) {
	.tourimgCommunities, .tourimgCommunities::before, .tourimgCommunities::after {
		content:url("../images/communities-at-bent-tree/tour-alt-2.jpg");
	}
	.tourimgVilla, .tourimgVilla::before, .tourimgVilla::after {
		content:url("../images/villa-del-mar/tour-alt-2.jpg");
	}
}

.mhp {
	font-size: 1.5em;
	line-height: 1.75em;
	color: white;
}

li.company-name:hover {
	background-color: #D8FFDD;
}

span.hide-extra {
		font-weight: 800;
	}
/* CALENDAR CSS */

* {box-sizing: border-box;}
ul {list-style-type: none;}

.month {
  padding: 85px 50px 15px;
  width: 100%;
  background: #DECBB7;
  text-align: center;
}

.month ul {
  margin: 0;
  padding: 0;
  background-color: #DECBB7;
}

.month ul li {
  color: #171121;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
}

div.month ul li {
	text-align: center;
}

.weekdays {
  margin: 0;
  padding: 15px 0;
  background-color: #eee;
}

.weekdays li {
  display: inline-block;
  width: 14%;
  color: #666;
  text-align: left;
  padding-left: 10px;
}

.days {
  padding: 10px 0;
  background: #fff;
  margin: 0;
}

.days li {
  list-style-type: none;
  display: inline-block;
  width: 14%;
  height: 75px;
  line-height: 2;
  text-align: left;
  padding-left: 15px;
  font-size:12px;
  color: #777;
  overflow:hidden;
}

.days li.active {
  padding: 0px 5px 0px 15px;
  background: #DECBB8;
  color: #172121;
}

sup {
  display: none;
}

/* Add media queries for smaller screens */
@media screen and (max-width:1023px) {
	.month {
	  padding: 35px 0px 15px;
	}
	.weekdays li {
		padding-left: 5px;
	}
	.days li {
		height: 100px;
		padding-left: 5px;
	}
	.days li.active {
		padding-left: 5px;
	}
}
	
@media screen and (max-width:720px) {
.month {
	  padding: 65px 0px 15px;
	}
  .weekdays, .weekdays li {width: 0%; height: 0;}
	.days li {
		width: 100%;
		height: 0;
		padding: 0;
		margin: 0;
	}
	.days li.active {
		height: 30px;
		padding: 0 0 0 30px;
		margin: 0;
		color: #172121;
		background-color: white;
	}
	sup {
		display: inline;
		vertical-align: super;
		font-size: smaller;
	}
	.days li.blank, .days li.nada {
		height: 0;
		padding: 0;
		margin: 0;
		display: none;
	}
	section#events {
		padding-bottom: 30px;
	}
}

@media screen and (max-width: 281px) {
	section#events {
		display: none;
		visibility: hidden;
	}
}

.not-ready {
	display: none;
	visibility: hidden;
	height: 0;
	margin: 0;
	padding: 0;
}