/* ==========================================================================
GLOBAL STYLES
========================================================================== */
:root {
    --color-white: #fff;
    --color-black: #000;
    --brand-color-primary: #000;
    --brand-color-primary-rgb: 0,0,0;
    --brand-color-secondary: #578b98;
    --brand-color-third: #7ecfe2;
    --brand-color-fourth: #f1cc95;
    --brand-color-fifth: #595a5e;
    --animation-speed: 0.1s;
}

html, body { height: 100%; }

body { background: var(--color-white); font-family: 'Source Sans Pro', sans-serif; color: var(--color-black); font-size: 16px; line-height: 24px; -webkit-font-smoothing: antialiased; -webkit-animation-name: initial; }

@media only screen and (max-width: 767px) { body { font-size: 14px; line-height: 24px; } }
h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro', sans-serif; color: var(--color-black); font-weight: 400; }

h1 { margin-top: 0; }

@media only screen and (max-width: 767px) { h1 { font-size: 24px; }
  h2 { font-size: 22px; }
  h3 { font-size: 20px; } }
@media only screen and (min-width: 768px) and (max-width: 992px) { h1 { font-size: 28px; }
  h2 { font-size: 24px; }
  h3 { font-size: 20px; } }

a { color: var(--color-black); text-decoration: none; }
a:hover { text-decoration: underline; color: var(--brand-color-primary); }

p { margin-bottom: 20px; }

img { max-width: 100%; height: auto; }

.wrapper { min-height: 100%; height: auto !important; height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: stretch; align-items: stretch; }

.btn { -webkit-transition: var(--animation-speed); transition: var(--animation-speed); }
.btn-custom { height: 50px; font-size: 16px; line-height: 46px; font-weight: 700; padding: 0 24px; }
.btn-primary { background-color: var(--brand-color-primary); border-color: var(--brand-color-primary); }
.btn-primary:hover { background-color: var(--brand-color-secondary); border-color: var(--brand-color-secondary); }
.btn-secondary { background-color: var(--brand-color-secondary); border-color: var(--brand-color-secondary); }
.btn-secondary:hover { background-color: var(--brand-color-primary); border-color: var(--brand-color-primary); }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: var(--brand-color-primary); border-color: var(--brand-color-primary); }
.btn-outline-white { border: 2px solid var(--color-white); color: var(--color-white); }
.btn-outline-white:hover { color: var(--brand-color-primary); background: var(--color-white); }
.btn-outline-primary { border: 2px solid var(--brand-color-primary); color: var(--brand-color-primary); }
.btn-outline-primary:hover { background: var(--brand-color-primary); color: var(--color-white); border: 2px solid var(--brand-color-primary); }
.btn-outline-fourth { border: 2px solid var(--brand-color-fourth); color: var(--brand-color-fourth); }
.btn-outline-fourth:hover { background: var(--brand-color-fourth); color: var(--color-black); border: 2px solid var(--brand-color-fourth); }

.map-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }
.map-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }

/* Video Embed */
.fluid-video { display: block; width: 100%; height: 0; padding-bottom: 56.25%; /* 16/9 format */ overflow: hidden; position: relative; margin-bottom: 10px; }
.fluid-video iframe, .fluid-video embed, .fluid-video object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; }
.flex-mh { display: flex; display: -webkit-box; display: -ms-flexbox; }

@media only screen and (max-width: 992px) { .flex-mh { display: inherit; } }
.flex-v { display: flex; align-items: center; }
.flex-end { display: flex; justify-content: flex-end; }
.flex-vh { display: flex; justify-content: center; align-items: center; }

/* ==========================================================================
Header
========================================================================== */
.header { background: var(--color-white); position: sticky; position: -webkit-sticky; top: 0; left: 0; right: 0; z-index: 1029; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); flex-shrink: 0; }
@media only screen and (max-width: 992px) { .header { height: 50px; border: 0 !important; } }
/* ==========================================================================
Banner
========================================================================== */
.banner { position: relative; height: 50%; min-height: 650px; overflow: hidden; }
.banner .rotator { z-index: 2; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.banner .rotator:after { position: absolute; content: ''; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.15); }
.banner #bg-rotator { position: relative; height: 100%; overflow: hidden; }
.banner #bg-rotator .slick-list, .banner #bg-rotator .slick-track, .banner #bg-rotator .slick-slide, .banner #bg-rotator .slick-slide > div { height: 100%; }
.banner #bg-rotator .item { background-size: cover; background-position: center center; height: 100%; }

