.page-hero-image {
    max-width: 300px;
    position: absolute;
    right: 5%;
    top: -150px;
}
.statement {
    z-index: 100;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    text-align: center;
    padding: 7vh 5vw 7vh 5vw;
}
.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;
}

.slick-dots li button:before {
content: "";
display: block;
width: 30px;
height: 5px; /* Thin horizontal line */
background: #a9a9a9;
margin: 9px auto; /* Centers vertically */
opacity: 0.75;
}
.slick-dots li.slick-active button:before {
background: #da2323;
opacity: 100%;
}
.slick-next,
.slick-prev {
display: none !important;
}
.slick-dots {
bottom: -50px;
}
: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;
padding: 0vh 5vw;
}

.nav {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0px;
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;
}
.body.menu-open .nav .logo {
margin-left: -20px;
}
.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: 17vh 4vw;
}

.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;
margin-left: -20px;
}
.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;
line-height: 2.5rem;
}
.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;
z-index: 100;
text-transform: none;
line-height: 1.1em;
}
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;
}

.hero-image {
position: absolute;
top: -450px;
max-width: 750px;
height: auto;
pointer-events: none;
z-index: 2;
overflow-x: hidden;
left: 50%;
}
.white-text {
text-shadow: 1px 2px 4px #0000005c;
color: white;
font-size: 17px;
}
p, .MsoNormal {
font-size: 17px;
line-height: 28px;
font-weight: 600;
color: #404040;
margin-bottom: 0;
}
.red {
text-shadow: none;
color: #d52122;
font-weight: 600;
}
.button {
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: column;
column-gap: 30px;
}
.flex-col {
display: flex;
flex-direction: column;
justify-content: flex-start;
row-gap: 20px;
}

.teal-section {
padding: 7vh 5vw;
background: linear-gradient(360deg, #0b3c4a 0%, #195870 50%, #093a47 100%);
display: flex;
flex-direction: column;
row-gap: 50px;
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%;
}
.search-bar-container {
width: 100%;
}
.dropdown.dropdown_state_opened {
z-index: 1100;
}
.dropdown {
border-top: none;
z-index: 100;
}
input[type="text"]::placeholder {
font-size: 17px;
font-weight: 600;
color: white;
}
.search-bar__container .search-bar__main-options {
position: static !important;
}
.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: auto;
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;
}
.search-bar__container
.search-bar__main-options
.search-bar__autocomplete
.autocomplete__input
input {
text-shadow: 1px 2px 4px #0000005c;
}
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;
}
.slick-dotted.slick-slider {
margin-bottom: 0;
margin-top: 50px;
}
.flex-col {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
color: white;
margin: 0 50px 0 50px;
}
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: #404040;
box-shadow: none;
}
.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: 0;
border: none;
box-shadow: none;
color: #ffffff !important;
font-size: 17px;
padding-bottom: 4em;
text-align: left;
}
.search-bar__container .search-bar__main-options {
border: 0;
padding: 0;
box-shadow: none;
background-color: transparent !important;
display: block;
position: static !important;
border-radius: 5px;
}
.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;
}
.search-bar__container .search-bar__secondary-options .switcher {
display: inline-flex;
justify-content: left;
margin-bottom: 20px;
}
.search-bar__container .search-bar__secondary-options {
grid-row-gap: 0 !important;
margin-bottom: 0 !important;
box-shadow: none;
background-color: transparent !important;
border: 0;
width: 100%;
padding: 0;
position: relative;
grid-template-columns: auto auto auto;
grid-row-gap: 0 !important;
margin-top: 20px;
}
.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;
}
.switcher__label {
font-size: 17px;
color: #fff;
font-weight: 600;
text-shadow: rgba(0, 0, 0, 0.36) 1px 2px 4px;
}
.form-control, input {
font-weight: 600;
font-size: 17px;
}
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: 160px 5vw 60px;
}

.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;
}

