:root {
    --primary-color: #ff9900
}

@media(min-width: 1024px) {
    .mobile-only {
        display: none !important
    }
}

body.full-screen {
    background-color: #000
}

body.full-screen #sync1 .item .custom-logo {
    height: calc(100dvh - 118px) !important
}

@media only screen and (orientation: landscape)and (max-height: 600px) {
    body.full-screen .property-details-container .navigation-thumbs {
        display: none
    }

    body.full-screen .for-full-screen,
    body.full-screen #sync1 .item img {
        height: 100dvh !important
    }

    body.full-screen #sync1 .item .custom-logo {
        height: 100dvh !important
    }
}

@media(max-width: 767px) {
    .stats-table-row th:last-child {
        overflow: hidden;
        max-width: 72px;
        font-size: 0
    }
}

.login-modal-box {
    z-index: 10001 !important
}

#header .text-us {
    position: relative;
    top: -12px
}

#header .text-us .message-tab-div {
    -moz-column-gap: 12px;
    column-gap: 12px
}

#header .text-us .fa-brands {
    color: #adadad
}

#header .text-us .fa-android {
    color: green
}

#header .text-us .fa-apple {
    color: red
}

#header .my-acc-drop-down p a {
    text-align: center;
    padding-inline: 20px
}

.head-black {
    padding-bottom: 92px
}

#header .my-acc-drop-down p a {
    display: block;
    white-space: nowrap
}

#header .contact-us-tab .email-tab {
    padding-bottom: 14px
}

.contact-us-tab .contact-form-2 {
    padding-bottom: 50px
}

.contact-us-tab .contact-form-2 .gform_wrapper .gfield_radio {
    padding-left: 2px;
    margin-bottom: 12px
}

.contact-us-tab .contact-form-2 .gform_wrapper.gravity-theme .gfield_label {
    font-weight: normal;
    text-transform: initial;
    font-size: 1.1rem
}

.contact-us-tab .contact-form-2 .gform_wrapper .gfield_radio label {
    font-weight: bold;
    font-size: 14px
}

.contact-us-tab .contact-form-2 .button {
    width: 100%;
    background: var(--black);
    border: 2px solid var(--black);
    color: var(--white)
}

.contact-us-tab legend.gfield_label_before_complex {
    display: none !important
}

.contact-us-tab .contact-form-2 .field_description_below .gfield_checkbox .gchoice {
    display: flex
}

.contact-us-tab .contact-form-2 .field_description_below .gfield_checkbox .gchoice label {
    font-weight: normal
}

.contact-us-tab .contact-form-2 .button:hover {
    background: rgba(0, 0, 0, 0);
    color: var(--black)
}

.gtranslate_wrapper {
    display: grid;
    position: relative;
    top: -10px
}

.gtranslate_wrapper .glink {
    font-size: 18px;
    line-height: 28px;
    color: #c6c6c6;
    font-weight: 300;
    transition: all .3s ease-in-out;
    padding-block: 5px
}

.gtranslate_wrapper .glink:hover {
    color: var(--black)
}

.gtranslate_wrapper .glink.gt-current-lang {
    color: var(--black);
    font-weight: normal !important
}

.units-list {
    display: flex;
    border: 1px solid #d6d6d6;
    border-right: 0
}

.units-list a {
    width: 50%;
    padding: 18px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    border-right: solid 1px #d6d6d6;
    color: var(--black)
}

.units-list a:hover,
.units-list a.active {
    background: var(--black);
    color: #fff
}

.units-list a:hover:after,
.units-list a.active:after {
    filter: invert(1)
}

@media(min-width: 577px) {
    .head-black {
        padding-bottom: 129px
    }
}

@media(min-width: 1151px) {
    .head-black {
        padding-bottom: 111px
    }
}

[class^=currency-] .property-details-container .pinfo1li3 .price_sqft {
    display: block
}

.cbtn {
    background: var(--black);
    color: var(--white);
    font-weight: bold;
    border: 2px solid var(--black);
    margin-top: 9px;
    display: inline-flex;
    align-items: var(--center);
    justify-content: var(--center);
    font-size: 16px;
    line-height: 50px;
    padding-inline: 30px
}

.cbtn .button-arrow {
    transition: transform .3s ease-in;
    width: 30px;
    display: inline-flex;
    margin-left: 15px;
    height: auto
}

.cbtn:hover {
    background: rgba(0, 0, 0, 0);
    color: var(--black)
}

