@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,700,900|Playfair+Display&display=swap');

:root {
    --color1: #000000;
    --color2: #fedd79;
    --color3: #c8a353;
    --color4: #fafafa;
    --admin-nav1: var(--color1);
    --admin-nav1-text: #fff;
    --admin-header-bg: #ccc;
    --admin-header-font: black;
    --admin-button-primary: var(--color1);
    --admin-button-secondary: var(--color1);
    --admin-links: var(--color3);
}



body, #recohomepage .listing-info .listing-address, h1, h2 {
    font-family: 'Montserrat', sans-serif;
}

a, a:hover {
    color: var(--color3);
}



.bg-white {
    background: #fff !important;
}

.bg-color4 {
    background: var(--color4) !important;
}

.text-color3 {
    color: var(--color3) !important;
}



/*.well*/.well-grid {
    padding: 0 15px;
}


.row-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.row-flex-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row-flex-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-flex-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.row-flex-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.row-flex-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.row-flex-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.row-flex-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.row-flex-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.row-flex>.col-xs-1, .row-flex>.col-xs-2, .row-flex>.col-xs-3, .row-flex>.col-xs-4, .row-flex>.col-xs-5, .row-flex>.col-xs-6, .row-flex>.col-xs-7, .row-flex>.col-xs-8, .row-flex>.col-xs-9, .row-flex>.col-xs-10, .row-flex>.col-xs-11, .row-flex>.col-xs-12 {
    float: none;
    width: auto
}

.row-flex>.col-xs-auto, .row-flex>.col-sm-auto, .row-flex>.col-md-auto, .row-flex>.col-lg-auto {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.row-flex>.col-xs-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%
}

.row-flex>.col-xs-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%
}

.row-flex>.col-xs-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.row-flex>.col-xs-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%
}

.row-flex>.col-xs-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%
}

.row-flex>.col-xs-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.row-flex>.col-xs-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%
}

.row-flex>.col-xs-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%
}

.row-flex>.col-xs-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
}

.row-flex>.col-xs-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%
}

.row-flex>.col-xs-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%
}

.row-flex>.col-xs-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.row-flex>.col-xs-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.row-flex>.col-xs-order-1 {
    order: 1;
}

.row-flex>.col-xs-order-2 {
    order: 2;
}

.row-flex>.col-xs-order-3 {
    order: 3;
}

@media(min-width: 768px) {
    .row-flex>.col-sm-1, .row-flex>.col-sm-2, .row-flex>.col-sm-3, .row-flex>.col-sm-4, .row-flex>.col-sm-5, .row-flex>.col-sm-6, .row-flex>.col-sm-7, .row-flex>.col-sm-8, .row-flex>.col-sm-9, .row-flex>.col-sm-10, .row-flex>.col-sm-11, .row-flex>.col-sm-12 {
        float: none;
        width: auto
    }

    .row-flex>.col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%
    }

    .row-flex>.col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%
    }

    .row-flex>.col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .row-flex>.col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%
    }

    .row-flex>.col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%
    }

    .row-flex>.col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .row-flex>.col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%
    }

    .row-flex>.col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%
    }

    .row-flex>.col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .row-flex>.col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%
    }

    .row-flex>.col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%
    }

    .row-flex>.col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .row-flex>.col-sm-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .row-flex>.col-sm-order-1 {
        order: 1;
    }
    
    .row-flex>.col-sm-order-2 {
        order: 2;
    }
    
    .row-flex>.col-sm-order-3 {
        order: 3;
    }
}

@media(min-width: 992px) {
    .row-flex>.col-md-1, .row-flex>.col-md-2, .row-flex>.col-md-3, .row-flex>.col-md-4, .row-flex>.col-md-5, .row-flex>.col-md-6, .row-flex>.col-md-7, .row-flex>.col-md-8, .row-flex>.col-md-9, .row-flex>.col-md-10, .row-flex>.col-md-11, .row-flex>.col-md-12 {
        float: none;
        width: auto
    }

    .row-flex>.col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%
    }

    .row-flex>.col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%
    }

    .row-flex>.col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .row-flex>.col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%
    }

    .row-flex>.col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%
    }

    .row-flex>.col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .row-flex>.col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%
    }

    .row-flex>.col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%
    }

    .row-flex>.col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .row-flex>.col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%
    }

    .row-flex>.col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%
    }

    .row-flex>.col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .row-flex>.col-md-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .row-flex>.col-md-order-1 {
        order: 1;
    }
    
    .row-flex>.col-md-order-2 {
        order: 2;
    }
    
    .row-flex>.col-md-order-3 {
        order: 3;
    }
}