.banner .overlay { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; height: 100%; }
.banner .overlay .container-fluid { height: 100%; }
.banner .overlay .text-overlay { text-align: center; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 100%; }
.banner .overlay .text-overlay span { display: block; text-shadow: 1px 2px 3px rgb(0 0 0 / 50%); font-weight: 700; }
.banner .overlay .text-overlay span.l1 { color: var(--color-white); font-size: 48px; line-height: 48px; margin-bottom: 20px; }
.banner .overlay .text-overlay span.l2 { color: var(--color-white); font-size: 22px; margin-bottom: 40px; }
.banner .overlay .text-overlay ul { list-style: none; padding: 0; margin: 0; }
.banner .overlay .text-overlay ul li { display: inline; }
.banner .overlay .text-overlay ul li a { margin: 0 10px; }

@media only screen and (max-width: 767px) { .banner { min-height: 100px; height: auto; }
  .banner #bg-rotator { top: 0 !important; }
  .banner .overlay { position: relative; padding: 40px 0 44px 0; }
  .banner .overlay .text-overlay span.l1 { font-size: 22px; line-height: 30px; margin-bottom: 0px; }
  .banner .overlay .text-overlay span.l2 { font-size: 14px; margin-bottom: 20px; }
  .banner .overlay .text-overlay ul { list-style: none; padding: 0; margin: 0; }
  .banner .overlay .text-overlay ul li { display: inline; }
  .banner .overlay .text-overlay ul li a { height: 40px; line-height: 36px; font-size: 12px; } }
@media only screen and (min-width: 768px) and (max-width: 992px) { .banner #bg-rotator { top: 0 !important; }
  .banner .overlay .text-overlay span.l1 { font-size: 45px; margin-bottom: 10px; }
  .banner .overlay .text-overlay span.l2 { font-size: 20px; } }
/* ========================================================================== Navigation ========================================================================== */
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules) You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/
.sm { box-sizing: border-box; position: relative; z-index: 9999; -webkit-tap-highlight-color: transparent; }
.sm, .sm ul, .sm li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; direction: ltr; text-align: left; }
.sm-rtl, .sm-rtl ul, .sm-rtl li { direction: rtl; text-align: right; }
.sm > li > h1, .sm > li > h2, .sm > li > h3, .sm > li > h4, .sm > li > h5, .sm > li > h6 { margin: 0; padding: 0; }
.sm ul { display: none; }
.sm li, .sm a { position: relative; }
.sm a { display: block; }
.sm a.disabled { cursor: default; }
.sm::after { content: ""; display: block; height: 0; font: 0px/0 serif; clear: both; overflow: hidden; }
.sm *, .sm *::before, .sm *::after { box-sizing: inherit; }

@media (min-width: 993px) { .sm-clean ul { position: absolute; width: 12em; box-shadow: 1px 1px 6px rgba(0,0,0,0.1); }
  .sm-clean li { float: left; }
  .sm-clean.sm-rtl li { float: right; }
  .sm-clean ul li, .sm-clean.sm-rtl ul li, .sm-clean.sm-vertical li { float: none; }
  .sm-clean a { white-space: nowrap; }
  .sm-clean ul a, .sm-clean.sm-vertical a { white-space: normal; }
  .sm-clean .sm-nowrap > li > a, .sm-clean .sm-nowrap > li > :not(ul) a { white-space: nowrap; } }