.cbtn:hover .button-arrow {
    transform: translateX(10px);
    transition: .5s ease-out;
    filter: grayscale(100%) brightness(0%) contrast(0.9);
    opacity: 1
}

@media(min-width: 768px) {
    .cbtn {
        line-height: 60px;
        font-size: 20px
    }
}

@media(min-width: 1660px) {
    .cbtn {
        font-size: 22px;
        line-height: 73px
    }
}

.the-team-item .lucas-image {
    border: 0
}

.the-team-item .lucas-image img {
    -o-object-fit: contain !important;
    object-fit: contain !important;
    max-width: -moz-max-content;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto
}

.the-team-item .lucas-content h2 {
    padding-top: 20px
}

.about-and-team .lucas-content p {
    text-align: justify
}

.about-and-team .nav-button2 {
    position: static !important
}

.about-and-team .owl-nav {
    text-align: center;
    padding-top: 40px
}

.about-and-team .owl-nav button {
    position: static;
    transform: none
}

.about-and-team .owl-nav button .nav-button2 {
    margin: 0 12px;
    transition: all .3s ease-in-out
}

.about-and-team .owl-nav button .nav-button2:hover {
    opacity: .4
}

.about-and-team .owl-nav button .nav-button2 img {
    filter: invert(1)
}

@media(max-width: 992px) {
    .about-and-team .lucas-content h2 {
        display: block;
        margin: 0;
        padding-top: 20px
    }

    .about-and-team .lucas-content p {
        margin-top: 0
    }
}

@media(max-width: 1439px) {
    .about-and-team .owl-nav button {
        top: 16%
    }

    .about-and-team .nav-button2 {
        width: 50px;
        height: 50px
    }

    .about-and-team .nav-button2 img {
        width: 100%
    }
}

@media(max-width: 1023px) {
    .about-and-team .lucas-image {
        margin: auto
    }

    .about-and-team .the-team-item .lucas-image {
        width: 100%
    }
}

@media(min-width: 1024px) {
    .about-and-team .item {
        display: var(--flex);
        align-items: var(--center);
        justify-content: var(--center);
        -moz-column-gap: 60px;
        column-gap: 60px
    }

    .about-and-team .owl-stage {
        display: flex;
        align-items: center
    }

    .the-team-item .lucas-image {
        width: 53%
    }

    .the-team-item .lucas-content {
        width: 38%
    }
}

.preconstruction-owl .owl-item-img img {
    aspect-ratio: 16/9
}

.container {
    width: 90%
}

.text-initial * {
    text-transform: initial
}

.video-wrapper iframe {
    aspect-ratio: 16/9;
    max-width: 100%;
    display: block
}

.owl-item-img {
    height: auto !important
}

.featured-video .video-wrapper iframe {
    max-height: 850px
}

.owl-carousel .owl-item img {
    -o-object-fit: cover;
    object-fit: cover
}

.owl-two .item2-owl iframe {
    aspect-ratio: 16/9;
    height: auto
}

.pt-50 {
    padding-top: 50px
}

.des-commnuty-rs a,
.blog-container-content a {
    color: var(--primary-color)
}

.des-commnuty-rs a:hover,
.blog-container-content a:hover {
    text-decoration: underline !important
}

.blog-container-content * {
    text-transform: inherit
}

.blog-container-content p {
    margin: 20px 0
}

.blog-container-content ul {
    list-style: inherit;
    padding-left: 22px;
    margin: 20px 0
}

.blog-container-content h2,
.blog-container-content h3,
.blog-container-content h4,
.blog-container-content h5 {
    font-weight: bold
}

.blog-container-content h2 em,
.blog-container-content h2 span,
.blog-container-content h2 strong,
.blog-container-content h3 em,
.blog-container-content h3 span,
.blog-container-content h3 strong,
.blog-container-content h4 em,
.blog-container-content h4 span,
.blog-container-content h4 strong,
.blog-container-content h5 em,
.blog-container-content h5 span,
.blog-container-content h5 strong {
    font-weight: inherit
}

.contact-us-form .gform_wrapper {
    padding: 40px 0 0px 0
}

.contact-us-form .gform_body {
    margin-bottom: 20px
}

.contact-us-form .gfield_checkbox .gchoice {
    display: flex;
    gap: 10px;
    align-items: baseline
}

.contact-us-form fieldset legend.gfield_label_before_complex {
    display: none !important
}

