*, *:before, *:after {
	box-sizing: border-box;
}
html, body {
	height: 100%;
	margin: 0 !important;
}
body {
	font-family: 'raleway', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 100%;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialised;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-style: normal;
	font-weight: 400;
}
ul {
	margin: 0;
	padding: 0;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* =jQuery.mmenu
-------------------------------------------------------------- */
.mm-page {
	height: 100% !important;
}
/* =Page Container/Row Alignment
-------------------------------------------------------------- */
#page {
	width: 100%;
	height: 100%;
	display: table;
}
.page-align {
	width: 100%;
	max-width: 75em;
	margin: 0 auto;
	position: relative;
}
.page-row {
	height: 1px;
	display: table-row;
}
.page-row-expanded {
	height: 100%;
}
/* =Grid System
-------------------------------------------------------------- */
.col, [class^="col-"], [class*=" col-"] {
	width: 100%;
	padding-right: 1rem;
	padding-left: 1rem;
	float: left;
}
.col-xs-12 {
	width: 100%;
}
.col-xs-11 {
	width: 91.66666667%;
}
.col-xs-10 {
	width: 83.33333333%;
}
.col-xs-9 {
	width: 75%;
}
.col-xs-8 {
	width: 66.66666667%;
}
.col-xs-7 {
	width: 58.33333333%;
}
.col-xs-6 {
	width: 50%;
}
.col-xs-5 {
	width: 41.66666667%;
}
.col-xs-4 {
	width: 33.33333333%;
}
.col-xs-3 {
	width: 25%;
}
.col-xs-2 {
	width: 16.66666667%;
}
.col-xs-1 {
	width: 8.33333333%;
}
.col-xs-5ths {
	width: 20%;
}
.container {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}
.row {
	margin-right: -1rem !important;
	margin-left: -1rem !important;
}
.clearfix:after, .container:after, .row:after {
	content: "";
	display: table;
	clear: both;
}

@media (min-width: 36rem) {
.col-sm-12 {
	width: 100%;
}
.col-sm-11 {
	width: 91.66666667%;
}
.col-sm-10 {
	width: 83.33333333%;
}
.col-sm-9 {
	width: 75%;
}
.col-sm-8 {
	width: 66.66666667%;
}
.col-sm-7 {
	width: 58.33333333%;
}
.col-sm-6 {
	width: 50%;
}
.col-sm-5 {
	width: 41.66666667%;
}
.col-sm-4 {
	width: 33.33333333%;
}
.col-sm-3 {
	width: 25%;
}
.col-sm-2 {
	width: 16.66666667%;
}
.col-sm-1 {
	width: 8.33333333%;
}
.col-sm-5ths {
	width: 20%;
}
}

@media (min-width: 48rem) {
.col-md-12 {
	width: 100%;
}
.col-md-11 {
	width: 91.66666667%;
}
.col-md-10 {
	width: 83.33333333%;
}
.col-md-9 {
	width: 75%;
}
.col-md-8 {
	width: 66.66666667%;
}
.col-md-7 {
	width: 58.33333333%;
}
.col-md-6 {
	width: 50%;
}
.col-md-5 {
	width: 41.66666667%;
}
.col-md-4 {
	width: 33.33333333%;
}
.col-md-3 {
	width: 25%;
}
.col-md-2 {
	width: 16.66666667%;
}
.col-md-1 {
	width: 8.33333333%;
}
.col-md-5ths {
	width: 20%;
}
}

@media (min-width: 64rem) {
.col-lg-12 {
	width: 100%;
}
.col-lg-11 {
	width: 91.66666667%;
}
.col-lg-10 {
	width: 83.33333333%;
}
.col-lg-9 {
	width: 75%;
}
.col-lg-8 {
	width: 66.66666667%;
}
.col-lg-7 {
	width: 58.33333333%;
}
.col-lg-6 {
	width: 50%;
}
.col-lg-5 {
	width: 41.66666667%;
}
.col-lg-4 {
	width: 33.33333333%;
}
.col-lg-3 {
	width: 25%;
}
.col-lg-2 {
	width: 16.66666667%;
}
.col-lg-1 {
	width: 8.33333333%;
}
.col-lg-5ths {
	width: 20%;
}
}

