@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

:root {
    --black: #000000;
    --facebook: #3b5998;
    --instagram: #e1306c;
    --twitter: #1da1f2;
    --white: #ffffff;
}

/***********************
 GENERAL
************************/
body, h1, h2, h3, h4, h5, h6, p, ul li, ol li { color: var(--text); font-family: 'Nunito Sans', sans-serif; }
body, p, ul li, ol li, .paragraph { font-size: clamp(15px, 2vw, 18px); line-height: clamp(20px, 2.5vw, 28px); }
b, strong { font-weight: bold; }
a, button { text-decoration: none; transition: .5s all ease; }
button { border: 0; box-shadow: 0; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { text-transform: uppercase; }
h2, .h2, h3, .h3, h6, .h6 { font-weight: normal; }
h1, .h1 { font-size: clamp(40px, 8vw, 65px); font-weight: 300; line-height: clamp(40px, 8.5vw, 70px); }
h2, .h2 { font-size: clamp(31px, 7vw, 45px); line-height: clamp(36px, 7.5vw, 50px); }
h4, .h4 { font-size: clamp(22px, 5vw, 28px); line-height: clamp(26px, 5.5vw, 33px); }
h5, .h5 { font-size: clamp(20px, 4vw, 25px); line-height: clamp(25px, 4.5vw, 30px); }
h6, .h6 { color: var(--site2); font-size: clamp(14px, 3vw, 16px); letter-spacing: 3px; line-height: clamp(18px, 3.5vw, 20px); }
.paragraph { font-weight: normal; text-transform: none; }

h4.fw-normal { font-weight: normal; text-transform: none; }

.bg-black { background-color: var(--black); }
.bg-light { background-color: #F4F4F5!important; }
.bg-site1 { background-color: var(--site1); }
.bg-site2 { background-color: var(--site2); }
.bg-site3 { background-color: var(--site3); }
.bg-white { background-color: var(--white); }

.text-black { color: var(--black); }
.text-light { color: #F4F4F5!important; }
.text-site1 { color: var(--site1); }
.text-site2 { color: var(--site2); }
.text-site3 { color: var(--site3); }
.text-white { color: var(--white); }

.button { color: var(--text); display: inline-block; font-weight: bold; line-height: 29px; }
.button:after { content: ''; background: url('../img/icons/arrow-right-o.png') no-repeat center; background-size: contain; display: inline-block; float: right; height: 30px; margin-left: 12px; transform: translateX(0); transition: .5s all ease; width: 30px; }
.button:hover { color: var(--site1); }
.button:hover:after { transform: translateX(5px); }

.button.button-site2 { background-color: var(--site2); color: var(--white); font-weight: normal; padding: 10px 24px; }
.button.button-site2:not(:hover):after { filter: brightness(0) invert(1); }
.button.button-site2:hover { background-color: var(--white); color: var(--site2); }

.button.button-outline { background-color: transparent; border: 1px solid var(--site3); color: var(--site3); font-weight: normal; padding: 9px 24px; }
.button.button-outline:hover { background-color: var(--site3); color: var(--white); }
.button.button-outline:hover:after { filter: brightness(0) invert(1); }

.button.button-white { color: var(--white); }
.button.button-white:after { filter: brightness(0) invert(1); }

.mt-n150 { margin-top: -150px!important; }

@media (min-width: 1200px) {
    .container-xxl {
        max-width: calc(100% - 60px);
    }
}

@media (max-width: 1199px) {
    .button.button-site2, .button.button-outline { line-height: 25px; padding: 9px 23px; }
    .button.button-site2:after, .button.button-outline:after { height: 26px; width: 26px; }

    .margin-bottom-xxl { margin-bottom: 75px; }
    .margin-left-xxl { margin-left: 75px; }
    .margin-right-xxl { margin-right: 75px; }
    .margin-top-xxl { margin-top: 75px; }

    .padding-bottom-xxl { padding-bottom: 75px; }
    .padding-left-xxl { padding-left: 75px; }
    .padding-right-xxl { padding-right: 75px; }
    .padding-top-xxl { padding-top: 75px; }
}

@media (min-width: 993px) {
    .mt-lg-n30 { margin-top: -30px!important; }
    .mt-lg-n150 { margin-top: -150px!important; }
    .mt-lg-n200 { margin-top: -200px!important; }
}

@media (max-width: 992px) {
    .button.button-site2, .button.button-outline { padding: 8px 22px; }
    .button.button-site2:after, .button.button-outline:after { line-height: 23px; height: 24px; width: 24px; }

    .margin-bottom-xxl { margin-bottom: 60px; }
    .margin-left-xxl { margin-left: 60px; }
    .margin-right-xxl { margin-right: 60px; }
    .margin-top-xxl { margin-top: 60px; }

    .padding-bottom-xxl { padding-bottom: 60px; }
    .padding-left-xxl { padding-left: 60px; }
    .padding-right-xxl { padding-right: 60px; }
    .padding-top-xxl { padding-top: 60px; }
}

/*** Flexslider ***/
.flexslider { border: 0; border-radius: 0; padding-bottom: 0; }

/*** Slick Slider ***/
.slick-dots { bottom: -65px; }
.slick-dots > li { height: auto; margin-inline: 12px; padding-inline: 0; width: auto; }
.slick-dots > li > button { background-color: #c1c1c1; border: 3px solid transparent; border-radius: 50%; display: inline; height: 11px; margin: 0; padding: 0; transform: scale(1); width: 11px; }
.slick-dots > li > button:before { content: none; }
.slick-dots > li.slick-active > button { background-color: transparent; border-color: var(--site2); transform: scale(1.25); }

.slick-prev, .slick-next { bottom: -65px; cursor: pointer; height: 26px; top: auto; transform: translateY(25%); width: 42px; z-index: 99; }
.slick-prev { left: auto; opacity: 0.5; right: 62px;  }
.slick-prev.active { opacity: 1; }
.slick-next { right: 0; }
.slick-prev:before, .slick-next:before { content: none; }

@media (max-width: 767px) {
    .slick-prev { right: 47px; }
    .slick-prev, .slick-next { width: 32px; }
}

@media (max-width: 576px) {
    .slick-prev { right: 42px; }
    .slick-prev, .slick-next { width: 28px; }
}


/***********************
 HEADER
************************/
#header { background-color: var(--site1); border-bottom: 1px solid rgba(255,255,255,0.5); padding-block: 15px; }
#header p { font-size: 15px; line-height: 19px; }
#header #openMenu { cursor: pointer; height: 14px; position: relative; width: 20px; }
#header #openMenu .line { background-color: var(--white); border-radius: 2px; height: 2px; left: 0; position: absolute; top: 0; transition: .5s all ease; width: 100%; }
#header #openMenu .line:nth-child(2) { top: 50%; transform: translateY(-50%); }
#header #openMenu .line:last-child { bottom: 0; top: auto; }
#header #openMenu:hover .line { background-color: var(--site2); }

#header #openMenu.active .line:nth-child(1) { transform: rotate(45deg); top: 50%; }
#header #openMenu.active .line:nth-child(2) { opacity: 0; }
#header #openMenu.active .line:last-child { transform: rotate(-45deg); top: 50%; }

body.home #header { background-color: transparent; border-bottom-color: transparent; left: 15px; position: absolute; top: 35px; width: calc(100% - 30px); z-index: 99999999; }

@media (max-width: 1199px) {
    body.home #header { top: 20px; }
}

@media (max-width: 992px) {
    body.home #header { top: 15px; }
}

@media (max-width: 767px) {
    #header img { max-width: 178px; }
    #header p { display: none!important; }
}


/***********************
 OFFCANVAS
************************/
#offCanvas { background-color: var(--site1); height: 100vh; left: 0; padding: 30px 0 90px; position: fixed; top: 0; transform: translateY(-101vh); transition: .6s all ease; width: 100%; z-index: 999999999999999; }
#offCanvas.active { transform: translateY(0); }

#offCanvas #closeMenu { display: inline-block; height: 30px; position: absolute; right: 30px; top: 30px; width: 30px; }
#offCanvas #closeMenu .line { background-color: var(--white); border-radius: 2px; height: 2px; left: 0; position: absolute; top: 0; transition: .5s all ease; width: 100%; }
#offCanvas #closeMenu:hover .line { background-color: var(--site2); }
#offCanvas #closeMenu .line:nth-child(1) { transform: rotate(45deg); top: 50%; }
#offCanvas #closeMenu .line:last-child { transform: rotate(-45deg); top: 50%; }

#offCanvas #closeMenu:hover .line:nth-child(1) { transform: rotate(-45deg); }
#offCanvas #closeMenu:hover .line:last-child { transform: rotate(-135deg); }

#offCanvas .menu { margin-top: 45px; }
#offCanvas ul { list-style: none; margin-bottom: 0; margin-left: 0; padding-left: 0; }
#offCanvas .menu > li { position: relative; }
#offCanvas .menu li:not(:last-child), #offCanvas .menu li.parent > a { margin-bottom: clamp(10px, 3vw, 20px); }
#offCanvas .menu > li a { color: var(--white); display: block; font-size: clamp(19px, 3vw, 24px); letter-spacing: 1px; line-height: clamp(23px, 3.5vw, 28px); text-transform: uppercase; }
#offCanvas .menu > li.parent > a:after { content: ''; background: url('../img/icons/angle-right.png') no-repeat center; background-size: contain; display: inline-block; filter: brightness(0) invert(1); height: 19px; margin-left: 12px; position: relative; top: 2px; transform: translateX(0); transition: .5s all ease; width: 26px; }
#offCanvas .menu > li a:hover { color: var(--site2); }

#offCanvas .menu > li ul { display: none; left: 400px; position: absolute; top: 0; width: 400px; z-index: 9999; }
#offCanvas .menu > li.open ul { display: inline-block; }

#offCanvas .social { bottom: 45px; left: 30px; position: absolute; text-align: center; width: calc(100% - 30px); }
#offCanvas .social, #offCanvas .social > li { display: inline-block; }
#offCanvas .social > li:not(:last-child) { margin-right: 20px; }
#offCanvas .social > li > a { color: var(--white); font-size: 30px; line-height: 30px; }
#offCanvas .social > li > a[href*="facebook.com"]:hover { color: var(--facebook); }
#offCanvas .social > li > a[href*="instagram.com"]:hover { color: var(--instagram); }
#offCanvas .social > li > a[href*="twitter.com"]:hover { color: var(--black); }

@media (max-width: 992px) {
    #offCanvas .menu > li ul { background-color: var(--site1); height: 50vh; left: 0; top: -48px; z-index: 9; }
    #offCanvas .menu li.back > a:before { content: ''; background: url('../img/icons/angle-left.png') no-repeat center; background-size: contain; display: inline-block; filter: brightness(0) invert(1); height: 16px; margin-right: 12px; position: relative; top: 2px; transform: translateX(0); transition: .5s all ease; width: 22px; }
}


/***********************
 FOOTER
************************/
#footer * { color: var(--white); }
#footer a:hover { color: var(--site2); }
#footer img { margin-bottom: 45px; }
#footer p { margin-bottom: 8px; padding-bottom: 0; }
#footer p, #top-footer ul > li { font-size: clamp(13px, 2vw, 15px); font-weight: normal; line-height: clamp(18px, 2.5vw, 20px); }
#footer ul { margin-left: 0; padding-left: 0; }
#footer ul, #footer ul > li { display: inline-block; }

#top-footer { padding-block: 60px 15px; }
#top-footer .contact-info { margin-bottom: 25px; }
#top-footer .contact-info a + a { margin-left: 25px; }
#top-footer .contact-info a:before { content: ''; font-family: 'Font Awesome 6 Free'; margin-right: 8px; position: relative; top: 2px; }
#top-footer .contact-info a[href*="mailto:"]:before { content: "\f0e0"; font-size: 105%; }
#top-footer .contact-info a[href*="tel:"]:before { content: "\f095"; font-weight: bold; } 

#footer .social { margin-bottom: 45px; }
#footer .social > li:not(:last-child) { margin-right: 10px; }
#footer .social > li > a { font-size: 20px; line-height: 20px; }

#top-footer .menu > li { padding-inline: 20px; }
#top-footer .menu > li:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.5); }
#top-footer .menu > li > a { letter-spacing: 1px; line-height: 0.8rem; text-transform: uppercase; }
#top-footer .menu > li { font-size: clamp(12px, 2vw, 15px); line-height: clamp(17px, 2.5vw, 20px); }

#copyright { border-top: 1px solid rgba(255,255,255,0.5); padding-block: 20px; }
#copyright ul > li:not(:last-child) { margin-right: 20px; }
#copyright ul > li { font-size: 15px; line-height: 20px; }
#copyright p { font-size: 13px; line-height: 18px; }
#copyright p > a { margin-left: 30px; }

@media (max-width: 992px) {
    #footer .container { max-width: 100%; }
    #top-footer { padding-top: 50px; }

    #copyright { padding-bottom: 15px; }
    #copyright ul > li { font-size: 14px; line-height: 19px; }
    #copyright p { font-size: 12px; line-height: 17px; }
}

@media (max-width: 767px) {
    #top-footer .menu > li { padding-inline: 15px; }
}

@media (max-width: 480px) {
    #top-footer .menu > li { padding-inline: 10px; }

    #copyright p > a { display: block; margin-inline: auto; margin-top: 2px; }
}


/***********************
 HOMEPAGE
************************/
#hero { border: 30px solid var(--site1); position: relative; }
#hero:before { content: ''; background-color: rgba(51,51,51,0.18); height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#hero .row { height: 90vh; position: relative; }
#hero h1 { color: var(--white); margin-inline: auto;  /* max-width: 780px; */ }
#hero .link { bottom: 30px; left: 0; position: absolute; width: 100%; }
#hero .link p { margin-bottom: 0; padding-bottom: 0; }
#hero .anchor { color: var(--white); font-size: 15px; letter-spacing: 1px; display: inline-block; line-height: 19px; opacity: 1; padding-bottom: 70px; position: relative; text-transform: uppercase; }
#hero .anchor:before { content: ''; background-color: var(--white); bottom: 0; display: inline-block; height: 60px; left: 50%; position: absolute; transform: translate(-50%, 0); transition: .5s all ease; width: 1px; }
#hero .anchor:hover { color: var(--site2); }
#hero .anchor:hover:before { background-color: var(--site2); transform: translate(-50%, 5px); }

#featured-properties h2 { color: var(--white); }
.featured-properties { margin-block: 45px 90px!important; margin-left: 18px; }

.featured-properties .slick-prev, .featured-properties .slick-next { bottom: -45px; width: 32px; }
.featured-properties .slick-next { right: 30px; }
.featured-properties .slick-prev { right: 77px; }
.featured-properties .slick-prev img, .featured-properties .slick-next img { filter: brightness(0) invert(1); }

#services-slider .item { padding-inline: 15px; }
#services-slider article { position: relative; }
#services-slider .flex-caption { background-color: rgba(158,167,175,0.88); bottom: 0; height: auto; left: 0; padding: 40px 25px; top: auto; position: absolute; }
#services-slider .flex-caption * { color: var(--white); }
#services-slider .flex-caption *:last-child { margin-bottom: 0; padding-bottom: 0; }
#services-slider .flex-caption h5 { letter-spacing: 2px; }

#services-slider .slick-next, #services-slider .slick-prev { bottom: 50%;  transform: translateY(50%); }
#services-slider .slick-next { right: 30px; }
#services-slider .slick-prev { left: 25px; right: auto; }
#services-slider .slick-prev:not(.active) { opacity: 0; }
#services-slider .slick-next img, #services-slider .slick-prev img { filter: brightness(0) invert(1); }

.testimonials-slider { margin-block: 50px 70px!important; }
.testimonial { display: inline-block; max-width: 1100px; padding-left: 148px; padding-right: 75px; position: relative; text-align: left; width: 100%; }
.testimonial:before { content: ''; background: url('../img/icons/quote-icon.png') no-repeat center; background-size: contain; display: inline-block; height: 95px; left: 0; position: absolute; top: 0; width: 108px; }
.testimonial h6 { color: var(--text); font-weight: bold; }

@media (min-width: 993px) {
    .featured-properties { width: calc(100% + 8px); }
}

@media (min-width: 1200px) {
    .featured-properties { width: calc(100% - 7px); }
}

@media (max-width: 1199px) {
    #hero { border-width: 15px; }

    .featured-properties { margin-left: 3px; }

    .testimonials-slider { margin-block: 40px 70px!important; } 
}

@media (min-width: 993px) {
    #services-slider { margin-top: -220px; margin-inline: -15px; width: calc(calc(100% + calc(calc(100vw - 200%) / 2)) - 5px); }
}

@media (max-width: 992px) {
    #hero { border-width: 10px; }
    #hero .anchor { padding-bottom: 50px; }
    #hero .anchor:before { height: 40px; }

    .featured-properties { margin-left: -2px; }

    #services-slider { margin-inline: -8px; margin-top: 30px; }
    #services-slider .item { padding-inline: 8px; }
    #services-slider .flex-caption { padding: 35px 20px; }

    .testimonial { padding-left: 118px; padding-right: 0; }
    .testimonial:before { height: 77px; width: 88px; }
}

@media (max-width: 767px) {
    .testimonial { padding-left: 88px; }
    .testimonial:before { height: 60px; width: 68px; }

    .featured-properties .slick-next { right: 0; }
    .featured-properties .slick-prev { right: 47px; }

    #services-slider .flex-caption { padding: 30px 15px; }
}

@media (max-width: 576px) {
    #hero { border-width: 10px; }
    #hero .row { height: auto; min-height: 740px; }
    #hero h1 { font-size: 32px; line-height: 34px; }

    #services-slider .flex-caption { padding: 25px 15px; }

    #services-slider .slick-next { right: 15px; }
    #services-slider .slick-prev { left: 15px; }

    .testimonials-slider { margin-top: 30px; }
    .testimonial { padding-left: 0; padding-top: 52px; }
    .testimonial:before { height: 42px; width: 48px; }
}


/***********************
 PAGES
************************/
.key { padding-block: 90px 200px; position: relative; }
.key.ptl { padding-top: 50px; }
.key:before { content: ''; background: url('../img/key.png') no-repeat center; background-size: contain; bottom: 0; display: block; height: 272px; left: 0; opacity: 0.13; position: absolute; width: 323px; }
.key h4 { font-weight: normal; text-transform: none; }

.ae-bordered-white { border: 30px solid var(--white); }

.select2-results__option { font-size: 15px; font-weight: normal; line-height: 19px; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--site2); color: var(--white); }

.staff-listing, .staff-listing > li { list-style: none; margin-bottom: 0; margin-left: 0; padding-left: 0; text-align: left; }
.staff-listing { display: grid; gap: 50px; grid-template-columns: repeat(2, 1fr); margin-top: 40px; }
.staff-listing img { aspect-ratio: 100/65; margin-bottom: 20px; object-fit: cover; }
.staff-listing h5 { letter-spacing: 3px; }
.staff-listing h6 { color: var(--site1) }

@media (max-width: 1199px) {
    .staff-listing { gap: 30px; }
}

@media (max-width: 992px) {
    .key { padding-block: 75px 120px; }
    .key:before { height: 172px; width: 205px; }

    .ae-bordered-white { border-width: 15px; }

    .staff-listing { gap: 40px; grid-template-columns: repeat(1, 1fr); }
    .staff-listing img { margin-bottom: 15px; }
}

@media (max-width: 576px) {
    .key { padding-block: 60px 100px; }
    .key:before { height: 142px; width: 169px; }

    .ae-bordered-white { border-width: 10px; }
}


/***********************
 FORMS
************************/
.form-group { margin-bottom: 1.35rem; }
.form-group > label { color: var(--text); font-size: 14px; font-weight: 300; letter-spacing: 1px; line-height: 19px; margin-bottom: 15px; text-transform: uppercase; }
.form-control { background-color: transparent; border: 0; border-bottom: 1px solid var(--site1); border-radius: 0; color: var(--text); font-size: 15px; line-height: 20px; padding: 0 0 10px;}
.form-control:focus { border-bottom: 1px solid var(--site3); box-shadow: none; outline: 0; }

.select2-container { z-index: 99999999999999; }
.form-group .select2-container { display: inline-block; width: 100%!important; }
.form-group .select2-container--default .select2-selection--single { background-color: transparent; border: 0; border-radius: 0; width: 100%; }
.form-group .select2-container .select2-selection--single .select2-selection__rendered { appearance: none; background-color: var(--white); border: 1px solid #E6E6E6; box-shadow: none; color: var(--text); font-size: 14px; line-height: 19px; padding: 8px 15px; text-transform: uppercase; width: 100%; }
.form-group .select2-container--default .select2-selection--single .select2-selection__arrow { height: auto; right: 6px; top: 50%; transform: translateY(-35%); width: auto; }
.form-group .select2-container--default .select2-selection--single .select2-selection__arrow:before { content: '\f107'; color: var(--site1); font-family: 'Font Awesome 6 Free'; font-size: 14px; font-weight: bold; }
.form-group .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; }

@media (max-width: 992px) {
    .form-group .select2-container--default .select2-selection--single .select2-selection__arrow { transform: translateY(-25%); }
}


/*********************
 SEARCH
*********************/
#search {display: flex;margin-top: 15px;/* max-width: 1000px; */padding: 20px 30px 15px;position: relative;text-align: left;width: 100%;flex-direction: row;align-content: center;align-items: center;flex-wrap: wrap;z-index: 99999999;}

#search .availability-buttons { margin-bottom: 15px; }

#search .availability-search-box {margin-bottom: 15px;text-align: center;width: 100%;flex-basis: 100%;}
#search .availability-search-box label { cursor: pointer; }
#search .availability-search-box label + label {margin-left: 5px;}
#search .availability-search-box label input[type="radio"] { display: none; }
#search .availability-search-box label {border: 1px solid #fff;color: rgba(255,255,255,0.65);padding-bottom: 3px;transition: .5s all ease;padding: 10px 25px;font-weight: 400;text-transform: uppercase;font-size: 14px;}
#search .availability-search-box label.checked { background: var(--site2); border-color: var(--site2); }
#search .availability-search-box label.checked, #search-form .availability-search-box label:hover { color: var(--white); }
#search .search-fields > .field .availability > .dropdown { width: 95%; }
#search .availability-buttons, #search .availability-buttons > li { display: inline-block; margin-bottom: 0; margin-left: 0; padding-left: 0; }
#search .availability-buttons > li:not(:last-child) { margin-right: 20px; }
#search .availability-buttons > li label { color: white; font-size: 14px; line-height: 18px; text-transform: uppercase; }
#search .search-fields > .field .availability .bootstrap-select > select, #search .search-fields > .field .availability .bootstrap-select > span {display: none!important;}
#search .search-fields > .field .availability .dropdown-item.active, #search .search-fields > .field .availability .dropdown-item:active {background: var(--site1);}
#search .search-fields > .field.price-range .bootstrap-select{clip: unset!important;clip-path: none!important;height: auto!important;position: relative!important;}
#search .search-fields > .field.price-range .bootstrap-select .select2-hidden-accessible {clip: unset!important;clip-path: none!important;height: auto!important;}

#search .search-fields {display: flex;flex-wrap: wrap;width: calc(100% - 135px);flex-basis: calc(100% - 135px);flex-wrap: nowrap;justify-content: space-evenly;}
#search .search-fields > .field {background-color: white;padding: 7px 17px 9px;position: relative;flex: 1;box-sizing: border-box;height: 45px;z-index: 999999999;}
#search .search-fields > .field:last-child { margin-right: 0; }
#search .search-fields > .field:not(:last-child) { border-right: 1px dotted #C1C1C1; }
#search .search-fields > .field > label { margin-bottom: 0; padding-bottom: 0; position: relative; top: 50%; transform: translateY(-55%); width: 100%; }
#search .search-fields > .field > label > a { padding-right: 18px; }
#search .search-fields > .field > label > a:after { content: "\f0dd"; color: #707272; font-family: 'Font Awesome 6 Free'; font-size: 9px; font-weight: bold; line-height: 19px; position: absolute; right: 0; top: -3px; }
#search .search-fields > .field .bootstrap-select { width: 90px; }
#search .search-fields > .field .bootstrap-select button { background-color: transparent; border: 0; padding: 0; }

#search .search-fields > .field > label a, #search .search-fields > .field .bootstrap-select button { display: block; }
#search .search-fields > .field > label a, #search .search-fields > .field .bootstrap-select button, #search .dropdown * { color: #2E2F2B; font-size: 14px; font-weight: normal; line-height: 18px; text-transform: uppercase; }
#search .search-fields > .field > label > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#search input[type="radio"] { appearance: none; background-color: var(--white); border: 2px solid transparent; border-radius: 50%; display: inline-block; margin-right: 2px; height: 12px; position: relative; top: 1px; width: 12px; }
#search input[type="radio"]:checked { background-color: var(--site1); border-color: var(--white); }

#search .selector {background-color: var(--white);border-radius: 0;box-shadow: 0 0 10px rgba(0,0,0,0.15);left: 0;padding: 20px 20px 15px;position: absolute;top: calc(100% + 10px);width: 320px;z-index: 999999999999999999;}
#search .selector:not(.open) { display: none!important; }
#search .selector.open { display: inline-block!important; }

#search .box .dropdown-menu.show { left: 0!important; top: 30px!important; }
#search .dropdown-menu.show { border-radius: 0; left: -18px!important; top: 38px!important; transform: inherit!important; width: 240px; }

#search .selector hr { margin-block: 10px; }

#search .selector .box { display: inline-block; width: 100%; }
#search .selector .box + .box { margin-top: 10px; }
#search .selector p, #search .selector label { color: #2E2F2B; font-size: 15px; line-height: 20px; }
#search .selector p { display: inline-block; float: left; margin-bottom: 0; padding-bottom: 0; position: relative; top: 2px; }
#search .selector label { margin-bottom: 5px; padding-bottom: 0; width: 100%; }

#search .search-fields > .field .selector .bootstrap-select, #search .search-fields > .field .selector .select2 { width: 100%!important; }

#search .select2-container--default .select2-selection--single, #search .select2-container--default .select2-selection--multiple { border-radius: 0; }
#search .select2-container--default .select2-selection--single { height: 40px; }
#search .select2-container--default .select2-selection--single .select2-selection__rendered,
#search .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 50%;
     transform: translateY(-50%);
}
#search .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; line-height: 28px; text-transform: uppercase; }

#search input[type="checkbox"].slide { appearance: none; background-color: #EAEAEA; border-radius: 30px; cursor: pointer; display: inline-block; float: right; height: 22px; position: relative; width: 42px; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
#search input[type="checkbox"].slide:before { content: "\f00d"; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 50%; color: #333333; display: inline-block; font-family: 'Font Awesome 6 Free'; font-size: 12px; font-weight: bold; height: 22px; left: -1px; line-height: 20px; position: absolute; text-align: center; top: 0; width: 22px; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
#search input[type="checkbox"].slide:checked {background-color: var(--site2);}
#search input[type="checkbox"].slide:checked:before { content: "\f00c"; color: #1DBDBC; left: 20px; }

#search .bootstrap-select { display: none!important; }

#search .quantity { display: inline-block; float: right; }
#search .quantity > input { border: 0; color: #000000; font-size: 14px; line-height: 19px; text-align: center; width: 32px; }
#search .quantity > input::placeholder { color: #000000; }
#search .quantity > button { background: transparent; border: 1px solid #cccccc; border-radius: 3px; cursor: pointer; display: inline-block; height: 22px; line-height: 19px; padding: 0; text-align: center; width: 22px; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
#search .quantity > button:hover { background: #cccccc; color: #ffffff; }
#search .quantity > button:focus { outline: 0; }

#search .selector label > input[type="text"] { background: transparent; border: 0; border-bottom: 1px solid rgba(0,0,0,.1); padding: 5px 0 10px; width: 100%; }
#search .selector label > input[type="text"]:focus { border-bottom-color: var(--site1); outline: 0; }

#search .selector .footer-row { background-color: var(--white); margin-top: 15px; }
#search .selector .footer-row .btn { border-radius: 0; text-transform: uppercase; }
#search .selector .footer-row .btn.btn-primary { background-color: var(--site2); border-color: var(--site2); }
#search .selector .footer-row .btn.btn-primary:hover { background-color: var(--site1); border-color: var(--site1); }

#search [type="submit"] { border-radius: 0; bottom: 15px; font-size: 16px; font-weight: normal; height: 45px; line-height: 21px; padding: 10px; right: 30px; text-transform: uppercase; width: 135px; }
#search [type="submit"]:before { content: "\f002"; display: inline-block; font-family: 'FontAwesome'; }
#search [type="submit"]:hover { color: var(--site1); }
#search [type="submit"]:after { display: none; }

@media (max-width: 992px) {
    #search { margin-left: -12px; max-width: calc(100% + 24px); padding: 0; width: calc(100% + 24px); z-index: 9999999999999; }

    #search .search-fields { display: flex; flex-basis: 100%; flex-direction: row; flex-wrap: wrap; width: 100%; }
    #search .search-fields > .field { width: calc(50% - 8px); flex: none; margin-bottom: 8px; }
    #search .search-fields > .field:nth-child(2n) { margin-right: 8px; }
    #search .search-fields > .field > label { transform: translateY(-45%); }

    #search .selector { border-radius: 0; position: fixed; height: 100%; left: 0; right: auto; top: 0; width: 100%; z-index: 999999999; }
    #search .selector h4 { border-bottom: 1px solid #eaeaea; color: var(--site2); margin-bottom: 25px; padding-bottom: 10px; }
    #search .selector .close-selector { font-size: 24px; position: absolute; right: 15px; top: 20px; transition: .5s all ease; transform: rotate(0); }
    #search .selector .close-selector:hover { color: var(--site1); transform: rotate(90deg); }
    #search .selector .footer-row { bottom: 15px; left: 20px; position: absolute; width: calc(100% - 40px)!important; }

    #search .dropdown-menu.show { left: 0!important; top: 28px!important; }

    #property-search { margin-top: -50px; }
    #property-search #search { margin-bottom: 45px; }

    #search [type="submit"] { margin-left: 3px; padding: 10px 35px; width: calc(100% - 6px); }
}

@media (max-width: 767px) {
    #search { padding-inline: 10px; }
    #search .availability-search-box label { padding: 7px 17px; }
    #search .search-fields > .field > label { transform: translateY(-40%); }
}

@media (max-width: 576px) {
    #search .availability-search-box label { float: left; text-align: center; width: 50%; }
    #search .availability-search-box label:first-child, #search .availability-search-box label:nth-child(2) { border-bottom: 0; }
    #search .availability-search-box label:nth-child(2n) { border-left: 0; }
    #search .availability-search-box label + label { margin-left: 0; }

    #search .search-fields { width: 100%; }
    #search .search-fields > .field { width: 100%; margin-right: 0; margin-bottom: 8px; }
    #search .search-fields > .field:last-child { margin-bottom: 0; }

    #search [type="submit"] { bottom: 0; float: inherit; margin-left: 0; margin-top: 12px; padding: 10px 35px; position: relative; right: inherit; width: 100%; }
}

.order-filter { z-index: 9!important; }


/***********************
 PROPERTIES
************************/
.number-of-properties, .order-box {display: inline-block;z-index: 9;}
.number-of-properties { color: var(--text); letter-spacing: 3px; margin-right: 30px; position: relative; top: 6px; }

.order-box .select2-container { width: 100%!important; }
.order-box .select2-container--default .select2-selection--single { background-color: transparent; border: 0; border-radius: 0; width: 100%; }
.order-box .select2-container .select2-selection--single .select2-selection__rendered, .order-box button { appearance: none; background-color: var(--white); border: 1px solid var(--site1); box-shadow: none; color: var(--site1); font-size: 14px; line-height: 19px; padding: 10px 35px 10px 20px; text-transform: uppercase; width: 100%; }
.order-box .select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; transform: translateY(-28%); }
.order-box .select2-container--default .select2-selection--single .select2-selection__arrow:before { content: '\f107'; color: var(--site1); font-family: 'Font Awesome 6 Free'; font-size: 14px; font-weight: bold; }
.order-box .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; }