.contact-us-form .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 25px;
    grid-column-gap: 5%
}

.gform_required_legend {
    display: none !important
}

.gform_wrapper.gravity-theme .gfield_label {
    margin: 0
}

.gform_wrapper .gform_fields .ginput_container select,
.gform_wrapper .gform_fields .ginput_container textarea,
.gform_wrapper .gform_fields .ginput_container input {
    outline: var(--none);
    border: var(--none);
    background: var(--none);
    font-family: "Neue Haas Grotesk Display Pro";
    width: 100% !important;
    border-radius: unset;
    border-bottom: 1px solid var(--black);
    color: var(--black);
    padding: 10px 0;
    text-transform: var(--none);
    min-height: 51px
}

.gform_wrapper .gform_fields input[type=radio],
.gform_wrapper .gform_fields input[type=checkbox] {
    min-height: auto;
    width: auto !important
}

.gform_wrapper .gform_fields .ginput_container select {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto
}

.gform_wrapper.gravity-theme .gfield textarea.large {
    height: 90px
}

.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: 0;
    border-bottom: 1px solid #c02b0a
}

.gform_wrapper label {
    font-weight: bold
}

.gform_wrapper .gfield_radio .gfield-choice-input,
.gform_wrapper .gfield_checkbox .gfield-choice-input {
    width: auto !important;
    transform: scale(1.4);
    margin-right: 8px !important;
    cursor: pointer
}

.gform_wrapper .gfield_radio .gfield-choice-input {
    margin: 0
}

.gform_wrapper .gfield_radio {
    display: flex;
    align-items: center;
    gap: 20px
}

.gform_wrapper.gravity-theme .gfield textarea.medium {
    max-height: 85px
}

body .gform_legacy_markup_wrapper .top_label div.ginput_container {
    margin-top: 0 !important
}

.gform_wrapper .gfield_html_formatted,
.gform_wrapper .gform_description {
    text-transform: initial;
    font-size: 1.1rem;
    text-align: center;
    margin-bottom: 18px;
    line-height: 1.5 !important
}

.gform_confirmation_message {
    min-height: 300px;
    text-align: center;
    padding: 35px;
    text-transform: initial;
    font-size: 1rem
}

.button {
    padding: 12px 30px;
    background: var(--orange2);
    border: 2px solid var(--orange2);
    color: var(--black);
    font-weight: 600;
    transition: all .3s ease-in-out;
    cursor: pointer;
    line-height: normal !important;
    text-transform: uppercase !important
}

.button:hover {
    background-color: var(--white)
}

.button.inverted {
    background-color: var(--white)
}

.button.inverted:hover {
    background: var(--orange2)
}

.button.gform_button {
    margin: 0 auto
}

.page-template-page-contact .contact-us-div-lucas .gform_wrapper {
    padding-bottom: 0
}

.paragraph-section a {
    text-transform: initial
}

@media(min-width: 1271px) {
    .page-template-page-contact .contact-us-div-lucas {
        margin-top: 75px
    }
}

@media(min-width: 1024px) {
    .button.gform_button {
        padding: 20px 60px
    }
}

.contact-us-lucas-img img {
    -o-object-position: top;
    object-position: top
}

.new-slide {
    background-color: #000
}

#slider1_container {
    margin: auto
}

.jss-arr-left,
.jss-arr-right {
    max-width: 460px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center
}

.jss-arr-left svg,
.jss-arr-right svg {
    position: static !important
}

@media(min-width: 768px) {
    .slider-image {
        -o-object-fit: cover;
        object-fit: cover
    }

    .slide-arrows {
        display: flex !important
    }

    .jssora051 svg {
        padding-top: 0% !important;
        margin-right: 35px
    }
}

@media(min-width: 1660px) {
    .jssora051 svg {
        width: 50%
    }
}

.favorites-black-logo {
    display: flex;
    align-items: center;
    justify-content: center
}

.favorites-black-logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.fav-main-tabs .tab-link a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: inherit
}

.favorited-results {
    gap: 32px
}