@media(min-width: 1200px) {
    .row-flex>.col-lg-1, .row-flex>.col-lg-2, .row-flex>.col-lg-3, .row-flex>.col-lg-4, .row-flex>.col-lg-5, .row-flex>.col-lg-6, .row-flex>.col-lg-7, .row-flex>.col-lg-8, .row-flex>.col-lg-9, .row-flex>.col-lg-10, .row-flex>.col-lg-11, .row-flex>.col-lg-12 {
        float: none;
        width: auto
    }

    .row-flex>.col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%
    }

    .row-flex>.col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%
    }

    .row-flex>.col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .row-flex>.col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%
    }

    .row-flex>.col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%
    }

    .row-flex>.col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .row-flex>.col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%
    }

    .row-flex>.col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%
    }

    .row-flex>.col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .row-flex>.col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%
    }

    .row-flex>.col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%
    }

    .row-flex>.col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .row-flex>.col-lg-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .row-flex>.col-lg-order-1 {
        order: 1;
    }
    
    .row-flex>.col-lg-order-2 {
        order: 2;
    }
    
    .row-flex>.col-lg-order-3 {
        order: 3;
    }
}



.add-gradient, .add-gradient>div {
    position: relative;
}

.add-gradient::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.add-gradient::before,
.hero-image.gradient::before,
.with-bg.bg-gradient::before {
    background: #fff;
    background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, .3) 30%, rgba(255, 255, 255, .3) 70%, transparent 100%);
}


.container-header {
    background: #fff;
    z-index: 1000;
}

.container-header.reco {
    padding: 10px;
    background: #fff;
}

#recohomepage .container-header {
    position: absolute;
    width: 100%;
    border: 0;
    padding: 10px;
    /* background: linear-gradient(to bottom, rgba(255, 255, 255, .9), transparent); */
    background: transparent;
}

.container-header img {
    max-width: 100%;
    filter: drop-shadow(1px 1px 0px rgba(255, 255, 255, 0.5));
}

@media (min-width: 768px) and (max-width: 991px) {
    .container-header img {
        display: block;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .container-nav {
        text-align: right;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container-nav {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .container-header.header-plain .navbar-toggle .icon-bar {
        background: var(--color1);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container-header.reco .navbar {
        float: none;
        display: inline-block;
    }
}

.container-header.reco .navbar-nav {
    display: block;
    margin: 0;
}

@media (max-width: 767px) {

    .container-header .nav>li>a:hover,
    .container-header .nav>li>a:focus,
    .container-header .nav .open>a,
    .container-header .nav .open>a:hover,
    .container-header .nav .open>a:focus,
    .container-header .navbar-nav>.open>a,
    .container-header .navbar-nav>.open>a:hover,
    .container-header .navbar-nav>.open>a:focus {
        background: var(--color2);
        color: var(--color1);
    }
}

.container-header .navbar-nav>li>a {
    padding: 10px;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 500;
    border: none;
    border-bottom: 1px solid #999;
    color: var(--color1);
}

.container-header .navbar-nav>li:last-child>a {
    border-bottom: none;
}

@media (min-width: 768px) {
    .container-header .navbar-nav>li>a {
        border: none;
    }
}

.container-header .navbar-nav>li>a:after {
    background: var(--color2);
}

.container-header .navbar-nav>.dropdown>a:after {
    content: normal;
}

.container-header.reco .navbar-nav>li>.dropdown-menu {
    border: none;
    border-top: 5px solid var(--color2);
    background: #fff;
}

@media (max-width: 767px) {
    .container-header.reco .dropdown-menu>li>a {
        padding-left: 30px;
    }
}

.container-header.reco .dropdown-menu>li>a,
.container-header.reco .dropdown-menu>li>a:hover,
.container-header.reco .dropdown-menu>li>a:focus {
    color: var(--color1);
}

.container-header.reco .dropdown-menu>li>a:hover,
.container-header.reco .dropdown-menu>li>a:focus {
    background: var(--color2);
}

.container-header.reco .dropdown-menu>li:first-child>a {
    border-top: 1px solid transparent;
}

.container-header.reco .dropdown-menu>li:first-child>a:hover {
    border-top-color: #999;
}

@media (min-width: 768px) {

    .container-header .navbar-nav>.open>a,
    .container-header .navbar-nav>.open>a:hover,
    .container-header .navbar-nav>.open>a:focus {
        background-color: transparent;
    }
}

.container-header .navbar-nav>.open>a,
.container-header .navbar-nav>.open>a:hover,
.container-header .navbar-nav>.open>a:focus {
    border-color: transparent;
    color: #323232;
}

@media (max-width: 767px) {
    .container-header .navbar-nav .dropdown-menu>li>a {
        white-space: normal;
    }
}

.container-search h2 {
    font-size: 30px;
    /* text-shadow: 3px 3px 5px #000; */
}

@media (min-width: 768px) {
    .container-search h2 {
        font-size: 45px;
    }
}

.container-search h2,
.container-search h2 small,
.container-search h2 .small {
    font-weight: 900;
}

.container-logonav {
    flex-wrap: wrap;
}


.banner-search, #recohomepage .banner-search.container-inner {
    padding: 30px;
    position: relative;
}

.banner-search h1, .banner-search h2, .banner-search h3,
.with-bg h2, .with-bg h3,
.hero-content h1, .hero-content h2 {
    color: var(--color1);
}

.banner-search .search-container {
    margin-top: 30px;
}

.container-banner {
    background-image: url("/images/recos/1335/hp-bg.jpg?v=5");
    background-position: top;
}

.container-banner::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 20%, transparent 40%, transparent 100%);
}

.banner-video {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.banner-video::after {
    content: "";
    position: absolute;
    background: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
}

.banner-video video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.container-search {
    top: 420px;
}

.search-container .nav-tabs {
    display: none;
}

.search-main .banner-search {
    max-width: 800px;
    background: rgba(255, 255, 255, 0.7);
}

#recohomepage .banner-search input, #recohomepage .banner-search .input-group-btn,
#recohomepage .banner-search .input-group button {
    background: transparent;
    color: #000 !important;
    border: 0;
}

#recohomepage .banner-search .input-group {
    border-bottom: solid 1px #000;
    /* filter: drop-shadow(2px 1px 1px #000); */
    font-size: 18px;
    background: rgba(255, 255, 255, .7);
}

