/* CSS Document */

@-ms-viewport {
    width:device-width;
	zoom:1;
	min-zoom:1;
	max-zoom:1;
	user-zoom:fixed;
}

body{margin:0; background:#544f44; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; position:relative}
.slicknav_menu {
	display:none;
}
#mOnly{
	display:none !important;
}

#menu{background:#9ca545; text-align:center;padding: 0.5em 0px;top: 0;z-index: 10;width: 100%;}

ul {

    margin: 0px auto;
    padding: 0px;
	display:inline-block;
	vertical-align: middle;
}

li {
    display: inline-block;
    text-align: center;
	
}
.slides{width:100%}

.slides li{width: 100%; position:absolute; }
.slides:after{content: "";background: rgba(0,0,0,0.35); position:absolute; width:100%; height:100%; z-index:10}
#menu ul li a{padding: 33px 1.25em; color:#544f44; text-decoration:none; font-weight:bold}
#menu ul li a:hover{color:white; background:#544f44; text-shadow:none}
#menu img {display:inline-block;vertical-align: middle; padding-right:1em}
#homePhoto:before{content: "";background: rgba(0,0,0,0.35); position:absolute; width:100%; height:100%}
.homePhoto{ position:relative; overflow:hidden}
.homePhoto img {height: 100%; width:100%}
.bottomHome{margin:40px auto; width: 75%;}
.bottomHomeWrapper{background:white; width:100%; padding:2em 4em; box-sizing:border-box}
.homeImageBox{display:inline-block; width:50%;position: relative;}
#tallImage{width:33.3%}
.homeImageBox img {width:100%;}
.imageTextBox{    position: absolute;    bottom: 11px;    text-align: center;    padding:0 2em;    background: rgba(255,255,255,0.7);    color: #214754;    text-transform: uppercase;    font-size: 22px;}
.homeTextBox{height: 322px;position: relative; display: inline-block; width: 32.5%;text-align: center; color:white; padding: 0 1em 1em; box-sizing:border-box;vertical-align: top;}
.homeTextBox img {width:100%}
#tallImage img{height: 322px;}
.homeHeaderText{font-size:2em; text-transform:uppercase;}
.homeTextButton{margin-left: -64px;left: 50%;bottom: 10px;position: absolute;color:white; text-decoration:none; border:2px solid white; padding:.5em; box-sizing:border-box; text-transform:uppercase}
.homeTextButton:hover{color:#ABB652; background:white}
.homeTextBox p {font-size: 0.9em;}
.mlogo{display:none; position:absolute; top:8px; left:10px; z-index:10}
.homeFloatBox{position: absolute; width: 900px; top: 30%; left: 50%;margin-left: -300px; z-index:10}
.homeFloatHeader{text-align:center; font-size:2em; color:white }
.bottomHomeWrapper .awardsBox { display: none; }
.awardsBox {  display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 1rem 0!important;}
.awardsBox img { flex: 1 0 auto; width: 100%; max-width: 160px; height: auto; }
#lowerBox{ top:64%; text-align:center}
#lowerBox p {color:white}
#halfBox{top: 50%;}
.appartmentBox {
    width: 90%;
    display: inline-block;
    vertical-align: middle;
}
.apartmentResults{background:white; width:65%;margin:0 auto; }
#Search_apartments{ /* background:rgba(84,79,68,0.75); */ padding:1em; width: 100%; text-align: center; }
.Search-Apt-button-box {
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    width: 8%;
}

.form_button {
    background: none;
    border: 0px none;
    display: inline-block;
    margin: 0;
    text-align: center;
	cursor:pointer
}
.sliderWrapper{width:65%; margin:0 auto}
.listing-container{position:relative}
.apartOverlay{position:absolute;bottom:0;left: -1px;}
.quickHeader{font-size: 1.5em;font-weight: bold;}
.apartOverlay img{width:100%}
.listing-container img{width:100%}
.apartQuickText{position:absolute;bottom: 6px;left: 11px;color: white;font-size: .8em;}
.footer{font-size:12px;border-top:9px solid #848736; background:#ABB652; text-align:center; color:#544f44; text-transform:uppercase; padding:1em; box-sizing:border-box;line-height: 1.5em;}
.footer a{color:#544f44; text-decoration:none}
.footer a:hover{text-decoration:underline}

input[type="text"], input[type="tel"], input[type="int"], input[type="email"], input[type="url"], input[type="date"], input[type="time"], input[type="search"], select, textarea {
    box-sizing: border-box;
    font-family: inherit;
    color: #544F44;
    border: medium none;
    background: #FFF none repeat scroll 0% 0%;

    width: 100%;
    max-width: 100%;
    font-size: 1em;
    margin: 0px;
	line-height: 1.5em;
}

label, .label {
    text-align: left;
    font-size: 0.875em;
    color: #544F44;
    text-transform: uppercase;
}

label, .label {
    display: block;
    text-align: left;
padding: 5px;
background: white;
    color: #544F44;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    margin-bottom: 0;
    overflow: hidden;
	box-sizing: border-box;
}
label .name, .label .name {
    position: absolute;
    top: 5px;
    left: 5px;
    
    pointer-events: none;
}
.Search-button-box {
display: inline-block;
width: 17%;
vertical-align: top;
text-align: center;
background: rgb(60, 65, 17) none repeat scroll 0% 0%;
padding: 5px;

}
.Search-button-box button{
color:white;	
font-weight: bold;
font-size: 16px;
}
.apratmentTable{display:table;width:100%}
.apartmentResults .apratmentTable:nth-child(even){	direction: rtl;}
.Prop-search-box{width: 25%; display: inline-block; min-height:32px}
.apartmentResults{padding:1.5em;box-sizing:border-box}
.propDesc{display:table-cell; width:30%; vertical-align:middle;background:#656b27; color:white; text-align:center;box-sizing:border-box;font-size: 0.9em;}
.propImag{display:table-cell; width:70%;position:relative}
.propImag img{width:100%}
.rPropBox {position:absolute; width:auto !important}
.left{top:10px; left:10px}
.right{top:10px; right:10px}
#rPropHeader{font-size: 2em; text-transform: uppercase;}
#rPropSubHeader{text-transform: uppercase;}
#propHR{width: 30%; min-height: 0px; border: 1px solid white;}
#rPropDesc{font-size: 0.9em; padding:1em 0}
#rPropAdd{font-weight: bold; font-size: 0.9em;padding:1em 0 0}
#rPropPhone{font-weight: bold; font-size: 0.9em;}
#halfBox .Prop-search-box{width:25%}
.herobox { position: absolute; top: 0; left: 0; z-index: 10; display: flex; flex: 1 0 auto; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; }
.herobox .homeFloatBox { position: relative; top: initial; left: initial; z-index: initial; margin: initial; padding: 1.2rem; }
.herobox .topBox { background: rgba(84,79,68,0.75); }
.herobox  #lowerBox { top: initial; }
@media screen and (max-width: 93.750em){
	.propImag {
    width: 100%;display: table-header-group;
	}
	#rPropHeader{margin-top:15px}
	#rPropPhone{margin-bottom:15px}
	.propDesc{width:100%; padding:1em; box-sizing:border-box;display: table-footer-group;}
	.apartmentResults{padding:1.5em;box-sizing:border-box;background:white; width:65%;margin:0 auto; }
}
@media screen and (max-width: 81.250em){
	.bottomHome {width:100%}
}

@media screen and (max-width: 74em) {
	/* #menu is the original menu */
	#menu {
		display:none;
	}

	.slicknav_menu {
		display:block;
	}
	
	.slicknav_nav img{display:none}
	.mlogo{display:block;z-index: 999;}
	.homeFloatBox {	margin-left: -250px;width: 700px;}
	.awardsBox img { max-width: 130px; }
	.homeFloatHeader {font-size:1.5em}
	#lowerBox p {font-size:.75em}
	.bottomHome {width:100%}
	.footer{font-size: .7em;}
	.bottomHome {margin: 15px auto}
	.apartmentResults{width:80%}
}
@media screen and (max-width: 62.500em){
	.homeTextBox{width:49.5%}
	#tallImage{display:none}
	#homePhoto .Prop-search-box{width:100%; margin:10px 0 }
	#homePhoto .Search-Apt-button-box{width:100%; text-align:center}
	.Search-button-box{width:110px; margin:0 auto}
	#lowerBox { display: none; }
}

@media screen and (max-width: 53.750em) {
	.imageTextBox{font-size:14px}
}

@media screen and (max-width: 46.875em) {
	.herobox .awardsBox { display: none; }
	.bottomHomeWrapper .awardsBox { display: flex; flex-direction: column; }
	.awardsBox img { margin: 0 0 1.6rem 0; max-width: 240px; }
	#lowerBox{display:none}
	.apartmentResults{width:100%}
	.homeFloatBox{width:90%; top:50%; left:18px; margin: -101px auto 0 ; }
	.homepageWrapper {margin:0;}
	.homeTextBox{width:100%;}
	
}
@media screen and (max-width: 33.750em){
	.homeImageBox {width:100%}	
	.bottomHomeWrapper {padding:2em}
}
@media screen and (max-width: 28.125em){
	#Search_apartments {padding: 1em 0;width: 100%;
text-align: center;}
	.appartmentBox { width: 85%;}
	.Search-Apt-button-box{width:15%}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles */
	.herobox .homeFloatBox {
		top: auto;
		left: auto;
		z-index: auto;
		margin: 0 auto;
	}
	.herobox #lowerBox {
		top: auto;
	}

	@media all and (min-width: 64em) {
		
	}

}

.other-pages-toggle:hover{text-decoration: underline;} 
.other-pages{display: none;}
.other-pages.show{display: block;}
.other-pages a {display: block;}