.favorited-results p {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.my-results-image {
    position: relative
}

.my-results-image .items .thumb {
    display: block
}

.favorites-container .overlay-heading {
    z-index: 1;
    position: absolute;
    top: 4%;
    left: 3%
}

.favorites-container .my-results-listview.active .main-table {
    display: block
}

.favorites-container .thumbnail-display.active .condo-address {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}



.favorites-container .thumbnail-display.active .condo-address h4 {
    order: 2;
    width: auto
}

.neigh-image-extra {
    display: flex;
    justify-content: space-between
}

.neigh-image-extra a {
    font-size: 14px;
    text-transform: initial;
    color: inherit;
    display: block
}

.neigh-image-extra a:last-child {
    text-align: right
}

.favorites-container .image-rent-box {
    margin-top: 44px
}

.my-results-image .condo-overlay {
    bottom: 0
}

.with-caption-bottom .condo-overlay {
    bottom: 0
}

.my-results-image.condo-image>a {
    display: block;
    width: 100%;
    height: 100%
}

.my-results-thumbs .neigh-image-data {
    margin-bottom: 8px
}

.my-results-thumbs .listing-percentage {
    align-items: center;
    gap: 6px
}

.my-results-thumbs .listing-percentage .fa-sort-down {
    margin-top: -10px
}

.my-results-thumbs .image-rent-listing {
    margin-top: 0
}

.my-results-thumbs .image-rent-listing p {
    line-height: 44px
}

.my-results-thumb-link {
    display: block;
    height: 100%
}

.comment-respond .comment-reply-title {
    display: none
}

.comment-respond .logged-in-as {
    display: inline-flex;
    gap: 9px
}

.comment-notes {
    margin: 0 !important;
    padding-bottom: 30px
}

.comment-respond .logged-in-as a {
    color: inherit;
    text-transform: inherit
}

p.comment-form-comment {
    margin: 0
}

.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-author input {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 14px 0 8px 0 !important;
    font-size: 1rem
}

.comment-form-comment textarea {
    height: 54px
}

.comment-form>p {
    margin: 0 !important;
    padding-bottom: 14px
}

.comment-form>p>label {
    color: #929292;
    font-size: 1rem;
    line-height: normal;
    position: relative;
    top: 10px
}

.comment-form-cookies-consent {
    display: flex;
    gap: 12px;
    padding-top: 20px;
    padding-bottom: 48px !important;
    align-items: center
}

.comment-form-cookies-consent label {
    line-height: normal !important;
    color: #000 !important;
    top: 0 !important
}

.comment-form-cookies-consent input {
    margin: 0 !important;
    padding: 0;
    transform: scale(1.3)
}

.comment-respond .form-submit {
    margin: 0
}

.comment-respond .form-submit .submit {
    margin: 0;
    background-color: #000;
    padding: 0 50px;
    font-size: 22px;
    line-height: 77px;
    color: var(--white);
    font-weight: bold;
    border: 2px solid var(--black);
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.comment-respond .form-submit .submit:hover {
    background-color: #fff;
    color: #000
}

.review-content * {
    text-transform: initial
}

.review-content a {
    color: #a2a2a2
}

.aventura-content {
    text-transform: initial;
    line-height: 1.8
}

.aventura-content a {
    text-transform: inherit
}

.list-check-past-sales .last-mar {
    gap: 8px
}

.aventura-tab-row .nav-tab.active {
    display: var(--flex) !important;
    background-color: #ee2631 !important
}

.commentlist {
    display: grid;
    margin-bottom: 50px
}

.commentlist>li {
    border-bottom: solid 1px #e8e8e8;
    padding: 30px
}

.comment-body p {
    margin: 12px 0
}

.comment-author {
    display: flex;
    align-items: center;
    gap: 12px
}

.comment-author .avatar {
    border-radius: 50%
}

.table-style {
    margin-bottom: 50px
}

.table-style .development-list {
    border-left: 0;
    border-right: 0;
    border-top: 0
}

.fav-inside a {
    position: static !important
}

.fav-inside a .icon-heart-neigh {
    position: static !important;
    display: block
}

@media(max-width: 1025px) {
    .table-style .development-sub-list>li {
        border-bottom: solid 1px #bababa
    }

    .development-li {
        overflow: auto !important
    }

    .available-condo-container .table-style li.development-li {
        height: 241px
    }

    .condo-sale-container .table-style li.development-li::-webkit-scrollbar {
        width: 6px
    }

    .condo-sale-container .table-style li.development-li::-webkit-scrollbar-track {
        background: #ddd
    }

    .condo-sale-container .table-style li.development-li::-webkit-scrollbar-thumb {
        background: #888
    }

    .table-style .development-sub-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .table-style .development-sub-list .large {
        grid-column: span 2/span 2
    }
}

@media(min-width: 1026px) {

    .table-style .thead>li,
    .table-style .tbody>li {
        width: auto;
        flex: 1
    }

    .table-style .large {
        flex: 3 !important
    }

    .table-style .max-80 {
        max-width: 80px
    }

    .table-style .max-100 {
        max-width: 100px
    }

    .table-style .max-160 {
        max-width: 160px
    }

    .table-style .development-sub-list>li {
        flex: 1
    }
}

@media(max-width: 1329px)and (min-width: 1026px) {
    .table-style * {
        font-size: 12px !important
    }

    .table-style .large {
        max-width: 146px
    }
}

@media(min-width: 1330px) {
    .table-style .large {
        max-width: 270px
    }
}

.luxury-condos-list .owl-item .items>a {
    display: block;
    height: 100%;
    width: 100%
}

.list-display .wp-thumbs-list-information {
    display: inline-flex;
    gap: 4px;
    width: 100%;
    text-transform: initial;
    font-size: 1.2rem
}

.list-display .wp-thumbs-list-information b {
    font-weight: bold
}

.list-display .wp-thumbs-list-information .download-excel {
    margin-left: auto
}

.similar-table-v2 .main-condo .list-display .development-sub-list .fav {
    position: relative
}

.similar-table-v2 ul.development-list-data {
    border: solid 1px #ccc
}

.available-condo-container .similar-table-v2 ul.development-list-heading {
    top: 200px
}

#cnt-building .bedroom-form>form {
    display: flex
}

.features {
    margin-bottom: 30px
}

.features-content-container {
    min-height: 344px
}

.list-display .fav.list-content {
    position: relative
}

.list-display .fav.list-content i {
    inset: 0 !important;
    margin: auto !important
}

ul.development-list-heading {
    z-index: 10
}

@media(max-width: 1025px) {
    .available-condo-container .similar-table-v2 li.development-li {
        height: 161px
    }
}

.walk-score-icons {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

.custom-calc {
    background-color: #f4f5f9;
    padding: 30px;
    position: relative
}

.custom-calc .ms-modal-title {
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin-bottom: 20px
}

.custom-calc .body_md {
    margin-bottom: 30px
}

.custom-calc legend {
    display: none
}

.custom-calc fieldset {
    border: 0
}

.custom-calc .gform_fields {
    display: grid;
    gap: 12px;
    margin-bottom: 12px
}

.custom-calc .gform_fields>li {
    border: 0
}

.custom-calc .gform_fields>li label {
    font-weight: bold;
    display: block;
    margin-bottom: 4px
}

.custom-calc .purchase_price_txt {
    width: 100%;
    height: 65px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    text-align: center;
    background-color: #fff;
    font-size: 22px
}

.custom-calc .ib-mcsyears,
.custom-calc .interest_rate_txt,
.custom-calc .down_payment_txt,
.custom-calc select {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    height: 55px;
    text-align: center;
    padding: 12px;
    width: 100%
}

.custom-calc select {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto
}

.custom-calc .ms-item-input {
    display: flex;
    align-items: center;
    position: relative
}

.custom-calc .ms-item-input input {
    padding-right: 30px
}

.custom-calc .ms-item-input span {
    position: absolute;
    right: 10px;
    background-color: #fff
}

.custom-calc .buton_calculator {
    width: 100%;
    margin-bottom: 16px;
    border-radius: 4px;
    text-transform: uppercase
}

.custom-calc .ib-mg-detail {
    text-align: center
}

.custom-calc span#monthly-amount {
    display: block;
    font-size: 45px;
    color: #377ece;
    line-height: 1.2;
    margin: 12px 0
}

.custom-calc .ib-img-calculator {
    text-align: center
}

.custom-calc .ms-info-txt small {
    font-size: .9rem
}

.custom-calc .ms-info-txt a {
    color: var(--primary-color);
    display: inline-block;
    margin-left: 3px
}

@media(min-width: 768px) {
    .custom-calc span.ms-modal-title {
        font-size: 25px
    }

    .custom-calc .content_md {
        display: flex;
        gap: 100px;
        align-items: center
    }

    .custom-calc .content_md>div {
        flex: 1
    }
}

@media(min-width: 1024px) {
    .custom-calc .body_md {
        margin-bottom: 0
    }

    .custom-calc .gform_fields {
        gap: 20px;
        margin-bottom: 20px
    }

    .custom-calc .gform_fields {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .custom-calc .gform_fields>li:nth-child(1) {
        grid-column: span 3/span 3
    }
}

.mt-50 {
    margin-top: 30px
}

.mb-40 {
    margin-bottom: 20px
}

.mt-0 {
    margin-top: 0 !important
}

.px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.mb-5 {
    margin-bottom: 5px
}

@media(min-width: 768px) {
    .mt-50 {
        margin-top: 50px
    }

    .mb-40 {
        margin-bottom: 40px
    }
}

@media(min-width: 1024px) {
    .ant-modal-body h1.ant-typography {
        max-width: 69%
    }
}

.page-template-page-property-New .property-details-container {
    margin-top: 12px
}

.property-icons a img {
    max-height: 32px
}

.contact-lucas h5 {
    text-transform: var(--none) !important
}

@media(max-width: 1270px) {
    .mortgage-head-block {
        padding-top: 40px
    }
}

[hover-tooltip] {
    position: relative;
    cursor: default
}

[hover-tooltip]:hover::before {
    content: attr(hover-tooltip);
    font-size: 1.3rem;
    text-align: center;
    position: absolute;
    display: block;
    left: 50%;
    width: 95%;
    min-width: 247px;
    max-width: 442px;
    bottom: calc(100% + 10px);
    transform: translate(-50%);
    animation: fade-in 300ms ease;
    background: #000;
    border-radius: 4px;
    padding: 18px 28px;
    color: #fff;
    z-index: 1;
    line-height: 1.3
}

[hover-tooltip]:hover::after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    width: 0;
    height: 0;
    bottom: calc(100% + 6px);
    margin-left: -3px;
    border: 1px solid #000;
    border-color: #272727 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 4px 6px 0;
    animation: fade-in 300ms ease;
    z-index: 1
}

[hover-tooltip][tooltip-position=bottom]:hover::before {
    bottom: auto;
    top: calc(100% + 10px)
}

[hover-tooltip][tooltip-position=bottom]:hover::after {
    bottom: auto;
    top: calc(100% + 6px);
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #272727;
    border-width: 0 6px 4px
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.pagination-mci {
    margin: 32px 0 42px 0
}

.pagination-mci ul li {
    display: inline-flex;
    margin-right: 8px
}

.pagination-mci ul li a {
    min-width: 42px;
    height: 42px;
    padding-inline: 18px;
    display: grid;
    place-content: center;
    border: solid 1px #ccc;
    color: inherit;
    transition: all .3s ease-in-out;
    border-radius: 3px
}

.pagination-mci ul .active a {
    font-weight: bold
}

.pagination-mci ul .active a,
.pagination-mci ul li a:hover {
    background-color: #000;
    color: #fff
}

.posts-navigation {
    width: 100%
}

.development-sub-list li {
    position: relative
}

.development-sub-list .fav a {
    position: absolute;
    width: 100%;
    height: 100%
}

.development-sub-list .fav a i {
    inset: 0;
    margin: auto
}

.pum-content .gform_wrapper {
    padding-inline: 15px;
    padding-block: 12px
}

.pum-content .gform_wrapper .gform_title {
    color: #ff6000;
    text-transform: uppercase;
    text-align: center;
    border-bottom: solid 1px;
    margin: 0 !important;
    font-size: 1.3rem;
    padding-bottom: 12px;
    font-weight: bold;
    display: block !important;
    line-height: normal
}

.pum-content .gform_wrapper .gform_fields {
    gap: 26px
}

.pum-content .gform_wrapper .gform-field-label {
    position: relative;
    top: 5px
}

.pum-content .gform_wrapper .gform_description {
    padding-top: 15px
}

.heart-icon,
.remove-favorite,
.add-favorite {
    position: var(--absolute);
    right: 8px;
    top: 8px;
    background-position: var(--center);
    background-size: 30px;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: all .3s ease-out;
    height: 40px;
    width: 40px;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0);
    border: var(--none);
    display: block
}

.add-favorite .icon-heart-neigh,
.remove-favorite .icon-heart-neigh {
    display: none
}

.heart-icon,
.add-favorite {
    background-image: url("../svg/heart-white.svg")
}

.list-display.active .add-favorite,
.list-display.active .heart-icon {
    background-image: url("../svg/heart.svg")
}

.icon-heart-neigh-new,
.remove-favorite,
.list-display.active .remove-favorite {
    background-image: url("../png/like-red.png")
}

@media(min-width: 768px) {
    .aventura-heart-3030 .heart-icon {
        right: auto
    }
}

.neigh-image-data {
    gap: 5px
}

.neigh-image-data .neigh-image-a {
    width: 100%
}

.development-list-data .fav button {
    margin: auto;
    inset: 0
}

.neighborhood-container .rent-image-div h2 a {
    font-size: 25px
}

@media(min-width: 1024px) {
    .neighborhood-container .rent-image-div h2 a {
        font-size: 35px;
        font-weight: 300
    }
}

@media(min-width: 1280px) {
    .neighborhood-container .rent-image-div h2 a {
        font-size: 40px
    }
}

@media(min-width: 1660px) {
    .neighborhood-container .rent-image-div h2 a {
        font-size: 60px
    }
}

@media(max-width: 1025px) {
    .list-community .development-list .development-list-data .development-sub-list>li {
        width: 33% !important
    }
}

@media(min-width: 1026px) {

    .list-community .development-list-heading>li.address,
    .list-community .development-list-data .address {
        min-width: 20% !important
    }

    .list-community .development-list-heading>li:not(.address),
    .list-community .development-list-data>li:not(.address):not(.development-li) {
        width: 8% !important
    }

    .list-community .development-list-data .development-li {
        width: 48% !important
    }

    .list-community .development-list-data .development-li li {
        width: 16.6% !important
    }
}

#profile.available-condo-container h2,
#profile .district-heading h2 {
    text-transform: initial;
    font-weight: 100;
    font-size: 36px;
    line-height: normal;
    text-align: left
}

