.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    content: '•';
    text-align: center;
    -webkit-font-smoothing: antialiased;
    opacity: 100%;
background: #9e9e9e;
color: transparent;
width: 10px;
height: 10px;
border-radius: 100px;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    width: 10px;
height: 10px;
border-radius: 100px;
}
.slick-next:before, .slick-prev:before {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25;}
.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: 0;
}
.mag-shell {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;      /* reserves height -> no CLS */
  /* optional for very small screens: */
  max-height: 620px;
}

.mag-shell > iframe {
  position: absolute;
  inset: 0;                   /* top/right/bottom/left: 0 */
  width: 100%;
  height: 100%;
  border: 0;
}
.magazine-frame {
position: relative;
width: 100%;
height: 100%;
margin: 70px 0 50px 0;
}
    .checkbox-list__option.checkbox-list__option_checked {
    background: #b90000;
    color: #fff;
}
input:-internal-autofill-selected, textarea:disabled, textarea {
color: grey !important;
}
.listing .block, .listing .block:hover {
    box-shadow: none;
    margin: 0 10px 60px 10px;
    top: 0;
}
.search-bar__secondary-options.search-bar__secondary-options_state_close {
  display: none!important;
}
.dropdown__options {
position: absolute;
left: 0;
top: 100%;
width: 100%;
max-height: 250px;
overflow: hidden;
overflow-y: auto;
border-radius: 2px;
background: #fff;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
z-index: 9;
}

.dropdown__option:hover {
color: #39424c;
background: #e6e6e6;
}

.dropdown_state_opened > .dropdown__value:after {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%2339424C"><path d="M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z"/></svg>');
}

.dropdown_state_closed > .dropdown__options {
display: none;
}

.dropdown_state_opened > .dropdown__options {
display: block;
}

.switcher {
display: inline-flex;
position: relative;
cursor: pointer;
align-items: center;
color: #39424c;
}

.switcher__control:after {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #fff;
transition: background-color 0.3s ease, left 0.3s ease;
}

.switcher_state_checked > .switcher__control {
background-color: #93b5be;
}

.switcher_state_checked > .switcher__control:after {
left: 24px;
background-color: #fff;
}

.search-results__paging,
.search-results .pagination {
margin-top: 32px;
}

.listings__sort {
flex-shrink: 0;
}

.hero {
position: relative;
}

.hero__heading + .hero__subheading {
margin-top: -32px;
}

.hero__heading,
.hero__subheading {
max-width: 100%;
}

.hero_type_search {
padding: 50px 0;
flex-basis: 430px;
}

.hero_type_search > .section__background-overlay {
background-color: rgba(0, 42, 80, 0.5);
}

.hero_type_search > .section__background-overlay_state_transparent {
background-color: transparent;
}

.hero_type_search > .hero__heading {
text-align: center;
font-size: 28px;
}

.hero_type_search > .hero__search-bar {
position: relative;
z-index: 1;
padding-top: 0;
}

.hero_type_search > .section__background-image.image > img {
position: absolute;
object-position: center;
}

.hero_type_search {
flex-basis: 215px;
}

.hero_type_search {
background-color: #292f3f;
}

.pagination-item.pagination-item_state_disabled {
color: #9c9c9c;
background-color: white;
cursor: not-allowed;
}

.listing__price {
display: none;
}

.listing__tags {
position: absolute;
top: 16px;
left: 16px;
}

.listing__tag {
font-size: 14px;
color: #fff;
background: #292f3f;
border-radius: 2px;
text-align: center;
white-space: nowrap;
}

.listing__tag + .listing__tag {
margin-top: 4px;
}

.listing__badge {
display: flex;
flex: 0 0 auto;
margin-right: 16px;
line-height: 30px;
}

.listing__badge:last-child {
margin-right: 0;
}

.listing__badge-icon {
position: relative;
top: 2px;
margin-right: 8px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}

.listings__controls-placeholder {
width: 100%;
height: 112px;
margin-bottom: 32px;
background-color: #f1f1f1;
border-radius: 2px;
}

.listing-placeholder__image {
padding-bottom: 75%;
}

.listing__visuals {
position: relative;
}

.listing__tag {
padding: 4px 8px;
}

.listing__address {
display: none;
}

.listing__area {
display: none;
}
.popup-content:before {
content: "";
position: fixed;
inset: 0;
z-index: 1;
opacity: 0.4;
background: radial-gradient(
circle at 40% top,
#00fdef 0%,
#00f4e7 7.3%,
#00dbd4 19.5%,
#00cac4 27.4%,
#00bebb 32.3%,
#00bab7 33.8%,
#00aeb0 38.1%,
#00989b 46.9%,
#00969a 47.8%,
#007881 60%,
#005c6a 74.6%,
#004a55 87.5%,
#003f49 95.1%,
#003b44 98.4%,
#003742 100%
);
}
.content {
z-index: 2;
position: relative;
display: flex;
flex-direction: column;
row-gap: 30px;
}
/* Basic styling for link */
a.popup-trigger {
color: #00796b;
font-weight: bold;
cursor: pointer;
}

/* Overlay background */
.popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
display: none; /* hidden by default */
justify-content: center;
align-items: center;
z-index: 1000;
}

/* Popup content */
.popup-content {
padding: 20px;
border-radius: 10px;
max-width: 100%;
width: 90%;
text-align: left;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
position: relative;
animation: fadeIn 0.3s ease-in-out;
overflow: scroll;
margin-top: 5vh;
max-height: 75vh;
background: linear-gradient(360deg, #0b3c4a 0%, #195870 50%, #093a47 100%);
}

/* Close button */
.popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 50px;
    font-weight: normal;
    color: #eb0000;
    cursor: pointer;
    background: transparent;
    z-index: 100;
    border: 0;
    box-shadow: none;
}

@keyframes fadeIn {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}

.listing.block {
position: relative;
display: block;
}
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__input
.autocomplete__selected {
color: #fff;
background: #d52121;
border-radius: 2px;
padding: 0.1rem;
padding-left: 0.45rem;
margin-right: 8px;
font-size: 0.85rem;
display: flex;
align-items: center;
justify-content: center;
margin-top: 45px;
}
.search-bar__container
.search-bar__secondary-options
.switcher_state_checked
.switcher__control {
background-color: #d82223 !important;
}
.search-bar__container
.search-bar__main-options
.checkbox-list__text
.checkbox-list__count {
width: 20px;
height: 20px;
display: inline-block;
background: #d22020;
line-height: 20px;
color: #fff;
text-align: center;
border-radius: 2px;
margin-left: 0.5rem;
font-size: 0.85rem;
margin-top: 5px;
}
.property-search-home {
height: 80vh;
row-gap: 30px;
}
.search-bar__container .search-bar__main-options .search-bar__autocomplete,
.search-bar__container .search-bar__main-options .search-bar__options,
.dropdown,
.search-bar__container .search-bar__main-options .checkbox-list {
min-width: 24%;
}
a strong {
color: #eb0a15;
text-shadow: none;
}
.pagination-item:hover {
color: transparent;
background-color: transparent;
}
a.pagination-link.pagination-link__next,
a.pagination-link.pagination-link__prev {
font-size: 30px;
}
.article.article_size_xl {
position: relative;
display: block;
}
ul.pagination {
display: flex;
gap: 0.5rem;
list-style: none;
padding: 0;
align-items: center;
justify-content: center;
}
ul.pagination a.pagination-link.active,
ul.pagination li.pagination-item.active > a.pagination-link {
background: #c60217;
color: #fff;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
}
ul.pagination .is-disabled > a {
pointer-events: none;
opacity: 0.45;
}
.more-top-padding {
padding-top: 10vh !important;
}
.less-bottom-padding {
padding-bottom: 5vh !important;
}
.agent-slider.slick-initialized.slick-slider.slick-dotted {
margin-top: 0;
}
.block.listing.homepage-listings.slick-initialized.slick-slider.slick-dotted {
margin-top: 50px;
}
.slick-next,
.slick-prev,
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
z-index: 1;
color: #404040;
display: block !important;
background: transparent;
bottom: 0;
top: 100%;
width: 10%;
height: 20px;
opacity: 100%;
}
.slick-prev {
left: 79%;
}
.slick-dots li.slick-active button:before {
opacity: 100%;
background: #c8201f;
color: transparent;
width: 10px;
height: 10px;
border-radius: 100px;
}
.slick-next:before,
.slick-prev:before {
font-family: "Montserrat";
font-size: 18px;
font-weight: 600;
}
.slick-next {
right: 0;
border-left: 2px solid #404040;
}
.slick-next:before {
content: "Next";
opacity: 100;
}
.slick-prev:before {
content: "Back";
opacity: 100;
}
.slick-dots {
text-align: left;
width: auto;
z-index: 0;
}
.wrapper.teal-section {
padding: 10vh 7vw;
}
.slick-next:before,
.slick-prev:before {
color: #404040;
}
.teal-section .my-slider .slick-prev:before,
.teal-section .my-slider .slick-next:before {
color: #fff;
}
.teal-section .my-slider .slick-next {
border-left: 2px solid #fff;
}
#modal__listProperty .alert {
padding-x: 1rem;
padding-y: 0.75rem;
border-radius: 0.375rem;
background: #fff;
color: #000;
color: transparent;
position: relative;
padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
border: 1px solid var(--bs-alert-border-color);
border-radius: var(--bs-alert-border-radius);
color: var(--bs-alert-color);
background-color: var(--bs-alert-bg);
margin-bottom: 1rem;
}
/* Context variants (match Bootstrap 5.3) */
#modal__listProperty .alert-success {
color: #ffffff;
background-image: linear-gradient(54deg, #ab1817, #da2323 50%, #b70102 104%);
padding:10px;
border-radius:10px
}
#modal__listProperty .alert-danger {
color: #842029;
background: #f8d7da;
border-color: #f5c2c7;
}
/* Dismissible + fade/show */
#modal__listProperty .alert-dismissible {
padding-right: calc(var(--bs-alert-padding-x) * 3);
}
#modal__listProperty .fade {
transition: opacity 0.15s linear;
}
#modal__listProperty .fade:not(.show) {
opacity: 0;
}

/* Spacing util you used */
#modal__listProperty .mt-4 {
margin-top: 1.5rem !important;
}