@media (min-width: 75rem) {
.col-xl-12 {
	width: 100%;
}
.col-xl-11 {
	width: 91.66666667%;
}
.col-xl-10 {
	width: 83.33333333%;
}
.col-xl-9 {
	width: 75%;
}
.col-xl-8 {
	width: 66.66666667%;
}
.col-xl-7 {
	width: 58.33333333%;
}
.col-xl-6 {
	width: 50%;
}
.col-xl-5 {
	width: 41.66666667%;
}
.col-xl-4 {
	width: 33.33333333%;
}
.col-xl-3 {
	width: 25%;
}
.col-xl-2 {
	width: 16.66666667%;
}
.col-xl-1 {
	width: 8.33333333%;
}
.col-xl-5ths {
	width: 20%;
}
}
/* =Spacing
-------------------------------------------------------------- */
.spacer {
	padding: 1rem;
}
.spacer-x2 {
	padding: 2rem;
}
.spacer-top {
	padding-top: 1rem;
}
.spacer-top-x2 {
	padding-top: 2rem;
}
.spacer-right {
	padding-right: 1rem;
}
.spacer-right-x2 {
	padding-right: 2rem;
}
.spacer-bottom {
	padding-bottom: 1rem;
}
.spacer-bottom-x2 {
	padding-bottom: 2rem;
}
.spacer-left {
	padding-left: 1rem;
}
.spacer-left-x2 {
	padding-left: 2rem;
}
.spacer-horizontal {
	padding-right: 1rem;
	padding-left: 1rem;
}
.spacer-horizontal-x2 {
	padding-right: 2rem;
	padding-left: 2rem;
}
.spacer-none {
	padding: 0 !important;
}
.spacer-vertical {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.spacer-vertical-x2 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
/* =Common Classes
-------------------------------------------------------------- */
.align_center {
	text-align: center;
}
.btn {
	display: inline-block;
	padding: 0.875rem;
	color: #fff;
	font-family: 'nimbus-sans', sans-serif;
	font-size: 0.9375rem;
	text-transform: uppercase;
	border-radius: 6px;
	background-color: #ceba95;
}
.btn:hover {
	text-decoration: none;
}
.title-shadow {
	text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}
/* =Global Inline Navigation
-------------------------------------------------------------- */
.site ul.menu {
	padding: 0;
	font-size: 0;
	white-space: nowrap;
	list-style: none;
}
.site ul.menu > li {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.5rem;
	white-space: normal;
	vertical-align: middle;
}
.site ul.menu li > a {
	color: #fff;
	text-decoration: none;
}
.site ul.menu li > a:hover {
	text-decoration: underline;
}
/* =Header
-------------------------------------------------------------- */
#header-nav-container {
	width: 100%;
	padding: 1.5rem 0;
	position: fixed;
	z-index: 999;
	background-color: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}
#header-nav {
	display: table;
}
#header-nav .site-title {
	width: 7.5rem;
	height: 2.5rem;
	display: table-cell;
	vertical-align: middle;
}
#header-nav .site-title a.logo {
	display: block;
	width: inherit;
	height: inherit;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
}
.site-title a.logo span {
	width: inherit;
	height: inherit;
	display: block;
	visibility: hidden;
}
/* =Desktop Navigation
-------------------------------------------------------------- */
#navigation {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
#navigation ul.menu {
	display: none;
}
#navigation ul.menu li {
	padding-right: 0.75rem;
	padding-left: 0.75rem;
	font-size: 0.875rem;
}
#navigation ul.menu li > a {
	color: #000;
	font-family: 'nimbus-sans', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}