#profile .aventura-content {
    padding-top: 10px;
    text-align: justify
}

#profile.available-condo-container h2 strong {
    font-size: inherit;
    font-weight: inherit;
    text-transform: inherit
}

.gmaphere * {
    text-transform: initial;
    font-weight: inherit
}

.gmaphere h2 {
    margin: 30px 0
}

.gmaphere ul li {
    line-height: 1.6;
    list-style: inside
}

.tooltip {
    text-transform: initial
}

.ui-tooltip,
.arrow:after {
    background: #000;
    border: 1px solid #fff
}

.ui-tooltip {
    padding: 10px 20px;
    color: #fff;
    border-radius: 20px;
    text-transform: uppercase;
    text-align: center
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px
}

.arrow.top {
    top: -16px;
    bottom: auto
}

.arrow.left {
    left: 20%
}

.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    transform: rotate(45deg)
}

.arrow.top:after {
    bottom: -20px;
    top: auto
}

.new-virtual-filter .vr-filter-bar form {
    display: flex;
    gap: 12px
}

.new-virtual-filter .vr-filter-bar form label .checkmark {
    position: relative;
    order: -1;
    margin-top: -1px
}

.new-virtual-filter .vr-filter-bar .bedroom-form>form {
    gap: 8px
}

.new-virtual-filter .vr-filter-bar .label-check {
    display: inline-flex;
    gap: 4px;
    padding-left: 3px !important
}