/* Close button (if you add it) */
#modal__listProperty .btn-close {
position: absolute;
top: 0.5rem;
right: 0.75rem;
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em;
border: 0;
background: transparent;
opacity: 0.5;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath stroke='%23000' stroke-width='2' d='M3 3l10 10M13 3L3 13'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 1em 1em;
}
#modal__listProperty .btn-close:hover {
opacity: 0.75;
}
#modal__listProperty .btn-close:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control {
line-height: 1.5;
}
.row {
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > [class^="col"],
.row > [class*=" col"] {
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col-12 {
width: 100%;
flex: 0 0 auto;
}
.col-md-6 {
width: 50%;
flex: 0 0 auto;
}
.col-md-12 {
width: 100%;
flex: 0 0 auto;
}

.form-control,
textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"] {
width: 100%;
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
display: block;
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #da2323;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
border-color: var(--bs-form-invalid-border-color, #dc3545);
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMiAxMicgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJyBmaWxsPSdub25lJyBzdHJva2U9JyNkYzM1NDUnPjxjaXJjbGUgY3g9JzYnIGN5PSc2JyByPSc0LjUnLz48cGF0aCBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBkPSdNNS44IDMuNmguNEw2IDYuNXonLz48Y2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nI2RjMzU0NScgc3Ryb2tlPSdub25lJy8+PC9zdmc+");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
body.menu-opened .main-header.fixed .nav::before {
background: transparent;
}
:not(:root):fullscreen::backdrop {
position: fixed;
inset: 0px;
background: white;
}
.form-control,
input {
height: inherit;
padding: 0.75rem 1rem;
background-color: #fbfbfb;
border-radius: 5px;
border: 1px solid #c3c3c4;
font-family: "Montserrat";
background-color: #fbfbfb;
border: 1px solid #c3c3c4;
font-weight: 600;
font-size: 17px;
}
.statement {
text-align: left;
padding: 0;
z-index: 2;
row-gap: 20px;
display: flex;
flex-direction: column;
}
.main-header.fixed .nav::before,
.hero-section::before,
.teal-section::before,
.footer-section::before,
.page-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
opacity: 0.4;
background: radial-gradient(
circle at 40% top,
#00fdef 0%,
#00f4e7 7.3%,
#00dbd4 19.5%,
#00cac4 27.4%,
#00bebb 32.3%,
#00bab7 33.8%,
#00aeb0 38.1%,
#00989b 46.9%,
#00969a 47.8%,
#007881 60%,
#005c6a 74.6%,
#004a55 87.5%,
#003f49 95.1%,
#003b44 98.4%,
#003742 100%
);
}
.modal-body {
padding: 0;
}
.img-container {
display: flex;
justify-content: center;
z-index: 100;
margin-bottom: 30px;
}
.no-top-padding {
padding: 0 0 5vh 0 !important;
}
.card-button {
text-decoration: none;
font-size: 16px;
display: flex;
margin: 0;
width: auto;
height: 35px;
font-family: Montserrat;
color: white;
border-radius: 20px;
text-align: center;
line-height: 50px;
font-weight: bold;
background-image: linear-gradient(54deg, #ab1817, #da2323 50%, #b70102 104%);
padding: 0 20px;
text-shadow: 1px 2px 4px #00000038;
letter-spacing: 3px;
text-transform: uppercase;
border-color: transparent;
max-width: fit-content;
align-items: center;
margin-bottom: 10px;
}
a.red {
text-shadow: none;
color: #d52122;
font-weight: 600;
text-decoration: underline;
font-size: 18px;
margin-top: 10px;
}
:focus-visible {
outline: none;
}
body.menu-opened .main-header.fixed {
background-image: none;
box-shadow: none;
}
.embed-responsive.embed-responsive-16by9 iframe {
min-width: -webkit-fill-available;
min-height: 380px;
}
body {
margin: 0;
font-family: Montserrat, sans-serif;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
font-weight: 600;
color: #404040;
}

body.menu-open {
overflow: hidden;
}
.main-header .flex-container {
display: none;
}
.main-header.fixed .flex-container {
display: flex;
right: 10%;
}
body.menu-open .main-header.fixed .menu-toggle {
position: absolute;
top: auto;
left: 32%;
z-index: 1003;
}
body.menu-open .main-header.fixed .flex-container {
display: flex;
left: 10%;
}
.main-header.fixed + .menu .flex-column {
display: none !important;
}
.menu.open .menu-scroll,
.menu.open .teal-bg-overlay {
transition: opacity 0.3s ease 0.3s; /* delay by same duration as slide */
}
.main-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
transition: all 0.3s ease;
}

.nav {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 5vw;
background-color: transparent;
transition: background-color 0.3s ease;
z-index: 1002;
position: relative;
}

body.menu-open .nav {
z-index: 0;
}

.logo {
height: 110px;
width: auto;
z-index: 1002;
position: relative;
margin-left: -10px;
}
.menu-toggle {
width: 35px;
height: 50px;
cursor: pointer;
position: relative;
z-index: 1002;
}

.bar {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: white;
transition: all 0.3s ease;
}

.top-bar {
top: 8px;
height: 3px !important;
}
.middle-bar {
top: 16px;
height: 2.5px !important;
}
.bottom-bar {
top: 24px;
height: 3px !important;
}
.menu-toggle.open .top-bar {
transform: rotate(45deg);
top: 16px;
height: 3px;
}

.menu-toggle.open .middle-bar {
opacity: 0;
}

.menu-toggle.open .bottom-bar {
transform: rotate(-45deg);
top: 16px;
height: 3px;
}
.menu {
position: fixed;
top: 0;
left: 0;
height: 100vh;
max-width: 500px;
display: flex;
flex-direction: column;
overflow: hidden;
transform: translateX(-100%);
transition: transform 0.3s ease;
z-index: 900 !important;
background: linear-gradient(360deg, #0b3c4a 0%, #195870 50%, #093a47 100%);
width: 100%;
padding: 19vh 5vw;
}

.menu.open {
transform: translateX(0);
}

.menu-scroll {
flex-grow: 1;
overflow-y: auto;
z-index: 1;
overflow-x: hidden;
padding-bottom: 50px;
}

.menu-item {
font-size: 1.2rem;
position: relative;
}

.menu-item > a,
.menu-item-toggle,
.submenu a {
text-decoration: none;
color: white;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0 1rem 0;
border-bottom: 1px solid white;
cursor: pointer;
font-size: 17px;
font-weight: 500;
}

.submenu {
overflow: hidden;
height: 0;
display: flex;
flex-direction: column;
transition: height 0.3s ease;
}

.menu-item.open .submenu {
height: 100% !important;
padding: 10px 0;
}
.plus-icon {
font-size: 1.6rem;
transition: transform 0.5s ease;
}

.menu-item.open .plus-icon {
transform: rotate(45deg);
}
.flex-column {
position: relative;
margin-top: 30px;
}
.main-header.fixed {
position: fixed;
animation: fadeSlideIn 0.4s ease forwards;
padding: 0;
z-index: 1001 !important;
}

@keyframes fadeSlideIn {
0% {
opacity: 0;
transform: translateY(-10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}

/* ----- LOGO SWAP ----- */
.logo.fixed-logo {
display: none;
}
.main-header.fixed .logo.default-logo {
display: none;
}
.main-header.fixed .logo.fixed-logo {
display: inline;
height: 90px;
padding-top: 10px;
}
.main-header.fixed .nav {
background: linear-gradient(360deg, #0b3c4a 0%, #195870 50%, #093a47 100%);
height: 90px;
align-content: center;
padding: 10px 5vw;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
background-size: 200% 200%;
}
.fixed-header-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
pointer-events: none;
opacity: 0;
transition: opacity 0.4s ease;
background: radial-gradient(
circle at 40% top,
#00fdef 0%,
#00f4e7 7.3%,
#00dbd4 19.5%,
#00cac4 27.4%,
#00bebb 32.3%,
#00bab7 33.8%,
#00aeb0 38.1%,
#00989b 46.9%,
#00969a 47.8%,
#007881 60%,
#005c6a 74.6%,
#004a55 87.5%,
#003f49 95.1%,
#003b44 98.4%,
#003742 100%
);
}
/* Show only when the header is fixed */
.main-header.fixed .fixed-header-overlay {
opacity: 0.4;
}
.flex-container {
position: absolute;
column-gap: 10px;
flex-direction: row;
z-index: 1000;
right: 75%;
display: none;
}
a:active,
a:focus,
a:hover {
color: white;
}
/* ----- MENU TOGGLE BAR COLORS ----- */
.menu-toggle .bar {
width: 40px;
height: 2px;
background-color: white;
margin: 10px 0;
transition: background-color 0.3s ease;
}
.black {
color: #404040;
text-shadow: none;
font-size: 3em;
font-weight: 600;
}
.menu-overlay {
background: radial-gradient(
circle at 40% top,
#00fdef 0%,
3.658536449074745%,
#00f4e7 7.31707289814949%,
13.414633646607399%,
#00dbd4 19.512194395065308%,
23.475609719753265%,
#00cac4 27.439025044441223%,
29.878048598766327%,
#00bebb 32.31707215309143%,
33.07926803827286%,
#00bab7 33.841463923454285%,
35.975609719753265%,
#00aeb0 38.109755516052246%,
42.53048747777939%,
#00989b 46.95121943950653%,
47.408536076545715%,
#00969a 47.8658527135849%,
53.96341532468796%,
#007881 60.060977935791016%,
67.37805008888245%,
#005c6a 74.69512224197388%,
81.09756112098694%,
#004a55 87.5%,
91.31097495555878%,
#003f49 95.12194991111755%,
96.79878056049347%,
#003b44 98.47561120986938%,
99.23780560493469%,
#003742 100%
);
}
.teal-bg-overlay {
background: radial-gradient(
circle at 40% top,
#00fdef 0%,
3.658536449074745%,
#00f4e7 7.31707289814949%,
13.414633646607399%,
#00dbd4 19.512194395065308%,
23.475609719753265%,
#00cac4 27.439025044441223%,
29.878048598766327%,
#00bebb 32.31707215309143%,
33.07926803827286%,
#00bab7 33.841463923454285%,
35.975609719753265%,
#00aeb0 38.109755516052246%,
42.53048747777939%,
#00989b 46.95121943950653%,
47.408536076545715%,
#00969a 47.8658527135849%,
53.96341532468796%,
#007881 60.060977935791016%,
67.37805008888245%,
#005c6a 74.69512224197388%,
81.09756112098694%,
#004a55 87.5%,
91.31097495555878%,
#003f49 95.12194991111755%,
96.79878056049347%,
#003b44 98.47561120986938%,
99.23780560493469%,
#003742 100%
);
opacity: 40%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
/* Transparent AFTER delay */
body.menu-opened .main-header.fixed .nav {
background: transparent;
box-shadow: none;
}
body.menu-opened .main-header.fixed .fixed-header-overlay {
opacity: 0;
}
.menu-item > a,
.menu-item-toggle,
.submenu a {
text-decoration: none;
color: white;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0 1rem 0;
border-bottom: 1px solid white;
transition: all 0.3s ease;
cursor: pointer;
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
text-shadow: 1px 2px 4px #0000005c;
}
.menu-item.open {
font-weight: 500;
border-bottom: 0;
}
.plus-icon {
font-weight: normal;
font-size: 1.6rem;
line-height: 1;
transition: transform 0.5s ease;
}
.menu-item.open .plus-icon {
transform: rotate(45deg);
}
.submenu {
overflow: hidden;
height: 0;
display: flex;
flex-direction: column;
padding-left: 0;
background-color: transparent;
}
.submenu a {
text-decoration: none;
color: white;
font-size: 17px;
padding: 0;
border-bottom: 0;
transition: all 0.3s ease;
}
.nav.footer {
position: fixed;
bottom: 0;
z-index: 999;
background: white;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
text-shadow: 1px 2px 4px #00000073;
letter-spacing: -1px;
margin-bottom: 0;
color: white;
text-transform: none;
line-height: 1.1em;
z-index: 100;
}
h1 {
font-size: 4em;
}
h2,
h3,
h4,
h5,
h6 {
font-size: 3em;
}
.hero-section {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 5vw 0 5vw;
position: relative;
width: auto;
height: auto;
overflow: hidden;
background: linear-gradient(360deg, #0b3c4a 0%, #195870 50%, #093a47 100%);
}

.hero-content {
max-width: 65%;
z-index: 2;
display: flex;
flex-direction: column;
row-gap: 20px;
margin-top: 5vh;
}

.hero-image-container {
position: relative;
height: 0;
z-index: 2;
}
.white-text {
text-shadow: 1px 2px 4px #0000005c;
color: white;
font-size: 17px;
z-index: 2;
}
p,
.MsoNormal {
font-size: 17px;
line-height: 28px;
font-weight: 600;
color: #404040;
margin-bottom: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.red {
text-shadow: none;
color: #d52122;
font-weight: 600;
}
.button {
cursor: pointer;
text-decoration: none;
font-size: 16px;
display: block;
margin: 0;
width: auto;
height: 50px;
font-family: Montserrat;
color: white;
border-radius: 10px;
text-align: center;
line-height: 50px;
font-weight: bold;
background-image: linear-gradient(54deg, #ab1817, #da2323 50%, #b70102 104%);
padding: 0 20px;
text-shadow: 1px 2px 4px #00000038;
letter-spacing: 3px;
text-transform: uppercase;
border-color: transparent;
max-width: fit-content;
}
.button-container {
display: flex;
column-gap: 20px;
padding-top: 10px;
}
.flex-row {
display: flex;
flex-direction: row;
column-gap: 30px;
flex-wrap: wrap;
}
.teal-section {
padding: 7vh 5vw;
background: linear-gradient(360deg, #0b3c4a 0%, #195870 50%, #093a47 100%);
display: flex;
flex-direction: column;
position: relative;
overflow-x: hidden;
justify-content: center;
text-align: center;
}
.uppercase-heading {
color: white;
text-transform: uppercase;
letter-spacing: 4px;
text-shadow: 1px 2px 4px #0000005c;
font-size: 17px;
font-weight: 600;
}
.section {
padding: 10vh 5vw;
}
.inner-section-container {
margin-top: 50px;
}
.centered {
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}
.form-wrapper {
width: 100%;
position: relative;
z-index: 2;
text-align: left;
margin-top: 50px;
}
.search-bar-container {
width: 100%;
}
.dropdown.dropdown_state_opened {
z-index: 1100;
}
.dropdown {
border-top: none;
z-index: 100;
position: relative;
color: #ffffff;
}
input[type="text"]::placeholder {
font-size: 17px;
font-weight: 600;
color: white;
}
.autocomplete.search-bar__autocomplete.autocomplete_focus_true {
z-index: 1100;
}
.search-bar__container
.search-bar__secondary-options
.switcher
.switcher__control {
background-color: #b5b5b5;
}
.search-bar__container .dropdown__value-text,
.search-bar__container .search-bar__main-options .checkbox-list__text,
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__input {
border-radius: 5px;
margin-bottom: 18px;
margin-top: 0;
height: 46px;
text-transform: capitalize;
border: 1px solid #fff;
font-weight: 600;
padding-left: 10px;
padding-bottom: 1vh;
padding-top: 1vh !important;
padding-right: 0vw;
text-shadow: 1px 2px 4px #0000005c;
flex-wrap: wrap;
align-content: center;
display: flex;
position: relative;
cursor: pointer;
}
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__input
input {
text-shadow: 1px 2px 4px #0000005c;
color: #fff;
}
span {
font-size: 17px;
line-height: 28px;
font-weight: 600;
z-index: 2;
position: relative;
}
.tags-bg-overlay {
background: radial-gradient(
circle at 40% top,
#00fdef 0% 0%,
3.658536449074745%,
#00f4e7 7.31707289814949%,
13.414633646607399%,
#00dbd4 19.512194395065308%,
23.475609719753265%,
#00cac4 27.439025044441223%,
29.878048598766327%,
#00bebb 32.31707215309143%,
33.07926803827286%,
#00bab7 33.841463923454285%,
35.975609719753265%,
#00aeb0 38.109755516052246%,
42.53048747777939%,
#00989b 46.95121943950653%,
47.408536076545715%,
#00969a 47.8658527135849%,
53.96341532468796%,
#007881 60.060977935791016%,
67.37805008888245%,
#005c6a 74.69512224197388%,
81.09756112098694%,
#004a55 87.5%,
91.31097495555878%,
#003f49 95.12194991111755%,
96.79878056049347%,
#003b44 98.47561120986938%,
99.23780560493469%,
#003742 100%
);
opacity: 40%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
z-index: 1;
}
.listing__tag_type_price {
width: auto;
bottom: 25px;
color: #fff;
font-size: 19px;
letter-spacing: 1px;
position: relative !important;
text-align: left;
padding: 10px 18px;
z-index: 2;
left: 0 !important;
border-radius: 0 0 10px 10px !important;
background: #404040;
}
.flex-col {
display: flex !important;
flex-direction: column;
align-items: flex-start;
text-align: left;
color: white;
padding-bottom: 50px;
margin-right: 50px;
justify-content: flex-start;
row-gap: 20px;
}
ul {
padding-left: 0;
}
h2.MsoNoSpacing,
h3.MsoNoSpacing,
h4.MsoNoSpacing,
h5.MsoNoSpacing,
h6.MsoNoSpacing {
color: #e5080e;
text-shadow: none;
font-weight: 600;
margin-bottom: 10px;
line-height: 28px;
font-size: 18px;
}
li.MsoNoSpacing {
font-size: 17px;
color: #404040;
font-weight: 600;
margin-top: 10px;
margin-bottom: 10px;
}
.listing__heading {
line-height: 28px;
text-transform: capitalize;
letter-spacing: normal;
font-size: 17px;
font-weight: 600;
margin-top: 5px;
padding-top: 10px;
color: #404040;
text-shadow: none;
border-top: 2px solid #404040;
}
.listing__badge-value {
font-size: 17px;
color: #404040;
font-weight: 600;
text-shadow: none;
}
.pagination-item.pagination-item_state_active {
font-weight: 600;
color: #fff;
background-color: #c60217;
box-shadow: none;
border-radius: 6px;
}
.listing__tag_type_sold,
.listing__tag_type_reduced,
.listing__tag_type_just-listed,
.listing__tag_type_offer,
.listing__tag_type_virtual-tour,
.listing__tag_type_video-tour,
.listing__tag_type_on-show {
background-image: linear-gradient(54deg, #ab1817, #da2323 50%, #b70102 104%);
border: 0;
border-radius: 5px;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 15px;
font-weight: 600;
padding: 5px 10px;
}
.listing__favorite {
display: none;
}
.search-bar__container {
padding-top: 20px;
border: none;
box-shadow: none;
color: #ffffff !important;
font-size: 17px;
padding-bottom: 4em;
text-align: left;    
position: relative;
z-index: 2;
width: 100%;
}
.search-bar__container .search-bar__main-options {
border: 0;
  box-shadow: none;
  background-color: transparent !important;
  display: flex;
  position: static !important;
  border-radius: 5px;
  grid-column-gap: 1rem;
  width: 100%;
}
.search-bar__container .dropdown__value-text:before,
.search-bar__container .search-bar__main-options .checkbox-list__text:before,
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__input:before {
display: none;
}
.search-bar__container .search-bar__main-options .search-bar__submit {
bottom: 0;
font-size: 0px;
color: #fff;
border-radius: 5px;
height: 52px;
background-repeat: no-repeat;
background-position: center;
background-size: auto;
width: 5%;
flex: 1;
order: 0;
align-items: center;
margin: 0;
display: flex;
position: absolute;
justify-content: flex-end;
right: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E"),
linear-gradient(54deg, #ab1817, #da2323 50%, #b70102 104%);
}
.search-bar__container .search-bar__secondary-options {
grid-row-gap: 0 !important;
margin-top: auto;
}
.search-bar__container .search-bar__main-options .search-bar__options {
border: 1px solid;
border-radius: 5px;
margin: 0 !important;
bottom: 0 !important;
position: relative !important;
left: 0vw !important;
width: 100% !important;
padding-top: 1vh;
padding-bottom: 1vh;
font-size: 18px !important;
padding-left: 10px !important;
text-transform: capitalize;
letter-spacing: 0;
text-shadow: rgba(0, 0, 0, 0.36) 1px 2px 4px;
align-items: center;
height: 46px;
display: flex;
}
.search-bar__container .search-bar__secondary-options .switcher {
display: inline-flex;
justify-content: left;
margin-bottom: 20px;
}
.search-bar__container .search-bar__secondary-options {
margin-bottom: 0 !important;
  box-shadow: none;
  background-color: transparent !important;
  border: 0;
  grid-template-columns: auto auto auto;
  grid-row-gap: 0 !important;
  grid-column-gap: 1rem;
  width: 100%;
  border-radius: 5px;
  padding: 0;
  position: relative;
  margin-top: 1rem;
  display: grid;
}
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.search-bar__secondary-options
.autocomplete__input,
.search-bar__container
.search-bar__main-options
.search-bar__secondary-options
.checkbox-list__text,
.search-bar__container .search-bar__secondary-options .dropdown__value-text,
.search-bar__container
.search-bar__secondary-options
.search-bar__main-options
.checkbox-list__text,
.search-bar__container
.search-bar__secondary-options
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__input {
padding: 10px !important;
background-color: transparent;
border-radius: 5px;
border: 1px solid #eee;
}
.search-bar__options_state_close:after,
.search-bar__options_state_open:after,
.search-bar__container .dropdown__value-text:after,
.search-bar__container .search-bar__main-options .checkbox-list__text:after,
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__input:after {
display: none;
}
.search-bar__options.search-bar__options_state_close::after {
display: none;
}
.search-bar__container .dropdown__options,
.search-bar__container .search-bar__main-options .checkbox-list__options,
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__results {
color: #37312b;
position: absolute;
top: 3.2rem;
left: 0;
width: 100%;
overflow: hidden;
cursor: pointer;
z-index: 100;
overflow-y: auto;
border-radius: 5px;
-webkit-overflow-scrolling: touch;
border: 1px solid rgba(255, 147, 46, 0.075);
box-shadow: 0 5px 10px -5px rgba(26, 26, 26, 0.125);
background-color: #fff;
max-height: 250px;
display: none;
}
.switcher__label {
font-size: 17px;
color: #fff;
font-weight: 600;
text-shadow: rgba(0, 0, 0, 0.36) 1px 2px 4px;
}
input#form__sidebarContact--name::placeholder {
color: grey;
font-weight: 600;
font-size: 17px;
}
input#form__sidebarContact--phone::placeholder {
color: grey;
font-weight: 600;
font-size: 17px;
}
input#form__sidebarContact--message::placeholder {
color: grey;
font-weight: 600;
font-size: 17px;
}
input#form__sidebarContact--email::placeholder {
color: grey;
font-weight: 600;
font-size: 17px;
}
input#form__modalRequestValuation--address::placeholder {
color: grey;
font-weight: 600;
font-size: 17px;
}
input#form__modalListProperty--price::placeholder {
color: grey;
font-weight: 600;
font-size: 17px;
}
input#form__modalListProperty--name::placeholder {
color: grey;
font-weight: 600;
font-size: 17px;
}
input#form__modalListProperty--price::placeholder {
color: grey;
font-weight: 600;
font-size: 17px;
}
input#form__modalListProperty--address::placeholder {
color: grey;
font-weight: 600;
font-size: 17px;
}
input#form__modalListProperty--message::placeholder {
color: grey;
font-weight: 600;
font-size: 17px;
}
textarea#form__modalListProperty--message::placeholder {
color: grey;
font-weight: 600;
font-size: 17px;
font-size: 17px;
}
input#form__modalListProperty--email::placeholder {
color: grey;
font-weight: 600;
font-size: 17px;
}
input#form__modalListProperty--phone::placeholder {
color: grey;
font-weight: 600;
font-size: 17px;
}
textarea#form__sidebarContact--message::placeholder {
color: grey;
font-weight: 600;
}
input#form__contactUs--property-address::placeholder {
color: grey;
font-weight: 600;
font-size: 17px;
}
textarea#form__contactUs--message,
textarea#form__sidebarContact--message {
padding: 10px;
font-size: 17px;
}
textarea#form__listProperty--message::placeholder {
color: grey;
font-weight: 600;
font-size: 17px;
}
.article__image {
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
min-height: 230px;
border-radius: 10px;
}
.article {
height: auto !important;
}
.slick-track {
display: flex !important;
column-gap: normal;
margin-left: 0;
}
.article__summary {
font-size: 17px;
line-height: 26px;
color: #404040;
font-weight: 600;
}
.article__title {
line-height: 27px;
font-weight: 600;
color: #c60217;
font-size: 18px;
}
.full-width {
max-width: 100%;
margin-top: auto;
}
.page-hero {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
width: auto;
height: auto;
overflow: hidden;
background: linear-gradient(360deg, #0b3c4a 0%, #195870 50%, #093a47 100%);
padding: 190px 5vw 90px;
}

.page-image-container {
position: absolute;
max-width: 50%;
margin-top: 100px;
right: -100px;
z-index: 100;
}
ul,
li {
outline: none;
list-style-type: disc;
margin-left: 10px;
margin-bottom: 0;
}
.article {
margin-right: 32px;
height: auto !important;
}
.listing-article .article-block,
.article {
margin-bottom: 5px;
border-radius: 5px;
}
.article__info {
padding: 2vh 0 0 0;
display: flex;
flex-direction: column;
row-gap: 15px;
}
.article__link {
left: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
color: transparent;
text-shadow: none;
display: block;
z-index: 1;
}
.footer-section {
z-index: 10;
height: auto;
min-height: auto;
background-image: linear-gradient(
162deg,
#0d4150,
#134c60 25%,
#18576f 50%,
#144f64 74%,
#0d4150
);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 5vh 5vw;
display: flex;
position: relative;
overflow: visible;
}
.footer-wrapper {
display: flex;
z-index: 100;
column-gap: 100px;
width: 100%;
}
.about-description {
display: flex;
flex-direction: column;
width: 60%;
row-gap: 20px;
}
.social-icons {
margin-top: 20px;
display: flex;
column-gap: 10px;
}
.social-icons-footer {
justify-items: stretch;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
flex-direction: row;
}
.stacked-description {
z-index: 10;
margin-top: 0;
display: flex;
position: relative;
flex-direction: column;
align-items: flex-start;
width: 40%;
}
.social-flex {
text-align: left;
flex-direction: row;
justify-content: flex-start;
justify-items: stretch;
margin-right: 0;
padding-top: 24px;
padding-right: 0;
display: flex;
column-gap: 20px;
}
.modal-body {
padding: 0;
}
.listing__details {
padding: 5px;
}
.listing__image {
border-radius: 10px;
}
.listing__card {
border: 0;
}
.listing__description {
display: none;
}
.listing__summary {
font-size: 17px;
font-weight: 600;
color: #404040;
margin-top: 10px;
text-shadow: none;
}
.listing__badges {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
}
.listings__controls {
padding-right: 2.2vw;
grid-column-gap: 0.8vw;
width: 100%;
min-height: auto;
margin-bottom: 2vh;
margin-top: 0;
display: grid;
grid-template-columns: auto auto;
background-color: transparent;
justify-content: end;
}
.listings__sort .dropdown__value {
border-left: 2px solid #000000;
background-color: transparent;
color: #000000;
text-transform: none;
letter-spacing: normal;
font-weight: 600;
font-size: 17px;
padding-left: 25px;
text-align: left;
padding-right: 2rem;
}
.listings__count {
color: #cb1315;
font-weight: bold;
font-size: 17px;
}
.search-bar__container .dropdown__value-text:after,
.search-bar__container .search-bar__main-options .checkbox-list__text:after,
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__input:after,
.dropdown__value-text:after {
bottom: 1.5vh;
}
.agent-header {
width: 100%;
height: 100%;
text-align: center;
justify-content: center;
align-self: center;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.block__agentDetails.agent {
display: flex;
justify-content: center;
border-bottom: 0;
column-gap: 30px;
padding-bottom: 0;
margin-bottom: 0;
}
.block__agentDetails .block__thumb,
.block__thumb.agent-page {
margin-right: 0;
width: 200px;
height: 200px;
border-radius: 50%;
position: relative;
overflow: hidden;
margin-bottom: 15px;
display: inline-flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
}
.block__agentDetails .block__thumb img {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.block__details {
padding-left: 10px;
padding-top: 0;
align-self: center;
text-align: left;
display: flex;
flex-direction: row;
row-gap: 5px;
z-index: 100;
column-gap: 10px;
}
a {
color: #ffffff;
text-decoration: none;
transition: all 0.3s;
font-weight: 600;
font-size: 17px;
text-shadow: 1px 2px 4px #00000070;
z-index: 100;
}
.listings-section {
padding: 10vh 5vw 5vh 5vw;
}
.page-hero.agent-profile {
justify-content: center;
}
.flex-row-buttons {
display: flex;
flex-direction: row;
justify-content: flex-start;
column-gap: 20px;
margin-bottom: 20px;
}
.pagination {
padding-left: 0;
list-style: none;
display: flex;
width: auto;
height: auto;
line-height: 32px;
text-align: center;
cursor: pointer;
color: #39424c;
background-color: white;
margin-top: 5vh;
margin-bottom: 0;
flex-wrap: wrap;
}
.pagination-item {
margin: 5px;
width: 40px;
height: 40px;
font-size: 17px;
font-weight: 600;
display: flex;
line-height: 32px;
cursor: pointer;
align-items: center;
justify-content: center;
}
a.pagination-link:hover,
a.pagination-link:active,
a.pagination-link:focus {
color: #c60217;
}
a.pagination-link {
color: #404040;
border: 0;
width: 42px;
height: 42px;
display: block;
text-shadow: none;
display: flex;
align-items: center;
justify-content: center;
}
.section.no-top-padding.centered-text {
padding-top: 0;
}
.block__article h2,
.block__article h3,
.block__article h4,
.block__article h5,
.block__article h6 {
font-size: 18px !important;
color: #db0208;
text-shadow: none;
margin-bottom: 10px;
line-height: 28px;
font-family: "Montserrat";
letter-spacing: 0;
}
.section.no-top-padding {
padding-top: 0;
}
li {
color: #404040;
font-weight: 600;
font-size: 17px;
}
.my-slider.slick-dotted.slick-slider {
z-index: 2;
}
.wrapper {
overflow-x: hidden;
padding: 10vh 5vw 10vh 5vw;
}
.bullet-points {
text-align: left;
}
.slider__thumb {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 100%;
width: 100%;
position: relative !important;
min-height: 200px;
}
#section__main.property-section {
padding: 5vh 5vw;
}
.block__propertyDetails ul li span {
font-weight: 600;
color: #404040;
}
.block__propertyDetails p {
line-height: 28px;
margin-bottom: 20px;
font-size: 17px;
}
.block__propertyDetails .block:not(:last-child) {
padding-top: 20px;
padding-bottom: 20px;
margin: 0;
}
.sidebar-agent-contact {
background: transparent;
}
.block__agentDetails {
align-items: center;
padding-top: 40px;
}
.block__sidebar {
text-align: left;
padding: 5vh 5vw;
border: 0;
margin-bottom: 0;
}
.repayments-calculator.block.block__sidebar {
padding-top: 0px;
}
.block.block__sidebar {
padding: 5vh 0;
}
.block__propertyDetails ul {
column-count: 1;
}
.block__agentDetails {
display: flex;
flex-direction: column;
background: linear-gradient(360deg, #0b3c4a 0%, #195870 50%, #093a47 100%);
border-radius: 10px;
}
.col-md-8 {
padding-right: 100px;
}
.block__details.agent {
flex-direction: row;
}
.block__details.agent-page {
flex-direction: column;
}
.property-section {
overflow-x: hidden;
}
.property-heading {
font-size: 3em;
line-height: 1.5em;
}
.left {
text-align: left;
}
.slide-thumb-img {
width: 200px;
}
.centered-text {
text-align: center;
}
.top-page-reviews {
padding: 0 5vw;
}
.card {
background: transparent;
border-radius: 10px;
width: 48%;
row-gap: 10px;
}
.margin-top {
margin-top: 50px;
}
.flex-row.margin-top {
flex-wrap: wrap;
row-gap: 30px;
}
.red:hover,
.red:focus,
.red:active {
color: #c60217;
}
.dropdown__option {
color: #404040;
font-size: 17px;
font-weight: 600;
}
.checkbox-list.checkbox-list_opened {
z-index: 1100;
}
.search-bar__container
.search-bar__main-options
.checkbox-list__option.checkbox-list__option_group:hover {
background-color: #cc1f20;
}
.dropdown__option.dropdown__option_state_selected {
background: #d51d1e;
}
.smaller-img {
max-width: 35%;
right: -30px;
}
.stacked-description {
margin-top: 30px;
}
.less-top-padding {
padding-top: 5vh !important;
}
.slick-dots li button:before {
font-family: "Montserrat";
}
.page-content {
position: relative;
display: flex;
flex-direction: column;
row-gap: 20px;
width: 100%;
z-index: 2;
}
.listing,
.listing-placeholder {
box-shadow: none;
margin-bottom: 40px;
}
#link__photoGallery {
color: white;
background: #404040;
padding: 10px;
}
.block__propertyDetails .block:not(:last-child) {
border-bottom: none;
}
.block__sidebar.block__sidebar--highlight:before {
background-color: transparent;
}
.articles {
display: flex;
flex-wrap: wrap;
row-gap: 30px;
}
.article-search {
display: flex;
column-gap: 20px;
align-items: center;
z-index: 2;
}
.blog-search-button {
color: #fff;
border-radius: 5px;
height: 50px;
background-repeat: no-repeat;
background-position: center;
background-size: auto;
width: 50px;
align-items: center;
display: block;
border: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E"),
linear-gradient(54deg, #ab1817, #da2323 50%, #b70102 104%);
}
.articles.articles_size_xl {
display: flex;
flex-wrap: wrap;
row-gap: 30px;
}
a.article__category,
.article__date {
display: none;
}
form.row.g-3.required__formValidation {
margin-bottom: 50px;
}
.input-group > :not(:first-child):not(.dropdown-menu) {
margin-left: 15px;
}
.input-group-addon {
text-align: center;
line-height: 48px;
background-color: #eceeef;
height: 48px;
padding: 0 10px;
}
.col-xs-12.col-md-4 {
margin-bottom: 20px;
}
.col-xs-12.col-md-6 {
margin-bottom: 20px;
}
label {
margin-bottom: 10px;
}
.repayments__input-group-addon {
color: #404040;
}
.repayments__tip {
margin: 32px 0;
text-align: center;
}

.repayments__tip:first-child {
margin-top: 0;
}

.repayments__form {
margin-bottom: -16px;
}

.repayments__form-group {
padding-bottom: 16px;
}

.repayments__label {
display: block;
padding-bottom: 4px;
}

.repayments__input-group {
display: flex;
border: 2px solid #c3c3c4;
border-radius: 3px;
}

.repayments__input-group-addon {
flex: 1 1 0;
text-align: center;
line-height: 48px;
background-color: #cd0304;
height: 48px;
padding: 0 16px;
color: white;
}

.repayments__input-group-textbox.textbox {
height: 48px;
width: 100%;
border: 0;
}

.repayments__input-group-textbox.textbox .textbox__input {
width: 100%;
height: 48px;
padding: 0 12px;
font-size: 17px;
outline: 0;
border: 0;
}
.repayments__input-group-textbox.textbox .textbox__input[readonly] {
background: #eceeef;
}
span a {
text-shadow: none;
color: #db0208 !important;
font-size: 18px;
}
.listing__badge-icon_type_beds,
.listing__badge-icon_type_baths,
.listing__badge-icon_type_garages,
.listing__badge-icon_type_building,
.listing__badge-icon_type_stand {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: none; /* Start with none */
}
.listing__badge-icon.listing__badge-icon_type_beds {
width: 30px;
height: 30px;
background: url("https://ey-assets.b-cdn.net/images/bed.svg") center/contain
no-repeat;
}

.listing__badge-icon.listing__badge-icon_type_baths {
width: 30px;
height: 30px;
background: url("https://ey-assets.b-cdn.net/images/bath.svg") center/contain
no-repeat;
}

.listing__badge-icon.listing__badge-icon_type_garages {
width: 35px;
height: 30px;
background: url("https://ey-assets.b-cdn.net/images/garage.svg") center/contain
no-repeat;
}

.listing__badge-icon.listing__badge-icon_type_building {
width: 35px;
height: 30px;
background: url("https://ey-assets.b-cdn.net/images/size.svg") center/contain
no-repeat;
}

.listing__badge-icon.listing__badge-icon_type_stand {
width: 25px;
height: 30px;
background: url("https://ey-assets.b-cdn.net/images/land-size.svg")
center/contain no-repeat;
}
.listings__container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.articles {
display: flex;
flex-wrap: wrap;
row-gap: 30px;
justify-content: space-between;
}
.row.g-1 {
width: -webkit-fill-available;
}
.footer-heading {
font-weight: 600;
text-shadow: 1px 2px 4px #00000073;
letter-spacing: -1px;
margin-bottom: 0;
color: white;
z-index: 100;
text-transform: none;
line-height: 1.1em;
font-size: 3em;
}
.row.listing.listing-agent.listing-with-pagination {
width: -webkit-fill-available;
}
.listing-agent .agent-block__thumb {
background-size: contain;
background-color: transparent;
border: 2px solid #404040;
border-radius: 10px 10px 0 0;
border-bottom: none;
min-height: 260px;
}
.listing-agent .agent-block__details {
padding: 0.75rem 0.5rem;
text-align: left;
background-color: #404040;
color: white;
}
.agent-block__thumb.lozad {
min-height: 300px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.image-container {
display: flex;
flex-direction: column;
row-gap: 10px;
max-width: 400px;
margin-bottom: 50px;
}
.slick-slide img {
border-radius: 20px;
}
.agent-contact-info {
display: flex;
column-gap: 10px;
}
.agent-name {
color: #404040;
text-shadow: none;
font-size: 1.8em !important;
font-weight: 600;
padding-top: 10px;
}
.agent {
margin: 0 20px 20px 20px;
text-align: left;
}
.ey-search {
max-width: 100%;
font: 600 17px Montserrat;
color: #ffffff;
}

.ey-muted {
opacity: 0.75;
}

.ey-search__form {
display: grid;
grid-template-columns: 1fr auto;
gap: 10px;
align-items: center;
width: 100%; /* full width */
}

#ey-q {
padding: 12px 14px;
border: 1px solid #ddd;
border-radius: 10px;
min-width: 0;
width: 100%; /* full width */
margin-bottom: 20px;
}
.ey-search__results {
margin-top: 16px;
display: grid;
grid-template-columns: repeat(2, 1fr); /* two equal columns */
gap: 16px;
width: 100%;
}

.ey-result {
border: 1px solid #eee;
border-radius: 12px;
padding: 14px;
background: transparent;
width: 100%; /* take full cell width */
}

.ey-result__title {
font-weight: 600;
margin: 0 0 6px;
background-image: linear-gradient(54deg, #ab1817, #da2323 50%, #b70102 104%);
padding: 5px;
border-radius: 5px;
}

.ey-result__title a {
text-decoration: none;
text-shadow: 1px 2px 4px #0000005c;
color: white;
font-size: 17px;
line-height: 28px;
}

.ey-result__title a:hover {
text-decoration: underline;
}

.ey-pill {
display: none;
}

.ey-result__snippet {
margin: 6px 0 8px;
}

.ey-result__url {
color: #bababa;
font-size: 17px;
line-height: 28px;
word-break: break-all;
}
mark {
text-decoration: none;
text-shadow: 1px 2px 4px #0000005c;
color: white;
font-size: 17px;
line-height: 28px;
background: transparent;
}
/* Remove native mobile clear button */
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
display: none;
}

/* Input wrapper (full width) */
.ey-search__input-wrap {
position: relative;
width: 100%;
}

/* Search field (full width) */
#ey-q {
width: 100%;
padding: 12px 80px 12px 14px !important;
border: 1px solid #ddd;
border-radius: 10px;
font-size: 17px;
}

/* Custom clear button */
#ey-clear {
position: absolute;
right: 12px;
top: 25px;
transform: translateY(-50%);
background: none;
border: none;
color: #c8201f;
font-weight: 600;
font-size: 17px;
cursor: pointer;
line-height: 1;
padding: 4px 6px;
}

/* Make sure it’s always visible on mobile */
@media (max-width: 600px) {
#ey-clear {
font-size: 17px;
padding: 6px 8px;
}
}