#recohomepage .banner-search input::-webkit-input-placeholder {
    /* Edge */
    color: #333;
    font-style: normal;
    opacity: 1;
}

#recohomepage .banner-search input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #333;
    font-style: normal;
    opacity: 1;
}

#recohomepage .banner-search input::placeholder {
    color: #333;
    font-style: normal;
    opacity: 1;
}

.search-container .group-btn-filter {
    display: none;
}

.banner-search .search-container {
    max-width: 700px;
}

a:hover, .btn:hover {
    opacity: 1;
    outline: 0;
}

.border-white {
    border: solid 1px #fff;
}

.border-bottom-0 {
    border-bottom: 0;
}

.border-right-0 {
    border-right: 0;
}

.border-top-0 {
    border-top: 0;
}


hr.hr-sm {
    width: 150px;
    border: solid 2px var(--color2);
    margin: 40px auto;
}

hr.hr-xs {
    width: 50px;
    border: solid 1px var(--color2);
    margin: 20px auto;
}

.container-inner .row {
    margin: 0;
}

.container-homevalue {
    padding: 0;
}

.container-homevalue h2, .container-homevalue h3, .container-homevalue h4,
#community-container h1.banner-title, h1.redmtr-heading, .redmtr-section6 .redmtr-subheading,
.hero-content h1, .hero-content h2 {
    text-shadow: 3px 3px 5px #fff;
}

.bg-image1 {
    background-image: url("/images/recos/1335/content/bg-avm.jpg");
    height: 550px;
    color: var(--color1);
}

.bg-image1 hr {
    border-color: var(--color1);
}

.container-homevalue .banner-search {
    top: 20%;
}

.container-info {
    padding: 80px 10px;
    max-width: 1000px;
}



#listing-communitylanding #Master_Viewport {
    max-width: none;
}

#listing-communitylanding .content-banner {
    display: none;
}

#listing-communitylanding #community-container .content-banner {
    position: relative;
    display: block;
    height: 300px;
    width: 100%;
    margin-bottom: 40px;
    background-size: cover;
    background-position: center;
}

#community-container {
    display: flex;
    flex-direction: column;
    margin-right: 0;
    margin-left: 0;
}

#community-container h1.banner-title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    margin-top: 0;
    text-align: center;
    color: var(--color1);
    left: 0;
}

#community-container h1.banner-title, 
.redmtr-section1 .redmtr-heading,
.redmtr-section6 .redmtr-subheading {
    font-size: 3.4rem;
    font-weight: 700;
}

#community-container h3 {
    font-size: 20px;
}

#community-container h2 {
    font-size: 30px;
}

#community-main p {
    font-size: 15px;
}

#community-container #community-main {
    padding-top: 40px;
}

.community-summary, #community-side, #community-main {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.community-summary, #community-side, #community-container #community-main {
    padding-right: 15px;
    padding-left: 15px;
}


#community-container #community-main,
#community-container #community-side {
    float: none;
    width: 100%;
    border: 0;
}

.community-homes-for-sale .listing-carousel-v2-container {
    margin-bottom: 15px;
}


#community-side {
    order: 2;
}

#community-container h2 {
    margin-bottom: 20px;
}

#community-container #community-main .community-mapdims {
    min-width: 0;
    max-width: none;
    max-height: none;
    width: 100%;
    height: 500px;
    padding: 0;
}

@media (min-width: 768px) {

    #community-main-layout2,
    #community-main-layout3 {
        width: 50%;
        float: left;
    }

    #community-main-layout2 {
        padding: 20px 20px 20px 0;
    }

    #community-main-layout3 {
        padding: 20px 0 20px 20px;
    }
}