#navigation ul.menu li > a:hover {
	color: #ddc59b;
}
/* =Mobile Navigation
-------------------------------------------------------------- */
#hamburger-nav {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
.hamburger {
	padding: 0 !important;
	outline: none;
}
.hamburger-box {
	vertical-align: bottom;
}
.mm-title, .mm-listview > li > a, .mm-listview > li > span {
	font-weight: 600;
	text-transform: uppercase;
}
/* =Slideshow
-------------------------------------------------------------- */
#slideshow.cycle-slideshow {
	height: 0;
	padding-top: 56.25%;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	cursor: pointer;
}
#slideshow.cycle-slideshow .slide {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#slideshow.cycle-slideshow .slide a {
	width: 100%;
	height: 100%;
	display: block;
}
#slideshow.cycle-slideshow .slide a span {
	width: 100%;
	position: absolute;
	top: 50%;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	letter-spacing: 1px;
	transform: perspective(1px) translateY(-50%)
}
#slideshow.cycle-slideshow .slide a span small {
	font-size: 1rem;
	text-transform: uppercase;
}
#slideshow .cycle-next, #slideshow .cycle-prev {
	display: none;
	padding: 2rem;
	position: absolute;
	top: 50%;
	z-index: 998;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	transform: translateY(-50%);
	cursor: pointer;
}
#slideshow .cycle-prev {
	left: 0;
}
#slideshow .cycle-next {
	right: 0;
}
#slideshow .cycle-pager {
	width: 100%;
	position: absolute;
	z-index: 998;
	color: #fff;
	bottom: 1rem;
	text-align: center;
}
#slideshow .cycle-pager > span {
	display: inline-block;
	padding: 0 0.25rem;
}
#slideshow .cycle-pager > span .fa-circle, #slideshow .cycle-pager > span:hover .fa-circle-o, #slideshow .cycle-pager > span.cycle-pager-active .fa-circle-o {
	display: none;
}
#slideshow .cycle-pager > span:hover .fa-circle, #slideshow .cycle-pager > span.cycle-pager-active .fa-circle {
	display: inline-block;
}
/* =Content Styling
-------------------------------------------------------------- */
#content .section-header {
	text-align: center;
}
#content .section-header h2 {
	margin-bottom: 1rem;
	font-size: 2.75rem;
	font-style: normal;
}
#content .section-header h4 {
	color: #75706b;
	font-size: 1rem;
	text-transform: uppercase;
}
#content .section-header p {
	color: #666;
	font-family: 'nimbus-sans', sans-serif;
}

.banner {
    display: none;
}
/* =Portals
-------------------------------------------------------------- */
.portal-sm {
	height: 180px;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
}
.portal-lg {
	height: 270px;
}
.portal-img {
	margin-top: 2rem;
	position: relative;
	color: #fff;
	background-position: center;
	background-size: cover;
	border-radius: 8px;
	transition: transform .3s ease-in-out;
}
.portal-img a {
	width: 100%;
	height: 100%;
	position: absolute;
	color: #fff;
}
.portal-img:hover {
	transform: scale(1.05);
	transition-duration: .5s;
	cursor: pointer;
}
.portal-title {
	width: 100%;
	display: block;
	padding: 1rem;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 1.125rem;
	border-radius: 8px;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
/* =Popular Searches
-------------------------------------------------------------- */
#popular-searches {
	color: #fff;
	background-color: #f7f7f7;
}
#popular-searches .section-header h2 {
	color: #000;
}
/* =For Sale
-------------------------------------------------------------- */
#for-sale a {
	color: #ceba95;
}
/* =Hot Promotion
-------------------------------------------------------------- */
#hot-promotion {
	min-height: 28rem;
	position: relative;
	color: #fff;
	background-attachment: inherit;
	background-image: url(promotion.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#hot-promotion .bg-fade {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-color: rgba(0, 0, 0, 0.6);
}
#hot-promotion h2 {
	font-size: 3rem;
}
#hot-promotion h3 {
	font-size: 1.5rem;
}

#hot-promotion .col-lg-6 {
    margin-left: 25%;
}