/* 📱 Mobile: single column layout */
@media (max-width: 600px) {
.ey-search__form {
grid-template-columns: auto;
}
.ey-search__results {
grid-template-columns: auto; /* single column full width */
}
}
@media screen and (max-width: 1024px) {
.col-md-4 {
flex: 0 0 auto;
width: 100%;
}
.listing,
.listing-placeholder {
width: calc(50% - 30px / 2);
}
.listing.block {
width: -webkit-fill-available;
}
.col-md-8 {
padding-right: 0;
}
.slider__thumb.slider__thumb--small.lozad {
min-height: 200px;
}
.slider__thumb {
min-height: 340px;
}
.d-flex {
flex-wrap: wrap;
}
.col-md-6.col-6.d-flex {
width: 50%;
}
.col-md-6 {
width: -webkit-fill-available;
}
.col-md-8 {
width: 100%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1180px) {
.hero-content {
max-width: 100%;
}
}
@media (min-width: 1180px) {
.listing,
.listing-placeholder {
width: calc(33.3333% - 64px / 3);
}
.listing.block {
width: -webkit-fill-available;
}
}
@media screen and (min-width: 1024px) {
.article:nth-of-type(3n) {
margin-right: 0;
}
.article {
width: calc(100% / 3 - 64px / 3) !important;
margin-right: 32px;
}
}
@media screen and (max-width: 1280px) {
html,
body {
overflow-x: hidden !important;
}
}
@media screen and (min-width: 1920px) {
body.menu-opened .main-header.fixed .nav {
padding: 10px 2vw;
}
.hero-content {
max-width: 40%;
}
#menu {
width: 600px;
padding-top: 10vh;
padding-right: 2vw;
padding-bottom: 0;
padding-left: 2vw;
}
body.menu-open .main-header.fixed .menu-toggle {
left: 19%;
}
.block.article.article_size_xl,
.article.article_size_xl {
max-width: 23%;
margin-right: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 344px) {
.button {
font-size: 12px !important;
}
}
@media screen and (min-width: 360px) and (max-width: 385px) {
.button {
font-size: 13px !important;
}
.hero-content {
margin-top: 0px !important;
}
}
@media screen and (min-width: 360px) and (max-width: 430px) {
/* Only for Edge */
.is-edge .hero-content {
margin-bottom: 0 !important;
}
.is-edge .hero-image {
top: -150px !important;
left: 2% !important;
max-width: 80% !important;
}
}
@media screen and (max-width: 540px) {
.listing .block, .listing .block:hover {
margin: 0 5px 40px 5px;
}
.main-header.fixed .flex-container {
display: flex;
right: -5%!important;
}
.listing,
.listing-placeholder {
width: -webkit-fill-available !important;
}
.my-slider .slick-prev {
margin-left: 5px;
}
.my-slider .slick-next {
margin-right: 5px;
}
.agent-slider .slick-prev {
margin-left: 5px;
}
.agent-slider .slick-next {
margin-right: 5px;
}
.flex-col {
margin: 0 20px 0px 20px;
}
.no-side-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.more-bottom-padding {
padding-bottom: 8vh !important;
}
.search-bar-container {
margin-top: 0px !important;
}
.wrapper {
padding: 5vh 0vw 7vh 0vw !important;
}
.wrapper.teal-section {
padding: 5vh 0vw 7vh 0vw !important;
}
.hero-img-container {
top: calc(100% - 100px);
transform: translateX(-50%);
}
.statement {
text-align: left;
padding: 0;
}
.footer-heading {
font-size: 2.1em !important;
}
.slider__thumb.slider__thumb--small.lozad {
min-height: 120px !important;
}
.embed-responsive.embed-responsive-16by9 iframe {
min-height: 220px !important;
}
.pagination {
margin-bottom: 0px;
flex-wrap: wrap;
justify-content: left;
margin-left: 0;
margin-top: 50px;
}
.article {
margin: 0 5px 0 5px !important;
width: 100% !important;
}
.wrapper.less-top-padding {
padding-top: 5vh !important;
}
.hero-content {
max-width: 100%;
}
.top-page-reviews {
padding-top: 3vh;
}
.slider__thumb--small {
min-height: 120px !important;
}
.smaller-img {
max-width: 50% !important;
left: 50% !important;
}
.card {
width: 100%;
}
.slider__thumb {
min-height: 200px !important;
}
h2,
h3,
h4,
h5,
h6 {
font-size: 2.1em !important;
}
h1 {
font-size: 2.3em !important;
}
.black {
font-size: 2em !important;
line-height: 1.2em;
}
.slick-prev {
left: 0 !important;
}
.slick-dots {
text-align: center;
bottom: -15px;
width: 100%;
position: absolute;
display: block;
padding: 0;
margin: 0;
list-style: none;
}
.agent-slider {
padding-bottom: 0;
}
.agent-name {
padding-bottom: 0;
}
.agent-contact-info {
margin-top: 5px;
}

.block.listing.homepage-listings.slick-initialized.slick-slider.slick-dotted {
margin-top: 30px;
}
.teal-section .my-slider .slick-next {
border-left: none;
}
.slick-next {
border-left: none;
}
.wrapper.agent {
padding: 5vh 0vw 5vh 0vw !important;
}
.property-search-home {
height: auto;
}
.magazine-frame {
    margin-bottom: 20px;
    margin-top:20px;
}
.mag-shell {
min-height: 580px;
}
}
@media screen and (max-width: 991px) {
.search-bar__container .search-bar__main-options .search-bar__autocomplete .autocomplete__input .autocomplete__selected {margin-top: 0;}
.search-bar__container .search-bar__main-options .search-bar__autocomplete,
.search-bar__container .search-bar__main-options .search-bar__options,
.dropdown,
.search-bar__container .search-bar__main-options .checkbox-list {
min-width: 100%;
}
.search-bar__container {
padding-top: 0;
}
.form-wrapper {
margin-top: 30px;
}
.wrapper {
padding: 10vh 5vw 10vh 5vw;
}
.card {
width: 100%;
}
.slider__thumb.slider__thumb--small.lozad {
min-height: 200px;
}
.slider__thumb {
min-height: 340px;
}
.article-search {
align-items: flex-start;
flex-direction: column;
row-gap: 20px;
margin-top: 30px;
}
form.flex-row {
flex-direction: row !important;
column-gap: 10px;
width: 100%;
}
.margin-top {
margin-top: 30px;
}
.menu {
width: -webkit-fill-available;
padding: 20vh 5vw;
max-width: 768px;
}
.hero-section {
flex-direction: column;
justify-content: center;
max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-shadow: 1px 2px 4px #00000060;
}
.hero-content {
margin-top: -110px;
max-width: 100%;
}
/* Only for Edge */
.is-edge .hero-content {
margin-top: -100px;
margin-bottom: 100px;
}
.is-edge .hero-image {
top: -380px;
left: 2% !important;
max-width: 80% !important;
}
p,
.MsoNormal {
line-height: 28px;
}
.white-text {
text-shadow: 1px 2px 4px #00000070;
line-height: 28px;
}
.button {
padding: 0 12px;
display: flex;
align-items: center;
font-size: 15px;
height: 45px;
}
.button-container {
padding-top: 10px;
display: flex;
row-gap: 25px;
align-items: flex-start;
}
.flex-row {
display: flex;
flex-direction: column !important;
row-gap: 50px;
}
.search-bar-container {
width: 100%;
}
.main-header.fixed .logo.fixed-logo {
padding-top: 0px;
height: 80px;
margin-left: -5px !important;
}
.logo {
height: 95px;
}
.fixed-header-overlay {
background: radial-gradient(
circle at 50% -40%,
#00fdef 0%,
#00f4e7 7.3%,
#00dbd4 19.5%,
#00cac4 27.4%,
#00bebb 32.3%,
#00bab7 33.8%,
#00aeb0 38.1%,
#00989b 46.9%,
#00969a 47.8%,
#007881 60%,
#005c6a 74.6%,
#004a55 87.5%,
#003f49 95.1%,
#003b44 98.4%,
#003742 100%
);
background-size: 10% 200%;
}
.section {
overflow-x: hidden;
}
.slick-dotted.slick-slider {
margin-top: 30px;
}
.agent-slider.slick-initialized.slick-slider.slick-dotted {
margin-top: 0;
}
body.menu-open .main-header.fixed .menu-toggle {
left: 85%;
}
body.menu-open .main-header.fixed .menu {
padding: 10vh 6vw;
}
.flex-container {
right: 25%;
}
.menu {
padding: 14vh 6vw 0 6vw;
}
.main-header.fixed .flex-container {
left: 0 !important;
right: 0;
justify-content: center;
}
.section {
padding: 5vh 5vw;
}

.no-top-padding {
padding-top: 0 !important;
}
.search-bar__container .search-bar__main-options .search-bar__submit {
width: 100%;
}
.listing-article .article-block__thumb,
.article__image {
min-height: 200px;
background-position: top;
}
.inner-section-container {
margin-top: 10px;
}
h5.centered-text {
text-align: center;
}
.footer-wrapper {
flex-direction: column;
}
.about-description,
.stacked-description {
width: 100%;
}
.flex-col {
text-align: left;
align-items: flex-start;
max-width: 100% !important;
}
.search-bar__container .search-bar__secondary-options {
padding: 0 !important;
box-shadow: none !important;
margin-top: 1em;
grid-template-columns: auto auto !important;
}
.search-bar__container .search-bar__main-options {
display: block !important;
}
.search-bar__container .search-bar__secondary-options .switcher {
display: contents;
}
.switcher__label {
margin-left: -6em;
}
.page-hero {
padding: 140px 5vw 8vh 5vw;
flex-direction: column;
align-items: stretch;
}
.search-results .listings__controls {
margin-bottom: 15px !important;
margin-top: 0;
justify-content: start;
display: block;
}
.listings__sort .dropdown__value {
padding: 0;
width: 100%;
padding-left: 10px !important;
margin-top: 10px;
}
.block__agentDetails .block__thumb {
margin-left: 0;
}
.block__agentDetails.agent {
align-items: center;
}
.listings-section {
padding: 5vh 5vw 0vh 5vw;
}
.my-slider {
margin: 0px !important;
}
.section.centered-text {
text-align: center;
}
.col-md-8 {
padding-right: 15px;
}
.sidebar-agent-contact {
padding-top: 40px;
}
.block__details.agent {
flex-direction: column;
align-self: center;
text-align: center;
align-items: center;
padding-left: 0;
}
.property-heading {
font-size: 2em !important;
line-height: 40px;
}
.article {
width: calc(100% / 2 - 30px / 2);
margin-right: 0 !important;
}
.slick-prev {
left: 55%;
}
.slick-next,
.slick-prev,
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
width: 20%;
}
}