#community-main-summary, #community-main-citycontent, #community-sidebar>div {
    border-color: #ececec !important;
}

ul.remc-list {
    flex-wrap: wrap;
}

ul.remc-list li {
    width: auto;
}

#community-container #community-side .remc-list li {
    margin-right: 30px;
    padding-left: 0;
    padding-right: 15px;
}

@media (max-width: 767px) {
    ul.remc-list li.c1, ul.remc-list li.c2 {
        border-left: none;
    }
}

#community-main .listing-info p {
    color: #fff;
}

.community-view-homes-for-sale .carousel-3.listing-carousel .listing-photo {
    height: 300px;
}

.community-view-homes-for-sale .listing-carousel-v2-container {
    padding: 30px 0;
}

.community-view-homes-for-sale a.btn {
    font-weight: 400;
    font-size: 15px;
}



/*carousel*/
.container-carousel {
    padding: 80px 0;
    background: #f5f5f5;
}

.container-carousel .container-inner {
    max-width: 1500px;
    margin: 0 auto;
}

.redmtr-carousel {
    display: block;
    position: relative;
}

.redmtr-carousel .slick-list {
    width: 100%;
}

.redmtr-listing {
    position: relative;
}

.listing-carousel .listing-address, .redmtr-listing-address1 {
    display: none;
}

.listing-carousel .listing-photo {
    height: 350px;
}

.listing-carousel .listing-price {
    border: none;
    font-family: inherit;
}

.listing-carousel .listing-price::before {
    content: normal;
}

.redmtr-listing-img {
    padding: 45% 0;
}

.listing-carousel .listing-info, .redmtr-listing-info {
    text-align: left;
    font-size: 14px;
    color: #fff;
    position: absolute;
    width: 225px;
    max-width: 100%;
    top: 72%;
    padding: 5px 20px;
    background: rgba(0, 0, 0, 0.2)
}

.redmtr-listing-info {
    top: auto;
    left: 0;
    bottom: 15px;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.listing-carousel .slick-arrow,
.redmtr-carousel-prev, .redmtr-carousel-next {
    position: absolute;
    border-color: #fff;
    top: 50px
}

@media (max-width: 767px) {
    .listing-carousel .slick-arrow {
        display: inline-block !important;
    }
}

.redmtr-carousel-prev, .redmtr-carousel-next {
    top: 0;
    z-index: 1;
    width: 10%;
}

.redmtr-carousel-prev:before, .redmtr-carousel-next:before {
    border-color: #fff;
}

.listing-carousel .slick-next {
    right: 10px
}

.redmtr-carousel-prev {
    left: 0;
}

.redmtr-carousel-next {
    right: 0;
}

@media (min-width: 576px) {
    .redmtr-carousel-prev, .redmtr-carousel-next {
        width: 5%;
    }
}

.container-carousel .btn {
    margin-top: 40px;
    margin-right: 10px;
    width: 250px;
}

.listing-carousel .slick-slide, .redmtr-carousel-item {
    margin-right: 1px;
    margin-left: 1px;
}



.container-testimonial {
    padding: 40px 0;
}

@media (min-width: 768px) {
    .container-testimonial {
        padding: 80px 0;
    }
}

.container-testimonial p {
    margin: 20px
}

.testimonials-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}



.container-footer {
    background: var(--color1);
}

@media (max-width: 767px) {
    .container-footer {
        text-align: center;
    }
}

.container-footer hr {
    border-color: #fff;
}

.container-footer h2 {
    color: #fff;
}

.container-footer h4 {
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
}

.container-footer a {
    padding: 10px 0;
    color: #ececec;
}

.container-footer .row {
    margin-bottom: 0;
}

.footer-office {
    line-height: 2;
}

.footer-office img {
    height: 50px;
}

.footer-info, .footer-info a {
    font-size: 1.3rem;
}

.footer-contact2, .footer-contact2 a {
    color: #fff
}

.footer-office .fa {
    color: #fff;
}

.footer-office a {
    margin-right: 10px;
}

.footer-links {
    column-width: 160px;
    column-gap: 15px;
}

.footer-links a,
.footer-links p a {
    display: block;
    padding: 5px 0;
    line-height: 1;
}

@media (min-width: 768px) {

    .footer-links a,
    .footer-links p a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.footer-copyright {
    padding: 0 15px;
}

.container-social .fa {
    font-size: 30px;
}

.container-social img {
    max-width: 30px;
    max-height: 30px;
    margin: 10px;
}

.footer-copyright a, .footer-copyright {
    font-size: 1rem;
}

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

    .listing-carousel .listing-photo {
        height: 300px;
    }

    .container-info .info-links {
        position: relative;
        top: 0;
        right: 0;
    }

    .container-info .info-links a {
        display: inline-block;
        width: 250px;
    }

    .container-search {
        top: 450px;
    }

    #recohomepage .container-header .container-logo {
        margin-top: 20px;
    }

    .container-header .navbar-collapse {
        margin-top: 15px;
        right: 0;
        width: 200px;
        overflow-x: hidden;
    }

    .container-logo {
        text-align: left;
    }
}

