/*******************************************************

 *

 * Listing Results

 *

 *******************************************************/

#inner-page-wrapper {

    margin-bottom: 0;

}

#inner-page-wrapper > .container {

    width: 100%;

    padding: 0;

}



#lr-wrap {

    position: relative;

    padding-top: 95px;

}

.lr-search-inner {

    position: relative;

    max-width: 1360px;

    margin: 0 auto 26px;

    padding: 0 15px;

}

.lr-search-heading {

    margin-bottom: 34px;

}

.lr-search-form {

    position: relative;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 16px;

}

.lr-search-form-col.col-left {

    width: calc(100% - 213px);

}

.lr-search-form-col form {

    position: relative;

    align-items: center;

    justify-content: space-between;

}

.lr-search-form-field {

    position: relative;

    margin-right: 30px;

}

.lr-search-form-field.col-city {

    width: 389px;

}

.lr-search-form-field.col-price {

    width: 269px;

}

.lr-search-form-field.col-beds,

.lr-search-form-field.col-baths {

    width: 162px;

}

.lr-search-form-field input, .lr-search-form-field select, .lr-sort-field select {

    -webkit-appearance: none;

    -moz-appearance: none;

    outline: none;

    border: none;

    font-size: 13px;

    font-weight: 400;

    color: #000;

    text-transform: uppercase;

    letter-spacing: 0.05em;

    width: 100%;

    height: 52px;

    background-image: url('../../images/results/dropdown-icon.png');

    background-size: 5px 3px;

    background-position: center right;

    background-repeat: no-repeat;

    background-color: transparent;

    border-bottom: 2px solid #000;

}

.lr-search-form .bootstrap-select.btn-group {

    /*select width, display and position are set here and set to !important

    no height attribute. padding in .bootstrap-select.btn-group .dropdown-toggle sets the height*/

    width: 100%;

}



.lr-search-form .bootstrap-select.btn-group .dropdown-toggle {

    /*form appearance should be set here

    no height attribute. set the height by setting the padding*/

    border-radius: 0;

    -webkit-appearance: none;

    -moz-appearance: none;

    outline: none;

    border: none;

    font-size: 13px;

    font-weight: 400;

    color: #000;

    text-transform: uppercase;

    letter-spacing: 0.05em;

    width: 100%;

    height: 52px;

    background-size: 5px 3px;

    background-position: center right;

    background-repeat: no-repeat;

    background-color: transparent;

    border-bottom: 2px solid #000;

}



.lr-search-form .bootstrap-select.btn-group .dropdown-toggle .filter-option {

    /*font size, family, etc. should be set here*/

    font-size: 13px;

    font-weight: 400;

    color: #000;

    text-transform: uppercase;

    letter-spacing: 0.05em;

}



.lr-search-form-field select option, .lr-sort-field select option {

    color: #fff;

    background-color: #000;

}

.lr-search-form-submit {

    width: 20px;

}

.lr-search-form-submit button {

    display: block;

    font-size: 18px;

    color: #000;

    width: 20px;

    height: 20px;

    padding: 0;

    background-color: transparent;

}

.lr-search-form-submit button:hover {

    opacity: .7;

}

.lr-search-form-col.col-right {

    width: 213px;

}

.lr-sort-field, .lr-search-link {

    width: 175px;

    margin-left: auto;

}

.lr-search-link {
    float: right;
    width: 200px;
}

.custom-btn-ihf {
    margin-bottom: 14px;
    position: relative;
    z-index: 9;
}

.lr-list-inner {

    position: relative;

    max-width: 1334px;

    margin: 0 auto;

}

.lr-list-main {

    position: relative;

}

.lr-list-main li {

    display: inline-block;

    vertical-align: top;

    width: 50%;

    padding: 2px; 

}

.lr-list-main li:nth-child(3), .lr-list-main li:nth-child(7), .lr-list-main li:nth-child(11) {

    width: 56.39%;

}

.lr-list-main li:nth-child(4), .lr-list-main li:nth-child(8), .lr-list-main li:nth-child(12) {

    width: 43.60%;

}

.lr-item {

    position: relative;

}

.lr-item a {

    position: relative;

    display: block;

}

.lr-item a::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 50%;

    background: linear-gradient(to bottom, transparent, #000);

    pointer-events: none;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    z-index: 1;

}

.lr-item a:hover:before {

    height: 100%;

}

.lr-item a::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 270px;

    height: 234px;

    background-image: url('../../images/results/logo-overlay.png');

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    pointer-events: none;

    opacity: 0;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    z-index: 1;

}

.lr-item a:hover:after {

    opacity: .2;

}

.lr-item-img canvas {

    height: 391px;

}

.lr-item-dets {

    position: absolute;

    bottom: 67px;

    left: 0;

    width: 100%;

    text-align: center;

    z-index: 2;

    font: initial;

    font-family: inherit;

}

.lr-specs::after {

    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 0;

    height: 3px;

    background-color: #fff;

    opacity: 0;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    pointer-events: none;

}
.lr-specs span {
    padding: 0 15px;
    border-left: 2px solid;
}

.lr-specs span:first-child {
    border: none;
}

.lr-item a:hover .lr-specs::after {

    opacity: 1;

    width: 130px;

}

.lr-item a:hover .lr-item-dets {

    bottom: 50%;

    transform: translateY(50%);

}