.new-virtual-filter .vr-filter-bar .label-check input {
    position: absolute;
    visibility: hidden
}

@media(min-width: 1280px) {
    .new-virtual-filter .vr-filter-bar {
        text-align: left
    }

    .new-virtual-filter .vr-filter-bar .label-check {
        padding-left: 5px !important;
        padding-right: 24px !important
    }
}

@media(max-width: 767px) {

    .new-virtual-filter .vr-filter-bar form label[for=idx_bed0],
    .new-virtual-filter .vr-filter-bar form label[for=idx_bed1] {
        display: none
    }

    .new-virtual-filter .filter-btn.all-filters {
        width: 100% !important;
        border-right: 0 !important
    }
}

@media(min-width: 1280px) {
    .new-virtual-filter .bedrooms {
        width: 63%
    }
}

.relative {
    position: relative
}

.top-left {
    position: absolute;
    top: 4%;
    left: 3%;
    z-index: 1
}

.two-aligned {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 20px
}

@media(min-width: 1280px) {
    .available-condo-container .aventura-filter {
        flex-wrap: nowrap
    }
}

.condo-address h4,
.condo-address p {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.lazy-load-image-background.blur.lazy-load-image-loaded {
    display: block !important
}

.two-aligned .price {
    text-align: right !important
}

.two-aligned p {
    background-color: rgba(0, 0, 0, 0) !important
}

@media(max-width: 767px) {
    .bedroom-form>form {
        gap: 15px
    }

    .bedroom-form>form label.label-check {
        padding-left: 12px !important;
        padding-right: 2px !important
    }

    .aventura-body .new-slide {
        max-height: 250px;
        overflow: hidden
    }
}

*:fullscreen,
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
    overflow: auto !important
}