.container-content-bg {
    background: #fff;
}

.hero-content h2, .widget-box h4 {
    font-family: 'Arapey', serif;
    text-transform: none;
}

#filters-submit, #criteria-submit-search:hover, #criteria-submit-search:active, #filters-submit:hover, #filters-submit:active, #search-display-options-v3 #search-results-sortdir {
    background: none;
}

.primary-color, html#page-listing-listingsearch .criteria-form-v2 #criteria-submit-search, html#page-listing-listingsearch .criteria-form-v2 #criteria-toggle-filters .r-badge-counter, html#page-listing-listingsearch #search-display-options-v3 #search-results-sortdir, .btn-primary, .login-container a.register, .sc-btn-primary, #filters-submit, .btn-submit, .market-value-widget input[type="button"], #criteria-submit-search:hover, #criteria-submit-search:active, #filters-submit:hover, #filters-submit:active, #search-display-options-v3 #search-results-sortdir {
    background-color: var(--color2) !important;
    border-color: var(--color2) !important;
    color: var(--color1) !important;
}

html#page-listing-listingsearch .criteria-form-v2 #criteria-submit-search:hover, html#page-listing-listingsearch .criteria-form-v2 #criteria-submit-search:focus, html#page-listing-listingsearch .criteria-form-v2 #criteria-submit-search:active, html#page-listing-listingsearch .criteria-form-v2 #criteria-submit-search.active,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary,
#filters-submit:hover, #filters-submit:focus, #filters-submit:active, #filters-submit.active {
    background-color: var(--color3) !important;
    border-color: var(--color3) !important;
    color: var(--color1) !important;
}

html#page-listing-listingsearch .criteria-form-filters-v2 #criteria-filters-statuses .checkbox .status-chkbox.active::before, html#page-listing-listingsearch .criteria-form-filters-v2 #criteria-filters-statuses .checkbox .proptype-toggler.active::before, html#page-listing-listingsearch .criteria-form-filters-v2 #criteria-filters-statuses .checkbox .hometype-toggler.active::before, html#page-listing-listingsearch .criteria-form-filters-v2 #criteria-filters-propopts .checkbox .status-chkbox.active::before, html#page-listing-listingsearch .criteria-form-filters-v2 #criteria-filters-propopts .checkbox .proptype-toggler.active::before, html#page-listing-listingsearch .criteria-form-filters-v2 #criteria-filters-propopts .checkbox .hometype-toggler.active::before, html#page-listing-listingsearch .criteria-form-filters-v2 #criteria-filters-inrixdrivetime .checkbox .status-chkbox.active::before, html#page-listing-listingsearch .criteria-form-filters-v2 #criteria-filters-inrixdrivetime .checkbox .proptype-toggler.active::before, html#page-listing-listingsearch .criteria-form-filters-v2 #criteria-filters-inrixdrivetime .checkbox .hometype-toggler.active::before {
    background-color: var(--color1) !important;
}

.banner-search .input-group button, #search-criteria-form-v3 .btn-save-search, #search-display-options-v3 [data-id="search-results-sorttype"] span, #criteria-filters-savesearch-bar button, #search-display-options-v3 .search-results-displaytype .active span, #search-display-options-v3 .search-results-displaytype .active span, html#page-listing-listingsearch .dd-criteria-container #ddbtn-label-filters .dd-info, .viewport-article-content h1 {
    color: var(--color1);
}

#search-display-options-v3 .search-results-displaytype .r-tab.active {
    border-bottom-color: var(--color1);
}



.listing-carousel-v2-container .btn.btn-secondary, html#page-listing-listingsearch .criteria-form-filters-v2 .criteria-filters-button-row .filters-button.default-button, .btn.btn-secondary {
    border-color: var(--color3);
    color: var(--color3) !important;
    background: #fff !important
}

.listing-carousel-v2-container .btn.btn-secondary:hover, .listing-carousel-v2-container .btn.btn-secondary:focus, .listing-carousel-v2-container .btn.btn-secondary:active, .listing-carousel-v2-container .btn.btn-secondary.active,
html#page-listing-listingsearch .criteria-form-filters-v2 .criteria-filters-button-row .filters-button.default-button:hover, html#page-listing-listingsearch .criteria-form-filters-v2 .criteria-filters-button-row .filters-button.default-button:focus, html#page-listing-listingsearch .criteria-form-filters-v2 .criteria-filters-button-row .filters-button.default-button:active, html#page-listing-listingsearch .criteria-form-filters-v2 .criteria-filters-button-row .filters-button.default-button.active,
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary.active, .open>.dropdown-toggle.btn.btn-secondary {
    color: var(--color1) !important;
    background: var(--color3) !important;
}