@media (min-width: 993px) { /* Switch to desktop layout ----------------------------------------------- These transform the menu tree from collapsible to desktop (navbar + dropdowns) -----------------------------------------------*/
  .sm-clean ul a.disabled { background: var(--color-white); color: #ccc; }
  .sm-clean .scroll-up, .sm-clean .scroll-down { position: absolute; display: none; visibility: hidden; overflow: hidden; background: var(--color-white); height: 20px; }
  .sm-clean .scroll-up:hover, .sm-clean .scroll-down:hover { background: #eee; }
  .sm-clean .scroll-up:hover .scroll-up-arrow { border-color: transparent transparent #ebcfa7; }
  .sm-clean .scroll-down:hover .scroll-down-arrow { border-color: #ebcfa7 transparent transparent; }
  .sm-clean .scroll-up-arrow, .sm-clean .scroll-down-arrow { position: absolute; top: 0; left: 50%; margin-left: -6px; width: 0; height: 0; overflow: hidden; border-width: 6px; border-style: dashed dashed solid; border-color: transparent transparent #555; }
  .sm-clean .scroll-down-arrow { top: 8px; border-style: solid dashed dashed; border-color: #555 transparent transparent; }
  .sm-clean .sub-arrow { position: absolute; right: 14px; margin-left: 5px; text-align: center; }
  .sm-clean .sub-arrow:after { font-family: FontAwesome; content: "\f107"; }
  .sm-clean li { position: relative; display: block; float: left; }
  .sm-clean li a { padding: 14px 14px; white-space: nowrap; font-weight: 700; text-decoration: none; color: var(--brand-color-secondary); }
  .sm-clean li a:not(:only-child) { padding-right: 30px; }
  .sm-clean li a:hover { color: var(--color-white); background: var(--brand-color-primary); }
  .sm-clean li a:hover .sub-arrow:after { content: "\f106"; }
  .sm-clean > li:hover > a { background: var(--brand-color-primary); color: var(--color-white); }
  .sm-clean > li:hover > a .sub-arrow:after { content: "\f106"; }
  .sm-clean ul { position: absolute; z-index: 999; width: 12em; *zoom: 1; padding: 5px; background: var(--color-white); }
  .sm-clean ul:before, .sm-clean ul:after { content: " "; display: table; }
  .sm-clean ul:after { clear: both; }
  .sm-clean ul li { float: none; }
  .sm-clean ul li a { padding: 8px 14px; }
  .sm-clean ul > li > a { position: relative; }
  .sm-clean ul > li > a .sub-arrow:after { content: "\f105"; }
  .sm-clean ul > li:last-of-type > a:before { display: none; }
  .sm-clean ul > li:hover > a { background: var(--brand-color-primary); color: var(--color-white); }
  .sm-clean ul > li:hover > a .sub-arrow:after { content: "\f104"; } }
@media only screen and (max-width: 992px) { .sm-clean ul { padding-left: 10px; border-left: 4px solid rgba(51, 51, 51, 0.1); }
  .sm-clean li { float: none; }
  .sm-clean li a { text-decoration: none; padding: 10px 0; border-bottom: 1px solid rgba(51, 51, 51, 0.1); color: var(--brand-color-secondary); font-weight: 700; position: relative; }
  .sm-clean li a .sub-arrow { border-left: 1px solid rgba(51, 51, 51, 0.1); font-size: 20px; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; width: 47px; color: var(--brand-color-primary); }
  .sm-clean li a .sub-arrow:after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: FontAwesome; content: "\f107"; }
  .sm-clean li a.highlighted .sub-arrow { background: rgba(51, 51, 51, 0.05); }
  .sm-clean li a.highlighted .sub-arrow:after { content: "\f106"; } }
.header__mobile-menu-btn { display: block; position: absolute; right: 0; top: 0; width: 50px; height: 50px; -webkit-transition: 0.3s; transition: 0.3s; align-self: center; }
.header__mobile-menu-btn .btn-wrap { position: relative; width: 30px; height: 30px; margin: 10px; }
.header__mobile-menu-btn .btn-wrap .bar, .header__mobile-menu-btn .btn-wrap:before, .header__mobile-menu-btn .btn-wrap:after { -webkit-transition: 0.3s; transition: 0.3s; position: absolute; left: 0; right: 0; height: 2px; background: var(--brand-color-secondary); border-radius: 4px; }
.header__mobile-menu-btn .btn-wrap .bar { width: 65%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.header__mobile-menu-btn .btn-wrap:before { width: 100%; top: 10%; -webkit-transform: translate(0, -10%); transform: translate(0, -10%); content: ''; }
.header__mobile-menu-btn .btn-wrap:after { width: 80%; top: 90%; -webkit-transform: translate(0, -90%); transform: translate(0, -90%); content: ''; }
.header__mobile-menu-btn.open .btn-wrap .bar, .header__mobile-menu-btn.open .btn-wrap:before, .header__mobile-menu-btn.open .btn-wrap:after { width: 100%; }
.header__mobile-menu-btn.open .btn-wrap:before { top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }
.header__mobile-menu-btn.open .btn-wrap .bar { opacity: 0; height: 0; width: 0; }
.header__mobile-menu-btn.open .btn-wrap:after { top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }

.mobile-menu { position: fixed; z-index: 999; top: 50px; width: 100%; bottom: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); overflow: auto; background: var(--color-white); padding: 15px; -webkit-transition: 0.3s; transition: 0.3s; }
.mobile-menu__open { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: 0.3s; transition: 0.3s; display: block; }
.mobile-menu:before { content: ''; top: 0; width: 100%; bottom: 0; left: 0; }
.mobile-menu__menu-container { position: relative; }

.header { transition: transform .25s ease-in-out; will-change: transform; }
@media only screen and (max-width: 992px) {
  .header { transform: translateY(0) !important; }
}
.header.headroom--not-top.headroom--unpinned { transform: translateY(-100%); }
.header.headroom--not-top.headroom--pinned { transform: translateY(0); }

.navbar { margin: 0; border: 0; }
.navbar .navbar-header { position: relative; z-index:1; }
.navbar-brand { height: auto; padding: 10px 15px 10px 0; image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.navbar-brand > img { max-height: 80px; }
.navbar .mid { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; font-size: 20px; height: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.navbar .mid p { margin-bottom: 0; }
.navbar .realtor { text-align: right; line-height: 26px; margin-top: 15px; position: relative; }
.navbar .realtor .info { position: relative; display: inline-block; vertical-align: top; font-size: 20px; }
.navbar .realtor .info a { display: inline-block; }
.navbar .realtor .pic { display: inline-block; }
.navbar .realtor img { max-height: 80px; border-radius: 4px; }

@media only screen and (max-width: 992px) { .navbar { min-height: 45px; border: 0; padding: 0; }
  .navbar .navbar-header { float: left; }
  .navbar .navbar-brand { display: inline-block; height: 50px; padding: 7px 0; }
  .navbar .navbar-brand img { min-height: 35px; max-height: 35px; }
  .navbar .realtor .info { margin-right: 5px; } }
@media only screen and (max-width: 767px) { .navbar .realtor { margin-top: 0; padding-right: 40px; }
  .navbar .realtor .info { top: 12px; }
  .navbar .realtor .info br { display: none; }
  .navbar .realtor .pic { display: none; } }
@media only screen and (min-width: 768px) and (max-width: 992px) { .navbar .realtor { margin-top: 0; padding-right: 40px; }
  .navbar .realtor .info { top: 10px; }
  .navbar .realtor .info br { display: none; }
  .navbar .realtor .info span { margin-right: 10px; }
  .navbar .realtor .pic { position: relative; top: 4px; }
  .navbar .realtor img { max-height: 40px; } }
/* ==========================================================================
Top Links
========================================================================== */
.top-links { background: var(--brand-color-primary); }
.top-links ul { list-style: none; margin: 0 -15px; padding: 0; }
.top-links ul li { width: 16.66666%; position: relative; text-align: center; float: left; }
.top-links ul li:after { position: absolute; top: 20px; bottom: 20px; right: 0px; content: ''; width: 1px; background-color: var(--color-white); background-color: rgba(255, 255, 255, 0.2); }
.top-links ul li:last-child:after { display: none; }
.top-links ul li a { display: block; color: var(--color-white); font-weight: 700; padding: 20px 0; transition: var(--animation-speed); }
.top-links ul li a .icon svg { fill: var(--color-white); height: 55px; width: 55px; }
.top-links ul li a .icon i { font-size: 61px; }
.top-links ul li a span { display: inline-block; border-bottom: 2px solid transparent; }
.top-links ul li a:hover span { border-color: var(--color-white); }

@media only screen and (max-width: 767px) { .top-links ul { display: flex; flex-flow: wrap; }
  .top-links ul li { width: 33.3333%; }
  .top-links ul li:before { position: absolute; bottom: 0px; right: 15px; left: 15px; content: ''; height: 1px; background-color: var(--color-white); background-color: rgba(255, 255, 255, 0.2); }
  .top-links ul li a { font-size: 12px; padding: 10px 0; line-height: 18px; }
  .top-links ul li a .icon svg { fill: var(--color-white); height: 30px; width: 30px; }
  .top-links ul li a .icon i { font-size: 34px; } }
@media only screen and (min-width: 768px) and (max-width: 992px) { .top-links ul li:before { position: absolute; bottom: 0px; right: 15px; left: 15px; content: ''; height: 1px; background-color: var(--color-white); background-color: rgba(255, 255, 255, 0.2); }
  .top-links ul li a { font-size: 12px; padding: 10px 0; line-height: 18px; }
  .top-links ul li a .icon svg { fill: var(--color-white); height: 30px; width: 30px; }
  .top-links ul li a .icon i { font-size: 34px; } }
@media only screen and (min-width: 993px) and (max-width: 1199px) { .top-links ul li a { font-size: 14px; } }
/* ==========================================================================
Main Body Contents
========================================================================== */
.content-container { -webkit-box-flex: 1; flex-grow: 1; flex-shrink: 0; }
.content-container .content-area { padding: 60px 0; }

@media only screen and (max-width: 767px) { .content-container .content-area { padding: 20px 0; } }
@media only screen and (min-width: 768px) and (max-width: 992px) { .content-container .content-area { padding: 30px 0; } }
@media only screen and (min-width: 993px) and (max-width: 1199px) { .content-container .content-area { padding: 40px 0; } }
/* ==========================================================================
Sidebar
========================================================================== */
.sidebar .widget { margin-bottom: 40px; }
.sidebar .widget:last-child { margin-bottom: 0; }
.sidebar h3 { font-size: 18px; font-weight: 600; margin-top: 0; }
.sidebar .form-group { border: 1px solid hsla(240,6%,83%,.63); background-image: linear-gradient(120deg,#fff 45%,#f5f5f5); border-radius: 4px; margin-bottom: 6px; position: relative; -webkit-transition: var(--animation-speed); transition: var(--animation-speed); }
.sidebar .form-group select { color: inherit; background: none; position: relative; border: none; box-shadow: none; font-size: 16px; height: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 5px; }
.sidebar .form-group select:hover { cursor: pointer; }
.sidebar .form-group select::-ms-expand { display: none; }
.sidebar .form-group:before { -webkit-transition: var(--animation-speed); transition: var(--animation-speed); border-top-right-radius: 2px; border-bottom-right-radius: 2px; text-align: center; position: absolute; top: 0; right: 0; bottom: 0; content: 0; content: "\f0dc"; font-family: FontAwesome; width: 30px; line-height: 38px; }
.sidebar .form-group:hover { border-color: #ccc; }
.sidebar .quick-search .row { margin: 0 -3px; }
.sidebar .quick-search .row > div { padding: 0 3px; }
.sidebar .quick-search form .qsearch-btn { height: 40px; line-height: 40px; font-weight: 700; border-radius: 4px; display: block; color: var(--color-white); background: var(--brand-color-primary); text-align: center; -webkit-transition: var(--animation-speed); transition: var(--animation-speed); }
.sidebar .quick-search form .qsearch-btn:hover { text-decoration: none; background: var(--brand-color-secondary); }
.sidebar .link-list ul { padding: 0; margin: 0; list-style: none; }

/* ==========================================================================
Featured Properties
========================================================================== */
/* Slick Slider JS */
.slick-list, .slick-slider, .slick-track { position: relative; display: block; }
.slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden; }
.slick-slider { box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: 0; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { top: 0; left: 0; margin-left: auto; margin-right: auto; }
.slick-track:after, .slick-track:before { display: table; content: ""; }
.slick-track:after { clear: both; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir=rtl] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }


.featured-properties { background: #eee; padding: 40px 0; }
.featured-properties .title { position: relative; }
.featured-properties h2 { width: 100%; text-align: center; margin: 0 0 20px 0; font-size: 32px; color: var(--color-black); }
.featured-properties .glider-controls { position: absolute; top: 0; right: 0; font-weight: bold; float: right; }
.featured-properties .glider-controls button { background: none; text-decoration: none; font-size: 30px; text-transform: uppercase; display: inline-block; padding: 0 15px; color: #222; float: left; outline: none; }
.featured-properties .glider-controls button:hover { color: var(--brand-color-primary); }
.featured-properties #glider-feat { margin-top: 30px; }
.featured-properties .slick-responsive { margin: 0 -15px; }
.featured-properties .slick-responsive .item { padding: 0 15px; outline: none; }
.featured-properties .prop-wrap { box-shadow: 2px 4px 12px rgb(0 0 0 / 8%); background: var(--color-white); margin-bottom: 30px; border-radius: 5px; overflow: hidden; }
.featured-properties .prop-wrap .glider-pic { position: relative; padding-bottom: 63.1068%; overflow: hidden; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; }
.featured-properties .prop-wrap .glider-pic:before { font-weight: 700; position: absolute; top: calc(50% - 25px); content: ''; width: 50px; height: 50px; border: 3px solid rgba(72, 72, 72, 0.3); border-radius: 50%; border-top-color: #484848; animation: spin 1s linear infinite; }
@keyframes spin { to { -webkit-transform: rotate(360deg); } }
.featured-properties .prop-wrap .glider-pic a { border-top-right-radius: 5px; border-top-left-radius: 5px; outline: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; overflow: hidden;}
.featured-properties .prop-wrap .glider-content { *zoom: 1; padding: 17px 20px 55px 20px; position: relative; font-size: 14px; line-height: 20px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #eee; border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; background-clip: padding-box; border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; background-clip: padding-box; }
.featured-properties .prop-wrap .glider-content:before, .featured-properties .prop-wrap .glider-content:after { content: " "; display: table; }
.featured-properties .prop-wrap .glider-content:after { clear: both; }
.featured-properties .prop-wrap .glider-content .price { position: absolute; top: -50px; right: 10px; padding: 8px 14px; display: block; font-size: 18px; color: var(--color-white); background-color: var(--brand-color-primary); background-color: rgba(var(--brand-color-primary-rgb), 0.8); }
.featured-properties .prop-wrap .glider-content .address { font-size: 18px; }
.featured-properties .prop-wrap .glider-content .area { color: #666; }
.featured-properties .prop-wrap .glider-content .lowbig { position: absolute; top: auto; right: 0; bottom: 0; left: 0; padding-left: 20px; text-transform: capitalize; display: block; font-size: 14px; font-weight: 400; border-width: 1px 0 0 0; border-style: solid; border-color: #eee; }
.featured-properties .prop-wrap .glider-content .lowbig ul { list-style: none; padding: 0; margin: 0; }
.featured-properties .prop-wrap .glider-content .lowbig ul li { display: block; float: left; margin-right: 15px; padding: 7px 15px 7px 0; border-width: 0 1px 0 0; border-style: solid; border-color: #eee; }
.featured-properties .prop-wrap .glider-content .lowbig ul li:last-child { border-right: 0; }
.featured-properties .prop-wrap .glider-content .lowbig a { text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; top: auto; right: -1px; bottom: -1px; left: auto; text-decoration: none; font-size: 14px; display: inline-block; color: var(--color-white); background: var(--brand-color-secondary); padding: 8px 15px; font-weight: bold; border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; background-clip: padding-box; }
.featured-properties .prop-wrap .glider-content .lowbig a:hover { background: var(--brand-color-primary); }

@media only screen and (max-width: 767px) { .featured-properties { padding: 20px 0; }
  .featured-properties .title h2 { font-size: 20px; }
  .featured-properties .glider-controls { display: none; }
  .featured-properties .prop-wrap { margin-bottom: 10px; }
  .featured-properties .prop-wrap .glider-content { font-size: 14px; padding-bottom: 30px; }
  .featured-properties .prop-wrap .glider-content .price { padding: 6px 10px; font-size: 16px; }
  .featured-properties .prop-wrap .glider-content .address { font-size: 16px; }
  .featured-properties .prop-wrap .glider-content .lowbig { position: relative; border: 0; font-size: 12px; margin: 10px 0; padding: 0; width: 100%; }
  .featured-properties .prop-wrap .glider-content .lowbig ul { *zoom: 1; }
  .featured-properties .prop-wrap .glider-content .lowbig ul:before, .featured-properties .prop-wrap .glider-content .lowbig ul:after { content: " "; display: table; }
  .featured-properties .prop-wrap .glider-content .lowbig ul:after { clear: both; }
  .featured-properties .prop-wrap .glider-content .lowbig ul li { border: 0; margin-right: 0px; padding-right: 12px; font-weight: bold; }
  .featured-properties .prop-wrap .glider-content .lowbig a { position: absolute; bottom: -40px; right: -21px; left: -21px; display: block; text-align: center; border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; background-clip: padding-box; } }
@media only screen and (min-width: 768px) and (max-width: 992px) { .featured-properties .prop-wrap { margin-bottom: 10px; }
  .featured-properties .prop-wrap .glider-content { font-size: 14px; padding-bottom: 30px; }
  .featured-properties .prop-wrap .glider-content .price { padding: 6px 10px; font-size: 16px; }
  .featured-properties .prop-wrap .glider-content .address { font-size: 14px; font-weight: bold; }
  .featured-properties .prop-wrap .glider-content .lowbig { position: relative; border: 0; font-size: 12px; margin: 10px 0; padding: 0; width: 100%; }
  .featured-properties .prop-wrap .glider-content .lowbig ul { *zoom: 1; }
  .featured-properties .prop-wrap .glider-content .lowbig ul:before, .featured-properties .prop-wrap .glider-content .lowbig ul:after { content: " "; display: table; }
  .featured-properties .prop-wrap .glider-content .lowbig ul:after { clear: both; }
  .featured-properties .prop-wrap .glider-content .lowbig ul li { border: 0; margin-right: 0px; padding-right: 12px; font-weight: bold; }
  .featured-properties .prop-wrap .glider-content .lowbig a { position: absolute; bottom: -40px; right: -21px; left: -21px; display: block; text-align: center; border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; background-clip: padding-box; } }
@media only screen and (min-width: 993px) and (max-width: 1199px) { .featured-properties .prop-wrap { margin-bottom: 10px; }
  .featured-properties .prop-wrap .glider-pic a { height: 200px; }
  .featured-properties .prop-wrap .glider-content { font-size: 14px; padding-bottom: 30px; }
  .featured-properties .prop-wrap .glider-content .price { padding: 6px 10px; font-size: 16px; }
  .featured-properties .prop-wrap .glider-content .lowbig { position: relative; border: 0; font-size: 12px; margin: 10px 0; padding: 0; width: 100%; }
  .featured-properties .prop-wrap .glider-content .lowbig ul { *zoom: 1; }
  .featured-properties .prop-wrap .glider-content .lowbig ul:before, .featured-properties .prop-wrap .glider-content .lowbig ul:after { content: " "; display: table; }
  .featured-properties .prop-wrap .glider-content .lowbig ul:after { clear: both; }
  .featured-properties .prop-wrap .glider-content .lowbig ul li { border: 0; margin-right: 0px; padding-right: 12px; font-weight: bold; }
  .featured-properties .prop-wrap .glider-content .lowbig a { position: absolute; bottom: -40px; right: -21px; left: -21px; display: block; text-align: center; border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; background-clip: padding-box; } }


/* ==========================================================================
Footer
========================================================================== */
.footer { flex-shrink: 0; }
.footer img { max-height: 100px;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor; }
.footer .contact-info { color: var(--color-white); padding: 15px 0; background-color: var(--brand-color-secondary); background-position: top center; background-attachment: fixed; color: var(--color-white); text-align: center; }
.footer .contact-info .modal-map .modal-dialog { width: 100%; max-width: 900px; }
.footer .contact-info ul { list-style: none; padding: 0; margin: 0 -15px; }
.footer .contact-info ul li { position: relative; padding: 0 15px; margin: 15px 0; float: left; width: 33%; }
.footer .contact-info ul li:after { position: absolute; top: 0px; bottom: 0px; right: 0px; content: ''; width: 1px; background-color: var(--color-white); background-color: rgba(255, 255, 255, 0.2); }
.footer .contact-info ul li:last-child:after { display: none; }
.footer .contact-info i { margin-right: 5px; }
.footer .contact-info span { display: block; text-transform: uppercase; font-weight: 600; font-size: 18px; }
.footer .contact-info a { color: var(--color-white); }
.footer .contact-info a:hover { color: var(--color-white); text-decoration: underline; }
.footer .ftr-mid { padding: 40px 0; }
.footer .social ul { list-style: none; padding: 0; margin: 0; justify-content: center; display:flex; flex-wrap: wrap; }
.footer .social ul li { display: inline-block; margin: 0 3px 6px 0; }
.footer .social ul li a { text-decoration: none; -webkit-transition: var(--animation-speed); transition: var(--animation-speed); border-radius: 4px; display: flex; justify-content: center; align-items: center; background: #777; height: 40px; width: 40px; color: var(--color-white); font-size: 24px; }
.footer .social ul li a:hover { opacity: 0.7 }
.footer .social ul li a.facebook { background: #3b5998; }
.footer .social ul li a.twitter-x { background: #000; }
.footer .social ul li a.instagram { background: #3f729b; }
.footer .social ul li a.pinterest { background: #bd081c; }
.footer .social ul li a.youtube { background: #cd201f; }
.footer .social ul li a.linkedin { background: #0077b5; }
.footer .social ul li a svg {
  height: 22px;
  width: 22px;
  fill: var(--color-white);
}
.footer .copyright { color: var(--color-white); padding: 20px 0; background: var(--brand-color-fifth); }
.footer .copyright a { color: var(--color-white) }
.footer .copyright a:hover { text-decoration: underline; }
.footer h3 { text-transform: uppercase; margin: 0 0 20px 0; }
.footer .mls-icons{margin:0;display:flex;justify-content:right}
@media only screen and (max-width: 767px) {
.footer .mls-icons{justify-content:flex-start}
}
.footer .mls-icons li{display:inline-block;margin-right:15px}
.footer .mls-icons li:after{display:none}
.footer .mls-icons li:last-child{margin-right:0}
.footer .mls-icons li svg{fill:var(--color-white);height:40px}
.footer .profile { padding: 10px 0; background: #eee; }
.footer .profile ul { list-style: none; margin: 0; padding: 0; display: flex;  flex-wrap: wrap; justify-content: center; }
.footer .profile ul li { margin: 5px 10px 5px 0; font-size: 14px; font-weight: 700; }
.footer .profile ul li:last-child { margin-right: 0; }
.footer .profile a { background: var(--brand-color-primary); color: var(--color-white); padding: 6px 12px; border-radius: 4px; text-decoration: none; }
.footer .profile a:hover { background: var(--brand-color-secondary); text-decoration: none; }

@media only screen and (max-width: 767px) { .footer .contact-info { padding: 0; }
  .footer .contact-info ul li { width: 100%; }
  .footer .contact-info ul li:after { top: auto; right: 15px; left: 15px; bottom: -15px; width: auto; height: 1px; }
  .footer .ftr-mid { text-align: center; }
  .footer .ftr-mid .row > div { margin-bottom: 20px; display: block; }
  .footer .ftr-mid .row > div:last-child { margin: 0; }
  .footer .copyright ul li { margin: 0; width: 100%; }
  .footer .copyright ul li #myrsol_adminblock { margin: 5px 0; } }

.container-fluid { max-width: 1170px; }
.grid_view .listings-wrap .myrsol-idx-summary { background: none; }
#listings .listings-wrap .myrsol-idx-summary h3 { font-weight: 700; }
.listings_view .details-onecol-grouped h4 { display: inline-block; border-bottom: 0; }

/* Map Search */
.dynidx-map-container .map-view { width: calc(100% - 375px); }
.dynidx-map-container .list-view { width: 375px; }
@media only screen and (max-width: 767px) { .dynidx-map-container .list-view .dynidx-map-summary .marker-summary { margin-top: 30%; } }
.dynidx-map-container .list-view .br-logo { height: 14px; }
.dynidx-map-container .list-view .dynidx-map-results .well { margin-left: 5px; }
.dynidx-map-container .list-view .dynidx-map-results .well .fa { font-size: inherit; }
.dynidx-map-fullscreen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; min-height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-top: 0 !important; }
.dynidx-map-fullscreen .dynidx-map-container { -webkit-box-flex: 1; flex: 1; min-height: 1px; }
@media only screen and (min-width: 1680px) { .dynidx-map-fullscreen .dynidx-map-container .map-view { width: calc(100% - 35%); }
  .dynidx-map-fullscreen .dynidx-map-container .list-view { width: 35%; }
  .dynidx-map-fullscreen .dynidx-map-container .list-view .dynidx-map-summary { width: 50%; float: left; } }
.dynidx-map-fullscreen #prop_display { padding: 0; }

/* ========================================================================== Column List ========================================================================== */
.column-list{list-style:none;padding:0;margin:40px auto;text-align:center;display:flex;flex-wrap:wrap}
.column-list li{display:flex;align-items:center;justify-content:center;padding:5px 0}
@media only screen and (max-width: 767px) { .column-list li{width:100%!important} }
.column-list__4 li{width:25%}
@media only screen and (min-width: 768px) and (max-width: 992px) { .column-list__4 li{width:50%} }
@media only screen and (min-width: 993px) and (max-width: 1100px) { .column-list__4 li{width:33.33333%} }
.column-list__3 li{width:33.33333%}
@media only screen and (min-width: 768px) and (max-width: 992px) { .column-list__3 li{width:50%} }
.column-list__2 li{width:50%}
.column-list__1 li{width:100%}