@media(max-width: 767px) {
    .full-screen .owl-nav {
        display: none
    }
}

#sync2 .item {
    position: relative
}

#sync2 .item .custom-logo {
    height: 90px
}

@media(min-width: 768px) {
    .property-details-container .property-slider-row {
        margin-bottom: 50px !important
    }
}

.property-card-slider-container {
    min-height: auto !important
}

.property-card-slider-container .neigh-detail span {
    white-space: nowrap
}

.list-display.active .add-favorite,
.list-display.active .heart-icon {
    margin: auto;
    inset: 0
}

@media(max-width: 390px) {
    .favorited-head-block .thumb-list {
        width: 100%
    }
}

@media(max-width: 576px) {
    .favorites-container .rent-image-div a {
        white-space: nowrap
    }

    .my-results-listview .list-display .development-list-data>li:nth-child(4) {
        width: 25%
    }
}

.buildings-box .rent-image-div4-a {
    min-height: 45px;
    display: grid;
    place-content: center
}

@media(min-width: 1660px) {
    .buildings-box .rent-image-div4-a {
        min-height: 60px
    }
}

.grid-gap-5 {
    display: grid;
    gap: 5px
}

.neighborhood-container .rent-image-div h2 {
    line-height: normal
}

.aventura-filter .bedroom-form {
    max-width: -moz-fit-content;
    max-width: fit-content
}