h1, h2, h3, h1.redmtr-heading, .redmtr-section6 .redmtr-subheading {
    color: var(--color1);
    text-transform: uppercase;
}

h1, h2, h1.redmtr-heading {
    font-weight: 900;
}

h3, h4, h5, h6 {
    font-weight: 700;
}


/*content */
#content-content .content-banner,
.redmtr-section6,
.redmtr-section.redmtr-section1,
#listing-communitylanding .content-banner {
    background-image: url("/images/recos/1335/content/bg-main.jpg?v=2");
    background-position: center;
    background-size: cover;
}

#content-content .content-banner {
    position: relative;
    padding: 5px 10px;
    height: 400px;
    top: 0;
}

#listing-communitylanding #community-container .content-banner-lafayette {
    background-image: url("/images/recos/1335/communities/lafayette.jpg?v=2");
}

#listing-communitylanding #community-container .content-banner-west-lafayette {
    background-image: url("/images/recos/1335/communities/west-lafayette.jpg");
}

#listing-communitylanding #community-container .content-banner-delphi {
    background-image: url("/images/recos/1335/communities/delphi.jpg");
}

#listing-communitylanding #community-container .content-banner-monticello {
    background-image: url("/images/recos/1335/communities/monticello.jpg");
    background-position: center 75%;
}

#listing-communitylanding #community-container .content-banner-frankfort {
    background-image: url("/images/recos/1335/communities/frankfort.jpg");
}

#listing-communitylanding #community-container .content-banner-attica {
    background-image: url("/images/recos/1335/communities/attica.jpg");
    background-position: center 75%;
}

#listing-communitylanding #community-container .content-banner-crawfordsville {
    background-image: url("/images/recos/1335/communities/crawfordsville.jpg");
    background-position: center 90%;
}

#listing-communitylanding #community-container .content-banner-brookston {
    background-image: url("/images/recos/1335/communities/brookston.jpg");
}

#listing-communitylanding #community-container .content-banner-kokomo {
    background-image: url("/images/recos/1335/communities/kokomo.jpg");
}

#listing-communitylanding #community-container .content-banner-battle-ground {
    background-image: url("/images/recos/1335/communities/battle-ground.jpg");
}

#listing-communitylanding #community-container .content-banner-dayton {
    background-image: url("/images/recos/1335/communities/dayton.jpg");
}

#listing-communitylanding #community-container .content-banner-rossville {
    background-image: url("/images/recos/1335/communities/rossville.jpg");
}

#content-content .content-banner::before,
#listing-communitylanding .content-banner::before,
.redmtr-section1:before,
.redmtr-section6:before {
    display: block;
    position: absolute;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.4) 100%);
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
}

#content-content h1 {
    position: absolute;
    top: 300px;
    left: 0;
    text-align: center;
    width: 100%;
    color: var(--color1);
    font-size: 3.4rem;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px rgba(255, 255, 255, .3);
}

@media (max-width: 767px) {
    #content-content h1 {
        top: 200px;
    }
}

#content-content.type-website .content-banner {
    display: none;
}

#content-content.type-website h1 {
    position: static;
    color: inherit;
    text-shadow: inherit;
}

.viewport-article-content h1.banner {
    color: #fff;
    font-weight: bold;
    text-shadow: 3px 3px 5px #000;
    padding: 180px 10px 0;
    text-align: center;
    background-image: url("/images/recos/1335/hp-bg.jpg?v=5");
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    height: 350px;
}

/* .viewport-article-content h1.banner.commercial {
    background-image: url(/images/uploads/RECos/35042/Stock%20Images/commercial-bg.jpg);
}

.viewport-article-content h1.banner.about {
    background-image: url(/images/uploads/RECos/35042/Stock%20Images/flavin-about-bg.jpg);
} */

.viewport-article-content .content img {
    max-width: 100%;
}

.viewport-article-content .content .row {
    margin: 0;
}

.viewport-article-content .content h3 {
    line-height: 50px;
}

.viewport-article-content .content .social {
    border: solid 1px #019C4E;
    padding: 10px 20px;
}

.bg-box {
    background: #f1f1f1;
    padding: 20px;
    margin: 40px auto;
}

.agent-cards h4 {
    font-size: 25px;
    font-weight: 500
}

.agent-cards h5 {
    font-size: 18px;
    color: #999;
    font-weight: 300;
}

.agent-card {
    line-height: 30px;
    border: solid 1px #f1f1f1;
    padding: 10px;
    text-align: center;
    height: 500px;
    margin-bottom: 20px;
}

.agent-card img {
    height: 300px;
}