li:nth-child(even) {
background: transparent;
}
.article {
margin-right: 32px;
height: auto !important;
}
.slick-dotted.slick-slider {
margin-bottom: 40px;
}
.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;
}
.slick-dots li button:before {
font-size: 10px;
}
.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: 50px 0 50px;
display: flex;
position: relative;
overflow: visible;
}
.footer-wrapper {
padding-left: 5vw;
padding-right: 5vw;
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: 10px;
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 .block,
.listing .block:hover {
box-shadow: none;
margin: 0 10px 0 10px;
top: 0;
}
.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: 0;
}
.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: 3vh;
margin-bottom: 5vh;
flex-wrap: wrap;
}
.pagination-item {
color: #404040;
border: 1px solid #dee2e6;
margin: 5px;
width: 45px;
height: 45px;
padding-top: 5px;
font-size: 17px;
font-weight: 600;
}
a.pagination-link {
color: #39424c;
border: 0;
width: 42px;
height: 42px;
display: block;
text-shadow: none;
}
.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 {
margin: 0 12vw;
}
.wrapper {
padding: 10vh 0 13vh 0;
overflow-x: hidden;
}
.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;
padding: 20px;
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%;
}
.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;
}
.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;
margin-top: 40px;
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;
}
.listing-agent .agent-block__details {
    padding: .75rem .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;
    min-width: 300px;
}
.slick-slide img {
border-radius: 20px;
}
.agent-contact-info {
    display: flex;
    column-gap: 10px;
    margin-top: 15px;
}
.agent-name {
color: #404040;
    text-shadow: none;
    font-size: 1.8em !important;
    font-weight: 600;
    padding-bottom: 10px;
    padding-top: 10px;
}
.agent {
margin: 0 20px 0 20px;
text-align: left;
}
@media screen and (max-width: 820px) {
  .page-hero-image {
    max-width: 220px;
    right: 4%;
    top: -120px;
}
      .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 (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) {
.menu-scroll {
padding-top: 30px;
}
.hero-content {
max-width: 40%;
}
.menu {
width: 600px;
padding-top: 10vh;
}
body.menu-open .main-header.fixed .menu-toggle {
left: 19%;
}
.hero-image {
top: -650px;
max-width: 1000px;
}
.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;
}
.hero-image {
top: -180px !important;
left: -6% !important;
}
}
@media screen and (min-width: 360px) and (max-width: 385px) {
.button {
font-size: 13px !important;
}
.hero-image {
top: -200px !important;
left: -6% !important;
}
.page-hero-image {
top: -110px!important;
}
}
@media screen and (min-width: 385px) and (max-width: 440px) {
.hero-image {
top: -220px !important;
left: -8% !important;
}
.page-hero-image {
max-width: 180px!important;
right: 4%!important;
top: -100px!important;
}
}
@media screen and (min-width: 412px) and (max-width: 430px) {
.hero-image {
top: -240px !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) {
.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;
}
.listing, .listing-placeholder {
width: 100%!important;
}
.pagination {
        margin-bottom: 40px;
        flex-wrap: wrap;
        justify-content: left;
        margin-left: 0;
}
.listing .block, .listing .block:hover {
margin: 0 5px 0 5px;
}
.section.less-top-padding {
padding-top: 3vh!important;
}
.article {
margin: 0 5px 0 5px!important;
width: 100% !important;
}
.wrapper.less-top-padding {
padding-top: 5vh !important;
}
.wrapper {
padding: 10vh 0 7vh 0 !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;
}
}
@media screen and (max-width: 991px) {
.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;
margin-bottom: 20px;
}
form.flex-row {
flex-direction: row !important;
column-gap: 10px;
width: 100%;
}
input.blog-input {
width: -webkit-fill-available;
}
.hero-image {
position: absolute;
top: -320px;
left: 7%;
max-width: 550px;
height: auto;
pointer-events: none;
z-index: 2;
overflow-x: hidden;
}
.margin-top {
margin-top: 30px;
}
.nav {
padding: 10px;
}
.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;
}
.menu-toggle {
width: 35px;
height: 50px;
}
.logo {
height: 95px;
margin-left: -15px !important;
}
.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;
}
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;
}
.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: 30px;
}
h5.centered-text {
text-align: center;
}
.teal-section {
row-gap: 30px;
}
.footer-wrapper {
flex-direction: column;
}
.about-description,
.stacked-description {
width: 100%;
}
.flex-col {
text-align: left;
align-items: flex-start;
max-width: 100% !important;
margin: 0 20px 10px 20px;
}
.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__control {
margin-bottom: 20px;
}
.switcher__label {
margin-left: -6em;
}
.page-hero {
padding: 140px 5vw 5vh 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;
}
.wrapper {
padding: 10vh 5vw 7vh 5vw;
}
.slick-dots {
bottom: -12%;
}

.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;
}
}