.property-item { position: relative; }
.property-item .bkg-cover { scale: 1; transition: .5s all ease; width: 70%; }
.property-item .bkg-cover:before { padding-top: 65%; }
.property-item .bkg-cover:hover { scale: 1.05; }
.property-item .bkg-cover > a { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.property-item .property-information { border: 1px solid var(--site1); left: calc(70% - 40px); max-width: 340px; padding: 120px 35px 120px 65px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.property-item .property-information * { color: var(--text); margin-bottom: 0; }
.property-item .property-information h4 a:hover { color: var(--site2); }
.property-item .property-information h6 { font-size: 13px; line-height: 17px; margin-bottom: 5px; }
.property-details { font-size: clamp(10px, 3vw, 12px)!important; letter-spacing: 1px!important; line-height: clamp(14px, 3.5vw, 16px)!important; }
.property-item .property-information > a { bottom: 15px; font-weight: 400; position: absolute; right: 15px; }

.property-item .property-information.text-white { left: calc(70% - 40px); max-width: 270px; }
.property-item .property-information.text-white { border-color: var(--white); }
.property-item .property-information.text-white * { color: var(--white); }

@media (max-width: 992px) {
    .number-of-properties { letter-spacing: 1px; }

    .property-item .property-information.text-white { max-width: 240px; left: 5%; }
}

@media (max-width: 767px) {
    .number-of-properties { letter-spacing: 0; margin-right: 15px; }
    .order-box .select2-container--default .select2-selection--single .select2-selection__arrow { transform: translateY(-10%); }

    .property-item .bkg-cover { width: 100%; }
    .property-item .property-information { left: 5%; margin-top: -45px; padding: 70px 35px 90px; position: relative; top: auto; transform: translateY(0); }
}

@media (max-width: 576px) {
    .number-of-properties { margin-right: 0; }
    .order-box .select2-container .select2-selection--single .select2-selection__rendered, .order-box button {
        font-size: 13px;
        line-height: 18px;
        padding: 7px 25px 7px 12px;
    }
    .order-box .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 5px;
        transform: translateY(-22%);
    }
}

@media (max-width: 480px) {
    .property-item .property-information, .property-item .property-information.text-white { max-width: 90%; }
}

/**** Pagination ****/
#paginator { padding: 0; }

#paginator ul.paginator { display: inline-block; list-style: none; margin: 0; padding: 0; }
#paginator ul.paginator li { display: inline-block; margin: 0 5px; }
#paginator ul.paginator li a { background-color: #FFF; color: #666; border-radius: 50%; display: block; height: 30px; padding-top: 1px; text-decoration: none;  transition: background-color 0.3s; width: 30px; }
#paginator ul.paginator li span.selected { background-color: var(--site2); border-radius: 50%; color: white; display: block; font-weight: bold; height: 30px; line-height: 29px; padding-top: 1px; width: 30px; }
#paginator ul.paginator li a:hover { background-color: var(--site2); color: white; }

/***********************
 PROPERTY DETAILS
************************/
#property-header { padding-block: 15px 150px; }
#property-header .back { font-size: 14px; font-weight: 300; letter-spacing: 1px; line-height: 18px; }
#property-header .back:hover { color: var(--site2)!important; }
#property-header .price { font-size: 2.5rem; }

#property-gallery { margin-block: -120px 0; }
#property-gallery .slides > li { position: relative; }
#property-gallery .slides > li > a { position: relative; z-index: 9; }
#property-gallery .slides > li > a:after { content: ''; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5)); bottom: 0; height: 50%; left: 0; position: absolute; width: 100%; }
#property-gallery .slides > li img { aspect-ratio: 100 / 55; min-height: 275px; object-fit: cover; }

#property-gallery .flex-direction-nav { z-index: 99; }
#property-gallery .flex-direction-nav a { bottom: 25px; height: auto; opacity: 1!important; top: auto; }
#property-gallery .flex-direction-nav a:before { content: none; }
#property-gallery .flex-direction-nav a img { filter: brightness(0) invert(1); width: 32px; }
#property-gallery .flex-direction-nav .flex-prev, #property-gallery:hover .flex-direction-nav .flex-prev { left: auto; right: 67px; }
#property-gallery .flex-direction-nav .flex-next, #property-gallery:hover .flex-direction-nav .flex-next { right: 25px; }

.actions, .actions > li { display: inline-block; list-style: none; margin-bottom: 0; margin-left: 0; padding-left: 0; }
.actions { bottom: 20px; left: 35px; position: absolute; z-index: 999999; }
.actions > li { float: left; }
.actions > li:first-child { margin-right: 25px; }
.actions > li:nth-child(2) { margin-right: -1px; }
.actions > li > a { border: 1px solid var(--white); color: var(--white); display: inline-block; line-height: 34px; padding-inline: 15px; text-align: center; }
.actions > li:not(:first-child) > a { font-size: 15px; padding-inline: 0; width: 36px; }
.actions > li > a:hover { background-color: var(--white); color: var(--text); }

.buttons-box { padding: 30px 15px; }
.buttons, .buttons > li { display: inline-block; list-style: none; margin-bottom: 0; margin-left: 0; padding-left: 0; }
.buttons > li:not(:last-child) { margin-right: 12px; }
.buttons .button.button-site2:hover { background-color: var(--site1); border-color: var(--site1); color: var(--white); }

.property-details { margin-top: 15px; }
.property-details h5 { margin-top: 30px; letter-spacing: 4px; }

.tabs { background-color: var(--white); box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-block: 40px; padding: 50px; }
.tabs .nav-tabs { border-bottom: 2px solid rgba(51,51,51,0.5); }
.tabs .nav-tabs > li { margin-bottom: 10px; }
.tabs .nav-tabs > li:not(:last-child) { margin-right: 60px; }
.tabs .nav-tabs > li > a { border: 0; border-radius: 0; color: var(--site1); font-weight: 500; letter-spacing: 3px; padding: 0; text-transform: uppercase; }
.tabs .nav-tabs > li > a:hover { color: var(--site2); }
.tabs .nav-tabs > li > a.active { color: var(--text); }

.tabs dl, .tabs dl dt, .tabs dl dd { display: inline-block; float: left; }
.tabs dl { margin-bottom: 0; width: 100%; }
.tabs dl dt, .tabs dl dd { float: left; font-size: 15px; line-height: 19px; margin-bottom: 15px; padding-bottom: 0; width: 50%; }
.tabs dl dt { font-weight: 500; }

ul.checklist { display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; margin-bottom: 0; padding-left: 0; }
ul.checklist > li { padding-left: 26px; position: relative; }
ul.checklist > li:not(:last-child) { margin-bottom: 8px; }
ul.checklist > li:before { content: ''; background: url('../img/icons/check-icon.png') no-repeat center; background-size: contain; display: inline-block; height: 14px; left: 0; position: absolute; top: 5px; width: 14px; }

.video-box { min-height: 250px; }
.video-box > a, .virtual-tour h5 > a { background-color: var(--site2); border-radius: 50%; display: inline-block; height: 80px; left: 50%; position: absolute; top: 50%; transform: scale(1) translate(-50%, -50%); width: 80px; }
.video-box > a:before, .virtual-tour h5 > a:before { content: ''; border-bottom: 15px solid transparent; border-left: 30px solid var(--white); border-top: 15px solid transparent; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.video-box > a:hover, .virtual-tour h5 > a:hover { transform: scale(1.1) translate(-50%, -50%); }

.virtual-tour { height: clamp(200px, 25vw, 450px); }
.virtual-tour:after { content: ''; background-color: rgba(0,0,0,0.5); display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.virtual-tour h5 { display: inline-block; left: 50%; letter-spacing: 3px; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 9; }
.virtual-tour h5 span { display: block; }
.virtual-tour h5 > a { left: 50%; margin-top: 15px; position: relative; top: 0; transform: translate(-50%, 0); }
.virtual-tour h5 > a:hover { transform: scale(1.1) translate(-50%, 0); }

.video-modal { background-color: rgba(0,0,0,0.9); display: none; height: 100%; left: 0; padding-bottom: 50px; padding-top: 120px; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: 9999999999; }
.video-modal.active { display: inline-block; }
.video-modal button { background-color: transparent; border: 0; box-shadow: none; }
.video-modal .close-modal, .virtual-tour-modal .close-virtual-tour-modal { display: inline-block; height: 30px; position: absolute; right: 50px; top: 50px; width: 30px; z-index: 9999999999; }
.video-modal .close-modal:after, .virtual-tour-modal .close-virtual-tour-modal:after,
.video-modal .close-modal:before, .virtual-tour-modal .close-virtual-tour-modal:before {
    content: '';
    background-color: var(--white);
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .5s all ease;
    width: 100%;
    z-index: 9999999999;
}
.video-modal .close-modal:before, .virtual-tour-modal .close-virtual-tour-modal:before { transform: translate(-50%, -50%) rotate(45deg); }
.video-modal .close-modal:after, .virtual-tour-modal .close-virtual-tour-modal:after { transform: translate(-50%, -50%) rotate(-45deg); }
.video-modal .close-modal:hover:before, .virtual-tour-modal .close-virtual-tour-modal:hover:before { transform: translate(-50%, -50%) rotate(-45deg); }
.video-modal .close-modal:hover:after, .virtual-tour-modal .close-virtual-tour-modal:hover:after { transform: translate(-50%, -50%) rotate(-135deg); }

.virtual-tour-modal { background-color: rgba(0,0,0,0.9); display: none; height: 100%; left: 0; padding-bottom: 50px; padding-top: 120px; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: 9999999999; }
.virtual-tour-modal.active { display: inline-block; }
.virtual-tour-modal button { background-color: transparent; border: 0; box-shadow: none; }

#propertyVideo { height: 100%; position: absolute; top: 0; width: 100%; }

#district-map { height: clamp(350px, 50vh, 650px); }
.disctrict-box { background-color: var(--white); height: calc(100% - 60px); left: 0; max-width: 700px; padding: 5vw; position: absolute; top: 30px; width: calc(100% - 30px); }
.disctrict-box p { font-size: clamp(14px, 2vw, 16px); line-height: clamp(19px, 2.5vw, 21px); }

@media (max-width: 1299px) {
    .buttons .button.button-site2 { padding: 9px 22px; }
    .buttons .button.button-outline { font-size: 15px; padding: 8px 22px; }
}

@media (max-width: 1199px) {
    .tabs { padding: 40px; }
    .tabs .nav-tabs > li:not(:last-child) { margin-right: 50px; }

    .video-box > a, .virtual-tour h5 > a { height: 75px; width: 75px; }
    .video-modal { padding-top: 100px; }
    .video-modal .close-modal, .virtual-tour-modal .close-virtual-tour-modal { right: 30px; top: 30px; }
}

@media (max-width: 992px) {
    .buttons { display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr); }
    .buttons > li:not(:last-child) { margin-right: 0; }
    .buttons .button { width: 100%; }
    .buttons .button.button-site2 { padding: 8px 20px; }
    .buttons .button.button-outline { font-size: 14px; padding: 7px 20px; }

    .tabs .nav-tabs > li:not(:last-child) { margin-right: 40px; }

    ul.checklist { grid-template-columns: repeat(2, 1fr); }

    .video-box > a, .virtual-tour h5 > a { height: 70px; width: 70px; }
    .video-box > a:before, .virtual-tour h5 > a:before { border-bottom-width: 13px; border-left-width: 24px; border-top-width: 13px; }

    .video-modal .close-modal, .virtual-tour-modal .close-virtual-tour-modal { right: 20px; top: 20px; }

    .disctrict-box { height: auto; left: 0; margin-block: 15px; max-width: 100%; padding: 35px; position: relative; top: 0; width: 100%; }
}

@media (max-width: 767px) {
    .tabs { padding: 30px; }

    .video-box > a, .virtual-tour h5 > a { height: 60px; width: 60px; }
    .video-box > a:before, .virtual-tour h5 > a:before { border-bottom-width: 11px; border-left-width: 22px; border-top-width: 11px; }
}

@media (max-width: 576px) {
    .buttons { grid-template-columns: repeat(1, 1fr); }

    ul.checklist { grid-template-columns: repeat(1, 1fr); }

    .video-modal .close-modal, .virtual-tour-modal .close-virtual-tour-modal { right: 15px; top: 15px; }
}


/***********************
 AE MODAL
 ***********************/
.ae-modal { background-color: rgba(0,0,0,0.6); height: 100%; left: 0; min-height: 100vh; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 9999999999999999; }
.ae-modal .modal-content { background-color: var(--white); display: inline-block; left: 50%; max-width: 800px; padding: 80px; top: 50%; transform: translate(-50%, -50%); width: 100%; }

.ae-modal .modal-content .close-modal { background-color: transparent; border: 0; box-shadow: none; height: 30px; position: absolute; right: 30px; top: 30px; width: 30px; }
.ae-modal .modal-content .close-modal:before, .ae-modal .modal-content .close-modal:after { content: ''; background-color: var(--text); border-radius: 2px; height: 3px; left: 0; position: absolute; top: 50%; transform: translateX(-50%); width: 30px; transition: .5s all ease; }
.ae-modal .modal-content .close-modal:before { transform: rotate(45deg); }
.ae-modal .modal-content .close-modal:after { transform: rotate(-45deg); }
.ae-modal .modal-content .close-modal:hover:before, .ae-modal .modal-content .close-modal:hover:after { background-color: var(--site2); }
.ae-modal .modal-content .close-modal:hover:before { transform: rotate(-45deg); }
.ae-modal .modal-content .close-modal:hover:after { transform: rotate(-135deg); }

.ae-modal .modal-content h2 { color: var(--site5); margin-bottom: 30px; }
.ae-modal .property-info { border: 1px solid #EAEAEA; margin-bottom: 30px; padding: 15px; }
.ae-modal .property-info h5 { letter-spacing: 3px; }
.ae-modal .button.button-site2:hover { background-color: var(--site1); color: var(--white); }

.ae-modal #stampDuty .form-group .select2-container { margin-left: 10px; max-width: 200px; position: relative; top: -5px; }
.ae-modal #stampDuty .white-box { background-color: #F4F4F5; padding: 25px; }

@media (max-width: 1299px) {
    .ae-modal .modal-content { padding: 70px; }
}

@media (max-width: 992px) {
    .ae-modal .modal-content { padding: 60px; }
    .ae-modal .modal-content .close-modal {  height: 25px; right: 20px; top: 16px; width: 25px; }
    .ae-modal .modal-content .close-modal:before, .ae-modal .modal-content .close-modal:after { width: 25px; }
}

@media (max-width: 767px) {
    .ae-modal .modal-content { min-height: 100vh; left: 0; padding: 60px 45px; top: 0; transform: translate(0, 0); width: 100%; }

    .ae-modal #stampDuty .form-group .select2-container { margin-bottom: 10px; margin-left: 0; max-width: 100%; top: 0; }
}

@media (max-width: 576px) {
    .ae-modal .modal-content { padding: 60px 20px; }
}


/***********************
SHARE MODAL
***********************/
.share-modal { background-color: rgba(0,0,0,0.9); height: 100%; left: 0; min-height: 100vh; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 9999999999999999; }
.share-modal > .modal-box { background-color: #ffffff; border-radius: 10px; display: inline-block; height: auto; max-width: 300px; position: absolute; width: 100%; }
.share-modal > .modal-box ul { display: inline-block; list-style: none; margin: 0 15px; padding: 0; width: calc(100% - 30px); }
.share-modal > .modal-box ul > li { display: inline-block; width: 100%; }
.share-modal > .modal-box ul > li > a { border-bottom: 1px solid #cccccc; color: #000000; display: inline-block; font-size: 18px; line-height: 22px; padding: 15px 0; width: 100%; }
.share-modal > .modal-box ul > li:last-child > a { border-bottom: 0; }
.share-modal > .modal-box ul > li > a:hover { color: #000000; }
.share-modal > .modal-box ul > li > a .fa { margin-right: 10px; }
.share-modal > .modal-box ul > li > a small { color: #1DBDBC!important; }
.share-modal > .modal-box > .header { border-bottom: 1px solid #cccccc; display: inline-block; margin-bottom: 0; padding: 15px 25px 15px; width: 100%; }
.share-modal > .modal-box > .header > h5 { display: inline-block; float: left; font-size: 24px; line-height: 28px; margin-bottom: 0; margin-top: 0; max-width: calc(100% - 45px); position: relative; top: 3px; }
.share-modal > .modal-box > .header > a.close-modal { border: 1px solid #cccccc; border-radius: 5px; color: #333333; display: inline-block; float: right; font-size: 20px; height: 36px; line-height: 34px; padding: 0; text-align: center; width: 36px; }
.share-modal > .modal-box > .header > a.close-modal:hover { background-color: #cccccc; color: #ffffff; }

.share-modal > .modal-box > .content { display: inline-block; padding: 20px 15px; width: 100%; }
.share-modal > .modal-box > .content h5 { color: #999999; }

.share-modal input[type="text"], .share-modal input[type="email"] { border: 1px solid #eaeaea; border-radius: 6px; display: inline-block; font-size: 16px; line-height: 20px; padding: 10px; width: 100%; }
.share-modal input[type="text"]:focus, .share-modal input[type="email"]:focus { border-color: var(--site2); box-shadow: none; outline: 0; }

@media (min-width: 577px) {
    .share-modal > .modal-box { left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
}

@media (max-width: 576px) {
    .share-modal > .modal-box { border-radius: 0; min-height: 100vh; left: 0; max-width: 100%; top: 0; width: 100%; }
}


/***********************
 PROPERTY MANAGEMENT
************************/
.pm-h4 { font-weight: normal; margin-bottom: 45px; margin-left: 60px; max-width: 370px; text-transform: none; }

.numbered-list, .numbered-list > li { list-style: none; margin-bottom: 0; margin-left: 0; padding-left: 0; }
.numbered-list { margin-left: 5vw; max-width: 530px; width: 100%; }
.numbered-list > li { padding: 35px 10px 20px 90px; position: relative; }
.numbered-list > li:not(:last-child) { border-bottom: 1px solid rgba(132,132,132,0.7); }
.numbered-list > li h4 { font-size: 45px; font-weight: 300; left: 15px; line-height: 50px; position: absolute; top: 30px; }
.numbered-list > li p { margin-bottom: 0; padding-bottom: 0; }
.numbered-list > li:first-child { padding-top: 0; }
.numbered-list > li:first-child h4 { top: 0; }

.numbered-list.service-list { margin-left: 3vw; margin-right: 3vw; max-width: inherit; width: inherit; }
.numbered-list.service-list h3 { font-weight: 500; }
.numbered-list.service-list p { padding-bottom: 15px; }

details { border-bottom: 1px solid rgba(132,132,132,0.7); }
details summary { font-size: 21px; font-weight: 600; padding: 18px 40px 18px 0; position: relative; }
details summary::marker { content: none; }
details summary .arrow { border: 1px solid var(--site1); border-radius: 5px; height: 22px; position: absolute; right: 0; top: 13px; width: 22px; transition: .5s all ease; }
details summary .arrow:before, details summary .arrow:after { content: ''; background-color: var(--site1); border-radius: 2px; display: inline-block; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: .5s all ease; }
details summary .arrow:before {  height: 2px; width: 12px; }
details summary .arrow:after { height: 12px; width: 2px; }
details summary .arrow:hover { background-color: var(--site1); }
details summary .arrow:hover:before, details summary .arrow:hover:after { background-color: var(--white); }
details[open] summary { margin-bottom: 5px; }
details[open] summary .arrow:after { background-color: transparent; }

@media (max-width: 1370px) {
    .numbered-list { margin-left: 3vw; width: calc(100% - 5vw); }
}

@media (max-width: 992px) {
    .numbered-list { margin-left: 15px; margin-top: 50px; max-width: 100%; width: calc(100% - 30px); }
    .numbered-list > li { padding: 35px 10px 20px 75px; }
    .numbered-list > li h4 { font-size: 40px; left: 10px; line-height: 45px; }

    details summary { font-size: 19px; }
}

@media (max-width: 767px) {
    .numbered-list { margin-left: 10px; width: calc(100% - 20px); }
    .numbered-list > li { padding: 35px 10px 20px 60px; }
    .numbered-list > li h4 { font-size: 36px; left: 5px; line-height: 41px; }

    details summary { font-size: 17px; }
}

@media (max-width: 576px) {
    .pm-h4 { margin-left: 25px; width: calc(100% - 60px); }
}


/***********************
 CONTACT
************************/
.text-with-icon { display: inline-block; margin-bottom: 0; padding-left: 25px; position: relative; }
.text-with-icon + .text-with-icon { margin-left: 40px; }
.text-with-icon.big { font-size: clamp(19px, 5vw, 23px); font-weight: 500; line-height: clamp(24px, 5.5vw, 28px); padding-left: 35px; }
.text-with-icon a { color: var(--text); }
.text-with-icon:before { content: ''; color: var(--site2); font-family: 'Font Awesome 6 Free'; font-size: 18px; left: 0; position: absolute; top: 2px; }
.text-with-icon.big:before { font-size: 20px; }
.text-with-icon.address:before { content: "\f3c5"; font-weight: bold; }
.text-with-icon.email:before { content: "\f0e0"; font-size: 22px; top: 1px; }
.text-with-icon.phone:before { content: "\f095"; font-weight: bold; }

#contact-map { height: 35vw; min-height: 400px; }

@media (max-width: 767px) {
    .text-with-icon:before { top: 1px; }
    .text-with-icon.email:before { top: 2px; }

    .text-with-icon + .text-with-icon { display: block; margin-inline: auto; margin-top: 15px; width: fit-content; }
}