.ai_phone_directoffice {
    display: none;
}



#image-settings-viewportimage {
    display: table-row;
}



.container-image-boxes {
    padding-right: 0;
    padding-left: 0;
}

.container-image-boxes .image-box>*,
.container-image-boxes .image-box .btn {
    width: 100%;
    text-transform: none;
}


.container-image-boxes .image-box:not(.no-bg)::before {
    background-color: transparent;
    background-image: url("/images/recos/1335/image-box-default.jpg");
    background-size: cover;
    background-position: center;
}

.container-image-boxes .image-box.box-bg1:before {
    background-image: url("/images/recos/1335/img1.jpg?v=6");
    background-position: center top;
}

.container-image-boxes .image-box.box-bg2:before {
    background-image: url("/images/recos/1335/img2.jpg?v=5");
}

.container-image-boxes .image-box.box-bg3:before {
    background-image: url("/images/recos/1335/img3.jpg?v=6");
}

.container-image-boxes .image-box.box-bg4:before {
    background-image: url("/images/recos/1335/img4.jpg?v=6");
}

.container-image-boxes .image-box.box-bg5:before {
    background-image: url("/images/recos/1335/img5.jpg?v=6");
}

.container-image-boxes .image-box.box-bg6:before {
    background-image: url("/images/recos/1335/img6.jpg?v=6");
}

.container-image-boxes .image-box.box-bg7:before {
    background-image: url("/images/recos/1335/img7.jpg?v=5");
}

.container-image-boxes .image-box.box-bg8:before {
    background-image: url("/images/recos/1335/img8.jpg?v=5");
}

.container-image-boxes .image-box.box-bg9:before {
    background-image: url("/images/recos/1335/img9.jpg?v=5");
}


.container-image-boxes .image-box.bg-lafayette:before {
    background-image: url("/images/recos/1335/communities/lafayette-sm.jpg?v=2");
}

.container-image-boxes .image-box.bg-west-lafayette:before {
    background-image: url("/images/recos/1335/communities/west-lafayette-sm.jpg");
}

.container-image-boxes .image-box.bg-delphi:before {
    background-image: url("/images/recos/1335/communities/delphi-sm.jpg");
}

.container-image-boxes .image-box.bg-monticello:before {
    background-image: url("/images/recos/1335/communities/monticello-sm.jpg");
}

.container-image-boxes .image-box.bg-frankfort:before {
    background-image: url("/images/recos/1335/communities/frankfort-sm.jpg");
}

.container-image-boxes .image-box.bg-attica:before {
    background-image: url("/images/recos/1335/communities/attica-sm.jpg");
}

.container-image-boxes .image-box.bg-crawfordsville:before {
    background-image: url("/images/recos/1335/communities/crawfordsville-sm.jpg");
}

.container-image-boxes .image-box.bg-brookston:before {
    background-image: url("/images/recos/1335/communities/brookston-sm.jpg");
}

.container-image-boxes .image-box.bg-kokomo:before {
    background-image: url("/images/recos/1335/communities/kokomo-sm.jpg");
}

.container-image-boxes .image-box.bg-battle-ground:before {
    background-image: url("/images/recos/1335/communities/battle-ground-sm.jpg");
}

.container-image-boxes .image-box.bg-dayton:before {
    background-image: url("/images/recos/1335/communities/dayton-sm.jpg");
}

.container-image-boxes .image-box.bg-rossville:before {
    background-image: url("/images/recos/1335/communities/rossville-sm.jpg");
}

.container-image-boxes .image-box {
    display: block;
    float: left;
    position: relative;
    background-size: cover;
    /* margin: 0; */
    background-position: center;
    color: #fff;
    /* width: 100%; */
    padding-top: 15%;
    padding-bottom: 15%;
    border: solid 1px #fff;
    overflow: hidden;
}

@media (min-width: 768px) {
    .container-image-boxes .image-box {
        padding-top: 12.5%;
        padding-bottom: 12.5%;
    }
}

a:hover .image-box {
    opacity: 1;
    text-decoration: none;
    outline: 0;
}

