/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */



@font-face {
    font-display: swap!important;
}
    .searchScroll {
        position: relative;
        max-height: 200px;
        overflow: auto;
    }

    .postbox .carousel-inner {
        height: 0;
        padding-bottom: 25%; /* this sets carousel aspect ratio (4:1 here) */
    }

    .postbox.carousel-item {
        position: absolute !important; /* Bootstrap is insistent */
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

        .postbox .carousel-item img {
            height: 100%; /* Bootstrap handles width already */
            width: 100%;
            object-fit: cover; /* or 'contain' if you want stretch instead of crop */
        }

    .postbox .banner-inner {
    }

    .postbox .banner-item {
    }

        .postbox .banner-item img {
            height: 50vh;
            object-fit: cover;
            width: 100%;
        }


    .g-recaptcha > div, .g-recaptcha > div > div {
        margin: 10px auto !important;
        text-align: center;
        width: auto !important;
        height: auto !important;
    }

    #logoWrapper img {
        max-width: 30px;
        max-height: 30px;
    }

    #footerLogo img {
        max-width: 50px;
        max-height: 50px;
    }

    a.navbar-brand {
        white-space: normal;
        text-align: center;
        word-break: break-all;
    }
    /* Provide sufficient contrast against white background */
    a {
        color: #0366d6;
    }

    .btn-primary {
        color: #fff;
        background-color: #1b6ec2;
        border-color: #1861ac;
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #1b6ec2;
        border-color: #1861ac;
    }
    /* Sticky footer styles
-------------------------------------------------- */
    html {
        font-size: 14px;
    }

    .vh-60 {
        min-height: 60vh;
    }

    @media (min-width: 768px) {
        html {
            font-size: 16px;
        }
    }

    .border-top {
        border-top: 1px solid #e5e5e5;
    }

    .border-bottom {
        border-bottom: 1px solid #e5e5e5;
    }

    .box-shadow {
        box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
    }

    button.accept-policy {
        font-size: 1rem;
        line-height: inherit;
    }
    /* Sticky footer styles
-------------------------------------------------- */
    html {
        position: relative;
        min-height: 100%;
    }

    body {
        /* Margin bottom by footer height */
        margin-bottom: 60px;
    }
    /*.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; 
}*/
    /*
 * Always set the map height explicitly to define the size of the div element
 * that contains the map.
 */
    #map {
        height: 100%;
        width: 100%;
    }
    /*
 * Property styles in unhighlighted state.
 */
    .property {
        align-items: center;
        background-color: #FFFFFF;
        border-radius: 50%;
        color: #263238;
        display: flex;
        font-size: 14px;
        gap: 15px;
        height: 30px;
        justify-content: center;
        padding: 4px;
        position: relative;
        position: relative;
        transition: all 0.3s ease-out;
        width: 30px;
    }

        .property::after {
            border-left: 9px solid transparent;
            border-right: 9px solid transparent;
            border-top: 9px solid #FFFFFF;
            content: "";
            height: 0;
            left: 50%;
            position: absolute;
            top: 95%;
            transform: translate(-50%, 0);
            transition: all 0.3s ease-out;
            width: 0;
            z-index: 1;
        }

        .property .icon {
            align-items: center;
            display: flex;
            justify-content: center;
            color: #000;
        }

            .property .icon svg {
                height: 20px;
                width: auto;
            }

        .property .details {
            display: none;
            flex-direction: column;
            flex: 1;
        }

        .property .address {
            color: #9E9E9E;
            font-size: 10px;
            margin-bottom: 10px;
            margin-top: 5px;
        }

        .property .features {
            align-items: flex-end;
            display: flex;
            flex-direction: row;
            gap: 10px;
        }

            .property .features > div {
                align-items: center;
                background: #F5F5F5;
                border-radius: 5px;
                border: 1px solid #ccc;
                display: flex;
                font-size: 10px;
                gap: 5px;
                padding: 5px;
            }
        /*
 * Property styles in highlighted state.
 */
        .property.highlight {
            background-color: #FFFFFF;
            border-radius: 8px;
            box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
            height: 80px;
            padding: 8px 15px;
            width: auto;
        }

            .property.highlight::after {
                border-top: 9px solid #FFFFFF;
            }

            .property.highlight .details {
                display: flex;
            }

            .property.highlight .icon svg {
                width: 50px;
                height: 50px;
            }

        .property .bed {
            color: #FFA000;
        }

        .property .bath {
            color: #03A9F4;
        }

        .property .size {
            color: #388E3C;
        }
        /*
 * House icon colors.
 */
        .property.highlight:has(.fa-house) .icon {
            color: var(--house-color);
        }

        .property:not(.highlight):has(.fa-house) {
            background-color: var(--house-color);
        }

            .property:not(.highlight):has(.fa-house)::after {
                border-top: 9px solid var(--house-color);
            }
        /*
 * Building icon colors.
 */
        .property.highlight:has(.fa-building) .icon {
            color: var(--building-color);
        }

        .property:not(.highlight):has(.fa-building) {
            background-color: var(--building-color);
        }

            .property:not(.highlight):has(.fa-building)::after {
                border-top: 9px solid var(--building-color);
            }
        /*
 * Warehouse icon colors.
 */
        .property.highlight:has(.fa-warehouse) .icon {
            color: var(--warehouse-color);
        }

        .property:not(.highlight):has(.fa-warehouse) {
            background-color: var(--warehouse-color);
        }

            .property:not(.highlight):has(.fa-warehouse)::after {
                border-top: 9px solid var(--warehouse-color);
            }
        /*
 * Shop icon colors.
 */
        .property.highlight:has(.fa-shop) .icon {
            color: var(--shop-color);
        }

        .property:not(.highlight):has(.fa-shop) {
            background-color: var(--shop-color);
        }

            .property:not(.highlight):has(.fa-shop)::after {
                border-top: 9px solid var(--shop-color);
            }
    /* validation*/

    .form-control.input-validation-error {
        border-color: #dc3545;
        padding-right: calc(1.5em + 0.75rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.1875rem) center;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

    .form-control.valid {
        border-color: #28a745;
        padding-right: calc(1.5em + 0.75rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.1875rem) center;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }





    .minmax150 {
        min-height: 150px;
        max-height: 150px;
    }

    .minmax300 {
        min-height: 300px;
        max-height: 300px;
    }

    .minmax300600 {
        min-height: 300px;
        max-height: 600px;
    }

    .minmax640 {
        min-height: 640px;
        max-height: 640px;
    }

    .minmax200 {
        min-height: 200px;
        max-height: 200px;
    }

    #clickThumbs .item {
        cursor: pointer;
    }


    .zoom-img img {
        transition: all .3s ease-in-out;
    }

        .zoom-img img:hover {
            transform: scale(1.2);
        }

    .infoPrice {
        z-index: 1
    }

    #offcanvasFilter {
        z-index: 1046;
    }


    .slider {
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }

        .slider.slider-horizontal {
            width: 210px;
            height: 20px;
        }

            .slider.slider-horizontal .slider-track {
                height: 10px;
                width: 100%;
                margin-top: -5px;
                top: 50%;
                left: 0;
            }

            .slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high {
                height: 100%;
                top: 0;
                bottom: 0;
            }

            .slider.slider-horizontal .slider-tick,
            .slider.slider-horizontal .slider-handle {
                margin-left: -10px;
            }

                .slider.slider-horizontal .slider-tick.triangle,
                .slider.slider-horizontal .slider-handle.triangle {
                    position: relative;
                    top: 50%;
                    transform: translateY(-50%);
                    border-width: 0 10px 10px 10px;
                    width: 0;
                    height: 0;
                    border-bottom-color: #036fa5;
                    margin-top: 0;
                }

            .slider.slider-horizontal .slider-tick-container {
                white-space: nowrap;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
            }

            .slider.slider-horizontal .slider-tick-label-container {
                white-space: nowrap;
                margin-top: 20px;
            }

                .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
                    display: inline-block;
                    text-align: center;
                }

            .slider.slider-horizontal.slider-rtl .slider-track {
                left: initial;
                right: 0;
            }

            .slider.slider-horizontal.slider-rtl .slider-tick,
            .slider.slider-horizontal.slider-rtl .slider-handle {
                margin-left: initial;
                margin-right: -10px;
            }

            .slider.slider-horizontal.slider-rtl .slider-tick-container {
                left: initial;
                right: 0;
            }

        .slider.slider-vertical {
            height: 210px;
            width: 20px;
        }

            .slider.slider-vertical .slider-track {
                width: 10px;
                height: 100%;
                left: 25%;
                top: 0;
            }

            .slider.slider-vertical .slider-selection {
                width: 100%;
                left: 0;
                top: 0;
                bottom: 0;
            }

            .slider.slider-vertical .slider-track-low, .slider.slider-vertical .slider-track-high {
                width: 100%;
                left: 0;
                right: 0;
            }

            .slider.slider-vertical .slider-tick,
            .slider.slider-vertical .slider-handle {
                margin-top: -10px;
            }

                .slider.slider-vertical .slider-tick.triangle,
                .slider.slider-vertical .slider-handle.triangle {
                    border-width: 10px 0 10px 10px;
                    width: 1px;
                    height: 1px;
                    border-left-color: #036fa5;
                    margin-left: 0;
                }

            .slider.slider-vertical .slider-tick-label-container {
                white-space: nowrap;
            }

                .slider.slider-vertical .slider-tick-label-container .slider-tick-label {
                    padding-left: 4px;
                }

            .slider.slider-vertical.slider-rtl .slider-track {
                left: initial;
                right: 25%;
            }

            .slider.slider-vertical.slider-rtl .slider-selection {
                left: initial;
                right: 0;
            }

            .slider.slider-vertical.slider-rtl .slider-tick.triangle,
            .slider.slider-vertical.slider-rtl .slider-handle.triangle {
                border-width: 10px 10px 10px 0;
            }

            .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
                padding-left: initial;
                padding-right: 4px;
            }

        .slider.slider-disabled .slider-handle {
            background-color: #cfcfcf;
            background-image: -moz-linear-gradient(top, #DFDFDF, #BEBEBE);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DFDFDF), to(#BEBEBE));
            background-image: -webkit-linear-gradient(top, #DFDFDF, #BEBEBE);
            background-image: -o-linear-gradient(top, #DFDFDF, #BEBEBE);
            background-image: linear-gradient(to bottom, #DFDFDF, #BEBEBE);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#BEBEBE',GradientType=0);
        }

        .slider.slider-disabled .slider-track {
            background-color: #e7e7e7;
            background-image: -moz-linear-gradient(top, #E5E5E5, #E9E9E9);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E5E5E5), to(#E9E9E9));
            background-image: -webkit-linear-gradient(top, #E5E5E5, #E9E9E9);
            background-image: -o-linear-gradient(top, #E5E5E5, #E9E9E9);
            background-image: linear-gradient(to bottom, #E5E5E5, #E9E9E9);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5E5E5', endColorstr='#E9E9E9',GradientType=0);
            cursor: not-allowed;
        }

        .slider input {
            display: none;
        }

        .slider .tooltip-inner {
            white-space: nowrap;
            max-width: none;
        }

        .slider .bs-tooltip-top .tooltip-inner,
        .slider .bs-tooltip-bottom .tooltip-inner {
            position: relative;
            left: -50%;
        }

        .slider.bs-tooltip-left .tooltip-inner, .slider.bs-tooltip-right .tooltip-inner {
            position: relative;
            top: -100%;
        }

        .slider .tooltip {
            pointer-events: none;
        }

            .slider .tooltip.bs-tooltip-top .arrow, .slider .tooltip.bs-tooltip-bottom .arrow {
                left: -.4rem;
            }

            .slider .tooltip.bs-tooltip-top {
                margin-top: -44px;
            }

            .slider .tooltip.bs-tooltip-bottom {
                margin-top: 2px;
            }

            .slider .tooltip.bs-tooltip-left, .slider .tooltip.bs-tooltip-right {
                margin-top: -14px;
            }

                .slider .tooltip.bs-tooltip-left .arrow, .slider .tooltip.bs-tooltip-right .arrow {
                    top: 8px;
                }

        .slider .hide {
            display: none;
        }

    .slider-track {
        background-color: #f7f7f7;
        background-image: -moz-linear-gradient(top, #F5F5F5, #F9F9F9);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F5F5F5), to(#F9F9F9));
        background-image: -webkit-linear-gradient(top, #F5F5F5, #F9F9F9);
        background-image: -o-linear-gradient(top, #F5F5F5, #F9F9F9);
        background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F9F9F9',GradientType=0);
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        position: absolute;
        cursor: pointer;
    }

    .slider-selection {
        background-color: #f7f7f7;
        background-image: -moz-linear-gradient(top, #F9F9F9, #F5F5F5);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F9F9F9), to(#F5F5F5));
        background-image: -webkit-linear-gradient(top, #F9F9F9, #F5F5F5);
        background-image: -o-linear-gradient(top, #F9F9F9, #F5F5F5);
        background-image: linear-gradient(to bottom, #F9F9F9, #F5F5F5);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#F5F5F5',GradientType=0);
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        position: absolute;
    }

        .slider-selection.tick-slider-selection {
            background-color: #46c1fe;
            background-image: -moz-linear-gradient(top, #52c5ff, #3abcfd);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52c5ff), to(#3abcfd));
            background-image: -webkit-linear-gradient(top, #52c5ff, #3abcfd);
            background-image: -o-linear-gradient(top, #52c5ff, #3abcfd);
            background-image: linear-gradient(to bottom, #52c5ff, #3abcfd);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c5ff', endColorstr='#3abcfd',GradientType=0);
        }

    .slider-track-low, .slider-track-high {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        position: absolute;
        background: transparent;
    }

    .slider-handle {
        background-color: #0478b2;
        background-image: -moz-linear-gradient(top, #0480BE, #036fa5);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0480BE), to(#036fa5));
        background-image: -webkit-linear-gradient(top, #0480BE, #036fa5);
        background-image: -o-linear-gradient(top, #0480BE, #036fa5);
        background-image: linear-gradient(to bottom, #0480BE, #036fa5);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0480BE', endColorstr='#036fa5',GradientType=0);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        position: absolute;
        top: 0;
        width: 20px;
        height: 20px;
        background-color: #0480BE;
        border: 0px solid transparent;
    }

        .slider-handle:hover {
            cursor: pointer;
        }

        .slider-handle.round {
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

        .slider-handle.triangle {
            background: transparent none;
        }

        .slider-handle.custom {
            background: transparent none;
        }

            .slider-handle.custom::before {
                line-height: 20px;
                font-size: 20px;
                content: '\2605';
                color: #726204;
            }

    .slider-tick {
        background-color: #f7f7f7;
        background-image: -moz-linear-gradient(top, #F5F5F5, #F9F9F9);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F5F5F5), to(#F9F9F9));
        background-image: -webkit-linear-gradient(top, #F5F5F5, #F9F9F9);
        background-image: -o-linear-gradient(top, #F5F5F5, #F9F9F9);
        background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F9F9F9',GradientType=0);
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        cursor: pointer;
        width: 20px;
        height: 20px;
        filter: none;
        opacity: 0.8;
        border: 0px solid transparent;
    }

        .slider-tick.round {
            border-radius: 50%;
        }

        .slider-tick.triangle {
            background: transparent none;
        }

        .slider-tick.custom {
            background: transparent none;
        }

            .slider-tick.custom::before {
                line-height: 20px;
                font-size: 20px;
                content: '\2605';
                color: #726204;
            }

        .slider-tick.in-selection {
            background-color: #46c1fe;
            background-image: -moz-linear-gradient(top, #52c5ff, #3abcfd);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52c5ff), to(#3abcfd));
            background-image: -webkit-linear-gradient(top, #52c5ff, #3abcfd);
            background-image: -o-linear-gradient(top, #52c5ff, #3abcfd);
            background-image: linear-gradient(to bottom, #52c5ff, #3abcfd);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c5ff', endColorstr='#3abcfd',GradientType=0);
            opacity: 1;
        }

    #slider-div {
        display: flex;
        flex-direction: row;
        margin-top: 30px;
    }

        #slider-div > div {
            margin: 8px;
        }

    .slider-label {
        position: absolute;
        background-color: #eee;
        padding: 4px;
        font-size: 0.75rem;
    }


    .scrollBlock {
        top: 5rem;
        height: calc(100vh - 7rem);
        padding-left: .25rem;
        margin-left: -.25rem;
        overflow-y: auto;
        scroll-behavior: smooth;
    }


    .SearchResultImage {
        max-height: 250px;
        min-height: 250px;
        max-width: 100%;
        min-width: 100%;
        object-fit: cover;
    }

    .mw-75 {
        min-width: 75%;
    }

    .mw-50 {
        min-width: 50%;
    }

    .mw-25 {
        min-width: 25%;
    }

    .mh-200 {
        max-height: 200px;
    }

    .mh-300 {
        max-height: 300px;
    }

    .mh-400 {
        max-height: 400px;
    }