@media (max-width: 63.94rem) {
	#hot-promotion .col-lg-6 {
	margin-left: unset
}
}
/* =Contact
-------------------------------------------------------------- */
#contact p {
	margin: 0;
}
#contact .contact-icon, #contact .contact-info {
	display: block;
}
#contact .fa-square {
	color: #ceba95;
}
#contact .contact-info h4 {
	font-weight: 600;
	font-size: 0.875rem;
	text-transform: uppercase;
}
/* =For Owners
-------------------------------------------------------------- */
#for-owners {
	color: #fff;
	background-color: #333;
}
#for-owners h4 {
	font-weight: 600;
}
#for-owners a {
	color: #ceba95;
	font-weight: 600;
}
#for-owners a:hover {
	text-decoration: underline;
}
#for-owners a.read-more {
	display: block;
}
#for-owners p {
	position: relative;
}
#for-owners p:first-of-type {
	margin-top: 0;
}
#for-owners p:not(:first-of-type):before {
	width: 8rem;
	height: 1px;
	display: block;
	margin: 0 auto;
	position: absolute;
	top: -0.5rem;
	right: 0;
	left: 0;
	background-color: #aaa;
	content: "";
}
/* =MailChimp
-------------------------------------------------------------- */
#sign-up {
	background-color: #f7f7f7;
}
#mc_embed_signup {
	width: 100%;
}
#mc_embed_signup * {
	font-family: 'raleway', sans-serif !important;
}
#mc-embedded-subscribe {
	background-color: #ceba95 !important;
	-webkit-appearance: none;
}
/* =Footer
-------------------------------------------------------------- */
#colophon {
	background: #ceba95;
	background: linear-gradient(to bottom, #eeeeee 0%, #ceba95 100%);
}
#colophon #footer-contact ul {
	color: #000;
	font-size: 0.875rem;
	line-height: 1.5rem;
	list-style: none;
}
#colophon #footer-legal, #colophon #footer-designer {
	font-weight: 600;
	font-size: 0.875rem;
	text-transform: uppercase;
}
#colophon .logo {
	display: block;
	text-align: right;
}
#colophon .site-title {
	width: auto;
	height: 4rem;
	display: inline-block;
}
#colophon .site-title a.logo {
	display: block;
	width: inherit;
	height: inherit;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
}
colophon .site-title a.logo span {
	width: inherit;
	height: inherit;
	display: block;
	visibility: hidden;
}
.login {
	text-align: center; 
	font-size:12px; 
	font-weight:bold;
}

@media (min-width: 25.8125rem) {
#header-nav .site-title {
	width: 11.875rem;
	height: 4rem;
}
}

@media (min-width: 48rem) {
#slideshow.cycle-slideshow:hover .cycle-next, #slideshow.cycle-slideshow:hover .cycle-prev {
	display: block !important;
}
#popular-searches {
	position: static;
	background-attachment: fixed;
	background-image: url(background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#popular-searches .section-header h2 {
	color: #fff;
}
#hot-promotion {
	background-attachment: fixed;
}
	
.login {
	text-align: center !important;
	}
}

@media (min-width: 48rem) and (max-width: 63.9375rem) {
#popular-searches .row:after {
	clear: none;
}
}

@media (min-width: 56.875rem) {
#slideshow.cycle-slideshow {
	height: 32rem;
	padding-top: 0;
	position: relative;
}
}

@media (min-width: 64rem) {
#navigation ul.menu {
	display: block;
}
#hamburger-nav {
	display: none;
}
#content section {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
#slideshow.cycle-slideshow .slide a span {
	font-size: 3rem;
}
#slideshow.cycle-slideshow .slide a span small {
	font-size: 1.5rem;
}
#colophon #footer-legal, #colophon #footer-designer {
	border-top: 1px solid #333;
}
#colophon #footer-designer {
	text-align: right;
}
}

@media (min-width: 18.75rem) {
	#colophon .logo {	
	text-align: left;
}
	.login {
    text-align: left;
}
}