.container-image-boxes .image-box.image-box:before,
.container-image-boxes .image-box.image-box:after {
    content: "";
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.image-box:before {
    transition: all .35s ease;
}

.image-box:after {
    /* background: rgba(0,0,0,.4); */
    transition: inherit;
}

.container-image-boxes a.image-box:hover:before,
.container-image-boxes a:hover .image-box:before {
    width: 120%;
    height: 120%;
}

.container-image-boxes a:hover .image-box:after {
    /* background: transparent; */
}

.container-image-boxes .image-box h2 {
    color: var(--color1);
    font-size: 30px;
    background: rgba(254, 221, 121, .8);
    /* --color2 */
    margin: 0;
    padding: 10px 5px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    transition: all .25s ease;
}

.container-image-boxes .image-box:hover h2 {
    background: rgba(0, 0, 0, 0.8);
    /* --color1 */
    color: #fff;
    box-shadow: 2px 2px 5px #333;
}

@media (max-width: 767px) {
    .container-image-boxes .image-box h2 {
        font-size: 16px;
    }
}

.image-box p {
    font-size: 15px;
    font-family: "Playfair Display", sans-serif;
    text-transform: none;
    display: none;
}

.image-box .btn {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 80%;
    left: 100%;
    height: auto;
    width: auto;
    font-family: "Playfair Display", sans-serif;
    text-transform: none;
    text-align: left;
    font-weight: 300;
    padding: 20px 30px;
    transform: translate(-100%, -80%);
    font-size: 0;
}

.container-image-boxes a:hover .btn {
    background: rgba(0, 0, 0, 0.8);
}

@media (max-width: 767px) {
    .container-image-boxes .image-box>*, .container-image-boxes .image-box .btn {
        padding: 10px 15px;
    }
}

/*.container-image-boxes .image-box > div {
   top: 80%;
    padding: 10px 20px;
    width: 100%;
    background: rgba(0,0,0,.4);
}*/
/*
.container-image-boxes .image-box{padding-top:25%;}*/
.image-box:hover h2 {
    box-shadow: 2px 2px 5px #323232
}

.image-box p {
    font-size: 15px;
    font-family: "Playfair Display";
    text-transform: none;
    display: none;
}

/*.container-image-boxes .image-box > *, .container-image-boxes .image-box btn {top:52%;}*/
.image-box .btn {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 80%;
    left: 100%;
    height: auto;
    width: auto;
    font-family: "Playfair Display";
    text-transform: none;
    text-align: left;
    font-weight: 300;
    padding: 20px 30px;
    transform: translate(-100%, -80%);
    font-size: 0;
}



.redavm-section1 {
    background-image: url("/images/recos/1335/content/bg-avm.jpg");
}

.redavm-section1::before {
    background: rgba(255, 255, 255, .5);
}

.redavm-section1,
.redavm-section1 h1 {
    color: var(--color1);
    text-shadow: 2px 2px 2px rgba(255, 255, 255, .7);
}

.redavm-report {
    margin-top: 0;
    margin-bottom: 0;
}

.redavm-report .redavm-subsection {
    margin-top: 30px;
    margin-bottom: 30px;
}

.redavm-scrolltop:before {
    border-top-color: var(--color1);
    border-right-color: var(--color1);
}



.redmtr {
    max-width: none;
}

.redmtr-section6, .redmtr-section9 {
    padding: 0;
    margin: 0;
    max-width: none;
}

.redmtr-section6 .redmtr-subsection {
    position: relative;
    width: 100%;
    margin: 0;
}

.redmtr-section6 .redmtr-subsection form {
    max-width: 800px;
    margin: 0 auto;
}

.redmtr-section6 .redmtr-card {
    border: none;
    background-color: transparent;
}

.redmtr-section6,
.redmtr-section.redmtr-section1 {
    padding: 100px 0;
    float: none;
    text-align: center;
}

.redmtr-section1 .redmtr-subsection {
    position: relative;
}

.redmtr-section1 a {
    color: var(--color1);
}



.ao_search_results_container {
    display: flex;
    flex-wrap: wrap;
}

.ao_page_controls_area, .ao-sort, .rui-row, .rui-row-controls {
    flex: 0 1 100%;
}

@media (min-width: 768px) {
    .rui-row {
        flex: 0 1 50%;
    }
}

@media (min-width: 992px) {
    .rui-row {
        flex: 0 1 33.33333333%;
    }
}

.ao_search_results_container .rui-row {
    border-top: none;
}

.ao-agent-row-item {
    display: block;
}

.ao-info-container, .ao-info-c1, .ao-info-c2 {
    width: 100%;
}

.ao-photo-container {
    position: relative;
    float: none;
    width: 188px;
    height: 250px;
    max-width: 100%;
    overflow: hidden;
}

.ao-photo-container img.ao-search-agent-photo,
.ao-photo-container video.ao-search-agent-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0 auto;
    object-fit: cover;
}

.ao-info-r1, .ao-info-r2, .ao-info-r3, .ao-info-r4 {
    text-align: center;
}

.rui-inner-row>div {
    float: none;
}

.ao-view-contact-container, .ao-view-listings-container, .view-website-container, .view-profile-container {
    white-space: nowrap;
}



/* agent site specific stuff */

.container-header-info.row {
    background: var(--color1);
}

.container-header-info.row,
.container-header-info a {
    color: #fff;
}

.hero-content h2,
.container-content h3 {
    font-weight: 500;
}

.form-style1 .btn {
    font-weight: 400;
}

.hero-content h2, .widget-box h4 {
    font-family: 'Montserrat', sans-serif;
}