@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {margin:0; padding:0; font-family: 'Karla', sans-serif;}

header {background:#eae4d4; width:100%; height:auto; float:left; margin:0; padding:0; position:fixed; top:0; left:0; z-index:5000;}
#topBar {background:#dbb351; width:100%; height:auto; float:left; margin:0; padding:0 5%; text-align:right; color:#FFF; font-size:14px; line-height:50px;}
#topBar .fas {font-size:16px;}
#topBar a.fb {color:#FFF; text-decoration:none; border-left:1px solid #d8e3e6; padding:17px 0 19px 20px; margin:0 0 0 20px; display:inline-block;}
#topBar a {color:#FFF; text-decoration:none;}
#mainHead {width:100%; height:auto; float:left; margin:0; padding:0 5% 13px;}
#logo {width:25%; height:auto; float:left; margin:0;}
#logo img {max-width:100%; height:auto; margin:-6px 0 0;}
nav {width:75%; height:auto; float:left; margin:0; padding:30px 0 0; font-size:15px; text-transform:uppercase;}
nav ul {float:right; list-style:none;}
nav li {float:left; display:inline-block;}
nav li+li {margin-left:30px;}
nav a {color:#7c5735; text-decoration:none;}
nav a:hover {color:#000;}
nav li.last a {background:#7c3535; color:#FFF; padding:8px 20px; border-radius:10px;}
nav li.last a:hover {background:#dbb351; color:#7c3535;}
#spacer {width:100%; height:126px; float:left; margin:0;}

.ctn {max-width:1130px; height:auto; margin:0 auto;}

#sliderWrap {background:url(../images/bg-slide01.jpg) center center; background-size:cover; width:100%; height:auto; float:left; margin:0; padding:323px 5%; color:#FFF; font-family: 'Raleway', sans-serif; font-size:14px; text-align:center; text-transform:uppercase; display:flex; justify-content: center; align-items: center; flex-direction: column;}
#sliderWrap h2 {font-size:55px; font-weight:800; margin:0 0 15px; flex:1;}
#sliderWrap p {background:rgba(121, 53, 53, 0.85); padding:20px; flex:2; display:none;}

#heading2 {background:url(../images/bg-slide02.jpg) center center; background-size:cover; width:100%; height:auto; float:left; margin:0; padding:130px 5%; color:#fff; font-family: 'Raleway', sans-serif; font-size:14px; text-align:center; text-transform:uppercase; display:flex; justify-content: center; align-items: center; flex-direction: column;}
#heading2 h2 {font-size:55px; font-weight: 800; margin:0 0 15px; flex:1;}
#heading2 p {background:rgba(121, 53, 53, 0.85); padding:20px; flex:2; display:none;}

#heading3 {background:url(../images/bg-slide03.jpg) center center; background-size:cover; width:100%; height:auto; float:left; margin:0; padding:130px 5%; color:#fff; font-family: 'Raleway', sans-serif; font-size:14px; text-align:center; text-transform:uppercase; display:flex; justify-content: center; align-items: center; flex-direction: column;}
#heading3 h2 {font-size:55px; font-weight: 800; margin:0 0 15px; flex:1;}
#heading3 p {background:rgba(121, 53, 53, 0.85); padding:20px; flex:2; display:none;}

#heading4 {background:url(../images/bg-slide04.jpg) center center; background-size:cover; width:100%; height:auto; float:left; margin:0; padding:130px 5%; color:#fff; font-family: 'Raleway', sans-serif; font-size:14px; text-align:center; text-transform:uppercase; display:flex; justify-content: center; align-items: center; flex-direction: column;}
#heading4 h2 {font-size:42px; font-weight: 800; margin:0 0 15px; flex:1;}
#heading4 p {background:rgba(121, 53, 53, 0.85); padding:20px; flex:2; display:none;}

#heading5 {background:url(../images/bg-slide05.jpg) center center; background-size:cover; width:100%; height:auto; float:left; margin:0; padding:130px 5%; color:#fff; font-family: 'Raleway', sans-serif; font-size:14px; text-align:center; text-transform:uppercase; display:flex; justify-content: center; align-items: center; flex-direction: column;}
#heading5 h2 {font-size:55px; font-weight: 800; margin:0 0 15px; flex:1;}
#heading5 p {background:rgba(121, 53, 53, 0.85); padding:20px; flex:2; display:none;}

#heading6 {background:url(../images/bg-slide06.jpg) center center; background-size:cover; width:100%; height:auto; float:left; margin:0; padding:130px 5%; color:#fff; font-family: 'Raleway', sans-serif; font-size:14px; text-align:center; text-transform:uppercase; display:flex; justify-content: center; align-items: center; flex-direction: column;}
#heading6 h2 {font-size:55px; font-weight: 800; margin:0 0 15px; flex:1;}
#heading6 p {background:rgba(121, 53, 53, 0.85); padding:20px; flex:2; display:none;}

#contentArea {background:#FFF; width:100%; height:auto; float:left; margin:0; padding:90px 5%;}
#contentArea h2 {color:#435957; font-size:30px; font-weight:800; margin:0; text-transform:uppercase;}
#contentArea p {margin:0 0 30px;}
#contentArea ul, #contentArea ol {margin:0 0 30px 45px;}
#contentArea img {max-width:100%; height:auto;}
#contentArea a {color:#7c3535; text-decoration:underline;}
#contentArea a:hover {text-decoration:none;}
#contentArea table td {padding:20px;}

#contentAreaPricing {background:#FFF; width:100%; height:auto; float:left; margin:0; padding:90px 5%;}
#contentAreaPricing h2 {color:#435957; font-size:30px; font-weight:800; margin:0; text-transform:uppercase;}
#contentAreaPricing p {margin:0 0 30px;}
#contentAreaPricing ul, #contentArea ol {margin:0 0 30px 45px;}
#contentAreaPricing img {max-width:100%; height:auto;}
#contentAreaPricing a {color:#7c3535; text-decoration:underline;}
#contentAreaPricing a:hover {text-decoration:none;}
#contentAreaPricing table td {padding:20px; border:1px #000 solid;}

#aboutWrap {background:#eae4d4; width:100%; height:auto; float:left; margin:0; padding:100px 5% 0; color:#55595f; font-size:14px;}
#about {width:60%; height:auto; float:left; margin:0; padding:0 5% 0 0;}
#about h2 {color:#435957; font-family: 'Raleway', sans-serif; font-size:30px; font-weight:800; margin:0; text-transform:uppercase;}
#about h3 {color:#435957; font-family: 'Raleway', sans-serif; font-size:18px; font-weight:400; margin:0 0 36px; text-transform:uppercase;}
#about p {margin:0 0 36px; line-height:22px;}
#about img {max-width:100%; height:auto;}
#quals {width:40%; height:auto; float:left; margin:0;}
#quals td {vertical-align:top; padding:0 0 75px;}
#quals td:nth-child(1) {width:100px;}
#quals h2 {font-size:20px; font-weight:400; margin:0;}
#quals h2 a {color:#7c5735; text-decoration:none;}
#quals h2 a:hover {color:#435957;}
#quals p {line-height:22px;}
#quals h3 {text-align:center; font-size:15px; font-weight:400; text-transform:uppercase;}
#quals h3 a {display:inline-block; background:#7c3535; color:#FFF; text-decoration:none; padding:10px 40px; border-radius:20px;}
#quals h3 a:hover {background:#435957;}

#amenities {background:#FFF; width:100%; height:auto; float:left; margin:0; padding:100px 5%; position:relative;}
#amenities h2 {color:#435957; font-family: 'Raleway', sans-serif; font-size:30px; font-weight:800; margin:0; text-transform:uppercase;}
#amenities h3 {color:#435957; font-family: 'Raleway', sans-serif; font-size:18px; font-weight:400; margin:0 0 36px; text-transform:uppercase;}
#amenities h4 {color:#7c5735; font-size:20px; font-weight:400; margin:0;}
#amenities h5 {text-align:center; font-size:15px; font-weight:400; text-transform:uppercase;}
#amenities h5 a {display:inline-block; background:#7c3535; color:#FFF; text-decoration:none; padding:10px 20px; border-radius:20px;}
#amenities h5 a:hover {background:#435957;}
#amenities p {line-height:22px; margin:0 10px 0 0;}
#amenities td {vertical-align:top; padding:0 0 50px;}
#amenities td:nth-child(1), #amenities td:nth-child(3), #amenities td:nth-child(5) {width:90px;}
.amleaf {background:url(../images/bg-amenities.jpg) bottom right no-repeat; width:237px; height:172px; position:absolute; bottom:0; left:50%; margin-left:300px;}

#floorplans {background:#435957; width:100%; height:auto; float:left; margin:0; padding:100px 5% 70px; color:#65686e; font-family: 'Raleway', sans-serif; font-size:18px; font-weight:500;}
#floorplans h2 {color:#FFF; font-family: 'Raleway', sans-serif; font-size:30px; font-weight:800; margin:0; text-transform:uppercase;}
#floorplans h3 {color:#FFF; font-family: 'Raleway', sans-serif; font-size:18px; font-weight:400; margin:0 0 36px; text-transform:uppercase;}
#floorplans p.sqft {color:#7c5735; font-size:20px; font-weight:700; padding:15px 0; border-bottom:1px solid #e6edee;}
#floorplans p.price {padding:20px 0; border-bottom:1px solid #e6edee;}
#floorplans img {display:block; max-width:90%; height:auto; margin:15px auto;}
#floorplans a {background:#7c3535; display:inline-block; color:#FFF; font-size:14px; margin:0 0 20px; padding:10px 25px; border-radius:20px; text-decoration:none; text-transform:uppercase;}
#floorplans a:hover {background:#dbb351;}
#plan {background:#FFF; width:32%; height:auto; float:left; margin:0 0 30px; padding:10px 0; text-align:center;}
#planmid {background:#FFF; width:32%; height:auto; float:left; margin:0 2% 30px; padding:10px 0; text-align:center;}

footer {background:#eae4d4; width:100%; height:auto; float:left; margin:0; padding:95px 0 70px; position:relative;}
#footNav {width:100%; height:auto; float:left; margin:0; padding:0 5% 70px; position:relative; border-bottom:1px solid #949494; color:#55595f; font-size:14px;}
.fleaf1 {position:absolute; bottom:0px; left:0px;}
.fleaf2 {position:absolute; bottom:0px; right:0px; z-index:100;}
#footNav input.adrc {display:none;}
#footNav table {padding:0 95px;}
#footNav td {vertical-align:top;}
#footNav td:nth-child(1) {width:390px;}
#footNav h2 {color:#7c5735; font-family: 'Raleway', sans-serif; font-size:18px; font-weight:500; margin:0 0 25px;}
#footNav a {color:#55595f; text-decoration:none;}
#footNav a:hover {color:#7c3535;}
#footNav ul {list-style:none;}
#footNav li, #footNav p {margin:0 0 25px; text-transform:uppercase;}
#footNav ul.twocol {-moz-column-count: 2; -moz-column-gap: 60px; -webkit-column-count: 2; -webkit-column-gap: 60px; column-count: 2; column-gap: 60px;}
#footNav input {border:none; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none;}
#footNav input.input {background:#FFF; width:200px; height:42px; padding:0 20px; font-family: 'Karla', sans-serif; font-size:12px; text-transform:uppercase; float:left;}
#footNav input.btn {background:#7c3535; width:42px; height:42px; color:#FFF; font-family: 'Raleway', sans-serif; font-size:15px;}
#copy {width:100%; height:auto; float:left; margin:0; padding:25px 0 0; text-align:center; color:#55595f; font-size:14px; text-transform:uppercase;}
#copy a {color:#55595f; text-decoration:none;}
#copy a:hover {color:#7c3535;}

#topcontrol {z-index:500;}
.responsive-nav-icon::before, .responsive-nav-close::before {color: #FFF; content: "\f0c9"; font-family: "Font Awesome 5 Free"; font-size: 22px; font-weight:900; position: relative;}
.responsive-nav-close::before {color: #dbb351; content: "\f00d"; font-size: 18px;}
.responsive-nav-icon {background: #dbb351; line-height: normal; padding: 5px 8px 4px; top: 1%; right: 1%;}
.responsive-nav-icon:hover, .responsive-nav-close:hover {opacity: .7;}
.responsive-nav-close {top: 10px; right: 10px;}
.responsive-nav-icon, .responsive-nav-close {cursor: pointer; display: none;}
#overlay {background: 0 0 rgba(0, 0, 0, 0.1); display: none; height: 100%; position: fixed; top: 0; left: 0; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; width: 100%; z-index: 990;}
	
@media only screen and (max-width: 1260px) {
	.responsive-nav-icon {display: block; position: fixed; z-index: 999;}
	.responsive-nav-close {display: block; position: absolute; z-index: 1;}
	nav {background:#eae4d4; height: 100%; padding: 20px 5%; position: fixed; top: 0; left: -400px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s;
		-ms-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; width: 0; text-align:center;}
	nav a, nav a:visited, nav a:hover {color:#404040; text-decoration:none; padding:10px 0 !important; display:block;}
	nav ul, nav li {margin:0; padding:0; float:none;}
	nav li {border-bottom:1px solid #c5c5c5;}
	nav li+li {margin-left:0px;}
	nav li.last a {border-radius:0px;}
	nav li.last {border-bottom:0px; padding-bottom:60px;}
	nav.slide-in {left: 0; overflow-y: scroll; width: 100%; z-index: 1000;}	
	nav .menu-item {display: block;}
}
@media screen and (min-width:1000px) and (max-width:1260px) {
	header {position:relative;}
	#topBar {padding:0 10%;}
	#logo {width:100%; text-align:center;}
	#spacer {display:none;}
	#sliderWrap {padding:200px 5%;}
	#aboutWrap {padding:40px 5%;}
	#about {width:100%; padding:0 0 30px;}
	#quals {width:100%;}
	#quals td {padding:0 0 30px;}
	#amenities {padding:40px 5% 0;}
	.amleaf {position:static; float:right;}
	#floorplans {padding:30px 5%;}
	footer {padding:30px 0;}
	.fleaf1, .fleaf2 {display:none;}
	#footNav {padding:0 5% 30px;}
	#footNav table {padding:0px;}
	#footNav input.input {width:170px;}
	#heading {padding:80px 5%;}
	#contentArea {padding:40px 5% 10px;}
}
@media screen and (min-width:600px) and (max-width:999px) {
	header {position:relative;}
	#topBar {padding:0 10%;}
	#logo {width:100%; text-align:center;}
	#spacer {display:none;}
	#sliderWrap {padding:100px 5%;}
	#aboutWrap {padding:40px 5%;}
	#about {width:100%; padding:0 0 30px;}
	#quals {width:100%;}
	#quals td {padding:0 0 30px;}
	#amenities {padding:40px 5% 0;}
	#amenities td {display:block !important; float:left !important; padding:0 0 30px; height:100px;}
	#amenities td:nth-child(1), #amenities td:nth-child(3), #amenities td:nth-child(5) {width:20%;}
	#amenities td:nth-child(2), #amenities td:nth-child(4), #amenities td:nth-child(6) {width:80%;}
	.amleaf {position:static; float:right;}
	#floorplans {padding:30px 5%;}
	footer {padding:30px 0;}
	.fleaf1, .fleaf2 {display:none;}
	#footNav {padding:0 5% 30px;}
	#footNav table {padding:0px;}
	#footNav td {width:100% !important; display:block !important; float:left !important;}
	#heading {padding:60px 5%;}
	#heading h2 {font-size:36px;}
	#contentArea {padding:40px 5% 10px;}
	#contentArea td {width:100% !important; display:block !important; float:left !important; text-align:center !important;}
	#contentArea td ul li {text-align:center !important; list-style:none; padding:0 !important; margin-left:-45px;}
	#contentArea td img {width:85%; height:auto; padding-bottom:20px;}
}
@media screen and (max-width:599px) {
	header {position:relative;}
	#topBar {padding:0; text-align:center;}
	#logo {width:100%; text-align:center;}
	#spacer {display:none;}
	#sliderWrap {padding:50px 5%;}
	#sliderWrap h2 {font-size:36px;}
	#aboutWrap {padding:40px 5%;}
	#about {width:100%; padding:0 0 30px;}
	#quals {width:100%;}
	#quals td {padding:0 0 30px;}
	#amenities {padding:40px 5% 0;}
	#amenities td {display:block !important; float:left !important; padding:0 0 30px; height:140px;}
	#amenities td:nth-child(1), #amenities td:nth-child(3), #amenities td:nth-child(5) {width:30%;}
	#amenities td:nth-child(2), #amenities td:nth-child(4), #amenities td:nth-child(6) {width:70%;}
	.amleaf {position:static; float:right;}
	#floorplans {padding:30px 5%;}
	#plan, #planmid {width:100%; margin:0 0 30px; padding:10px 0;}
	footer {padding:30px 0;}
	.fleaf1, .fleaf2 {display:none;}
	#footNav {padding:0 5% 30px;}
	#footNav table {padding:0px;}
	#footNav td {width:100% !important; display:block !important; float:left !important;}
	#copy a {display:block;}
	#heading {padding:40px 5%;}
	#heading h2 {font-size:36px;}
	#contentArea {padding:40px 5% 10px;}
	#contentAreaPricing table td {padding:5px !important;}
	#contentArea td {width:100% !important; display:block !important; float:left !important; text-align:center !important;}
	#contentArea td ul li {text-align:center !important; list-style:none; padding:0 !important; margin-left:-45px;}
	#contentArea td img {width:85%; height:auto; padding-bottom:20px;}
}