.aventura-filter .bedrooms {
    gap: 22px
}

.aventura-filter .bedrooms h6 {
    margin-right: 0 !important
}

@media(max-width: 767px) {
    .aventura-filter .all-filters {
        width: 50%;
        border-right: 1px solid var(--black) !important
    }

    .aventura-filter .sort-btn {
        width: 50%
    }

    span.checkmark {
        margin-top: -2px
    }
}

@media(min-width: 768px) {
    span.checkmark {
        margin-top: -1px
    }
}

@media(max-width: 1025px) {
    .development-list.-mobile-format .-mobile-hidden {
        display: none !important
    }

    .development-list.-mobile-format li.development-li {
        height: 241px !important
    }

    .development-list.-mobile-format .mobile-list-heading .address {
        width: 23%
    }

    .development-list.-mobile-format .mobile-list-heading .price {
        width: 24%
    }

    .development-list.-mobile-format .mobile-list-heading .beds,
    .development-list.-mobile-format .mobile-list-heading .baths {
        width: 20%
    }

    .development-list.-mobile-format .development-list-data>li:not(.development-li).address {
        width: 23%
    }

    .development-list.-mobile-format .development-list-data>li:not(.development-li).price {
        width: 24%
    }

    .development-list.-mobile-format .development-list-data>li:not(.development-li).beds,
    .development-list.-mobile-format .development-list-data>li:not(.development-li).baths {
        width: 20%
    }

    .development-list.-mobile-format .development-list-data .development-sub-list .-large {
        width: 75%
    }

    .development-list.-mobile-format .development-list-data .development-sub-list .furnished-sf {
        width: 50%
    }
}

@media(min-width: 768px) {
    .aventura-filter .bedrooms {
        gap: 32px
    }
}

.contact-form-bottom {
    max-width: 1440px;
    margin: auto
}

.contact-form-bottom .contact-info {
    display: grid
}

.contact-form-bottom .contact-lucas-img-section {
    padding-bottom: 20px
}

.contact-form-bottom .contact-us-lucas-img {
    padding-bottom: 0
}

.contact-form-bottom .contact-lucas {
    padding-top: 14px
}

.contact-form-bottom .contact-lucas h5 {
    margin-bottom: 25px
}

.contact-form-bottom .contact-us-lucas,
.contact-form-bottom .contact-us-form {
    position: relative
}

.contact-form-bottom .contact-message-2 {
    padding-bottom: 0
}

@media(min-width: 1280px) {
    .contact-form-bottom .contact-us-lucas {
        left: 2%
    }

    .contact-form-bottom .contact-us-form {
        right: 2%
    }
}