/* Dropdowns */
.dropdown-menu {
font-size: inherit;
color: inherit;
padding: 0;
border-radius: 0;
}
.dropdown-item {
padding: 0.75rem 1.7rem;
color: inherit;
font-size: inherit;
font-weight: 500;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
cursor: pointer;
}

/* Pagination */
.page-item:hover {
cursor: pointer;
}

/* Placeholders */
@keyframes placeholderAnimation {
100%,
40% {
background-position: 100% 0, 20px 20px, 20px 180px, 20px 205px, 20px 230px,
20px 240px;
}
}
@-webkit-keyframes placeholderAnimation {
100%,
40% {
background-position: 100% 0, 20px 20px, 20px 180px, 20px 205px, 20px 230px,
20px 240px;
}
}
@keyframes spin {
to {
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg);
}
}

.placeholder__skeleton {
background: #fff;
border: 1px solid #f9f9f9;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.01), 0 2px 5px 0 rgba(0, 0, 0, 0.05);
border-radius: 5px;
width: 100%;
height: 270px;
position: relative;
margin-bottom: 2.5rem;
}
.placeholder__skeleton::after {
content: "";
display: block;
width: 100%;
height: 100%;
border-radius: 3px;
background-image: linear-gradient(
100deg,
rgba(255, 255, 255, 0),
rgba(255, 255, 255, 0.5) 50%,
rgba(255, 255, 255, 0) 100%
),
linear-gradient(#f1f1f1 150px, transparent 0),
linear-gradient(#f1f1f1 14px, transparent 0),
linear-gradient(#f1f1f1 14px, transparent 0),
linear-gradient(#f1f1f1 14px, transparent 0);
background-size: 300px 300px, 91% 150px, 85% 14px, 91% 14px, 80% 14px;
background-position: 0 0, 20px 20px, 20px 180px, 20px 205px, 20px 230px;
background-repeat: no-repeat;
animation: placeholderAnimation 1.5s infinite;
}
.overlay {
background-color: rgba(0, 42, 80, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hidden {
display: none !important;
}
.pr-30 {
padding-right: 4rem;
}
.pl--large {
padding-left: 3.5rem;
}
.mb--large {
margin-bottom: 3.5rem;
}
.border__top--light {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.block {
position: relative;
}
.box--semi {
padding: 2.5rem;
background-color: rgba(0, 42, 80, 0.9);
border-radius: 4px;
}
.box--semi p:last-child {
margin-bottom: 0;
}
.list__padding--y {
padding: 0;
margin-left: 1rem;
}
.list__padding--y li {
padding: 0.5rem 0;
line-height: 1.9;
}
.list__padding--y li span {
display: inline-block;
font-weight: bold;
min-width: 90px;
}

/* Layout: Plugins */
.tns-controls {
text-align: right;
margin-bottom: 10px;
}
.tns-controls [aria-controls] {
font-size: 15px;
margin: 0 5px;
padding: 0 1em;
height: 2.5em;
color: #000;
background: #6cf;
border-radius: 3px;
border: 0;
}
.lt-ie9 .tns-controls > [aria-controls] {
line-height: 2.5em;
}
[data-action] {
display: block;
margin: 10px auto;
font-size: 17px;
min-width: 3em;
text-align: center;
background: 0 0;
border: 0;
}
.tns-controls [disabled] {
color: #999;
background: #b3b3b3;
cursor: not-allowed !important;
}
.tns-nav {
text-align: center;
margin: 0;
margin-top: 1rem;
}
.tns-nav > [aria-controls] {
width: 9px;
height: 9px;
padding: 0;
margin: 0 5px;
border-radius: 50%;
background: #ddd;
border: 0;
}
.tns-nav > .tns-nav-active {
background: #999;
}
.goverlay {
background-color: rgba(0, 0, 0, 0.3);
}
.glightbox {
margin-top: 0;
margin-bottom: 0;
padding: 0 5px;
flex-basis: calc(100% / 5 - 10px);
}
.gcounter {
padding: 0.5rem;
}
.gcounter::after {
content: attr(data-indicator);
position: absolute;
top: 0.5rem;
left: 0.5rem;
color: #fff;
padding: 10px;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50px;
}
.glightbox-closing .gcounter {
opacity: 0;
}
.slider__arrows {
padding: 0;
margin: 0;
text-align: right;
list-style-type: none;
display: flex;
justify-content: flex-end;
margin-bottom: 0.75rem;
}
.slider__arrows li {
display: inline-block;
height: 30px;
width: 30px;
border-radius: 0.25rem;
background-color: rgba(0, 0, 0, 0.125);
text-align: center;
margin-left: 0.5rem;
transition: 0.3s all;
cursor: pointer;
line-height: 30px;
}
.slider__arrows li:hover {
background-color: rgba(0, 0, 0, 0.25);
}
.listing .block h4 {
font-size: 1.05rem;
line-height: 1.45;
margin-bottom: 0.5rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.listing .block h5 {
font-size: 0.9rem;
font-weight: 400;
margin-bottom: 0;
display: inline-flex;
}
.listing .block ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.listing .listing-block {
min-height: 300px;
max-width: 350px;
border: none;
position: relative;
}
.listing .listing-block__tags {
position: absolute;
left: 1rem;
top: 1rem;
right: 1rem;
width: calc(100% - 2rem);
text-align: right;
}
.listing .listing-block__tags .tag {
background-color: #8a2527;
color: #fff;
font-size: 0.85rem;
padding: 0.15rem 0.5rem;
margin-bottom: 0.5rem;
display: inline-block;
border-radius: 5px;
margin-left: 1rem;
}
.listing .listing-block__details {
padding: 1.15rem;
-webkit-transition: 0.3s all;
transition: 0.3s all;
width: 100%;
background-color: rgba(0, 42, 80, 0.9);
margin-top: auto;
position: relative;
}
.listing .listing-block__details h4 {
color: #fff;
text-transform: capitalize;
letter-spacing: 0;
font-weight: normal;
}
.listing .listing-block__bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.listing .listing-block__bottom span {
width: 18px;
height: 18px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin-left: auto;
position: relative;
z-index: 3;
}
.listing-agent .agent-block__details {
padding: 0.75rem 0.5rem;
text-align: center;
background-color: #1a1a1a;
}
.listing-agent .agent-block__details ul li {
color: rgba(255, 255, 255, 0.8);
}
.listing-agent .agent-block__details ul li.name {
font-weight: 700;
margin-bottom: 0.25rem;
font-size: 1.05rem;
color: #fff;
}
.listing-article .article-block__thumb {
min-height: 220px;
}
.listing-article .article-block__details {
padding: 1.25rem 1.5rem;
}
.listing-article .article-block h4 {
line-height: 1.5;
margin-bottom: 0.75rem;
}
.listing-article .article-block__details p {
margin-bottom: 0;
}
.header__area {
position: relative;
display: inline-block;
margin-right: 0.25rem;
margin-bottom: 0.5rem;
}
.header__area:after {
content: ",";
margin-right: 0.5rem;
}
.header__area:last-child:after {
content: none;
}
.page-item.active .page-link {
background-color: #b90000;
border-color: #b90000;
}
.page-link {
color: #b90000;
}
.search-bar__container .dropdown__option,
.search-bar__container .search-bar__main-options .checkbox-list__option,
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__results
.autocomplete__result {
padding: 0.75rem 1rem;
border-bottom: 1px solid rgba(239, 239, 239, 0.5);
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
position: relative;
}
.search-bar__container .dropdown__option:last-child,
.search-bar__container
.search-bar__main-options
.checkbox-list__option:last-child,
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__results
.autocomplete__result:last-child {
border-bottom: none;
}
.search-bar__container .dropdown__option.dropdown__option_state_selected,
.search-bar__container .dropdown__option.dropdown__option_state_selected:hover,
.search-bar__container .dropdown__option:hover,
.search-bar__container .search-bar__main-options .checkbox-list__option:hover,
.search-bar__container
.search-bar__main-options
.dropdown__option_state_selected.checkbox-list__option,
.search-bar__container
.search-bar__main-options
.dropdown__option_state_selected.checkbox-list__option:hover,
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__results
.autocomplete__result:hover,
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__results
.dropdown__option_state_selected.autocomplete__result,
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__results
.dropdown__option_state_selected.autocomplete__result:hover {
background-color: #b90000;
color: #fff;
}
.search-bar__container .dropdown.dropdown_state_opened .dropdown__options,
.search-bar__container
.dropdown.dropdown_state_opened
.search-bar__main-options
.checkbox-list__options,
.search-bar__container
.dropdown.dropdown_state_opened
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__results,
.search-bar__container
.search-bar__main-options
.dropdown.dropdown_state_opened
.checkbox-list__options,
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.dropdown.dropdown_state_opened
.autocomplete__results {
display: block;
}
@media (max-width: 868px) {
.search-bar__container .search-bar__main-options {
grid-template-columns: 1fr;
grid-row-gap: 1.15rem;
}
}
.search-bar__container .search-bar__main-options .checkbox-list {
position: relative;
}
.search-bar__container
.search-bar__main-options
.checkbox-list.checkbox-list_opened
.checkbox-list__options,
.search-bar__container
.search-bar__main-options
.checkbox-list.checkbox-list_opened
.dropdown__options,
.search-bar__container
.search-bar__main-options
.checkbox-list.checkbox-list_opened
.search-bar__autocomplete
.autocomplete__results,
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.checkbox-list.checkbox-list_opened
.autocomplete__results {
display: block;
}
.search-bar__container .search-bar__main-options .checkbox-list__text:before {
content: "Type";
}
.search-bar__container
.search-bar__main-options
.checkbox-list__text
.checkbox-list__count {
width: 20px;
height: 20px;
display: inline-block;
background: #b90000;
line-height: 20px;
color: #fff;
text-align: center;
border-radius: 2px;
margin-left: 0.5rem;
font-size: 0.85rem;
}
.search-bar__container
.search-bar__main-options
.checkbox-list__option
.checkbox-list__box {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 12px;
width: 16px;
height: 16px;
border: 1px solid rgba(255, 147, 46, 0.075);
border-radius: 2px;
}
.search-bar__container
.search-bar__main-options
.checkbox-list__option.checkbox-list__option_checked
.checkbox-list__box {
border: 2px solid #b90000;
}
.search-bar__container
.search-bar__main-options
.checkbox-list__option.checkbox-list__option_group {
font-weight: bold;
background-color: rgba(0, 0, 0, 0.025);
}
.search-bar__container
.search-bar__main-options
.checkbox-list__option.checkbox-list__option_group:hover {
background-color: rgba(0, 0, 0, 0.025);
color: #cc1515;
cursor: default;
}
span.checkbox-list__box {
    display: none;
}
.search-bar__container .search-bar__main-options .search-bar__autocomplete {
position: relative;
}
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__input {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__input:before {
content: "Location";
}
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__input:after {
content: none;
}
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__input
.autocomplete__selected {
color: #fff;
background: #b90000;
border-radius: 2px;
padding: 0.1rem;
padding-left: 0.45rem;
margin-right: 8px;
font-size: 0.85rem;
}
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__input
.autocomplete__selected
.autocomplete__remove {
cursor: pointer;
display: inline-block;
padding: 0 8px;
}
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__input
input {
padding: 0;
outline: 0;
border: 0;
background: 0;
-webkit-box-flex: 100;
-webkit-flex: 100;
-ms-flex: 100;
flex: 100;
width: 100%;
min-width: 100px;
font-size: inherit;
}
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__results {
display: block;
width: 96%;
}
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__results
.autocomplete__result.autocomplete__result_town {
color: #1a1a1a;
font-weight: 700;
}
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__results
.autocomplete__result.autocomplete__result_town:hover {
color: #fff;
}
.search-bar__container .search-bar__main-options .search-bar__options {
cursor: pointer;
}
.search-bar__container
.search-bar__secondary-options.search-bar__secondary-options_state_open {
display: grid;
}
@media (max-width: 868px) {
.search-bar__container .search-bar__secondary-options {
grid-template-columns: 1fr;
}
}
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.search-bar__secondary-options
.autocomplete__input:after,
.search-bar__container
.search-bar__main-options
.search-bar__secondary-options
.checkbox-list__text:after,
.search-bar__container
.search-bar__secondary-options
.dropdown__value-text:after,
.search-bar__container
.search-bar__secondary-options
.search-bar__main-options
.checkbox-list__text:after,
.search-bar__container
.search-bar__secondary-options
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__input:after {
top: 50%;
-webkit-transform: translate(0, -50%) rotate(-45deg);
-ms-transform: translate(0, -50%) rotate(-45deg);
transform: translate(0, -50%) rotate(-45deg);
}
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.search-bar__secondary-options
.autocomplete__input:before,
.search-bar__container
.search-bar__main-options
.search-bar__secondary-options
.checkbox-list__text:before,
.search-bar__container
.search-bar__secondary-options
.dropdown__value-text:before,
.search-bar__container
.search-bar__secondary-options
.search-bar__main-options
.checkbox-list__text:before,
.search-bar__container
.search-bar__secondary-options
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__input:before {
content: none;
}
.search-bar__container .search-bar__secondary-options .switcher {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.search-bar__container
.search-bar__secondary-options
.switcher
.switcher__control {
cursor: pointer;
width: 47px;
height: 29px;
background-color: #efeeef;
display: block;
border-radius: 16px;
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
margin-right: 0.8rem;
}
.search-bar__container
.search-bar__secondary-options
.switcher
.switcher__control:after {
content: "";
position: absolute;
top: 5px;
left: 5px;
width: 19px;
height: 19px;
background: #fff;
border-radius: 50%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.search-bar__container
.search-bar__secondary-options
.switcher_state_checked
.switcher__control {
background-color: #b90000;
}
.search-bar__container
.search-bar__secondary-options
.switcher_state_checked
.switcher__control:after {
left: auto;
right: 5px;
}

/* Layout: Search Listings */
.results-control {
margin-bottom: 2rem;
}
.results-control__count {
margin-bottom: 1rem;
}
.results-control__dropdown {
margin-bottom: 1rem;
}
.results-control__dropdown .dropdown-toggle {
color: #fff;
border-radius: 0.25rem;
padding: 0.5rem 1rem;
border: none;
background-color: #b90000;
}

/* Layout: Home */
#sliderHome {
padding: 0;
margin: 0;
}
#sliderHome li {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}

/* Layout: Property Page */
#section__header {
padding: 2rem 0;
background-color: #f8f8f8;
margin-bottom: 2rem;
}
#section__header h5 {
margin-bottom: 0;
font-weight: 400;
font-size: inherit;
}
#section__header .details__heading h2 {
margin-bottom: 0.75rem;
}
#section__header .details__pricing h2 {
margin-bottom: 0.35rem;
}
#section__header .details__tags {
}
#section__header .details__tags .tag {
background-color: #ff932e;
color: #fff;
font-size: 0.75rem;
padding: 0.25rem 0.5rem;
margin-bottom: 0.5rem;
display: inline-block;
border-radius: 5px;
margin-left: 0.5rem;
line-height: normal;
font-weight: 700;
}
#sliderGallery .sliderGallery__wrap {
min-height: 250px;
}
#sliderGallery .sliderGallery__item {
width: 100%;
height: 100%;
background-size: cover;
border-radius: 0.25rem;
position: relative;
}
.block__sidebar {
border-radius: 0.25rem;
padding: 1.55rem;
border: 1px solid hsla(0, 0%, 0%, 0.05);
margin-bottom: 2rem;
position: relative;
}
.block__sidebar.block__sidebar--highlight {
position: relative;
color: #fff;
background-size: cover;
}
.block__sidebar.block__sidebar--highlight:before {
content: "";
background-color: rgba(0, 42, 80, 0.85);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.block__sidebar.block__sidebar--highlight .block__details {
position: relative;
z-index: 2;
}
.block__sidebar.block__sidebar--highlight h4 {
color: #fff;
margin-bottom: 0.75rem;
}
.block__sidebar.block__sidebar--highlight ul {
padding: 0;
margin-left: 1rem;
margin-bottom: 0;
list-style-type: disc;
}
.block__sidebar.block__sidebar--highlight ul li {
color: #fff;
padding: 0.25rem 0;
}
.block__social-share ul {
margin-bottom: 0;
}
.block__agentDetails {
border-bottom: 1px solid rgba(0, 0, 0, 0.075);
padding-bottom: 2.5rem;
margin-bottom: 2.5rem;
display: flex;
position: relative;
}
.block__agentDetails .block__thumb {
width: 100px;
height: 100px;
border-radius: 50%;
position: relative;
overflow: hidden;
margin-right: 2rem;
border: 1px solid hsla(0, 0%, 0%, 0.1);
}
.block__agentDetails .block__thumb img {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
position: absolute;
left: 50%;
top: 60%;
transform: translate(-50%, -50%);
}
.block__agentDetails h4 {
margin-bottom: 0;
font-size: 19px;
font-weight: 400 !important;
text-transform: uppercase;
margin-top: 10px;
}
.block__propertyDetails h4 {
font-size: 1.15rem;
}
.block__propertyDetails p {
line-height: 2;
}
.block__propertyDetails ul {
list-style-type: circle;
column-count: 2;
}
.block__propertyDetails ul li {
padding: 0;
}
.block__propertyDetails ul li span {
font-weight: bold;
margin-right: 1rem;
display: inline-block;
min-width: 150px;
}
.block__propertyDetails .social {
display: flex;
justify-content: flex-end;
margin-bottom: 2rem;
}
.block__propertyDetails .social ul {
column-count: 1;
}
.block__propertyDetails .social ul li {
padding: 0;
}
.block__propertyDetails .block:not(:last-child) {
margin-bottom: 3rem;
padding-bottom: 3rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}

@media (min-width: 1400px) {
.listing .block {
max-width: 100%;
}
}
@media (max-width: 900px) {
hr {
margin: 2rem auto;
}
.block__sidebar {
text-align: center;
}
.block__propertyDetails .block:not(:last-child) {
margin-bottom: 2rem;
padding-bottom: 2rem;
}
.block__propertyDetails ul {
column-count: 1;
}
.block__agentDetails {
flex-direction: column;
padding-bottom: 1.5rem;
margin-bottom: 1.5rem;
}
.block__agentDetails .block__thumb {
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
}
.block__agentDetails .block__details ul {
padding: 0;
list-style-type: none;
}
.pl--large {
padding-left: 1rem;
margin-top: 3.5rem;
padding-top: 2rem;
border-top: 1px solid hsl(0 0% 0% / 0.1);
}
}
.form-control,
input {
height: auto;
}
.dropdown__options {
position: absolute;
left: 0;
top: 100%;
width: 100%;
max-height: 250px;
overflow: hidden;
overflow-y: auto;
border-radius: 2px;
background: #fff;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
z-index: 9;
}
.dropdown__option {
cursor: pointer;
color: #404040;
font-size: 17px;
font-weight: 600;
}
.dropdown__option:hover {
color: #39424c;
background: #e6e6e6;
}
.dropdown__option.dropdown__option_state_selected {
color: #fff;
background: #93b5be;
}
.dropdown_state_opened > .dropdown__value:after {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%2339424C"><path d="M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z"/></svg>');
}
.dropdown_state_closed > .dropdown__options {
display: none;
}
.dropdown_state_opened > .dropdown__options {
display: block;
}

.switcher {
display: inline-flex;
position: relative;
cursor: pointer;
align-items: center;
color: #39424c;
}
.switcher__control {
display: inline-block;
position: relative;
cursor: pointer;
width: 48px;
height: 28px;
border-radius: 16px;
background-color: #efeeef;
transition: background-color 0.3s ease;
}
.switcher__control:after {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #fff;
transition: background-color 0.3s ease, left 0.3s ease;
}
.switcher__label {
display: inline-block;
margin-left: 12px;
}
.switcher_state_checked > .switcher__control {
background-color: #93b5be;
}
.switcher_state_checked > .switcher__control:after {
left: 24px;
background-color: #fff;
}
.listings__controls {
position: relative;
width: 100%;
min-height: 56px;
margin-bottom: 32px;
}

.listings__count {
color: #6a6a6a;
font-weight: bold;
}

.listings__sort .dropdown__value {
background-color: #e7e7e7;
border: none;
}

.search-results__paging,
.search-results .pagination {
margin-top: 32px;
}

@media (min-width: 768px) {
.listings__controls {
display: flex;
align-items: center;
}

.listings__count {
flex-grow: 1;
}

.listings__sort {
flex-shrink: 0;
}
}
.pagination-item {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
cursor: pointer;
color: #39424c;
background-color: white;
}
.pagination-item:hover {
color: #39424c;
background-color: #e6e6e6;
}

.pagination-item.pagination-item_state_disabled {
color: #9c9c9c;
background-color: white;
cursor: not-allowed;
}

.pagination-item.pagination-item_state_active {
font-weight: bold;
color: #fff;
background-color: #39424c;
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.listing__image {
background-position: center;
background-size: cover;
}
.listings__controls-placeholder {
width: 100%;
height: 112px;
margin-bottom: 32px;
background-color: #f1f1f1;
border-radius: 2px;
}

.listing-placeholder {
background-color: #f1f1f1;
}

.listing-placeholder__image {
padding-bottom: 75%;
}

.listing__card {
display: block;
height: 100%;
}

.listing__visuals {
position: relative;
}

.listing__image {
padding-bottom: 75%;
}