.lr-item-dets h3 {

    font-size: 19px!important;

    font-weight: 500!important;

    color: #ffff;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    margin: unset!important;

    margin-bottom: 5px;

}

.lr-item-dets h3 span {

    display: block;

    font-size: 14px;

    font-weight: 400;

    margin-top: 8px;

}

.lr-item-dets p {

    font-size: 19px!important;

    font-weight: 500;

    color: #fff;

    letter-spacing: 0.1em;

    margin: unset!important;

    padding: 0!important;

}

.lr-link {

    max-width: 216px;

    margin: 78px auto 0;

}

.section-wrap.lr-list::before {
    content: '';
    clear: both;
    display: block;
    margin-top: 80px;
}

/*popup*/
.aiosp-wrap .aiosp-container.aiosp-ref-\#brochure-popup .aios-popup-body{
    width: 483px;
    background: url(../../images/about/abt-popup.png) center 43px no-repeat #fff;
    max-width: calc(100% - 30px);
    border: 10px solid #000;
    min-height: 0;
    padding: 72px 15px 58px;
}
#brochure-popup{
    

}
.brochure-popup-title{
    font-family: var(--font-librefranklin);
    font-size: 18px;
    font-weight: 500;
    color: #000;
    letter-spacing: 0.15em;
    line-height: normal;
    text-align: center;
    
    max-width: 400px;
    margin: 0 auto 26px;
}
.abt-popup{
    width: 355px;
    max-width: calc(100% - 30px);
    margin: 0 auto 0;
}
.abt-popup{}
.abt-popup ::-webkit-input-placeholder {
  text-transform: uppercase;
}
.abt-popup :-ms-input-placeholder {
  text-transform: uppercase;
}
.abt-popup ::placeholder {
  text-transform: uppercase;
}
.abt-popup .abt-row{
    margin: 14px 0 0;
}
.abt-popup .abt-row:first-child{
    margin: 0 0 0;
}
.abt-popup .abt-row input:not([type="submit"]){
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: none;
    font-family: var(--font-librefranklin);
    font-size: 13px;
    font-weight: 500;
    color: #000;
    letter-spacing: 0.15em;
    width: 100%;
    height: 44px;
    padding: 0;
    border-bottom: 2px solid #000;
    background-color: transparent;
}
.abt-popup .abt-row.button{
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0;
}
.abt-popup .abt-row.button input{
    background: none;
    width: 181px;
}

.lr-item-banner.sold-date {
    font-size: initial;
    font-family: inherit;
    position: absolute;
    z-index: 9;
    background-color: #000;
    color: #fff;
    top: 10px;
    left: 10px;
    padding: 10px;
}

.ld-courtesy-logo img {
    margin: 0 auto;
}

.ld-dets-info-courtesy,
.ld-courtesy-text p {
    font-size: 12px;
    color: #878787;
    line-height: 1.45;
    padding: 0 0 20px;
}

.ld-courtesy-text {
    max-width: 890px;
    margin: 0 auto;
}

.ld-courtesy-logo {
    margin-top: 15px;
}

.ld-courtesy {
    padding: 46px 0 8px;
}

.ld-dets-info-courtesy p, .ld-dets-info-courtesy p b {
    font-weight: 400;
    color: #878787;
    letter-spacing: 0.05em;
}

/*******************************************************

 *

 * Mobile styles and other media queries

 *

 *******************************************************/

@media only screen and (max-width: 1440px) {

    

}



@media only screen and (max-width: 1366px) {

    

}



@media only screen and (max-width: 1280px) {

    

}



@media only screen and (max-width: 1199px) {

    .lr-search-form-field input, .lr-search-form-field select, .lr-sort-field select, .lr-search-form .bootstrap-select.btn-group .dropdown-toggle .filter-option {

        font-size: 12px;

    }

    .lr-list-main {

        padding: 0 13px;

    }

}



@media only screen and (max-width: 991px) {

    #lr-wrap {padding-top: 0;}

    .lr-search-form, .lr-search-form-col form {display: block;}

    .lr-search-form-col.col-left, .lr-search-form-col.col-right {

        width: 100%;

    }

    .lr-search-form-field {

        width: 100% !important;

        max-width: 480px;

        margin: 0 auto 16px !important;

    }

    .lr-search-form-submit {

        margin: 0 auto;

    }

    .lr-search-inner .custom-btn-ihf{
        overflow: hidden;
    }

    .lr-sort-field, .lr-search-link {width: 100%;max-width: 480px;margin: 0 auto 5px!important;float: none;}

    .lr-list-main li {

        display: block;

        width: 100% !important;

        max-width: 480px;

        margin: 0 auto;

    }

    .lr-link {

        margin: 40px auto 0;

    }

    .lr-search-form-col.col-right {
        margin-bottom: 10px;
    }
    
    .lr-search-form {
        flex-direction: column-reverse;
    }
    
    .lr-search-form .bootstrap-select.btn-group .dropdown-toggle {
        padding: 0;
    }


}



@media only screen and (max-width: 767px) {

    

}



@media only screen and (max-width: 480px) {

    .lr-item-img canvas {

        height: 291px;

    }

    .lr-item-dets h3 {

        font-size: 15px;

    }

    .lr-item-dets h3 span {

        font-size: 11px;

    }

}