/*header starts*/
.clearfix {
    clear: both
}

.relative-container {
    position: relative;
}

body.with-title-slider.title-slider-full header.mdl-layout__header {
    position: absolute;
    background: none;
}

body header.mdl-layout__header .logo-container .logo {
    display: none;
    max-width: 270px;
}

@media only screen and (max-width:840px) {
    body header.mdl-layout__header .logo-container .logo {
        padding: 8px;
    }
}

@media only screen and (max-width:480px) {
    body header.mdl-layout__header .logo-container .logo {
        max-width: 240px;
    }
    /*header starts*/
    .clearfix {
        clear: both
    }

    .relative-container {
        position: relative;
    }

    body.with-title-slider.title-slider-full header.mdl-layout__header {
        position: absolute;
        background: none;
    }

    body header.mdl-layout__header .logo-container .logo {
        display: none;
        max-width: 270px;
    }
}

@media only screen and (max-width:840px) {
    body header.mdl-layout__header .logo-container .logo {
        padding: 8px;
    }

    .HomeSearchSection .search-box .container input#txtKeyword {
        width: 70% !important
    }
}

@media only screen and (max-width:480px) {
    body header.mdl-layout__header .logo-container .logo {
        max-width: 240px;
    }
}

body:not(.with-title-slider):not(.title-slider-full) header.mdl-layout__header .logo-container .logo:not(.offset), body.with-title-slider:not(.title-slider-full) header.mdl-layout__header .logo-container .logo:not(.offset), body.with-title-slider.title-slider-full header.mdl-layout__header .logo-container .logo.offset {
    display: block;
}

body.with-title-slider.title-slider-full header.mdl-layout__header .mdl-navigation > ul > li > a {
    color: rgba(255,255,255,0.96);
}

body.with-title-slider.title-slider-full header.mdl-shadow--2dp {
    box-shadow: none;
}

header .mdl-layout__header-row {
    height: auto;
    padding: 0 40px;
}

    header .mdl-layout__header-row.top-header {
        padding-top: 2px;
        padding-bottom: 2px;
        background: rgba(0,0,0,0.02);
        border-bottom: 1px solid rgba(0,0,0,0.01);
        margin-bottom: 8px;
    }

body.with-title-slider.title-slider-full header .mdl-layout__header-row.top-header {
    background: rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

header .mdl-layout__header-row.top-header a {
    min-height: initial;
    line-height: 26px;
    color: rgba(128,130,133,0.96);
    height: 26px;
    font-size: 12px;
    text-transform: none;
    padding: 0 8px;
}

    header .mdl-layout__header-row.top-header a#dash-boardh {
        width: 14px;
        min-width: 14px;
        margin: 0px 14px 0 6px;
        background: #562449;
    }

header .mdl-layout__header-row.top-header .atag a {
    display: block;
    line-height: 47px;
    height: 100%;
}

header .mdl-layout__header-row.top-header a ~ a {
    margin-left: 4px;
}

header .mdl-layout__header-row.top-header a[data-material-icon]:before {
    transform: translateY(-1px);
}

header .mdl-button i {
    vertical-align: middle;
    transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    font-size: 24px;
}

header .mdl-layout__header-row.top-header .header-social a {
    padding: 0;
    margin: 0;
    width: 26px;
    min-width: 26px;
}

    header .mdl-layout__header-row.top-header .header-social a i {
        font-size: 1.2rem;
    }

header .mdl-layout__header-row.top-header a[data-material-icon="translate"] {
    border: 1px solid rgba(255,255,255,0.6);
    box-sizing: border-box;
}

    header .mdl-layout__header-row.top-header a[data-material-icon="translate"]:after {
        margin-right: -8px;
    }

@media only screen and (min-width:1025px) {
    header .acadamy-logo {
        position: relative;
        width: 273px;
    }

        header .acadamy-logo .IMG {
            bottom: 12px;
            position: absolute;
            width: 219px
        }
}

@media only screen and (max-width:1024px) {
    header .acadamy-logo {
        margin: 0
    }

        header .acadamy-logo .IMG {
            width: 148px;
            height: 58px;
            margin: 12px;
        }

    header .mdl-layout__header-row {
        padding: 0px
    }
}

.mdl-grid.stay-close {
    padding-bottom: 0;
}

    .mdl-grid.stay-close + .mdl-grid > .mdl-cell:first-child {
        padding-top: 0;
    }

.banner {
    position: relative;
    height: auto;
    width: 100%;
    overflow: visible;
    opacity: 0;
    max-height: 0;
    transition: 0.3s all cubic-bezier(0.4,0,0.2,0.3);
}

body.with-title-slider.loaded .banner {
    opacity: 1;
    max-height: inherit;
    max-height: none;
}

h2.mdl-card__title-text {
    align-items: baseline;
    font-weight: 400;
    color: rgba(56,53,55,0.86);
}

    h2.mdl-card__title-text i {
        font-style: normal;
        font-size: 16px;
        opacity: 0.66;
        margin: 0 8px;
    }

/*juwin edited coz its effect every h2 with class name mdl-card__title-text*/
xbody.newStyle h2.mdl-card__title-text {
    font-size: 1.875em;
    font-weight: 500;
    color: #000;
}

body.newStyle .property-detail h2.mdl-card__title-text {
    font-size: 1.875em;
    font-weight: 500;
    color: #000;
}

body.newStyle .property-requestbox h2.mdl-card__title-text {
    font-size: 1.25em;
}

body.newStyle .mdl-grid.callouts a.mdl-button {
    font-size: .85em !important
}


/*lifestyle starts*/
.CommunityCarouselSection {
    padding: 41px 0;
    background: #f6f6f6
}

    .CommunityCarouselSection h2 {
        font-size: 2.2rem;
        z-index: 1;
        font-weight: 300;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        margin-bottom: 30px !important;
        color: #222
    }

        .CommunityCarouselSection h2::after {
            content: attr(data-text);
            text-transform: lowercase;
            font-size: 1rem;
            display: block;
            margin: 7px 0 0;
            color: #999
        }

    .CommunityCarouselSection .owl-carousel .owl-item {
        margin: 0;
    }

    .CommunityCarouselSection .plantation_view_small {
        background-size: cover !important;
        background-position: center !important;
        padding: 1px 2px;
        height: 264px;
        cursor: pointer;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

        .CommunityCarouselSection .plantation_view_small h4 {
            color: #fff;
            text-transform: uppercase;
            margin-top: 12px !important;
            font-size: 1.5rem;
            z-index: 1;
            display: block;
            width: 100%;
            text-align: center
        }

        .CommunityCarouselSection .plantation_view_small .content {
            text-align: center;
            margin-bottom: 8px;
            color: #fff;
            z-index: 1
        }

            .CommunityCarouselSection .plantation_view_small .content h5 {
                color: #fff;
                text-transform: uppercase;
                margin-bottom: 12px !important;
            }

            .CommunityCarouselSection .plantation_view_small .content a.blocks {
                border: 1px solid #fff;
                border-radius: 3px;
                padding: 5px 17px;
                display: inline-block;
                color: #fff
            }

    .CommunityCarouselSection .item .mdl-cell {
        padding: 2px;
    }

    .CommunityCarouselSection .owl-carousel.carousel_1 .owl-dots, .CommunityCarouselSection .owl-carousel.carousel_2 .owl-dots {
        display: none !important
    }

    .CommunityCarouselSection .owl-carousel.carousel_1, .CommunityCarouselSection .owl-carousel.carousel_2 {
        width: 98%;
        margin: 0px auto
    }

    .CommunityCarouselSection .owl-carousel.carousel_2 {
        margin-top: 65px
    }

        .CommunityCarouselSection .owl-carousel.carousel_1 .owl-nav [class*="owl-"], .CommunityCarouselSection .owl-carousel.carousel_2 .owl-nav [class*="owl-"] {
            position: absolute;
            box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
            -ms-box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
            -o-box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
            -webkit-box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
            -moz-box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
            padding: 8px 11px;
            background: #FFF;
            color: #0a4179;
            border-radius: 17px;
            top: 40%;
            transition: 0.3s;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
        }

            .CommunityCarouselSection .owl-carousel.carousel_1 .owl-nav [class*="owl-"]:hover, .CommunityCarouselSection .owl-carousel.carousel_2 .owl-nav [class*="owl-"]:hover {
                background: #094175;
                color: #fff
            }

        .CommunityCarouselSection .owl-carousel.carousel_1 .owl-nav .owl-prev, .CommunityCarouselSection .owl-carousel.carousel_2 .owl-nav .owl-prev {
            left: -24px;
        }

        .CommunityCarouselSection .owl-carousel.carousel_1 .owl-nav .owl-next, .CommunityCarouselSection .owl-carousel.carousel_2 .owl-nav .owl-next {
            right: -24px;
        }

    .CommunityCarouselSection .owl-dots {
        padding: 16px 0 0;
        position: absolute;
        width: 100%;
    }

@media (max-width:1550px) and (min-width:1366px) {
    .CommunityCarouselSection .plantation_view_small .content span.blocks {
        padding: 5px 8px;
    }
}

@media (max-width:1366px) and (min-width:841px) {
    .CommunityCarouselSection .plantation_view_small .content h5 {
        font-size: 1rem;
    }

    .CommunityCarouselSection .plantation_view_small .content span.blocks, .CommunityCarouselSection .plantation_view .content span.blocks {
        padding: 4px 3px;
        margin: 2px 0;
    }
}

@media only screen and (min-width:1024px) {
    .CommunityCarouselSection .plantation_view_small::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        background: -moz-linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        background: -o-linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        background: -ms-linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        background: linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        content: '';
        opacity: 0;
        -webkit-transform: translate3d(0,50%,0);
        -moz-transform: translate3d(0,50%,0);
        -o-transform: translate3d(0,50%,0);
        -ms-transform: translate3d(0,50%,0);
        transform: translate3d(0,50%,0);
        transition: opacity .35s,transform .35s;
        -webkit-transition: opacity .35s,transform .35s;
        -moz-transition: opacity .35s,transform .35s;
        -o-transition: opacity .35s,transform .35s;
        -ms-transition: opacity .35s,transform .35s;
        pointer-events: none
    }

    .CommunityCarouselSection .plantation_view_small:hover:after {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@media only screen and (max-width:840px) {
    .CommunityCarouselSection {
        padding: 20px 0
    }

        .CommunityCarouselSection h2 {
            font-size: 2rem;
        }

        .CommunityCarouselSection .owl-dots {
            position: static;
        }

        .CommunityCarouselSection .plantation_view_small .content span.blocks {
            padding: 5px 3px;
        }

        .CommunityCarouselSection .owl-carousel.carousel_1 .owl-nav .owl-prev, .CommunityCarouselSection .owl-carousel.carousel_2 .owl-nav .owl-prev {
            left: -20px;
        }

        .CommunityCarouselSection .owl-carousel.carousel_1 .owl-nav .owl-next, .CommunityCarouselSection .owl-carousel.carousel_2 .owl-nav .owl-next {
            right: -20px;
        }
}

@media (max-width:639px) and (min-width:480px) {
    .CommunityCarouselSection .plantation_view_small .content span.blocks {
        font-size: 0.85rem;
    }
}

@media only screen and (max-width:480px) {
    .CommunityCarouselSection h2 {
        font-size: 1.6rem;
        margin-bottom: 4px !important;
    }

    .CommunityCarouselSection .plantation_view_small {
        height: 222px
    }

    .agent-office-search-context .title h2 {
        font-size: 1.5rem !important;
    }
}
/*lifestyle starts*/
.lifestyle {
    padding: 41px 0;
    background: #fff;
    position: static
}

    .lifestyle h2 {
        font-size: 2.2rem;
        background: #fff;
        z-index: 1;
        font-weight: 300;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        margin-bottom: 30px !important;
        color: #222
    }

        .lifestyle h2::after {
            content: attr(data-text);
            text-transform: lowercase;
            font-size: 1rem;
            display: block;
            margin: 7px 0 0;
            color: #999
        }

    .lifestyle .lifestyle_item {
        background-position: center !important;
        background-size: cover !important;
        min-height: 246px;
        outline: #fff solid 1px;
        outline-offset: -10px;
        position: relative;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        -moz-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        color: #fff;
        position: relative;
        overflow: hidden
    }

        .lifestyle .lifestyle_item .overlay {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0%;
            left: -100%;
            color: #FFF;
            background-color: rgba(0, 0, 0, 0.49);
            z-index: 2;
        }

        .lifestyle .lifestyle_item::before {
            position: absolute;
            content: "";
            left: 0;
            right: 0;
            top: 0;
            background: rgba(0,0,0,.17);
            width: 100%;
            height: 100%
        }

        .lifestyle .lifestyle_item .link {
            color: #fff;
            padding-bottom: 59px;
            text-decoration: none;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 1.6rem;
            position: relative;
            z-index: 2;
            transition: transform .35s,color .35s;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

@media only screen and (min-width:1024px) {
    .lifestyle .lifestyle_item::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        background: -moz-linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        background: -o-linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        background: -ms-linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        background: linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        content: '';
        opacity: 0;
        -webkit-transform: translate3d(0,50%,0);
        -moz-transform: translate3d(0,50%,0);
        -o-transform: translate3d(0,50%,0);
        -ms-transform: translate3d(0,50%,0);
        transform: translate3d(0,50%,0);
        transition: opacity .35s,transform .35s;
        -webkit-transition: opacity .35s,transform .35s;
        -moz-transition: opacity .35s,transform .35s;
        -o-transition: opacity .35s,transform .35s;
        -ms-transition: opacity .35s,transform .35s;
        pointer-events: none
    }

    .lifestyle .lifestyle_item:hover:after {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .lifestyle .lifestyle_item:hover .link {
        transition: opacity .35s,transform .35s;
        -webkit-transition: opacity .35s,transform .35s;
        -moz-transition: opacity .35s,transform .35s;
        -o-transition: opacity .35s,transform .35s;
        -ms-transition: opacity .35s,transform .35s;
        -webkit-transform: translate3d(0,-50%,0);
        -moz-transform: translate3d(0,-50%,0);
        -o-transform: translate3d(0,-50%,0);
        -ms-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }
}

@media only screen and (max-width:839px) {
    .lifestyle {
        padding: 20px 0
    }

        .lifestyle h2 {
            font-size: 2rem;
        }
}

@media only screen and (max-width:480px) {
    .lifestyle h2 {
        font-size: 1.6rem;
        margin-bottom: 4px !important;
    }
}
/*Search_by starts*/
.Search_by {
    padding: 41px 0;
    background: #f6f6f6
}

    .Search_by h2 {
        font-size: 2.2rem;
        z-index: 1;
        font-weight: 300;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        margin-bottom: 30px !important;
        color: #222
    }

        .Search_by h2::after {
            content: attr(data-text);
            text-transform: lowercase;
            font-size: 1rem;
            display: block;
            margin: 7px 0 0;
            color: #999
        }

    .Search_by .search_list {
        margin: 0;
        padding: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .Search_by .search_list li {
            list-style-type: none;
            width: 33%;
            padding: 12px 0;
            border-bottom: 1px dotted #ccc;
            font-size: 1.1rem;
        }

            .Search_by .search_list li div {
                display: inline-block
            }

            .Search_by .search_list li a.link {
                display: inline-block;
                border: 1px solid #999;
                border-radius: 4px;
                padding: 1px 7px;
                margin: 0 3px;
                font-size: 1rem;
                transition: 0.5s;
                -moz-transition: 0.5s;
                -webkit-transition: 0.5s;
                cursor: pointer;
                color: rgba(0, 0, 0, 0.66);
                font-weight: normal
            }

            .Search_by .search_list li a:hover {
                background: #103f6e;
                color: #fff;
            }

@media (max-width:639px) and (min-width:481px) {
    .Search_by .search_list li div {
        display: block;
        margin: 0px 0 6px 0;
    }
}

@media only screen and (max-width:840px) {
    .Search_by {
        padding: 20px 0
    }

        .Search_by h2 {
            font-size: 2rem;
        }

        .Search_by .search_list li {
            width: 50%;
        }
}

@media only screen and (max-width:480px) {
    .Search_by h2 {
        font-size: 1.6rem;
        margin-bottom: 8px !important;
    }

    .Search_by .search_list li {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:359px) {
    .Search_by .search_list li div {
        display: block;
        margin: 0px 0 6px 0;
    }
}
/*view_market starts*/
.view_market {
    padding: 41px 0;
    background: #fff
}

    .view_market h2 {
        font-size: 2.2rem;
        background: #fff;
        z-index: 1;
        font-weight: 300;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        margin-bottom: 30px !important;
        color: #222
    }

    .view_market .button_align {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .view_market .view_market_content .mdl-textfield {
        width: 100% !important
    }

@media only screen and (max-width:840px) {
    .view_market {
        padding: 20px 0
    }

        .view_market h2 {
            font-size: 2rem;
        }
}

@media only screen and (max-width:480px) {
    .view_market {
        padding: 41px 0 18px;
    }

        .view_market h2 {
            font-size: 1.6rem;
            margin-bottom: 17px !important;
        }

        .view_market .img_pro {
            width: 75%
        }

        .view_market .button_align {
            display: block
        }

            .view_market .button_align .mdl-button {
                margin-bottom: 12px
            }
}
/*contact_info starts*/
.contact .contact_info {
    background: #103f6e
}
/*.contact .logo{max-width:94%;margin: 56px 3%;}*/
/*.contact .logo-container{display:flex;align-items:center;}*/
.contact .contact-info-detail h3 {
    font-size: 1.5rem;
}

.contact .contact-info-detail ul.address {
    margin: 11px 0;
    padding: 0;
}

    .contact .contact-info-detail ul.address li {
        list-style-type: none;
        padding: 0px 0 0px 32px;
        position: relative;
        line-height: 17px;
        font-size: 13px;
    }

        .contact .contact-info-detail ul.address li strong {
            font-size: 1rem;
            display: block;
            width: 100%;
        }

        .contact .contact-info-detail ul.address li:before {
            position: absolute;
            left: 0px;
            top: 16px
        }

        .contact .contact-info-detail ul.address li ~ li {
            margin-top: 8px;
        }

.logo-container .footer-social {
    margin-left: 32px;
}

    .logo-container .footer-social .mdl-button i {
        transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        font-size: 1.2rem;
        line-height: 1.8rem;
    }

    .logo-container .footer-social .mdl-button--icon {
        margin-right: 0px;
        font-size: 1rem;
        height: 24px;
        width: 24px;
        line-height: 24px;
        min-width: 0;
        border: 1px solid rgba(0, 0, 0, 0.3);
        margin-top: 2px;
    }

.contact .contact_info .contact-info-detail {
    margin: 24px 16px;
}

.contact .mdl-mega-footer__link-list {
    list-style: none;
    margin: 8px 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 161px;
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {    
	.contact .mdl-mega-footer__link-list {
	max-height:162px;	
	}      
}*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .contact .logo {
        max-width: 100%;
        width: 100%
    }
}

.contact .mdl-mega-footer__link-list li {
    opacity: 0.76;
}

    .contact .mdl-mega-footer__link-list li.parent {
        opacity: 1;
    }

        .contact .mdl-mega-footer__link-list li.parent a {
            font-weight: 500;
        }

    .contact .mdl-mega-footer__link-list li a {
        font-size: 13px;
        padding: 8px;
        text-transform: capitalize;
    }

.contact .mdl-mega-footer__link-list ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.contact .mdl-mega-footer__link-list li a[href="#"] {
    cursor: text
}

/*@media only screen and (max-width:840px){
.contact .mdl-mega-footer__link-list{max-height:220px;}
}*/
/*@media only screen and (max-width:479px){ 
.contact .mdl-mega-footer__link-list{max-height:320px;}
}*/
@media all and (-ms-high-contrast:none) and (min-width:840px) {
    .contact .mdl-mega-footer__link-list {
        height: 150px;
    }
}
/*footer starts*/
.mdl-mega-footer__bottom-section p {
    font-size: 11px;
    text-align: justify;
    line-height: 16px;
}

    .mdl-mega-footer__bottom-section p img {
        width: 11px;
    }

.footer_nav {
    background: #eee;
    padding: 11px 0;
}

    .footer_nav ul {
        margin: 0 auto;
        padding: 0;
        width: 64%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

        .footer_nav ul li {
            display: inline-block;
            list-style-type: none
        }

            .footer_nav ul li a {
                text-decoration: none;
                color: rgba(31, 44, 56, 0.96);
                text-transform: capitalize;
            }

.footer_content .mdl-mega-footer__link-list {
    margin: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-flow: row wrap;
}

    .footer_content .mdl-mega-footer__link-list li a {
        font-size: 0.85rem;
        text-decoration: underline;
    }

.footer_content .All_right {
    text-align: center;
    margin: 0 auto;
    font-size: .85rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

body.newStyle .mdl-mega-footer__bottom-section p {
    font-size: .875em
}

@media (max-width:840px) and (min-width:639px) {
    .footer_nav ul, .footer_nav ul li {
        width: 100%;
    }
}

@media only screen and (max-width:639px) {
    .footer_nav ul {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .footer_nav ul li {
            width: 50%;
            padding-left: 11px;
            box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }
}

.HomeFlashSection .mc-cycle {
    position: static;
}

section.page-title {
    background: rgb(241, 240, 241);
}

    section.page-title h1 {
        color: rgb(128,130,133);
        font-size: 1.4rem;
        margin: 0;
    }

body.newStyle section.page-title h1 {
    font-weight: 600;
    color: #121c28;
}
/*Pagination */
.pagination {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px
}

    .pagination ul {
        display: block;
        list-style: none;
        padding: 8px 0;
        margin: 0;
    }

        .pagination ul li {
            display: inline-block;
            margin: 0 0.2rem;
        }

            .pagination ul li a {
                display: block;
                font-weight: 500;
                width: 2.7rem;
                height: 2.7rem;
                vertical-align: middle;
                padding: 0.5rem 0.1rem;
                box-sizing: border-box;
                border-radius: 50%;
                cursor: pointer;
                transition: 0.3s ease-in-out;
                text-decoration: none;
            }

            .pagination ul li.active a {
                background: rgba(128,130,133,0.96);
                color: rgba(255,255,255,0.96);
            }

            .pagination ul li a:hover {
                background: rgba(128,130,133,0.54);
                color: rgba(255,255,255,0.96);
            }

            .pagination ul li:not(.active):first-child a::before, .pagination ul li:not(.active):last-child a::before {
                display: inline-block;
                font-family: "Material Icons";
                font-size: 24px;
                -webkit-font-feature-settings: "kern" 1, "liga" 1, "case" 1;
                -moz-font-feature-settings: "kern=1", "liga=1", "case=1";
                -moz-font-feature-settings: "kern" on, "liga" on, "case" on;
                -ms-font-feature-settings: "kern" 1, "liga" 1, "case";
                -o-font-feature-settings: "kern", "liga", "case";
                font-feature-settings: "kern", "liga", "case";
            }

            .pagination ul li:not(.active):first-child a::before {
                content: "keyboard_arrow_left";
            }

            .pagination ul li:not(.active):last-child a::before {
                content: "keyboard_arrow_right";
            }

            .pagination ul li:not(.active):first-child a, .pagination ul li:not(.active):last-child a {
                border-radius: 0;
                width: auto;
                margin: 0 0.5rem;
                color: rgba(94,106,59,0.32);
                width: 24px;
                overflow: hidden;
                display: inline-block;
            }

                .pagination ul li:not(.active):first-child a:hover, .pagination ul li:not(.active):last-child a:hover {
                    color: rgba(94,106,59,0.96);
                    background: none;
                }

            .pagination ul li a[data-fast-switch] {
                position: relative;
                margin-left: 24px;
            }

                .pagination ul li a[data-fast-switch]:after, .pagination ul li a[data-fast-switch]:before {
                    content: "more_horiz";
                    font-family: "Material Icons";
                    font-size: 24px;
                    -webkit-font-feature-settings: "kern" 1, "liga" 1, "case" 1;
                    -moz-font-feature-settings: "kern=1", "liga=1", "case=1";
                    -moz-font-feature-settings: "kern" on, "liga" on, "case" on;
                    -ms-font-feature-settings: "kern" 1, "liga" 1, "case";
                    -o-font-feature-settings: "kern", "liga", "case";
                    font-feature-settings: "kern", "liga", "case";
                    position: absolute;
                    right: 100%;
                    ;
                    margin-right: 4px;
                    color: rgba(0, 0, 0, 0.34);
                    pointer-events: none;
                }

                .pagination ul li a[data-fast-switch][href$="/1"] {
                    margin-right: 24px;
                    margin-left: 0;
                }

                    .pagination ul li a[data-fast-switch][href$="/1"]:before {
                        display: none;
                    }

                .pagination ul li a[data-fast-switch]:not([href$="/1"]):after {
                    display: none;
                }

                .pagination ul li a[data-fast-switch][href$="/1"]:after {
                    left: 100%;
                    right: inherit;
                    margin-left: 4px;
                }

body.newStyle .pagination ul li {
    font-size: 1em;
}

@media only screen and (max-width:479px) {
    .pagination ul li a {
        width: 3.2rem;
        height: 3.2rem;
        line-height: 2.2rem;
    }
}


.Drawer_unvisible {
    display: none !important
}

.agora-mdl-back-to-top {
    display: none;
}

.mdl-tooltip {
    background: rgb(255, 255, 255);
    color: rgba(128,130,133,0.96);
}

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

.view-switch {
    line-height: 0;
}

    .view-switch > a, .view-switch > label {
        border-radius: 3px;
        background: rgba(128,130,133,0.76);
        display: inline-block;
        padding: 2px;
        cursor: pointer;
        color: rgba(255,255,255,0.96);
        position: relative;
    }

        .view-switch > a.active, .inline-check-switch:not(:checked) + section .view-switch label:first-child, .inline-check-switch:checked + section .view-switch label + label {
            background: rgba(128,130,133,0.96);
        }

        .view-switch > a:first-child, .view-switch > label:first-child {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .view-switch > a + a, .view-switch > label + label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .view-switch > a.active {
            cursor: default;
        }

.inline-check-switch, .inline-check-switch:not(:checked) + section + section + section, .inline-check-switch:checked + section + section {
    visibility: hidden;
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.breadcrumb-container {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.breadcrumb {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .breadcrumb li {
        display: inline-block;
        color: rgba(86, 85, 86,0.84);
        font-size: 13px;
    }

        .breadcrumb li ~ li:before {
            content: '\E315';
            font-family: "Material Icons";
            transform: translateY(3px);
            display: inline-block;
            color: rgba(128,130,133, 0.96);
        }

        .breadcrumb li a {
            color: inherit;
            text-transform: capitalize;
        }

        .breadcrumb li.breadcrumb-item:first-child:before {
            content: '\E315';
            font-family: "Material Icons";
            transform: translateY(3px);
            display: inline-block;
            color: transparent;
            width: 0;
        }

/*juwin edited*/
body.newStyle .property-detail-title-section .breadcrumb li, body.newStyle .property-detail-title-section .breadcrumb li a {
    font-size: 0.9rem;
}




.button-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .button-list li {
        display: inline-block;
        box-sizing: border-box;
        padding: 0 8px;
    }

        .button-list li a {
            line-height: 1;
            color: rgba(128,130,133,0.96);
            cursor: pointer;
        }

body.newStyle .button-list li a {
    font-size: 1em;
}

input[data-save-listing] + a, input[data-save-listing$="_true"] + a + a, input[data-save-listing$="_True"] + a + a {
    display: none !important;
}

input[data-save-listing$="_true"] + a, input[data-save-listing$="_True"] + a {
    display: inline-block !important;
}

.mdl-card__menu input[data-save-listing$="_true"] + a, .mdl-card__menu input[data-save-listing$="_True"] + a {
    display: block !important;
}

.item.property > .mdl-card__menu input[data-save-listing] + .mdl-button, .item.property > .mdl-card__menu input[data-save-listing$="_true"] + .mdl-button + .mdl-button, .item.property > .mdl-card__menu input[data-save-listing$="_True"] + .mdl-button + .mdl-button {
    display: none !important;
}

.item.property > .mdl-card__menu input[data-save-listing$="_true"] + .mdl-button, .item.property > .mdl-card__menu input[data-save-listing$="_True"] + .mdl-button {
    display: inline-block !important;
}

section.page-title.property-detail-title-section h1, section.page-title.property-detail-title-section h2 {
    font-size: 2rem;
    color: rgba(56,53,55,0.86);
    display: inline-flex;
}

section.page-title.property-detail-title-section h2 {
    font-weight: 500;
}

section.page-title.property-detail-title-section .inline-title {
    display: flex;
    align-items: center;
}

section.page-title.property-detail-title-section ul.inline-detail {
    margin: 0;
    padding: 0;
    list-style: none;
    color: rgba(56,53,55,0.86);
    text-shadow: 1px 1px 2px rgba(0, 34, 75,0.05);
}

    section.page-title.property-detail-title-section ul.inline-detail li {
        display: inline-block;
    }

        section.page-title.property-detail-title-section ul.inline-detail li:not([data-value="0"]):not([data-value="0.0"]):not([data-value="0.00"]):not([data-value=""]):not([data-value="#"]) ~ li:before {
            content: "";
            border-left: 1px solid rgba(0,0,0,0.5);
            margin: 8px;
            opacity: 0.36;
        }

section.page-title.property-detail-title-section .agora-grid:first-child {
    padding-bottom: 0;
}

section.page-title.property-detail-title-section .agora-grid ~ .agora-grid {
    padding-top: 0;
}

section.property-detail .listing-agents .agent .agent-name a:after {
    content: ", Listing Agent";
    margin: 0.6rem 0 0
}

section.property-detail .listing-agents .agent.agent-type-3 .agent-name a:after {
    content: ", Selling Agent";
}

section.property-detail .listing-agents .agent.agent-type-2 .agent-name a:after {
    content: ", Selling Agent";
}

section.property-detail .listing-agents .agent.agent-type-1 ~ .agent.agent-type-0 .agent-name a:after {
    content: ", Listing Agent";
}

section.page-title.property-detail-title-section.floating {
    visibility: hidden;
    position: fixed;
    top: -80px;
    opacity: 0;
    transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3;
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.02);
}

    section.page-title.property-detail-title-section.floating h1, section.page-title.property-detail-title-section.floating h2 {
        color: rgba(128,130,133,0.96);
    }

    section.page-title.property-detail-title-section.floating b {
        font-weight: 500;
    }

    section.page-title.property-detail-title-section.floating .agora-grid:first-child {
        padding-top: 4px;
        padding-bottom: 4px;
    }


body.newStyle section.page-title.property-detail-title-section ul.inline-detail li {
    font-size: 1em;
    color: #4a4a4a;
}

body.newStyle section.page-title.property-detail-title-section h1 {
    font-size: 2.25em;
    color: #121c28;
    font-weight: 800
}

body.newStyle section.page-title.property-detail-title-section h2 {
    font-size: 2.25em;
    color: #670038;
    font-weight: 800;
    margin-bottom: 1rem;
    margin-left: .7rem;
    font-family: "Manrope", sans-serif !important;
}

body.newStyle .detailpage .content-detail {
    font-size: 1em;
}

body.float-inline-bar section.page-title.property-detail-title-section.floating {
    visibility: visible;
    top: 0;
    opacity: 1;
}

section.contact {
    background: rgba(0,0,0,0.05);
}

.header-with-subtitle h2 {
    font-size: 2.2rem;
    z-index: 1;
    font-weight: 300;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    color: #222;
}

.header-with-subtitle h5 {
    font-weight: 300;
    text-align: center;
    width: 100%;
    margin-top: 0px;
    color: rgba(0,0,0,0.46);
    margin-bottom: 30px !important;
    font-size: 14px;
}

/*Market Watch section*/
.market-watch-section {
    padding: 16px 0;
    
}

    .market-watch-section h2 {
        font-size: 2.2rem;
        z-index: 1;
        font-weight: 300;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        color: #222;
    }

    .market-watch-section h5 {
        font-weight: 300;
        text-align: center;
        width: 100%;
        margin-top: 0px;
        color: rgba(0,0,0,0.46);
        margin-bottom: 30px !important;
        font-size: 14px;
    }

    .market-watch-section .market-watch2 {
        margin-top: 1rem
    }

        .market-watch-section .market-watch2 .mdl-cell {
            position: relative
        }

            .market-watch-section .market-watch2 .mdl-cell::after {
                content: " ";
                height: 100%;
                position: absolute;
                left: -10px;
                top: 0;
                width: 1px;
                z-index: 9;
            }

            .market-watch-section .market-watch2 .mdl-cell ~ .mdl-cell::after {
                border-left: 1px solid rgba(0, 0, 0, 0.05);
            }

        .market-watch-section .market-watch2 a, .market-watch-section .market-watch2 span {
            border-right: rgba(0,0,0,0.05) 1px solid;
            text-decoration: none;
            padding: 2rem 8px 3.5rem 8px;
        }

            .market-watch-section .market-watch2 a:last-child, .market-watch-section .market-watch2 span:last-child {
                border-right: none;
            }

        .market-watch-section .market-watch2 a, .market-watch-section .market-watch2 span {
            display: block;
            text-align: center;
            width: 100%;
            font-size: 40px;
            color: #808285;
            position: relative;
        }

            .market-watch-section .market-watch2 a:after, .market-watch-section .market-watch2 span:after {
                content: "keyboard_arrow_up";
                display: inline-block;
                font-family: "Material Icons";
                font-feature-settings: "liga";
                font-size: 30px;
                font-style: normal;
                font-weight: normal;
                letter-spacing: normal;
                line-height: 0;
                text-transform: none;
                word-wrap: normal;
                transform: translate(0px, 8px);
                margin: 0 0.2rem;
                color: green;
                -webkit-font-feature-settings: 'liga';
            }

            .market-watch-section .market-watch2 a.down:after, .market-watch-section .market-watch2 span.down:after {
                content: "keyboard_arrow_down";
                color: red;
            }

            .market-watch-section .market-watch2 a.noarrow:after, .market-watch-section .market-watch2 span.noarrow:after {
                display: none;
            }

            .market-watch-section .market-watch2 a:before, .market-watch-section .market-watch2 span:before {
                content: attr(data-label);
                font-weight: 400;
                font-size: 1rem;
                display: block;
                text-align: center;
                width: calc(100% - 16px);
                color: #808285;
                position: absolute;
                bottom: 1rem;
            }

@media (min-width:840px) and (max-width:900px) {
    .market-watch-section .market-watch2 a, .market-watch-section .market-watch2 span {
        font-size: 30px;
    }
}

@media (max-width:840px) {
    .market-watch-section .market-watch2 a, .market-watch-section .market-watch2 span {
        font-size: 20px;
        padding: 8px 8px 36px 8px;
    }

    .market-watch-section h5 {
        margin-bottom: 8px !important;
    }

    .market-watch-section .market-watch2 {
        margin-top: 0 !important;
    }
}

.detailpage .gallery {
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0.09);
    min-height: 0;
}

    .detailpage .gallery .owl-carousel {
        background: rgba(0,0,0,0.02);
        min-height: 200px;
    }

.detailpage .owl-carousel .item {
    position: relative;
}

    .detailpage .owl-carousel .item .mdl-cell {
        padding: 0 1px;
    }

    .detailpage .owl-carousel .item:not(.full) .mdl-cell:first-child, .detailpage .owl-carousel .item:not(.full) .mdl-cell:first-child + .mdl-cell {
        padding-bottom: 1px;
    }

        .detailpage .owl-carousel .item:not(.full) .mdl-cell:first-child + .mdl-cell ~ .mdl-cell {
            padding-top: 1px;
            padding-bottom: 0;
        }

.detailpage .detail-list ul, .property-detail-title-section .listingtype {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .detailpage .detail-list ul.list {
        display: block;
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
        font-size: 12px;
    }

        .detailpage .detail-list ul.list li {
            display: flex;
            box-sizing: border-box;
            padding: 0;
            margin: 0;
            padding: 4px 0;
            border-bottom: 1px solid rgba(9, 65, 117,0.04);
            justify-content: space-between;
        }

            .detailpage .detail-list ul.list li > i {
                text-decoration: none;
                font-style: normal;
                text-align: right;
                font-weight: 500;
                display: block;
            }

                .detailpage .detail-list ul.list li > i:first-child {
                    text-align: left;
                    font-weight: 400;
                }

                    .detailpage .detail-list ul.list li > i:first-child:after {
                        content: ":";
                        margin: 0 4px 0 0;
                    }

.detailpage .owl-slider-gallery .gallarey-imgs {
    background-position: center center;
    background-size: cover;
    height: 100%;
    height: 215px;
}

.detailpage .owl-slider-gallery .item.full .gallarey-imgs {
    height: 434px;
}

.detailpage .requestInfo {
    line-height: 36px
}

    .detailpage .requestInfo[data-material-icon-right]::after {
        margin: -0.2rem 0.2rem 0 0.2rem;
    }

body.newStyle .detailpage .detail-list ul.list {
    font-size: 1em;
    color: #4a4a4a
}

@media only screen and (max-width:840px) {
    .detailpage .detail-list ul.list {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (max-width:640px) {
    .detailpage .detail-list ul.list {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

.detailpage .owl-slider-gallery .image {
    background-position: center center;
    background-size: cover;
    height: 100%;
    height: 219px;
}

.detailpage .owl-slider-gallery .item.full .image {
    height: 440px;
}

@media (min-width:1440px) {
    .detailpage .owl-slider-gallery .image {
        height: 249px;
        position: relative;
    }

    .detailpage .owl-slider-gallery .item.full .image {
        height: 500px;
    }
}

@media (max-width:840px) {
    .detailpage .owl-slider-gallery .image {
        height: 149px;
    }

    .detailpage .owl-slider-gallery .item.full .image {
        height: 300px;
    }
}

.property-detail-title-section h1 + .listingtype {
    width: auto;
    margin: 0 8px;
    display: inline-flex;
}

@media (max-width:840px) {
    .property-detail-title-section h1 {
        width: 100%;
    }

        .property-detail-title-section h1, .property-detail-title-section h1 + .listingtype {
            display: flex !important;
        }
}

@media (max-width:480px) {
    /*.detailpage #ListingAgents .agent-result-item .photo{ height:380px }
*/ .property-detail-title-section h1, .property-detail-title-section h1 + .listingtype {
        display: block !important;
        margin: 0
    }
}

.property-detail-title-section .listingtype > li {
    display: none !important;
    margin: 1px;
    padding: 0 8px;
    font-size: 12px;
    color: rgba(255,255,255,0.86);
    text-transform: uppercase;
    border: 1px solid rgba(0,0,0,0.05);
    font-weight: 500;
    background: rgba(240, 160, 32,0.87);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
}

    .property-detail-title-section .listingtype > li > i {
        font-style: normal;
    }

.property-detail-title-section.openhouse .listingtype .oh {
    display: inline-block !important;
}

.property-detail-title-section.luxury .listingtype .lu {
    display: inline-block !important;
}

.property-detail-title-section.pricereduced .listingtype li.newpricereduced i:first-child:after {
    content: "arrow_downward";
    display: inline-block;
    font-feature-settings: "liga";
    font-family: "Material Icons";
    font-size: 18px;
    font-style: normal;
    line-height: 0;
    overflow-wrap: normal;
    text-transform: none;
    transform: translate(0px, 5px);
}

.property-detail-title-section.pricereduced .listingtype .pr {
    display: inline-block !important;
}

.property-detail-title-section.sold .listingtype .so {
    display: inline-block !important;
}

.property-detail-title-section.rental .listingtype .rl {
    display: inline-block !important;
}

.property-detail-title-section.newlisting .listingtype .nl {
    display: inline-block !important;
}

.property-detail-title-section.pending .listingtype .pen {
    display: inline-block !important;
}

.property-detail-title-section.virtualTour .listingtype .vt {
    display: inline-block !important;
}

.property-detail-title-section.contingent .listingtype .cn {
    display: inline-block !important;
}

.property-detail-title-section.undercontract .listingtype .uct {
    display: inline-block !important;
}

.property-detail-title-section.virtual-openhouse .listingtype .voh {
    display: inline-block !important;
}

.property-detail-title-section.person-showing .listingtype .ips {
    display: inline-block !important;
}

.property-detail-title-section.virtual-showing .listingtype .vs {
    display: inline-block !important;
}


.detailpage .detail-list h3 {
    margin: 0;
    padding: 0;
    font-size: 1.3rem;
}

.detailpage .listing-agents, .detailpage .area-view .tab-contents {
    background: rgb(238, 240, 239);
}

    .detailpage .listing-agents .mdl-card__supporting-text {
        padding-bottom: 0;
    }

    .detailpage .listing-agents .mdl-card__actions {
        padding-top: 0;
    }

    .detailpage .listing-agents .agent-info ul {
        padding: 0;
    }

        .detailpage .listing-agents .agent-info ul li {
            display: block;
            width: 100%;
            position: relative;
            padding-left: 32px;
        }

            .detailpage .listing-agents .agent-info ul li:before {
                position: absolute;
                font-size: 24px;
                left: 0;
                top: 11px;
                transform: scale(0.8);
            }

            .detailpage .listing-agents .agent-info ul li[data-material-icon="printer"]:before {
                left: -4px;
            }

            .detailpage .listing-agents .agent-info ul li a i:after {
                content: ": ";
            }

            .detailpage .listing-agents .agent-info ul li a i, .detailpage .listing-agents .agent-info ul li a b {
                font-size: 13px;
            }

            .detailpage .listing-agents .agent-info ul li p {
                display: inline-block;
            }

            .detailpage .listing-agents .agent-info ul li [data-agent-email-button] {
                text-decoration: underline;
            }

.detailpage .callouts {
    background: rgb(218, 220, 219);
}

.detailpage .agent-result-item.mdl-card, .detailpage .agent-result-item .mdl-card {
    background: none;
}

.detailpage .agent-result-item .photo img {
    display: block !important;
    visibility: hidden;
}

.detailpage .agent-result-item .mdl-card p {
    font-size: 13px;
    line-height: 16px;
}

.detailpage .agent-result-item h2 {
    margin: 16px 0;
}

.detailpage .agent-result-item .agent-links a[data-btnListing-visible="True"] {
    display: inline-block !important;
}

.detailpage .area-view .content {
    padding: 0;
}

    .detailpage .area-view .content .agora-grid.mdl-grid {
        margin-top: 0;
        margin-bottom: 0;
    }

.detailpage .owl-carousel .owl-nav [class*="owl-"] {
    position: absolute;
    box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
    background: #FFF;
    color: rgb(128,130,133);
    border-radius: 50%;
    top: calc(50% - 24px);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    padding: 0;
    margin: 0;
}

    .detailpage .owl-carousel .owl-nav [class*="owl-"]:hover {
        background: rgb(128,130,133);
        color: #fff
    }

.detailpage .owl-carousel .owl-nav .owl-prev {
    left: -16px;
}

.detailpage .owl-carousel .owl-nav .owl-next {
    right: -16px;
}

.detailpage .gallery .owl-carousel .owl-nav .owl-prev {
    left: 8px;
}

.detailpage .gallery .owl-carousel .owl-nav .owl-next {
    right: 8px;
}

.detailpage .gallery .owl-carousel .owl-nav [class*="owl-"] {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 24px;
}

.detailpage .mortgage {
}

    .detailpage .mortgage .mdl-card {
        min-height: 0;
        border: 1px solid rgba(119, 130, 140,0.2);
    }

        .detailpage .mortgage .mdl-card a {
            font-size: 1.6rem;
            display: block;
            padding: 2rem 0;
        }

.detailpage .callouts h3 {
    font-size: 24px;
}

.detailpage .callouts p {
    font-size: 13px;
    line-height: 16px;
    margin: 8px 0;
}

.detailpage .callouts img {
    max-width: 100%;
}

.detailpage .form .mdl-textfield, .detailpage .form .mdl-selectfield {
    margin-top: 0;
    margin-bottom: 0px;
    padding-top: 0;
    padding-bottom: 0;
}

    .detailpage .form .mdl-textfield .mdl-textfield__label, .detailpage .form .mdl-selectfield .mdl-selectfield__label, .detailpage .form .mdl-selectfield .mdl-selectfield__box {
        top: 4px;
    }

    .detailpage .form .mdl-selectfield .mdl-selectfield__label, .detailpage .form .mdl-selectfield .mdl-selectfield__box {
        bottom: -18px;
    }

        .detailpage .form .mdl-selectfield .mdl-selectfield__box span {
            top: 16px;
        }

    .detailpage .form .mdl-textfield .mdl-textfield__label:after, .detailpage .form .mdl-textfield .mdl-selectfield__label:after {
        bottom: 0;
    }

    .detailpage .form .mdl-textfield.is-dirty .mdl-textfield__label, .detailpage .form .mdl-textfield.is-focused .mdl-textfield__label, .detailpage .form .mdl-textfield.is-dirty .mdl-selectfield__label, .detailpage .form .mdl-textfield.is-focused .mdl-selectfield__label {
        top: -12px;
    }

.detailpage .form .mdl-checkbox__label {
    font-size: 13px;
}

.detailpage .mdl-card__title-text span {
    margin: 0 8px;
}

.detailpage-navigation a span {
    display: block;
}

    .detailpage-navigation a span:not(:first-child) {
        padding: 8px;
        font-size: 22px;
        line-height: 26px;
        opacity: 0.66;
    }

        .detailpage-navigation a span:not(:first-child) i:not(:first-child) {
            font-size: 16px;
        }

.detailpage .schools-control-row, .community .schools-control-row {
    margin-bottom: 0.3125em
}

    .detailpage .schools-control-row label, .community .schools-control-row label {
        display: inline-block;
        padding: 0.625em;
        cursor: pointer;
        background-color: rgba(0,0,0,0.05);
        margin-bottom: 0.25em;
    }

.detailpage .schools-list .school-row, .community .schools-list .school-row {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize;
    border-bottom: 1px rgba(0,0,0,0.05) solid;
    padding-bottom: 8px;
    margin-bottom: 0;
    padding-top: 8px;
    font-size: 13px;
}

    .detailpage .schools-list .school-row .school-title, .community .schools-list .school-row .school-title {
        position: relative;
        font-weight: 500;
    }

        .detailpage .schools-list .school-row .school-title span, .community .schools-list .school-row .school-title span {
            font-weight: normal;
            font-size: 0.875em
        }

    .detailpage .schools-list .school-row .school-summary, .community .schools-list .school-row .school-summary {
        position: relative;
        text-align: right;
        font-size: 0.875em;
    }

        .detailpage .schools-list .school-row .school-summary a, .community .schools-list .school-row .school-summary a {
            text-decoration: none;
            font-weight: 400;
        }

            .detailpage .schools-list .school-row .school-summary a span, .community .schools-list .school-row .school-summary a span, .Property-detail_section .schools-list .school-row .school-summary font, .community .schools-list .school-row .school-summary i {
                vertical-align: top;
            }

        .detailpage .schools-list .school-row .school-summary > span, .community .schools-list .school-row .school-summary > span {
            display: block
        }

    .detailpage .schools-list .school-row .school-stats, .community .schools-list .school-row .school-stats {
        position: relative;
        padding-left: 0.9375em;
        padding-right: 0.9375em;
        width: 100%;
        float: left;
        display: none
    }

.detailpage #ListingAgents #Request_Form .mdl-checkbox {
    height: auto;
}


body.newStyle .detailpage .callouts p, body.newStyle .detailpage .form .mdl-textfield .mdl-textfield__label, body.newStyle .detailpage .agent-result-item .mdl-card p {
    font-size: 1em
}

body.newStyle .detailpage .callouts {
    background: #000;
    color: #fff;
    padding-bottom: 2rem;
}

    body.newStyle .detailpage .callouts a.mdl-button {
        font-size: .875em
    }

        body.newStyle .detailpage .callouts a.mdl-button[data-material-icon-right]::after {
            color: #f0d32f;
        }


@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
    body.newStyle .detailpage .detail-list ul.list li {
        padding: 12px 0;
    }
}

@media only screen and (min-width:800px) {
    .detailpage .content-detail {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

.property-detail-title-section .listingtype .ohd {
    display: none !important;
}

.property-detail-title-section.have-mul-openhouse .listingtype .ohd {
    vertical-align: middle;
    display: inline-block !important;
    border-radius: 2px;
    font-size: 1.2rem;
    margin-left: .6rem;
    color: rgba(36, 6, 23,0.76);
}

/***********************Property Result Gallery View***********************/



/*****************************************Open Homes List View*****************************************/
.prop-listitems .time {
    display: block;
    padding: 10px;
}

ul.mdl-cell {
    list-style: none;
}

.OneSearchBox {
    background: #fff;
    z-index: 2;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.12);
}

    .OneSearchBox a {
        padding: 4px 8px !important;
        color: rgba(0,0,0,0.54) !important;
        font-size: 13px;
        display: inline-block;
        box-sizing: border-box;
        cursor: pointer;
        text-align: left;
    }

        .OneSearchBox a strong {
            color: rgba(93, 45, 80,0.96);
            font-weight: normal;
        }

        .OneSearchBox a span {
            font-size: 10px;
            font-style: italic;
            color: rgba(103,101,106,0.96);
        }

        .OneSearchBox a.highlightitem {
            background: rgba(103,101,106,0.05);
        }

    .OneSearchBox font {
        color: rgba(103,101,106,0.96) !important;
        font-size: 12px;
    }

    .OneSearchBox hr {
        opacity: 0.3;
        border-color: rgba(0, 54, 104,0.15);
    }

    .OneSearchBox .agora-onesearch-multi-sel-item-cont a {
        color: rgba(103,101,106,0.86) !important;
    }

        .OneSearchBox .agora-onesearch-multi-sel-item-cont a i {
            color: rgba(93, 45, 80,0.96);
        }



/********************General Repeat Items*****************************/
.item.property.map.mdl-card {
    height: 210px;
    overflow: hidden;
    border: 2px solid transparent;
    box-sizing: border-box;
}

.item.property > .mdl-card__menu .mdl-button {
    background: rgba(86, 83, 86,0.36);
    border-radius: 2px;
    color: rgba(255,255,255,0.86);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.16);
    display: block !important;
    margin-top: 8px;
}

.item.property > .mdl-card__title {
    padding: 0;
    color: #fff;
    height: 290px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    max-height: 100%;
    cursor: pointer;
}

.item.property .mdl-card__actions .mdl-button {
    font-size: 0.87rem;
    padding: 0 8px;
}

.item.property .mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(128,130,133,0.03);
}

.item.property .mdl-card__actions {
    display: flex;
    display: -webkit-flex;
    flex-flow: row;
    -webkit-flex-flow: row;
}

    .item.property .mdl-card__actions .mdl-button {
        margin: auto;
        min-width: unset;
    }

        .item.property .mdl-card__actions .mdl-button i {
            transform: none;
            margin: 0 0.2rem;
        }

.item.property .property-badge {
    position: absolute;
    left: 16px;
    margin-left: -2px;
    z-index: 1
}

.item.property .property-badge {
    left: 0;
    top: 0;
}

    .item.property .property-badge.top {
        top: 16px;
    }

    .item.property .property-badge ul.listingtype li.newpricereduced i:first-child:after {
        content: "arrow_downward";
        display: inline-block;
        font-feature-settings: "liga";
        font-family: "Material Icons";
        font-size: 18px;
        font-style: normal;
        line-height: 0;
        overflow-wrap: normal;
        text-transform: none;
        transform: translate(0px, 5px);
    }

    .item.property .property-badge.bottom {
        bottom: 16px;
    }

    .item.property .property-badge ul {
        list-style: none;
        display: block;
        padding: 0;
        margin: 0;
    }

        .item.property .property-badge ul li {
            display: inline-block;
            background: rgba(240, 160, 32,0.87);
            padding: 1px 8px;
            font-size: 11px;
            clear: both;
            text-transform: uppercase;
            font-weight: 500;
            margin: 0 0 1px 0;
            float: left;
        }

            .item.property .property-badge ul li:before {
                margin-right: 0.3rem;
            }

            .item.property .property-badge ul li.open-house:before {
                content: "Open";
            }

            .item.property .property-badge ul li.new:before {
                content: "New Listing";
            }

            .item.property .property-badge ul li.luxury:before {
                content: "Luxury";
            }

            .item.property .property-badge ul li.price {
                font-size: 1.3rem;
                padding: 0.4rem 1.3rem;
                background: rgba(100,47,94,0.76);
                color: rgb(255,255,255);
            }

            .item.property .property-badge ul li i {
                font-style: normal;
            }

.item.property .mdl-card__supporting-text, .result-section .property .mdl-card__supporting-text .mdl-grid {
    width: 100%;
    padding: 0;
}

    .item.property .mdl-card__supporting-text .description ul {
        margin-top: 0;
        margin-bottom: 0;
    }

    .item.property .mdl-card__supporting-text .basic {
        margin-bottom: 0;
    }

    .item.property .mdl-card__supporting-text h2 {
        color: rgba(0, 0, 0, 0.94)
    }

    .item.property .mdl-card__supporting-text h2, .item.property .mdl-card__supporting-text h3 {
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 1.4rem;
    }

    .item.property .mdl-card__supporting-text h3 {
        font-weight: 400;
        margin-top: 0px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .item.property .mdl-card__supporting-text ul {
        display: block;
        padding: 0;
        clear: both;
        list-style: none;
    }

        .item.property .mdl-card__supporting-text ul li {
            display: block;
            width: 100%;
        }

        .item.property .mdl-card__supporting-text ul li {
            display: block;
            width: auto;
            margin: 0;
            width: 100%;
        }

.item.property.mini .mdl-card__supporting-text ul li {
    display: inline-block;
    width: auto;
    margin: 0;
}

    .item.property.mini .mdl-card__supporting-text ul li ~ li:before {
        content: ", ";
    }

.item.property .mdl-card__supporting-text ul li i {
    font-style: normal;
}

    .item.property .mdl-card__supporting-text ul li i.value {
        font-weight: 500;
    }

    .item.property .mdl-card__supporting-text ul li i ~ i {
        margin: 0 0 0 4px;
    }

.item.property .mdl-card__supporting-text ul.right li {
    text-align: right;
}

.item.property .mdl-card__supporting-text li b {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.64);
    margin-right: 0.2rem;
    display: inline-block;
}

.item.property .mdl-card__supporting-text li.right b {
    margin-left: 0.2rem;
    margin-right: 0;
}

.item.property .mdl-card__supporting-text ul.primary li b {
    font-size: 14px;
    font-weight: 500;
}

.item.property .mdl-card__supporting-text a {
    font-size: 0.8rem;
}

.item.property .listingtype > li {
    display: none !important;
}

.item.property.openhouse .listingtype .oh {
    display: inline-block !important;
    max-width: 265px;
}

.item.property.luxury .listingtype .lu {
    display: inline-block !important;
}

.item.property.pricereduced .listingtype .pr {
    display: inline-block !important;
}

.item.property.sold .listingtype .so {
    display: inline-block !important;
}

.item.property.rental .listingtype .rl {
    display: inline-block !important;
}

.item.property.newlisting .listingtype .nl {
    display: inline-block !important;
}

.item.property.virtualTour .listingtype .vt {
    display: inline-block !important;
}

.item.property.contingent .listingtype .cn {
    display: inline-block !important;
}

.item.property.undercontract .listingtype .uct {
    display: inline-block !important;
}

.item.property.virtual-openhouse .listingtype .voh {
    display: inline-block !important;
}

.item.property.person-showing .listingtype .ips {
    display: inline-block !important;
}

.item.property.virtual-showing .listingtype .vs {
    display: inline-block !important;
}

.item.property.pending .listingtype .pen {
    display: inline-block !important;
}

.item.property .slides[data-value="0"] {
    display: block !important
}

.item.property .listingtype .ohd {
    display: none !important;
}

.item.property.have-mul-openhouse .listingtype .ohd {
    vertical-align: middle;
    display: inline-block !important;
    border-radius: 2px;
    color: rgba(36, 6, 23,0.76);
    margin-left: .5rem;
    font-size: 1.2rem;
}

.item.property .property-info {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    padding: 12px 0 8px;
    cursor: default;
}

    .item.property .property-info ul {
        margin: 0 auto;
        display: flex;
        padding: 0;
        list-style: none;
        color: rgba(255,255,255,0.96);
        position: relative;
        z-index: 1;
        height: 50px;
        overflow: hidden;
        justify-content: space-between;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
    }

        .item.property .property-info ul li > i:not([data-plural]) {
            display: block !important;
            font-style: normal;
            font-weight: bold;
            text-transform: uppercase;
            padding: 0 8px;
        }

.item.property.mdl-card .mdl-card__title:before {
    background: 0;
    box-shadow: 0 0 8rem 4rem rgba(128,130,133,0.64);
    content: "";
    display: none;
    height: 40rem;
    position: absolute;
    bottom: 0rem;
    left: 0;
    width: 100%;
    margin-bottom: -40rem;
    opacity: 1;
    visibility: visible;
    transition: all .4s ease-in;
    z-index: 1;
}

.item.property .Prop_img {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.item.property .slides {
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
}

    .item.property .slides * {
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }

    .item.property .slides input {
        display: none;
    }

.item.property .slide-container {
    display: block;
}

.item.property .slide {
    top: 0;
    opacity: 0;
    width: 100%;
    height: 290px;
    display: block;
    position: absolute;
    transition: all .7s ease-in-out;
}

    .item.property .slide img {
        width: 100%;
        height: 100%;
    }

.item.property .slides[data-value="1"] .nav, .item.property .slides[data-value="0"] .nav {
    display: none;
}

.item.property .nav label {
    width: 48px;
    height: 48px;
    display: none;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    color: rgba(255,255,255,0.96);
    font-size: 48px;
    text-align: center;
    top: calc(50% - 24px);
    line-height: 48px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

    .item.property .nav label:before {
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        word-wrap: normal;
        font-feature-settings: 'liga';
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
    }

    .item.property .nav label:hover {
        background: rgba(255,255,255,0.2);
    }

.item.property .nav .prev:before {
    content: "chevron_left";
}

.item.property .nav .next:before {
    content: "chevron_right";
}

.item.property .nav .prev {
    left: 8px;
}

.item.property .nav .next {
    right: 8px;
}

html.no-touch .item.property .nav .prev, html.no-touch .item.property .nav .next {
    opacity: 0;
}

html.no-touch .item.property .nav .prev {
    left: -48px;
}

html.no-touch .item.property .nav .next {
    right: -48px;
}

html.no-touch .item.property:hover .nav .prev {
    left: 8px;
    opacity: 1;
}

html.no-touch .item.property:hover .next {
    right: 8px;
    opacity: 1;
}

.item.property input:checked + .slide-container .slide {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1s ease-in-out;
}

.item.property input:checked + .slide-container .nav label {
    display: block;
}

.item.property .img-listingcourtesy img {
    width: 32px;
}

.item.property .listingcourtesy {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

    .item.property .listingcourtesy li {
        display: none !important;
    }

        .item.property .listingcourtesy li img {
            max-width: 32px;
        }

    .item.property .listingcourtesy li {
        display: none;
        font-size: 12px;
        padding-left: 24px;
        position: relative;
    }

.item.property.idxitem.iscustomercare .listingcourtesy li.idx, .item.property.agents-1:not(.iscustomercare) .listingcourtesy li.broker, .item.property.agents-2:not(.iscustomercare) .listingcourtesy li.broker {
    display: inline-block !important;
}

.item.property .listingcourtesy li.idx {
    height: 32px;
}

.item.property .listingcourtesy li img {
    display: inline-block;
    width: 24px;
    position: absolute;
    left: 0;
}

.item.property .listingcourtesy li.idx img {
    left: 0px;
    top: 24px;
}

.item.property .listingcourtesy li i {
    font-style: normal;
    margin: 0 3px;
    display: none;
}

.item.property.site-owner .listingcourtesy li i.text.owner {
    display: inline-block;
}

.item.property:not(.site-owner) .listingcourtesy li i.text:not(.owner) {
    display: inline-block;
}

.item.property .listingcourtesy li.broker a, .item.property .listingcourtesy li.broker span {
    display: none;
}

    .item.property .listingcourtesy li.broker a, .item.property .listingcourtesy li.broker a * {
        text-decoration: underline;
    }

        .item.property .listingcourtesy li.broker a i {
            display: inline !important;
        }

.item.property:not(.iscustomercare) .listingcourtesy li.broker a, .item.property.iscustomercare .listingcourtesy li.broker span {
    display: inline-block;
}

.item.property.sold [data-non-sold] {
    display: none !important;
}

@media only screen and (max-width:1280px) and (min-width: 840px) {
    .item.agent.mini .mdl-card__supporting-text {
        padding: 8px;
    }

    .item.agent.mini ul [data-material-icon]:before {
        font-size: 18px;
    }

    .item.agent.mini ul.agent-additional-info li a i {
        display: none;
    }
}

@media (max-width:839px) and (min-width: 768px) {
    body.newStyle .item.property .mdl-card__supporting-text ul.TabFix {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        body.newStyle .item.property .mdl-card__supporting-text ul.TabFix li {
            float: left;
            padding-right: 0rem;
            display: block;
            width: auto
        }
}

@media (max-width:768px) and (min-width: 640px) {
    body.newStyle .item.property .mdl-card__supporting-text ul.TabFix {
        display: block
    }

        body.newStyle .item.property .mdl-card__supporting-text ul.TabFix li {
            float: left;
            padding-right: 2rem;
            width: auto;
        }
}

@media only screen and (max-width:480px) {
    .item.agent.mini .mdl-card__title {
        height: 320px;
    }
}

.item.agent .badges {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

    .item.agent .badges li {
        display: none;
        background: rgba(0,0,0,0.36);
        padding: 2px 8px;
        text-transform: uppercase;
        color: rgba(255,255,255,0.96);
        width: 100%;
        font-weight: 500;
        font-size: 12px;
    }

.item.agent.manager .badges li.manager {
    display: block;
}

.item.office {
}

    .item.office .mdl-card__title {
        height: 280px;
        background-size: cover;
        background-position: top center;
    }

    .item.office .mdl-card__supporting-text .office-status {
        padding: 0;
    }

    .item.office .mdl-card__supporting-text .office-header {
        margin-bottom: 0;
        text-transform: uppercase;
    }

    .item.office .mdl-card__supporting-text h2 a {
        font-size: 17px;
        font-weight: 400;
    }

    .item.office .mdl-card__supporting-text .office-header.primary {
        margin-top: 0;
    }

    .item.office .mdl-card__supporting-text ul {
        display: flex;
        padding: 0;
        align-content: space-between;
    }

        .item.office .mdl-card__supporting-text ul li {
            display: inline-flex;
            width: 50%;
        }

            .item.office .mdl-card__supporting-text ul li a {
                display: block;
                width: 100%;
            }

            .item.office .mdl-card__supporting-text ul li:not([data-value=""]) ~ li a {
                text-align: right;
            }

    .item.office .mdl-card__actions.mdl-card--border {
        border-top: 1px solid rgba(128,130,133,0.03);
    }

    .item.office .mdl-card__action .mdl-button {
        max-width: initial;
    }

    .item.office .mdl-card__actions .space-between a[data-value="True"] {
        display: none !important;
    }

[data-value][data-internal] {
    font-style: normal;
    margin: 0 !important;
}

.item.office [data-internal="s"][data-value="False"], .item.office [data-internal=""][data-value="True"] {
    display: none !important;
}



.item.new-construction .agora-flex {
    align-items: center;
    padding: 2px;
}

.item.new-construction .new-construction-detail {
    padding: 0;
}

    .item.new-construction .new-construction-detail h2 {
        font-size: 18px;
    }

.item.new-construction .mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(128,130,133,0.03);
}

.item.new-construction .mdl-card__actions .mdl-button {
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
}

.owl-carousel .item.property.mdl-card {
    width: auto;
    margin-top: 8px;
    margin-bottom: 6px;
}

.owl-carousel .item.property.mdl-card {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.02);
}

.agora-mdl-data-dialog-container-body .owl-carousel .item.property.mdl-card {
    margin-top: 0px;
    margin-bottom: 0px;
}



.save-delete {
    display: none;
}

.save-listings .save-delete {
    display: block;
}

.tabed-view {
}

    .tabed-view input[type="radio"] {
        display: none;
    }

    .tabed-view .tabs {
    }

        .tabed-view .tabs label {
            cursor: pointer;
        }

    .tabed-view .tab-contents {
        position: relative;
    }

        .tabed-view .tab-contents .tab-content {
            visibility: hidden;
            position: relative;
            opacity: 0;
            transition: 0.3s all cubic-bezier(0.4,0.3,0.1,0.2);
            max-height: 0;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-top: 0;
            padding-bottom: 0;
        }

    .tabed-view input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1),
    .tabed-view input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2),
    .tabed-view input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3),
    .tabed-view input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4),
    .tabed-view input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5),
    .tabed-view input[type="radio"]:nth-child(6):checked ~ .tabs label:nth-child(6),
    .tabed-view input[type="radio"]:nth-child(7):checked ~ .tabs label:nth-child(7),
    .tabed-view input[type="radio"]:nth-child(8):checked ~ .tabs label:nth-child(8),
    .tabed-view input[type="radio"]:nth-child(9):checked ~ .tabs label:nth-child(9),
    .tabed-view input[type="radio"]:nth-child(10):checked ~ .tabs label:nth-child(10),
    .tabed-view input[type="radio"]:nth-child(11):checked ~ .tabs label:nth-child(11),
    .tabed-view input[type="radio"]:nth-child(12):checked ~ .tabs label:nth-child(12),
    .tabed-view input[type="radio"]:nth-child(13):checked ~ .tabs label:nth-child(13),
    .tabed-view input[type="radio"]:nth-child(14):checked ~ .tabs label:nth-child(14),
    .tabed-view input[type="radio"]:nth-child(15):checked ~ .tabs label:nth-child(15),
    .tabed-view input[type="radio"]:nth-child(16):checked ~ .tabs label:nth-child(16),
    .tabed-view input[type="radio"]:nth-child(1):checked ~ .associate-container .tabs label:nth-child(1),
    .tabed-view input[type="radio"]:nth-child(2):checked ~ .associate-container .tabs label:nth-child(2),
    .tabed-view input[type="radio"]:nth-child(3):checked ~ .associate-container .tabs label:nth-child(3),
    .tabed-view input[type="radio"]:nth-child(4):checked ~ .associate-container .tabs label:nth-child(4),
    .tabed-view input[type="radio"]:nth-child(5):checked ~ .associate-container .tabs label:nth-child(5),
    .tabed-view input[type="radio"]:nth-child(6):checked ~ .associate-container .tabs label:nth-child(6),
    .tabed-view input[type="radio"]:nth-child(7):checked ~ .associate-container .tabs label:nth-child(7),
    .tabed-view input[type="radio"]:nth-child(8):checked ~ .associate-container .tabs label:nth-child(8),
    .tabed-view input[type="radio"]:nth-child(9):checked ~ .associate-container .tabs label:nth-child(9),
    .tabed-view input[type="radio"]:nth-child(10):checked ~ .associate-container .tabs label:nth-child(10),
    .tabed-view input[type="radio"]:nth-child(11):checked ~ .associate-container .tabs label:nth-child(11),
    .tabed-view input[type="radio"]:nth-child(12):checked ~ .associate-container .tabs label:nth-child(12),
    .tabed-view input[type="radio"]:nth-child(13):checked ~ .associate-container .tabs label:nth-child(13),
    .tabed-view input[type="radio"]:nth-child(14):checked ~ .associate-container .tabs label:nth-child(14),
    .tabed-view input[type="radio"]:nth-child(15):checked ~ .associate-container .tabs label:nth-child(15),
    .tabed-view input[type="radio"]:nth-child(16):checked ~ .associate-container .tabs label:nth-child(16) {
        display: initial;
    }


    .tabed-view input[type="radio"]:nth-child(1):checked ~ .tab-contents .tab-content:nth-child(1),
    .tabed-view input[type="radio"]:nth-child(2):checked ~ .tab-contents .tab-content:nth-child(2),
    .tabed-view input[type="radio"]:nth-child(3):checked ~ .tab-contents .tab-content:nth-child(3),
    .tabed-view input[type="radio"]:nth-child(4):checked ~ .tab-contents .tab-content:nth-child(4),
    .tabed-view input[type="radio"]:nth-child(5):checked ~ .tab-contents .tab-content:nth-child(5),
    .tabed-view input[type="radio"]:nth-child(6):checked ~ .tab-contents .tab-content:nth-child(6),
    .tabed-view input[type="radio"]:nth-child(7):checked ~ .tab-contents .tab-content:nth-child(7),
    .tabed-view input[type="radio"]:nth-child(8):checked ~ .tab-contents .tab-content:nth-child(8),
    .tabed-view input[type="radio"]:nth-child(9):checked ~ .tab-contents .tab-content:nth-child(9),
    .tabed-view input[type="radio"]:nth-child(10):checked ~ .tab-contents .tab-content:nth-child(10),
    .tabed-view input[type="radio"]:nth-child(11):checked ~ .tab-contents .tab-content:nth-child(11),
    .tabed-view input[type="radio"]:nth-child(12):checked ~ .tab-contents .tab-content:nth-child(12),
    .tabed-view input[type="radio"]:nth-child(13):checked ~ .tab-contents .tab-content:nth-child(13),
    .tabed-view input[type="radio"]:nth-child(14):checked ~ .tab-contents .tab-content:nth-child(14),
    .tabed-view input[type="radio"]:nth-child(15):checked ~ .tab-contents .tab-content:nth-child(15),
    .tabed-view input[type="radio"]:nth-child(16):checked ~ .tab-contents .tab-content:nth-child(16),
    .tabed-view input[type="radio"]:nth-child(1):checked ~ .associate-container .tab-contents .tab-content:nth-child(1),
    .tabed-view input[type="radio"]:nth-child(2):checked ~ .associate-container .tab-contents .tab-content:nth-child(2),
    .tabed-view input[type="radio"]:nth-child(3):checked ~ .associate-container .tab-contents .tab-content:nth-child(3),
    .tabed-view input[type="radio"]:nth-child(4):checked ~ .associate-container .tab-contents .tab-content:nth-child(4),
    .tabed-view input[type="radio"]:nth-child(5):checked ~ .associate-container .tab-contents .tab-content:nth-child(5),
    .tabed-view input[type="radio"]:nth-child(6):checked ~ .associate-container .tab-contents .tab-content:nth-child(6),
    .tabed-view input[type="radio"]:nth-child(7):checked ~ .associate-container .tab-contents .tab-content:nth-child(7),
    .tabed-view input[type="radio"]:nth-child(8):checked ~ .associate-container .tab-contents .tab-content:nth-child(8),
    .tabed-view input[type="radio"]:nth-child(9):checked ~ .associate-container .tab-contents .tab-content:nth-child(9),
    .tabed-view input[type="radio"]:nth-child(10):checked ~ .associate-container .tab-contents .tab-content:nth-child(10),
    .tabed-view input[type="radio"]:nth-child(11):checked ~ .associate-container .tab-contents .tab-content:nth-child(11),
    .tabed-view input[type="radio"]:nth-child(12):checked ~ .associate-container .tab-contents .tab-content:nth-child(12),
    .tabed-view input[type="radio"]:nth-child(13):checked ~ .associate-container .tab-contents .tab-content:nth-child(13),
    .tabed-view input[type="radio"]:nth-child(14):checked ~ .associate-container .tab-contents .tab-content:nth-child(14),
    .tabed-view input[type="radio"]:nth-child(15):checked ~ .associate-container .tab-contents .tab-content:nth-child(15),
    .tabed-view input[type="radio"]:nth-child(16):checked ~ .associate-container .tab-contents .tab-content:nth-child(16) {
        display: flex;
        position: relative;
        opacity: 1;
        visibility: visible;
        max-height: none;
    }

    .tabed-view.default {
    }

        .tabed-view.default .tabs, .tabed-view.default .tab-contents {
            margin-top: 0;
            margin-bottom: 0;
        }

            .tabed-view.default .tabs label {
                padding: 16px;
                font-weight: 500;
                font-size: 13px;
                position: relative;
                display: inline-block;
            }

                .tabed-view.default .tabs label:hover {
                    color: rgb(128,130,133);
                }

        .tabed-view.default input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1):after,
        .tabed-view.default input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2):after,
        .tabed-view.default input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3):after,
        .tabed-view.default input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4):after,
        .tabed-view.default input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5):after,
        .tabed-view.default input[type="radio"]:nth-child(6):checked ~ .tabs label:nth-child(6):after,
        .tabed-view.default input[type="radio"]:nth-child(7):checked ~ .tabs label:nth-child(7):after,
        .tabed-view.default input[type="radio"]:nth-child(8):checked ~ .tabs label:nth-child(8):after,
        .tabed-view.default input[type="radio"]:nth-child(9):checked ~ .tabs label:nth-child(9):after,
        .tabed-view.default input[type="radio"]:nth-child(10):checked ~ .tabs label:nth-child(10):after,
        .tabed-view.default input[type="radio"]:nth-child(11):checked ~ .tabs label:nth-child(11):after,
        .tabed-view.default input[type="radio"]:nth-child(12):checked ~ .tabs label:nth-child(12):after,
        .tabed-view.default input[type="radio"]:nth-child(13):checked ~ .tabs label:nth-child(13):after,
        .tabed-view.default input[type="radio"]:nth-child(14):checked ~ .tabs label:nth-child(14):after,
        .tabed-view.default input[type="radio"]:nth-child(15):checked ~ .tabs label:nth-child(15):after,
        .tabed-view.default input[type="radio"]:nth-child(16):checked ~ .tabs label:nth-child(16):after,
        .tabed-view.default input[type="radio"]:nth-child(1):checked ~ .associate-container .tabs label:nth-child(1):after,
        .tabed-view.default input[type="radio"]:nth-child(2):checked ~ .associate-container .tabs label:nth-child(2):after,
        .tabed-view.default input[type="radio"]:nth-child(3):checked ~ .associate-container .tabs label:nth-child(3):after,
        .tabed-view.default input[type="radio"]:nth-child(4):checked ~ .associate-container .tabs label:nth-child(4):after,
        .tabed-view.default input[type="radio"]:nth-child(5):checked ~ .associate-container .tabs label:nth-child(5):after,
        .tabed-view.default input[type="radio"]:nth-child(6):checked ~ .associate-container .tabs label:nth-child(6):after,
        .tabed-view.default input[type="radio"]:nth-child(7):checked ~ .associate-container .tabs label:nth-child(7):after,
        .tabed-view.default input[type="radio"]:nth-child(8):checked ~ .associate-container .tabs label:nth-child(8):after,
        .tabed-view.default input[type="radio"]:nth-child(9):checked ~ .associate-container .tabs label:nth-child(9):after,
        .tabed-view.default input[type="radio"]:nth-child(10):checked ~ .associate-container .tabs label:nth-child(10):after,
        .tabed-view.default input[type="radio"]:nth-child(11):checked ~ .associate-container .tabs label:nth-child(11):after,
        .tabed-view.default input[type="radio"]:nth-child(12):checked ~ .associate-container .tabs label:nth-child(12):after,
        .tabed-view.default input[type="radio"]:nth-child(13):checked ~ .associate-container .tabs label:nth-child(13):after,
        .tabed-view.default input[type="radio"]:nth-child(14):checked ~ .associate-container .tabs label:nth-child(14):after,
        .tabed-view.default input[type="radio"]:nth-child(15):checked ~ .associate-container .tabs label:nth-child(15):after,
        .tabed-view.default input[type="radio"]:nth-child(16):checked ~ .associate-container .tabs label:nth-child(16):after {
            content: "";
            width: 100%;
            height: 3px;
            background: rgb(128,130,133);
            position: absolute;
            bottom: -3px;
            z-index: 1;
            left: 0;
        }

        .tabed-view.default input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1),
        .tabed-view.default input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2),
        .tabed-view.default input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3),
        .tabed-view.default input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4),
        .tabed-view.default input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5),
        .tabed-view.default input[type="radio"]:nth-child(6):checked ~ .tabs label:nth-child(6),
        .tabed-view.default input[type="radio"]:nth-child(7):checked ~ .tabs label:nth-child(7),
        .tabed-view.default input[type="radio"]:nth-child(8):checked ~ .tabs label:nth-child(8),
        .tabed-view.default input[type="radio"]:nth-child(9):checked ~ .tabs label:nth-child(9),
        .tabed-view.default input[type="radio"]:nth-child(10):checked ~ .tabs label:nth-child(10),
        .tabed-view.default input[type="radio"]:nth-child(11):checked ~ .tabs label:nth-child(11),
        .tabed-view.default input[type="radio"]:nth-child(12):checked ~ .tabs label:nth-child(12),
        .tabed-view.default input[type="radio"]:nth-child(13):checked ~ .tabs label:nth-child(13),
        .tabed-view.default input[type="radio"]:nth-child(14):checked ~ .tabs label:nth-child(14),
        .tabed-view.default input[type="radio"]:nth-child(15):checked ~ .tabs label:nth-child(15),
        .tabed-view.default input[type="radio"]:nth-child(16):checked ~ .tabs label:nth-child(16) {
            color: rgb(128,130,133);
            display: inline-block;
        }

    .tabed-view.community {
    }

        .tabed-view.community .tabs, .tabed-view.community .tab-contents {
            margin-top: 0;
            margin-bottom: 0;
        }

            .tabed-view.community .tabs label {
                padding: 11px 16px;
                font-weight: 500;
                font-size: 13px;
                position: relative;
                display: inline-block;
            }

                .tabed-view.community .tabs label:hover {
                    color: rgb(128,130,133);
                }

        .tabed-view.community input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1),
        .tabed-view.community input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2),
        .tabed-view.community input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3),
        .tabed-view.community input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4),
        .tabed-view.community input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5),
        .tabed-view.community input[type="radio"]:nth-child(6):checked ~ .tabs label:nth-child(6),
        .tabed-view.community input[type="radio"]:nth-child(7):checked ~ .tabs label:nth-child(7),
        .tabed-view.community input[type="radio"]:nth-child(8):checked ~ .tabs label:nth-child(8),
        .tabed-view.community input[type="radio"]:nth-child(9):checked ~ .tabs label:nth-child(9),
        .tabed-view.community input[type="radio"]:nth-child(10):checked ~ .tabs label:nth-child(10),
        .tabed-view.community input[type="radio"]:nth-child(11):checked ~ .tabs label:nth-child(11),
        .tabed-view.community input[type="radio"]:nth-child(12):checked ~ .tabs label:nth-child(12),
        .tabed-view.community input[type="radio"]:nth-child(13):checked ~ .tabs label:nth-child(13),
        .tabed-view.community input[type="radio"]:nth-child(14):checked ~ .tabs label:nth-child(14),
        .tabed-view.community input[type="radio"]:nth-child(15):checked ~ .tabs label:nth-child(15),
        .tabed-view.community input[type="radio"]:nth-child(16):checked ~ .tabs label:nth-child(16),
        .tabed-view.community input[type="radio"]:nth-child(1):checked ~ .associate-container .tabs label:nth-child(1),
        .tabed-view.community input[type="radio"]:nth-child(2):checked ~ .associate-container .tabs label:nth-child(2),
        .tabed-view.community input[type="radio"]:nth-child(3):checked ~ .associate-container .tabs label:nth-child(3),
        .tabed-view.community input[type="radio"]:nth-child(4):checked ~ .associate-container .tabs label:nth-child(4),
        .tabed-view.community input[type="radio"]:nth-child(5):checked ~ .associate-container .tabs label:nth-child(5),
        .tabed-view.community input[type="radio"]:nth-child(6):checked ~ .associate-container .tabs label:nth-child(6),
        .tabed-view.community input[type="radio"]:nth-child(7):checked ~ .associate-container .tabs label:nth-child(7),
        .tabed-view.community input[type="radio"]:nth-child(8):checked ~ .associate-container .tabs label:nth-child(8),
        .tabed-view.community input[type="radio"]:nth-child(9):checked ~ .associate-container .tabs label:nth-child(9),
        .tabed-view.community input[type="radio"]:nth-child(10):checked ~ .associate-container .tabs label:nth-child(10),
        .tabed-view.community input[type="radio"]:nth-child(11):checked ~ .associate-container .tabs label:nth-child(11),
        .tabed-view.community input[type="radio"]:nth-child(12):checked ~ .associate-container .tabs label:nth-child(12),
        .tabed-view.community input[type="radio"]:nth-child(13):checked ~ .associate-container .tabs label:nth-child(13),
        .tabed-view.community input[type="radio"]:nth-child(14):checked ~ .associate-container .tabs label:nth-child(14),
        .tabed-view.community input[type="radio"]:nth-child(15):checked ~ .associate-container .tabs label:nth-child(15),
        .tabed-view.community input[type="radio"]:nth-child(16):checked ~ .associate-container .tabs label:nth-child(16) {
            background: rgba(128,130,133,0.8);
            bottom: -3px;
            color: #fff;
            z-index: 1;
            border-top-left-radius: 2px;
            border-top-right-radius: 2px;
        }

            .tabed-view.community input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1):after,
            .tabed-view.community input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2):after,
            .tabed-view.community input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3):after,
            .tabed-view.community input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4):after,
            .tabed-view.community input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5):after,
            .tabed-view.community input[type="radio"]:nth-child(6):checked ~ .tabs label:nth-child(6):after,
            .tabed-view.community input[type="radio"]:nth-child(7):checked ~ .tabs label:nth-child(7):after,
            .tabed-view.community input[type="radio"]:nth-child(8):checked ~ .tabs label:nth-child(8):after,
            .tabed-view.community input[type="radio"]:nth-child(9):checked ~ .tabs label:nth-child(9):after,
            .tabed-view.community input[type="radio"]:nth-child(10):checked ~ .tabs label:nth-child(10):after,
            .tabed-view.community input[type="radio"]:nth-child(11):checked ~ .tabs label:nth-child(11):after,
            .tabed-view.community input[type="radio"]:nth-child(12):checked ~ .tabs label:nth-child(12):after,
            .tabed-view.community input[type="radio"]:nth-child(13):checked ~ .tabs label:nth-child(13):after,
            .tabed-view.community input[type="radio"]:nth-child(14):checked ~ .tabs label:nth-child(14):after,
            .tabed-view.community input[type="radio"]:nth-child(15):checked ~ .tabs label:nth-child(15):after,
            .tabed-view.community input[type="radio"]:nth-child(16):checked ~ .tabs label:nth-child(16):after,
            .tabed-view.community input[type="radio"]:nth-child(1):checked ~ .associate-container .tabs label:nth-child(1):after,
            .tabed-view.community input[type="radio"]:nth-child(2):checked ~ .associate-container .tabs label:nth-child(2):after,
            .tabed-view.community input[type="radio"]:nth-child(3):checked ~ .associate-container .tabs label:nth-child(3):after,
            .tabed-view.community input[type="radio"]:nth-child(4):checked ~ .associate-container .tabs label:nth-child(4):after,
            .tabed-view.community input[type="radio"]:nth-child(5):checked ~ .associate-container .tabs label:nth-child(5):after,
            .tabed-view.community input[type="radio"]:nth-child(6):checked ~ .associate-container .tabs label:nth-child(6):after,
            .tabed-view.community input[type="radio"]:nth-child(7):checked ~ .associate-container .tabs label:nth-child(7):after,
            .tabed-view.community input[type="radio"]:nth-child(8):checked ~ .associate-container .tabs label:nth-child(8):after,
            .tabed-view.community input[type="radio"]:nth-child(9):checked ~ .associate-container .tabs label:nth-child(9):after,
            .tabed-view.community input[type="radio"]:nth-child(10):checked ~ .associate-container .tabs label:nth-child(10):after,
            .tabed-view.community input[type="radio"]:nth-child(11):checked ~ .associate-container .tabs label:nth-child(11):after,
            .tabed-view.community input[type="radio"]:nth-child(12):checked ~ .associate-container .tabs label:nth-child(12):after,
            .tabed-view.community input[type="radio"]:nth-child(13):checked ~ .associate-container .tabs label:nth-child(13):after,
            .tabed-view.community input[type="radio"]:nth-child(14):checked ~ .associate-container .tabs label:nth-child(14):after,
            .tabed-view.community input[type="radio"]:nth-child(15):checked ~ .associate-container .tabs label:nth-child(15):after,
            .tabed-view.community input[type="radio"]:nth-child(16):checked ~ .associate-container .tabs label:nth-child(16):after {
                content: "";
                width: 100%;
                height: 3px;
                background: rgb(128,130,133);
                position: absolute;
                bottom: -3px;
                z-index: 1;
                left: 0;
            }

        .tabed-view.community input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1),
        .tabed-view.community input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2),
        .tabed-view.community input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3),
        .tabed-view.community input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4),
        .tabed-view.community input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5),
        .tabed-view.community input[type="radio"]:nth-child(6):checked ~ .tabs label:nth-child(6),
        .tabed-view.community input[type="radio"]:nth-child(7):checked ~ .tabs label:nth-child(7),
        .tabed-view.community input[type="radio"]:nth-child(8):checked ~ .tabs label:nth-child(8),
        .tabed-view.community input[type="radio"]:nth-child(9):checked ~ .tabs label:nth-child(9),
        .tabed-view.community input[type="radio"]:nth-child(10):checked ~ .tabs label:nth-child(10),
        .tabed-view.community input[type="radio"]:nth-child(11):checked ~ .tabs label:nth-child(11),
        .tabed-view.community input[type="radio"]:nth-child(12):checked ~ .tabs label:nth-child(12),
        .tabed-view.community input[type="radio"]:nth-child(13):checked ~ .tabs label:nth-child(13),
        .tabed-view.community input[type="radio"]:nth-child(14):checked ~ .tabs label:nth-child(14),
        .tabed-view.community input[type="radio"]:nth-child(15):checked ~ .tabs label:nth-child(15),
        .tabed-view.community input[type="radio"]:nth-child(16):checked ~ .tabs label:nth-child(16) {
            display: inline-block;
        }


.agent-office-search-context {
    background-size: cover;
    background-position: center;
    min-height: 350px;
    position: relative;
}

    .agent-office-search-context:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
    }

    .agent-office-search-context .title {
        position: absolute;
        top: 32px;
        text-align: center;
        width: 96%;
        color: rgba(255,255,255,1);
        text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    }

.AgentOfficeSearchBar {
    position: absolute;
    bottom: 8px;
    width: 100%;
}

    .AgentOfficeSearchBar .tabed-view {
        max-width: 1024px;
    }

    .AgentOfficeSearchBar .tab-content {
        background: #fff;
        margin-top: 0;
        margin-bottom: 0;
    }

    .AgentOfficeSearchBar .tabs label {
        background: rgb(144, 133, 128);
        display: inline-block;
        padding: 16px;
        float: left;
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 13px;
    }

    .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1),
    .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2),
    .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3),
    .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4),
    .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5),
    .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(6):checked ~ .tabs label:nth-child(6),
    .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(7):checked ~ .tabs label:nth-child(7),
    .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(8):checked ~ .tabs label:nth-child(8) {
        background: rgb(128,130,133);
    }

    .AgentOfficeSearchBar .tabed-view > .tabs, .AgentOfficeSearchBar .tabed-view > .tab-contents,
    .AgentOfficeSearchBar .tabed-view > .tab-contents .tab-content > .mdl-grid > .mdl-cell {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .AgentOfficeSearchBar .is-focused label {
        color: rgb(128,130,133) !important;
        font-weight: 400;
    }

.tabed-view.property header .tabs li {
    display: inline-block;
    color: rgba(0, 0, 0, 0.66);
    text-transform: uppercase;
    padding: 0 8px;
    font-size: 0.85rem;
    font-weight: 500;
}

.tabed-view.property header .tabs label {
    display: block;
    position: relative;
}

    .tabed-view.property header .tabs label:hover {
        color: rgb(128,130,133);
    }

.tabed-view.property input[type="radio"]:nth-child(1):checked ~ header .tabs li:nth-child(1) label:after,
.tabed-view.property input[type="radio"]:nth-child(2):checked ~ header .tabs li:nth-child(2) label:after,
.tabed-view.property input[type="radio"]:nth-child(3):checked ~ header .tabs li:nth-child(3) label:after,
.tabed-view.property input[type="radio"]:nth-child(4):checked ~ header .tabs li:nth-child(4) label:after,
.tabed-view.property input[type="radio"]:nth-child(5):checked ~ header .tabs li:nth-child(5) label:after,
.tabed-view.property input[type="radio"]:nth-child(6):checked ~ header .tabs li:nth-child(6) label:after,
.tabed-view.property input[type="radio"]:nth-child(7):checked ~ header .tabs li:nth-child(7) label:after,
.tabed-view.property input[type="radio"]:nth-child(8):checked ~ header .tabs li:nth-child(8) label:after {
    content: "";
    width: 100%;
    height: 3px;
    background: rgb(128,130,133);
    position: absolute;
    bottom: -23px;
    z-index: 1;
    left: 0;
}

.tabed-view.property input[type="radio"]:nth-child(1):checked ~ main > .tab-contents > .tab-content:nth-child(1),
.tabed-view.property input[type="radio"]:nth-child(2):checked ~ main > .tab-contents > .tab-content:nth-child(2),
.tabed-view.property input[type="radio"]:nth-child(3):checked ~ main > .tab-contents > .tab-content:nth-child(3),
.tabed-view.property input[type="radio"]:nth-child(4):checked ~ main > .tab-contents > .tab-content:nth-child(4),
.tabed-view.property input[type="radio"]:nth-child(5):checked ~ main > .tab-contents > .tab-content:nth-child(5),
.tabed-view.property input[type="radio"]:nth-child(6):checked ~ main > .tab-contents > .tab-content:nth-child(6),
.tabed-view.property input[type="radio"]:nth-child(7):checked ~ main > .tab-contents > .tab-content:nth-child(7),
.tabed-view.property input[type="radio"]:nth-child(8):checked ~ main > .tab-contents > .tab-content:nth-child(8) {
    display: block;
    position: relative;
    opacity: 1;
    visibility: visible;
    max-height: none;
}

/**Button Style 840 to 1140 in agent result page**/
@media (max-width:1220px) and (min-width:480px),(max-width:320px) {
    .result-section .agent.item:not(.mini) .mdl-card__actions.mdl-card--border [data-material-icon], .result-section .agent.item:not(.mini) .mdl-card__actions.mdl-card--border [data-material-icon-right] {
        height: auto;
        line-height: 1.6;
        word-spacing: 128px
    }

        .result-section .agent.item:not(.mini) .mdl-card__actions.mdl-card--border [data-material-icon]::before, .result-section .agent.item:not(.mini) .mdl-card__actions.mdl-card--border [data-material-icon-right]::before {
            display: block;
            line-height: 1;
            margin: 0 0 .5rem 0;
        }
}

@media (max-width:840px) and (min-width:480px) {
    .result-section .agent.item .mdl-card__actions.mdl-card--border [data-material-icon], .result-section .agent.item .mdl-card__actions.mdl-card--border [data-material-icon-right] {
        word-spacing: 0px;
    }
}




.AgentOfficeSearchBar .action-part {
    display: flex;
    align-items: center;
    background: rgba(232,232,232,0.96);
}

    .AgentOfficeSearchBar .action-part a {
        margin: 8px auto;
    }

.AgentOfficeSearchBar .mdl-textfield, .AgentOfficeSearchBar .mdl-selectfield {
    margin-top: -14px;
    padding-bottom: 0px;
    font-size: 13px;
}

    .AgentOfficeSearchBar .mdl-selectfield .mdl-selectfield__select {
        margin: 4px 0;
    }

    .AgentOfficeSearchBar .mdl-selectfield .mdl-selectfield__box {
        top: 25px;
        bottom: 0px;
    }

    .AgentOfficeSearchBar .mdl-selectfield .mdl-selectfield__box-value {
        font-size: 13px;
    }

    .AgentOfficeSearchBar .mdl-textfield .mdl-textfield__label {
        font-size: 13px;
        color: rgba(93,90,95, 0.96);
    }

.AgentOfficeSearchBar .mdl-color-text--agora {
    font-weight: 500;
}

.AgentOfficeSearchBar .mdl-textfield__label::after {
    bottom: 0px !important;
}

@media only screen and (max-width:900px) {
    .agent-office-search-context {
        min-height: 440px;
    }

        .agent-office-search-context .title h2 {
            font-size: 2rem
        }
}

@media only screen and (max-width:480px) {
    .agent-office-search-context {
        min-height: 520px;
    }
}

.translation-links a {
}

.translation-links li {
    height: 32px;
    line-height: 32px;
    padding: 0 4px;
}

.translation-links a img {
    margin-right: 8px;
}

.contact-form .mdl-textfield {
    padding-top: 4px;
    padding-bottom: 4px;
}

    .contact-form .mdl-textfield .mdl-textfield__label {
        top: 8px;
    }

    .contact-form .mdl-textfield.is-dirty .mdl-textfield__label, .contact-form .mdl-textfield.is-focused .mdl-textfield__label {
        top: -8px;
    }

    .contact-form .mdl-textfield:not(.is-dirty):not(.is-focused) .mdl-textfield__label {
        font-size: 13px;
    }

    .contact-form .mdl-textfield .mdl-textfield__label:after {
        bottom: 4px;
    }

.contact-form h3 {
    font-size: 16px;
}

.contact-form h3 {
    border-bottom: 1px solid rgba(128,130,133,0.78);
}

.contact-form .mdl-cell {
    padding-top: 0;
    margin-top: 0;
}

.agent-result-section .agent-additional-info .email-correct {
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.tabed-view .client-testimonials {
    padding: 10px;
}

#officeGalleryViewSection .office-result-section .space-between a {
    padding: 0 3px !important;
    font-size: 13px !important;
}

.Dashboard_section .agent-result-section .agent-info h2 {
    font-size: 21px !important;
}

.Dashboard_section .agent-result-section .agent-info .Agent_numbers {
    width: 100%;
    padding: 0
}

    .Dashboard_section .agent-result-section .agent-info .Agent_numbers li {
        list-style-type: none
    }

        .Dashboard_section .agent-result-section .agent-info .Agent_numbers li a::before {
            font-size: 20px;
        }

.Dashboard_section .agent-result-section .agent-result-item {
    border: 1px solid #e6e1e1;
}

.Dashboard_section .agent-result-section .agent-photo {
    min-height: 250px;
    background-repeat: no-repeat !important;
    background-position: top !important;
}

.Dashboard_section .agent-result-section .agent-links {
    margin: 10px;
}

.Dashboard_section .agent-result-item .social-icons .fa {
    font-size: .9em;
    height: 30px;
    line-height: 30px;
    width: 30px;
    border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    color: rgba(255,255,255,0.8);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.Dashboard_section .agent-result-section .agent-image-view img {
    width: 100%;
    height: auto;
}

.Dashboard_section .agent-result-item .agent-links a {
    font-size: .87rem;
    height: 28px;
    line-height: 28px;
    padding: 0 11px 0 0 !important;
    margin-bottom: 15px;
}

.Dashboard_section .agent-result-item .social-icons .fa-facebook, .Dashboard_section .agent-result-item .social-icons .fa-facebook-square {
    background-color: #3C599F;
}

.Dashboard_section .agent-result-item .social-icons .fa-pinterest, .Dashboard_section .agent-result-item .social-icons .fa-pinterest-square, .Dashboard_section .agent-result-item .social-icons .fa-pinterest-p {
    background-color: #CC2127;
}

.Dashboard_section .agent-result-item .social-icons .fa-twitter, .Dashboard_section .agent-result-item .social-icons .fa-twitter-square {
    background-color: #32CCFE;
}

.Dashboard_section .agent-result-item .social-icons .fa-google-plus, .Dashboard_section .agent-result-item .social-icons .fa-google-plus-square {
    background-color: #CF3D2E;
}

.Dashboard_section .agent-result-item .social-icons .fa-youtube, .Dashboard_section .agent-result-item .social-icons .fa-youtube-play, .Dashboard_section .agent-result-item .social-icons .fa-youtube-square {
    background-color: #C52F30;
}

.Dashboard_section .agent-result-item .social-icons .fa-linkedin, .Dashboard_section .agent-result-item .social-icons .fa-linkedin-square {
    background-color: #0085AE;
}

.Dashboard_section .agent-result-item .social-icons .fa-instagram {
    background-color: #A1755C;
}

.Dashboard_section .agent-result-item .social-icons .fa-snapchat-ghost {
    background-color: #ECE000;
}

.Dashboard_section .agent-result-item .social-icons .fa-weixin {
    background: green;
}

.Dashboard_section .tabed-view.default .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .Dashboard_section .tabed-view.default .tabs label {
        padding: 16px;
        font-weight: normal;
        width: 22.5%;
        font-size: 18px;
        position: relative;
        display: inline-block;
        text-decoration: none;
        text-align: center;
        line-height: 2;
        cursor: pointer;
        border-bottom: 2px solid #ccc;
        -webkit-transition: all .5s;
        transition: all .5s;
    }


@media (max-width:1250px) and (min-width:840px) {
    .Dashboard_section .agent-result-section .agent_data {
        width: 70%;
    }

    .Dashboard_section .agent-result-section .agent_link {
        width: 70%;
    }
}

@media (max-width:720px) {
    .Dashboard_section .tabed-view.default .tabs {
        display: block
    }

        .Dashboard_section .tabed-view.default .tabs label {
            background: #ccc;
            display: block !important;
            float: none !important;
            width: 100%;
            color: #fff;
            font-size: 20px;
            font-weight: normal;
            text-decoration: none;
            text-align: center;
            line-height: 2;
            cursor: pointer;
            padding: 0 !important;
        }

            .Dashboard_section .tabed-view.default .tabs label:hover {
                color: #562449;
                box-shadow: none;
                border-bottom: 2px solid #562447;
            }
}




[data-query-list] .owl-carousel .owl-stage, [data-owl-slider].owl-carousel .owl-stage {
    display: flex !important;
}

[data-query-list] .owl-carousel .owl-item, [data-owl-slider].owl-carousel .owl-item {
    display: flex !important;
}

    [data-query-list] .owl-carousel .owl-item .item, [data-owl-slider].owl-carousel .owl-item .item {
        width: 100%;
        display: flex !important;
    }

[data-query-list] .owl-carousel .owl-dots, [data-owl-slider].owl-carousel .owl-dots {
    display: none !important
}

[data-query-list] .owl-carousel, [data-owl-slider] .owl-carousel {
    margin: 0px auto
}

    [data-query-list] .owl-carousel .owl-nav [class*="owl-"], [data-owl-slider].owl-carousel .owl-nav [class*="owl-"] {
        position: absolute;
        box-sizing: border-box;
        box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
        -ms-box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
        -o-box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
        -webkit-box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
        -moz-box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
        background: #FFF;
        color: rgb(128,130,133);
        border-radius: 50%;
        top: calc(50% - 64px);
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        width: 48px;
        height: 48px;
        text-align: center;
        line-height: 48px;
        font-size: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        [data-query-list] .owl-carousel .owl-nav [class*="owl-"]:hover, [data-owl-slider].owl-carousel .owl-nav [class*="owl-"]:hover {
            background: rgb(128,130,133);
            color: #fff
        }

    [data-query-list] .owl-carousel .owl-nav .owl-prev, [data-owl-slider].owl-carousel .owl-nav .owl-prev {
        left: -24px;
    }

    [data-query-list] .owl-carousel .owl-nav .owl-next, [data-owl-slider].owl-carousel .owl-nav .owl-next {
        right: -24px;
    }

[data-query-list] .owl-dots, [data-owl-slider] .owl-dots {
    padding: 16px 0 0;
    position: absolute;
    width: 100%;
}

[data-query-list] .title-container {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

[data-query-list] .owl-carousel .item.property > .mdl-card__title {
    height: 220px;
}

h3.no-listing {
    opacity: 0.36;
    margin: 16px;
}

.rating {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .rating .overlay {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
    }

    .rating > div > span {
        display: block;
        width: 105px;
    }

        .rating > div > span > i {
            width: 21px;
            display: inline-block;
            text-shadow: 1px 1px 3px rgba(205, 205, 205,0.2);
        }

            .rating > div > span > i:before {
                content: "star_rate";
                font-family: "Material Icons";
                text-rendering: optimizeLegibility;
                font-feature-settings: 'liga' 1;
                font-style: normal;
                text-transform: none;
                line-height: 1;
                font-size: 24px;
                width: 24px;
                height: 24px;
                display: inline-block;
                overflow: hidden;
                -webkit-font-smoothing: antialiased;
                transform: translateX(-2px);
                color: rgb(205, 205, 205);
            }

    .rating > div.overlay > span > i:before {
        color: rgb(230,113,26);
    }

    .rating > div.overlay {
        max-width: 100%;
    }

.property-detail .check-circle {
    color: #fff;
}

    .property-detail .check-circle::before {
        font-size: 5rem !important;
        line-height: 4rem;
    }

.property-detail .community-desc {
    margin-top: 16px !important;
}

.property-detail .read-more {
    margin-bottom: 16px !important;
}

    .property-detail .read-more a {
        color: rgb(128,130,133) !important;
        text-decoration: underline;
    }

        .property-detail .read-more a i {
            line-height: 1;
            transform: translate(-4px,8px);
        }

.office-bar-title {
    margin: 0 5px 0 5px;
}

.office-fax {
    padding-right: 20px;
    margin: 3px 0px 0px 3px !important;
}

body.agora-map-full-view header.mdl-layout__header, body.agora-map-full-view .mdl-layout__drawer-button {
    display: none !important
}

.community-states h5 {
    text-transform: uppercase;
    font-size: 1.1rem;
}

#agentGalleryViewSection .agent-additional-info .email-correct a:before {
    display: inline !important;
}

.agent-result-section .agent-info .agent-additional-info .langauge-list {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
}

@media only screen and (max-width:480px) {
    .community-states .state-switch label {
        width: 100%;
    }

    [data-query-list] .owl-carousel .owl-nav [class*="owl-"], [data-owl-slider].owl-carousel .owl-nav [class*="owl-"] {
        top: 36%;
    }
}

.propertygallery #propertyGrid .slides .mdl-card__menu a[data-material-icon]::before {
    transform: translateY(-1px);
}

#propertyGallerySection .view-switch {
    line-height: 26px !important;
}

.community-dtl .read-more span {
    text-transform: capitalize;
}

.builder-image img {
    margin: 0 auto;
    justify-content: center;
    display: flex;
    align-content: center;
}

.builder-details {
    margin: 0 auto;
    line-height: 27px;
}

.property-area {
    padding: 10px;
}

.property-text span {
    display: block;
    line-height: 26px;
    font-size: .9rem;
}

/*section.property-detail .main-slider .gallarey-imgs:hover {
    transform: scale(1.1);
}*/

.communities-container {
    -moz-column-count: 6;
    -webkit-column-count: 6;
    column-count: 6;
    display: block;
}

    .communities-container a {
        display: block;
        width: 100%;
    }

@media only screen and (max-width:1024px) {
    .communities-container {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media only screen and (max-width:840px) {
    .communities-container {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (max-width:640px) {
    .communities-container {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (max-width:480px) {
    .communities-container {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}



/*Juwin Vacation Rentals Main*/
.vacation_header {
}

    .vacation_header .vacation_header-main {
        min-height: calc(100vh - 160px);
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .vacation_header .vacation_header-main::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.28);
            top: 0;
        }

        .vacation_header .vacation_header-main .vacation_content {
            position: relative;
            z-index: 1
        }

.vacation_header-main h1 {
    font-size: 2.5rem;
    line-height: 1.35;
    margin-top: 24px;
    margin-bottom: 24px;
    font-family: Georgia !important
}

    .vacation_header-main h1 span {
        font-size: 3.7rem;
        display: block;
        font-weight: 600
    }

.vacation_header-main p {
    color: #010101;
    font-family: Georgia !important;
    font-size: 1.3rem;
}

    .vacation_header-main p strong {
        color: #562449;
    }

.vacation_cards .location-img:after {
}

.vacation_cards .vname {
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.7rem;
    position: relative;
    z-index: 1;
}

.vacation_cards .location-img::after {
    content: "";
    background: rgba(0, 0, 0, 0.28);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
}

.vacation_header .vacation_header-main .mdl-button {
    margin: 10px 15px 0 0;
    border: 1px solid rgba(0,0,0,0);
    letter-spacing: 1.5px;
    font-weight: 500;
    background: white;
    color: var(--mdl-primary-color);
}

    .vacation_header .vacation_header-main .mdl-button:hover {
        border: 1px solid var(--mdl-primary-color);
    }

    .vacation_header .vacation_header-main .mdl-button + .mdl-button {
        margin-right: 15px;
    }

.vacation_footer-main .mdl-button {
    font-weight: 600;
    letter-spacing: 1.6px;
    background: #000;
    color: white;
    border: 1px solid
}

    .vacation_footer-main .mdl-button:hover {
        background: white;
        color: #000
    }

.vacation_ribbon {
    background-color: #56555a !important;
}

    .vacation_ribbon p {
        color: #fff;
        font-weight: 300;
    }

.chardonnay-font {
    color: #cac476;
}

.vacation_ribbon h3 {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    padding: .5rem 0;
}

.vacation_ribbon h4 {
    font-size: 18px;
}

.vacation_description .main-head {
    font-size: 2.7rem;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 24px;
    margin-bottom: 24px;
    font-family: Georgia !important;
}

.vacation_description .sub-head {
    margin-bottom: 1rem;
    font-size: 1.7rem;
}

.vacation_description p, .vacation_footer .vacation_footer-main .footerbg p {
    font-size: 1.4rem;
}

@media (max-width:840px) {
    .vacation_header .vacation_header-main {
        min-height: 480px;
    }
}

@media (max-width:840px) {
    .vacation_header-main h1 span {
        font-size: 2.7rem;
    }
}

.locationtile .mdl-button {
    display: none !important
}

.vacation_cards .mdl-button--fab.mdl-button--mini-fab {
    height: 35px;
    min-width: 35px;
    width: 35px;
    line-height: 35px;
}

.vacation_cards [data-material-icon]::before, .vacation_cards [data-material-icon-right]::after, .vacation_cards [data-material-icon-right]::before {
    font-size: 20px;
}

.vacation_footer .vacation_footer-main {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px 0;
}

.vacation_footer-main .main-head {
    font-size: 2.7rem;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 24px;
    margin-bottom: 24px;
    font-family: Georgia !important;
}

.vacation_footer-main .property-requestbox {
    border: 1px solid
}

.vacation_footer-main p {
    line-height: normal;
    color: #222
}

.vacation_footer-main .mdl-textfield, .vacation_footer-main .mdl-textfield {
    margin-top: -55px;
}

.priority-phone {
}

    .priority-phone span {
        display: block;
        width: 100%;
    }

    .priority-phone > * {
        order: 2;
    }

    .priority-phone[data-priority-phone="1"] > *:nth-child(1), .priority-phone[data-priority-phone="2"] > *:nth-child(2) {
        order: 1;
    }

.agent-rating-link {
    display: block;
    cursor: pointer;
}

.onboard-demographics {
}

    .onboard-demographics > .mdl-grid {
        padding-left: 0;
        padding-right: 0;
    }

    .onboard-demographics .mdl-grid {
        align-items: flex-start;
    }

    .onboard-demographics .mdl-card {
    }

        .onboard-demographics .mdl-card h3 {
            font-size: 20px;
            margin: 4px 0;
            color: rgba(128,130,133,0.96);
        }

        .onboard-demographics .mdl-card h4 {
            font-size: 16px;
        }

        .onboard-demographics .mdl-card p {
            font-size: 13px;
        }

        .onboard-demographics .mdl-card .table-layout {
            display: table;
            width: 100%;
        }

            .onboard-demographics .mdl-card .table-layout div {
                display: table-row;
            }

                .onboard-demographics .mdl-card .table-layout div span {
                    display: table-cell;
                    font-size: 13px;
                    padding: 4px 8px;
                }

                .onboard-demographics .mdl-card .table-layout div:nth-child(2n+1) {
                    background: rgba(0,0,0,0.02);
                }

        .onboard-demographics .mdl-card [id^="chart"] {
            width: 100%;
            min-height: 240px;
        }


.webpage .breadcrumb {
    padding: .75rem 1rem;
    list-style: none;
    background-color: rgba(0, 0, 0, .12);
    border-radius: .125rem
}

    .webpage .breadcrumb:after {
        content: "";
        display: table;
        clear: both
    }

.webpage .breadcrumb-item {
    float: left
}

    .webpage .breadcrumb-item + .breadcrumb-item:before {
        display: inline-block;
        padding-right: .5rem;
        padding-left: .5rem;
        color: rgba(0, 0, 0, .26);
        content: "/"
    }

    .webpage .breadcrumb-item + .breadcrumb-item:hover:before {
        text-decoration: underline;
        text-decoration: none
    }

    .webpage .breadcrumb-item.active {
        color: rgba(0, 0, 0, .26)
    }

.amenity.item {
}

    .amenity.item .mdl-card__title {
        min-height: 180px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .amenity.item h3 {
        font-size: 16px;
    }

@media only screen and (max-width:480px) {
    .webpage .breadcrumb {
        display: none
    }
}

[data-agora-captcha] {
    padding: 0;
    margin: 0;
}

    [data-agora-captcha] .captcha, [data-agora-captcha] .captcha .captcha-content {
        position: relative;
    }

    [data-agora-captcha] .captcha {
        box-sizing: border-box;
        padding: 8px;
        background: rgba(0,0,0,0.05);
        border: 1px solid rgba(0,0,0,0.01);
    }

        [data-agora-captcha] .captcha i {
            color: rgba(255,255,255,0.89);
            padding: 3px;
            background: rgba(128,130,133,0.96);
        }

    [data-agora-captcha] .captcha-reload {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    [data-agora-captcha] .mdl-textfield {
        margin-bottom: -20px;
    }

    [data-agora-captcha] > .mdl-grid > .mdl-grid {
        padding: 0;
        margin: 0;
    }


/*NewStyle 2018-05-10*/
/*NewStyle Override*/
body.with-title-slider.title-slider-full header .mdl-layout__header-row.top-header {
    background: transparent;
    border-bottom: transparent;
}

body header .mdl-layout__header-row.top-header {
    background: transparent;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 0;
}

body header .mdl-layout__header-row {
    padding: 3px 0 0px;
}

    body header .mdl-layout__header-row.top-header a:not(.mdl-button--raised) {
        font-weight: 500;
    }

body .mdl-layout .mdl-layout__header .mdl-layout-title {
    padding: 12px 8px;
}

body header .mdl-layout__header-row.top-header a.call_button[data-material-icon]::before {
    transform: translateY(-1px);
    padding: 0;
    margin-left: 0;
    font-size: 1.3rem;
}

body .mdl-layout .mdl-layout__header .mdl-button#tranlang + #divLocale {
    position: relative
}

    body .mdl-layout .mdl-layout__header .mdl-button#tranlang + #divLocale .mdl-menu__container.is-visible {
        right: 9px !important;
        top: 13px !important;
    }

body .mdl-layout__header-row .mdl-navigation > ul > li > a:not(.mdl-button) {
    line-height: 38px;
    height: 40px;
}

body .mdl-layout__header-row .mdl-navigation {
    height: auto;
}

body .SearchBar .agora-dropdown-handle {
    color: #333;
    background: rgba(255,255,255,0.96);
    border-radius: 2px;
    padding: 0px 12px;
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.05);
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font-weight: 500;
    color: rgb(128,130,133);
    height: 100%;
}

    body .SearchBar .agora-dropdown-handle:after {
        position: absolute;
        right: 8px;
    }

body .result-page .page-title > .mdl-grid {
    padding-bottom: 0;
    padding-top: 0;
}

body.newStyle .SearchBar .onesearch-div.mdl-textfield::before {
    display: none;
}

body.newStyle .newStyleTitle {
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.02);
}

body.newStyle #propertyGallerySection .result_sort .mdl-selectfield__list-option-box {
    top: 49px;
}

body.newStyle .SearchBar .rt-div .mdl-selectfield .mdl-selectfield__box .mdl-selectfield__box-value {
    left: 9px;
}

body.newStyle .SearchBar .rt-div::after, body.newStyle .SearchBar .rt-div::before {
    display: none
}

body .SearchBar .rt-div, .SearchBar .rt-div .mdl-selectfield {
    background: transparent;
    border-radius: 3px 0 0 3px;
}

body .SearchBar .rt-div {
    height: 30px
}

    body .SearchBar .rt-div .mdl-selectfield {
        background: transparent;
    }

body .SearchBar .onesearch-wrapper {
    background: rgba(255,255,255,0.96);
    border-radius: 2px;
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.05);
}

body .SearchBar .rt-div ~ .onesearch-div-container {
    width: calc(100% - 68px);
}

body .SearchBar {
    padding: 5px 8px 4px 8px;
}

    body .SearchBar .agora-dropdown {
        height: 100%;
    }

        body .SearchBar .agora-dropdown.more {
            position: inherit;
        }

            body .SearchBar .agora-dropdown.more .control-group {
            }

                body .SearchBar .agora-dropdown.more .control-group > div {
                    width: 100%;
                }

                    body .SearchBar .agora-dropdown.more .control-group > div > label, .SearchBar .agora-dropdown.more .range-search > div > label {
                        font-size: 14px;
                        font-weight: 500;
                        color: rgba(128,130,133,0.96);
                        position: relative;
                        width: auto;
                        display: inline-block;
                        padding: 2px 8px;
                    }

            body .SearchBar .agora-dropdown.more .range-search > div > label {
                padding: 4px 0;
            }

            body .SearchBar .agora-dropdown.more .control-group > div > label:after {
                content: "";
                display: block;
                background: rgba(128,130,133,0.96);
                width: 100%;
                height: 3px;
                min-width: 64px;
                margin-top: 4px;
            }

            body .SearchBar .agora-dropdown.more .agora-dropdown-content {
                width: 100%;
                left: 0;
                transform: scale(1);
                max-height: 0;
                transition: 0.3s opacity cubic-bezier(0.4,0,0.2,0.3);
                overflow: hidden;
                overflow-y: auto;
            }

                body .SearchBar .agora-dropdown.more .agora-dropdown-content.search-dropdown:before {
                    display: none;
                }

                body .SearchBar .agora-dropdown.more .agora-dropdown-content.search-dropdown:after {
                    display: none;
                }

            body .SearchBar .agora-dropdown.more > input:checked + label {
                overflow: visible;
                border: 1px solid;
            }

            body .SearchBar .agora-dropdown.more > input:checked ~ .agora-dropdown-content {
                max-height: 100vh;
                background: #ececec;
            }

            body .SearchBar .agora-dropdown.more > input:checked + label:before {
                content: "";
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #fff;
                position: absolute;
                bottom: -8px;
                right: calc(50% - 3px);
            }

            body .SearchBar .agora-dropdown.more .agora-dropdown-content.search-dropdown ul li {
                padding: 2px 8px;
            }

            body .SearchBar .agora-dropdown.more .agora-dropdown-content.search-dropdown ul {
                margin-top: 8px;
            }

                body .SearchBar .agora-dropdown.more .agora-dropdown-content.search-dropdown ul + ul {
                    margin-top: 0;
                }

    body .SearchBar .onesearch-wrapper {
        position: relative;
    }

    body .SearchBar .onesearch-div.mdl-textfield {
        background: transparent;
        box-sizing: border-box;
        margin: 0;
        width: 100%;
        position: relative;
    }

    body .SearchBar .onesearch-wrapper .search-over {
        position: absolute;
        color: rgba(255,255,255,0.96);
        right: 0;
        font-size: 16px;
        width: 30px;
        height: 100%;
        background: rgba(128,130,133,0.96);
        top: 0;
        z-index: 1;
        text-align: center;
        line-height: 36px;
        height: 100%;
        border-radius: 0 2px 2px 0;
        min-width: inherit;
        padding: 0;
    }

    body .SearchBar .onesearch-div.mdl-textfield input[type="text"] {
        padding: 0;
        background: transparent;
        border-bottom: none;
    }

    body .SearchBar .open-bar, body .SearchBar .open-bar > .mdl-cell {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        margin-top: 0;
    }

    body .SearchBar .onesearch-div.mdl-textfield .mdl-textfield__label:after {
        display: none;
    }

    body .SearchBar .onesearch-div.mdl-textfield.is-focused .mdl-textfield__label, body .SearchBar .onesearch-div.mdl-textfield.is-dirty .mdl-textfield__label {
        opacity: 0;
        font-size: 13px;
        top: 4px;
    }

    body .SearchBar [data-perform-action] {
        border: 1px solid;
    }

body.newStyle .SearchBar [data-perform-action] {
    font-size: 1em
}

body.newStyle header .mdl-layout__header-row.top-header a:not(.mdl-button--raised) {
    font-size: 0.875em;
}

@media only screen and (max-width:840px) {
    body .SearchBar .onesearch-wrapper {
        background: none;
    }

    body .SearchBar .actions .mdl-button.mdl-button--raised {
        border: 1px solid transparent;
    }

    body .SearchBar .rt-div {
        width: 62px;
    }

    body .SearchBar .agora-dropdown-handle {
        height: auto;
    }

    body .SearchBar .agora-dropdown.more > input:checked + label {
        border: none;
    }

    body .SearchBar .agora-dropdown.more > input:checked ~ .agora-dropdown-content {
        height: auto;
        max-width: none;
    }

    .item.agent ul.agent-additional-info li .mdl-button, .call-button {
        margin: 4px 8px 4px 0;
    }
}

@media only screen and (max-width:1024px) {
    .HideTab {
        display: none;
    }

    section.page-title.property-detail-title-section .inline-title {
        display: block;
    }
}

body.newStyle .SearchBar .onesearch-div.mdl-textfield:not(.is-focused):not(.is-dirty) .mdl-textfield__label {
    top: 8px;
    max-width: 88%;
    height: 30px
}

body.newStyle .SearchBar .onesearch-div.mdl-textfield::after {
    display: none;
}

body .contact .logo-container {
    margin-bottom: 0;
}

body.newStyle .newStyleFooterColor {
    background-color: #56555a !important
}

body.newStyle .contact .newStyleFooterColor .contact-info-detail ul.address, body.newStyle .contact .contact-info-detail ul.address a, body.newStyle .logo-container .footer-social, body.newStyle .logo-container .footer-social .mdl-button--icon {
    color: #fff !important;
}

    body.newStyle .contact .contact-info-detail.logo-container .footer-social, body.newStyle .logo-container .footer-social .mdl-button--icon {
        color: rgba(93,90,95, 0.96) !important;
    }

    body.newStyle .logo-container .footer-social b {
        font-weight: 500;
    }

    body.newStyle .logo-container .footer-social .mdl-button--icon {
        border: 1px solid transparent;
        color: #fff;
    }

    body.newStyle .logo-container .footer-social .mdl-button i {
        font-size: 1.4rem;
    }

body.newStyle .logo-container .footer-social {
    margin-bottom: 8px;
    margin-left: 0;
    margin-top: 16px;
}
/*body.newStyle .contact .mdl-mega-footer__link-list {
	max-height: 300px;
	margin-top: 2rem;
}*/
/*body.newStyle .contact .logo {
	max-width: 75%;
	margin:0;
	width: 260px;
}*/
body.newStyle .contact .mdl-mega-footer__link-list li.parent {
    opacity: 1;
    padding-bottom: 14px;
}

    body.newStyle .contact .mdl-mega-footer__link-list li.parent a {
        font-size: .875em;
        line-height: 25px;
    }

body.newStyle .contact .contact-info-detail ul.address li {
    padding: 0;
    font-size: .875em;
}

body.newStyle .contact .newStyleFooterColor .contact-info-detail ul.address {
    margin: 11px 0;
}

body.newStyle .footerLeftBg {
    background-color: #56555a !important;
}

body.newStyle .contact .contact-info-detail ul.address {
    margin: 0;
}

body.newStyle .contact .contact-info-detail .agentAddress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

body.newStyle .contact .contact-info-detail ul.address li i {
    font-size: .95rem;
    font-weight: 500;
    line-height: 23px;
    font-style: normal;
}

body.newStyle .contact .contact-info-detail ul.address li ~ li {
    margin-top: 1px;
}

@media (max-width:1180px) and (min-width:840px) {
    body.newStyle .newStyleTitle .SpecialClass1 {
        width: 38%;
    }

    body.newStyle .newStyleTitle .SpecialClass2 {
        width: 33%;
    }
}

@media (max-width:1082px) and (min-width:950px) {
    body.newStyle .mdl-layout__header-row .mdl-navigation ul > li > a:not(.mdl-button) {
        margin: 0 13px;
        font-size: 0.9rem;
    }
}

@media (max-width:1082px) and (min-width:840px) {
    body.newStyle header .mdl-layout__header-row.top-header {
        padding-right: 21px !important;
    }

        body.newStyle header .mdl-layout__header-row.top-header a {
            padding: 0 4px !important;
        }
}

@media only screen and (max-width:950px) {
    body.newStyle .ShowTab {
        display: block
    }

    body.newStyle .HideTab {
        display: none
    }

    body.newStyle header.mdl-layout__header .logo-container .logo {
        display: none;
        max-width: 234px;
    }
}

@media only screen and (max-width:839px) {
    body:not(.search-bar-opened) .SearchBar .onesearch-div.mdl-textfield input[type="text"] {
        background: none;
    }

    body.newStyle .SearchBar .onesearch-div.mdl-textfield {
        padding: 0;
    }

    body.newStyle #AreaOverview h2.mdl-card__title-text {
        height: auto;
        display: block;
        width: 100%;
        text-align: center;
    }

    body.newStyle .detailpage .tabed-view.default .tabs label {
        width: 49%;
        box-sizing: border-box;
        min-height: 0;
        padding: 9px 4px;
        text-align: center
    }

    body.newStyle:not(.search-bar-opened) .SearchBar .onesearch-div.mdl-textfield label {
        left: 0px !Important;
    }

    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(1):checked ~ .tabs label:nth-of-type(1),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(2):checked ~ .tabs label:nth-of-type(2),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(3):checked ~ .tabs label:nth-of-type(3),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(4):checked ~ .tabs label:nth-of-type(4),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(5):checked ~ .tabs label:nth-of-type(5),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(6):checked ~ .tabs label:nth-of-type(6),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(7):checked ~ .tabs label:nth-of-type(7),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(8):checked ~ .tabs label:nth-of-type(8),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(9):checked ~ .tabs label:nth-of-type(9),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(10):checked ~ .tabs label:nth-of-type(10),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(11):checked ~ .tabs label:nth-of-type(11),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(12):checked ~ .tabs label:nth-of-type(12),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(13):checked ~ .tabs label:nth-of-type(13),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(14):checked ~ .tabs label:nth-of-type(14),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(15):checked ~ .tabs label:nth-of-type(15),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(16):checked ~ .tabs label:nth-of-type(16),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(1):checked ~ .associate-container .tabs label:nth-of-type(1),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(2):checked ~ .associate-container .tabs label:nth-of-type(2),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(3):checked ~ .associate-container .tabs label:nth-of-type(3),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(4):checked ~ .associate-container .tabs label:nth-of-type(4),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(5):checked ~ .associate-container .tabs label:nth-of-type(5),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(6):checked ~ .associate-container .tabs label:nth-of-type(6),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(7):checked ~ .associate-container .tabs label:nth-of-type(7),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(8):checked ~ .associate-container .tabs label:nth-of-type(8),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(9):checked ~ .associate-container .tabs label:nth-of-type(9),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(10):checked ~ .associate-container .tabs label:nth-of-type(10),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(11):checked ~ .associate-container .tabs label:nth-of-type(11),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(12):checked ~ .associate-container .tabs label:nth-of-type(12),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(13):checked ~ .associate-container .tabs label:nth-of-type(13),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(14):checked ~ .associate-container .tabs label:nth-of-type(14),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(15):checked ~ .associate-container .tabs label:nth-of-type(15),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(16):checked ~ .associate-container .tabs label:nth-of-type(16) {
        border: 2px solid #fff
    }

    body.newStyle .detailpage .tabed-view.default input[type="radio"]:checked ~ .tabs label::after {
        display: none
    }

    body:not(search-bar-opened).newStyle .SearchBar .search-over {
        display: none
    }

    body.newStyle .SearchBar .onesearch-div.mdl-textfield:not(.is-focused):not(.is-dirty) .mdl-textfield__label {
        top: 11px;
    }

    /*body.newStyle .contact .mdl-mega-footer__link-list {
	max-height: 220px !important;
    height:200px !important;
	margin-top: 0 !important;
}*/
    body.newStyle section.page-title.property-detail-title-section ul.inline-detail li:before {
        display: none
    }

    body.newStyle section.page-title.property-detail-title-section ul.inline-detail li {
        padding-right: 2rem;
        padding-top: 1rem;
    }
}



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

    /*body.newStyle .contact .logo {
	margin: 20px 3%;
}*/
    .logo-container .footer-social {
        margin-bottom: 2rem;
    }

    /*.contact .mdl-mega-footer__link-list {
    max-height: 295px !important;
    height: 295px !important;
    margin-top: 0 !important;
    width: 100%;
    display: block;
}*/
    body.newStyle .newStyleTitle h1 {
        text-align: center
    }

    body .SearchBar .onesearch-wrapper .search-over {
        display: none
    }

    body.newStyle .contact .mdl-mega-footer__link-list li.parent {
        float: left;
    }
}

.agora-status-bar {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 3;
}

    .agora-status-bar .recently-viewed {
        display: none;
    }

        .agora-status-bar .recently-viewed.is-active {
            display: block;
        }

        .agora-status-bar .recently-viewed > input[type="checkbox"] {
            display: none;
        }

            .agora-status-bar .recently-viewed > input[type="checkbox"] ~ .result {
                max-height: 0;
                transition: 0.3s all cubic-bezier(0.4,0,0.2,0.3);
            }

            .agora-status-bar .recently-viewed > input[type="checkbox"]:checked ~ .result {
                max-height: 200px;
            }

            .agora-status-bar .recently-viewed > input[type="checkbox"]:checked ~ label i {
                transform: rotate(180deg);
            }

    .agora-status-bar .recently-viewed {
        text-align: center;
        align-items: center;
        width: 100%;
    }

        .agora-status-bar .recently-viewed label {
            background-color: rgba(128,130,133,0.86);
            color: rgba(255,255,255,0.96);
            padding: 6px 32px 6px 16px;
            border-radius: 2px 2px 0 0;
            display: inline-block;
            font-size: 13px;
            box-shadow: 0 0 4px 0px rgba(0,0,0,0.05);
            cursor: pointer;
            position: relative;
        }

            .agora-status-bar .recently-viewed label i {
                position: absolute;
                transition: 0.3s transform cubic-bezier(0.4,0,0.2,0.3);
                right: 0px;
                top: 6px;
            }

        .agora-status-bar .recently-viewed .result {
            width: 100%;
            background: rgba(128,130,133,0.86);
        }

            .agora-status-bar .recently-viewed .result > .mdl-grid {
                margin-top: 0;
                padding-top: 0;
                margin-bottom: 0;
                padding-bottom: 0;
            }

            .agora-status-bar .recently-viewed .result .view-all {
                width: 100%;
                text-align: right;
                max-width: 1440px;
            }

                .agora-status-bar .recently-viewed .result .view-all a {
                    color: rgba(255,255,255,0.96);
                    padding: 2px;
                    display: inline-block;
                    font-size: 13px;
                }

        .agora-status-bar .recently-viewed .item {
            display: block;
            position: relative;
        }

            .agora-status-bar .recently-viewed .item .photo {
                height: 130px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.5) inset;
            }

            .agora-status-bar .recently-viewed .item .details {
                position: absolute;
                bottom: 0;
                width: 100%;
            }

            .agora-status-bar .recently-viewed .item span {
                display: inline-block;
                color: rgba(255,255,255,0.96);
                overflow: hidden;
                max-width: 100%;
                text-overflow: ellipsis;
                white-space: nowrap;
                text-align: left;
                width: 100%;
                padding: 1px 8px;
                box-sizing: border-box;
                line-height: 1;
            }

            .agora-status-bar .recently-viewed .item .badges {
                position: absolute;
                left: 0;
                top: 0;
                padding: 0;
                list-style: none;
                margin: 0;
            }

                .agora-status-bar .recently-viewed .item .badges li {
                    display: none !important;
                    background: rgba(240, 160, 32,0.87);
                    padding: 1px 8px;
                    font-size: 11px;
                    clear: both;
                    text-transform: uppercase;
                    font-weight: 500;
                    margin: 0 0 1px 0;
                    float: left;
                    color: rgba(255,255,255,0.96);
                }

            .agora-status-bar .recently-viewed .item.rental .badges li.rent,
            .agora-status-bar .recently-viewed .item.sold .badges li.sold {
                display: inline-block !important;
            }

@media only screen and (max-width:840px) {
    .agora-status-bar .recently-viewed .item:nth-child(5) ~ .item {
        display: none;
    }
}

@media only screen and (max-width:640px) {
    .agora-status-bar .recently-viewed .item:nth-child(3) ~ .item {
        display: none;
    }
}


/*Design Enhancements mail on 6-13-18 by mathew. juwin */
.price-links a {
    display: inline-block;
    color: #670038
}

a.smallicon-M:before {
    font-size: 19px;
}

.price-links a {
    font-size: 13px;
    cursor: pointer;
}

.button-list a i {
    font-size: 20px
}

/*2018-06-14 Changes*/
body.newStyle .detailpage .callouts a.mdl-button {
    font-size: .875em !important;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}


body.newStyle .detailpage .property-requestbox .LabelTop {
    display: block;
    font-size: 1rem;
    margin: 0 0 0.1rem;
}

body.newStyle .detailpage .property-requestbox input[type="text"], body.newStyle .detailpage .property-requestbox textarea {
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px 4px;
    box-sizing: border-box;
}

    body.newStyle .detailpage .property-requestbox input[type="text"]#txtDate {
        width: auto;
        border-bottom: 1px solid rgba(0,0,0, 0.12);
        border-top: 0;
        border-left: 0;
        border-right: 0;
        padding: 0 0 6px;
        box-sizing: inherit
    }

body.newStyle .SearchBar .range-search.newrange-search input[type="text"] {
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px 4px 8px 9px;
    box-sizing: border-box;
}

body.newStyle .SearchBar .control-group.newCheckStyle .mdl-checkbox__box-outline {
    background: #fff
}

body.newStyle .SearchBar .control-group.newCheckStyle > div > label {
    width: 100%;
    display: block;
}

    body.newStyle .SearchBar .control-group.newCheckStyle > div > label::after {
        background: #d7d2d5;
        height: 2px;
    }

body.newStyle .SearchBar .border-right {
    position: relative
}

    body.newStyle .SearchBar .border-right::after {
        position: absolute;
        content: "";
        top: 36px;
        right: 0;
        height: 86%;
        border-right: 2px solid #d7d2d5;
    }

body.newStyle .detailpage .newdetail-list li {
    xborder-bottom: none;
    display: block
}

    body.newStyle .detailpage .newdetail-list li > i {
        display: inline;
    }

        body.newStyle .detailpage .newdetail-list li > i:first-child {
            text-align: left;
            font-weight: 500;
        }

        body.newStyle .detailpage .newdetail-list li > i:last-child {
            font-weight: 400;
        }

body.newStyle .detailpage .Smilar_Listings .owl-stage-outer {
    padding-bottom: 2rem;
}

body.newStyle .detailpage .Smilar_Listings .ViewListingMain {
    min-height: 25px
}

    body.newStyle .detailpage .Smilar_Listings .ViewListingMain a.ViewListingBtn {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -14px;
        width: 100px;
        margin: 0px auto;
    }

body.newStyle .detailpage .Smilar_Listings .item.property:hover {
    background: #ececec;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 4px 3px -2px rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
    cursor: pointer;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

body.newStyle .detailpage .Smilar_Listings .item.property .whiteSec h4 {
    color: #444;
    font-size: 1em;
    font-weight: 600;
    margin-top: .3rem;
    margin-bottom: .3rem;
}

body.newStyle .detailpage #AreaOverview .tabed-view.default {
    background: #670038;
}

body.newStyle .detailpage #AreaOverview .TabBar {
    color: #fff
}

    body.newStyle .detailpage #AreaOverview .TabBar label {
        font-size: 1em
    }

body.newStyle .detailpage #AreaOverview .SubHead {
    font-size: 1.125em;
    font-weight: 500;
    line-height: 51px;
    padding-left: 0.5rem;
}

body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2), body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3), body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4), body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5) {
    color: #fff;
}

body.newStyle .detailpage #AreaOverview .tabed-view.default .tabs label:hover {
    color: #fff !important;
}


/*body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1)::after, body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2)::after,body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3)::after, body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4)::after{ display:none }*/

/*body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1)::after, body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2)::after,body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3)::after, body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4)::after{ content: "";
width: 100%;
height: 3px;
background: rgb(128,130,133);
position: absolute;
bottom: -3px;
z-index: 1;
left: 0; }*/

body.newStyle .detailpage #AreaOverview .community-dtl h4 {
    font-size: 1.875em;
    font-weight: 500;
    color: #000;
}

body.newStyle .detailpage #AreaOverview .community-dtl .readmore {
    text-decoration: none;
    color: #567591;
}

body.newStyle .detailpage #AreaOverview .community-dtl input[type="text"] {
    width: 100% !important;
    margin: 0;
    padding: 8px 8px 8px 36px;
    box-sizing: border-box;
    border: 1px solid #ccc
}

body.newStyle .detailpage #AreaOverview .community-dtl .LabelTop {
    margin: 1rem 0 0.7rem 0;
    display: block;
    width: 100%
}

body.newStyle .detailpage #AreaOverview .community-dtl .Getdirection .mdl-textfield__icon {
    line-height: 37px;
}

body.newStyle .detailpage #AreaOverview .community-dtl .Getdirection h6 {
    font-weight: 500;
    color: #000;
    margin-top: 2rem;
    font-size: 1em;
}

body.newStyle .detailpage #AreaOverview .community-dtl .Getdirection #directionBtn {
    margin: 0;
}

body.newStyle .detailpage #AreaOverview .property-detail .community-desc {
    font-size: 1em;
}

body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(2):after,
body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(3):after,
body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(4):after,
body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(5):after {
    content: "";
    width: 100%;
    height: 7px;
    background: #fff;
    position: absolute;
    bottom: 0px;
    z-index: 1;
    left: 0;
}

body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1):after,
body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2):after,
body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3):after,
body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4):after {
    display: none
}




body.newStyle .detailpage .listing-agents .agent-info ul.detail {
    line-height: 21px;
}

    body.newStyle .detailpage .listing-agents .agent-info ul.detail li {
        padding-left: 0
    }

        body.newStyle .detailpage .listing-agents .agent-info ul.detail li.address {
            margin-top: 1rem;
        }

            body.newStyle .detailpage .listing-agents .agent-info ul.detail li.address p {
                line-height: 19px;
            }

body.newStyle .detailpage .listing-agents .agent-links {
    padding-left: 2.2rem;
}

    body.newStyle .detailpage .listing-agents .agent-links .Agent-buttons {
        text-transform: capitalize;
        color: #2373b3 !important;
        font-size: 14px;
        margin-top: 0.6rem;
        display: inline-block;
    }

body.newStyle .property-detail-title-section .requestInfo {
    line-height: 36px;
}

body.newStyle .detailpage .listing-agents .mdl-card__supporting-text {
    padding-left: 2rem;
}

@media only screen and (max-width:840px) {
    body.newStyle .detailpage #AreaOverview .TabBar {
        padding: 1rem;
    }

    body.newStyle .SearchBar .border-right::after {
        display: none
    }
}

@media only screen and (max-width:480px) {
    body.newStyle .detailpage #AreaOverview .community-dtl .Getdirection #directionBtn {
        padding: 0;
    }
}

body.newStyle .pagination ul li a {
    color: #582148;
    font-size: 1.2em;
}

body.newStyle .pagination ul li.active a {
    background: #d5d5d5;
    color: #582148;
}

body.newStyle .pagination ul li a[data-fast-switch]:after, body.newStyle .pagination ul li a[data-fast-switch]:before {
    color: #582148 !important;
}

body.newStyle .sort-div.result_sort {
}

    body.newStyle .sort-div.result_sort .mdl-selectfield__box {
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        bottom: 19px;
        outline: none;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid #cecece !important;
        padding: 8px 4px !important;
        line-height: 33px;
        height: 16px;
    }

        body.newStyle .sort-div.result_sort .mdl-selectfield__box .mdl-selectfield__box-value {
            position: absolute;
            left: 9px;
            top: 0;
            font-size: 16px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: default;
            /* z-index: 99; */
            outline: none;
            white-space: nowrap;
            width: 92%;
            overflow: hidden;
            color: #4c4c4c !important
        }

body.newStyle .mdl-selectfield__box > i {
    color: #562449;
}

body.newStyle .Newest .mdl-selectfield__box > i {
    z-index: 0
}

body.newStyle section.property-detail .listing-agents h2.mdl-card__title-text {
    font-size: 1.7em
}

body.newStyle section.property-detail .listing-agents .agent .agent-name a {
    font-weight: 500;
    color: #000;
}

.owl-slider-gallery.owl-carousel .pin2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    text-align: center;
    margin: 0 auto;
    color: var(--mdl-primary-color);
    border-radius: 50%;
    border: 8px solid var(--mdl-primary-color);
    width: 8px;
    height: 8px;
}

    .owl-slider-gallery.owl-carousel .pin2::after {
        position: absolute;
        content: '';
        width: 0px;
        height: 0px;
        bottom: -30px;
        left: -6px;
        border: 10px solid transparent;
        border-top: 17px solid var(--mdl-primary-color);
        color: var(--mdl-primary-color);
    }

.agora-map-wrapper .map-context .pin {
    display: none !important;
}

/* AVM STYLES */


.avm {
    position: relative;
}

    .avm > div {
        display: -webkit-flex;
        display: flex;
        width: 100%;
    }

        .avm > div > div {
            width: calc(100% - 96px);
            order: 1;
            padding: 0 !important;
            display: block;
            overflow: visible !important;
            height: 42px;
        }

            .avm > div > div > input {
                width: 100%;
                height: 100%;
                border: none;
                background: rgb(255,255,255);
                padding: 8px !important;
                box-sizing: border-box;
                border: 1px solid rgba(0,0,0,0.08);
            }
        /*.avm>div>a{width:96px;order:2;min-width:0;line-height:42px;height:42px;}*/
        .avm > div > a {
            order: 2;
            min-width: 0;
            line-height: 42px;
            height: 42px;
            width: 65px;
        }

        .avm > div > div .buyside_widget_autocomplete-items {
            position: absolute;
            top: 45px;
            margin-top: 8px;
            border: 1px solid rgba(0,0,0,0.18);
            border-radius: 2px;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.02);
            padding: 2px 0 !important;
            width: 100%;
        }

            .avm > div > div .buyside_widget_autocomplete-items div {
                padding: 6px 8px !important;
            }

                .avm > div > div .buyside_widget_autocomplete-items div:hover {
                    xbackground: rgba(1, 29, 53,0.66);
                    background: #DCDCDC;
                    color: rgba(128,130,133,0.96)
                }

.home-valuation-wrapper .avm > div > div .buyside_widget_autocomplete-items {
    left: -2px;
}

.home-valuation-wrapper .avm > div > a {
    width: 32px;
    padding: 0 8px;
}

.home-valuation-wrapper .avm > div > div {
    width: calc(100% - 32px);
}


/* Youtube Styles */

.youtube-video .hytPlayerWrap {
    position: relative;
}

    .youtube-video .hytPlayerWrap.ended::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        cursor: pointer;
        background-color: black;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 64px 64px;
        background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
    }

    .youtube-video .hytPlayerWrap.paused::after {
        content: "";
        position: absolute;
        top: 70px;
        left: 0;
        bottom: 50px;
        right: 0;
        cursor: pointer;
        background-color: black;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40px 40px;
        background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    }



/* END AVM STYLES*/

/* Data-privacy-Policy */

.data-privacy-policy {
    background: #56555a !important;
}

    .data-privacy-policy h2 {
        color: rgb(226, 81, 76) !important;
    }

    .data-privacy-policy .action a {
        background: #562449 !important;
    }

        .data-privacy-policy .action a + a {
            background: #562449 !important;
        }

/*For Call Buttons*/
body .mdl-layout__drawer .mdl-layout-title.drawer-top-block {
    padding-bottom: 10px;
}

    body .mdl-layout__drawer .mdl-layout-title.drawer-top-block a.mdl-button {
        font-size: 13px;
    }

        body .mdl-layout__drawer .mdl-layout-title.drawer-top-block a.mdl-button:before {
            font-size: 18px;
        }

section.agent-result-section .button-phone li.phone a.mdl-button {
    margin-left: 4px;
    font-size: 13px;
    padding: 0px 12px;
}

    section.agent-result-section .button-phone li.phone a.mdl-button:before {
        font-size: 18px;
    }

section.contact li.footer-phone-button a.mdl-button {
    font-size: 13px;
    padding: 0px 12px;
    margin-top: 10px;
}

    section.contact li.footer-phone-button a.mdl-button:before {
        font-size: 18px;
    }

section.agent-bio .priority-phone .phone-button-section {
    display: flex;
    width: 100%;
}

    section.agent-bio .priority-phone .phone-button-section span {
        width: auto;
        margin-right: 10px;
    }

        section.agent-bio .priority-phone .phone-button-section span:nth-child(2) {
            margin-right: 0px;
        }

        section.agent-bio .priority-phone .phone-button-section span a.mdl-button {
            font-size: 13px;
            padding: 0px 12px;
            margin-bottom: 10px;
        }

            section.agent-bio .priority-phone .phone-button-section span a.mdl-button:before {
                font-size: 18px;
            }

@media only screen and (min-width:480px) and (max-width:600px) {
    section.agent-bio .priority-phone .phone-button-section span a.mdl-button:before {
        font-size: 18px;
        width: 100%;
    }

    section.agent-bio .priority-phone .phone-button-section span a.mdl-button {
        height: auto;
        padding: 2px;
        line-height: 25px;
    }
}

@media only screen and (max-width:380px) {
    section.agent-bio .priority-phone .phone-button-section span a.mdl-button:before {
        font-size: 18px;
        width: 100%;
    }

    section.agent-bio .priority-phone .phone-button-section span a.mdl-button {
        height: auto;
        padding: 2px;
        line-height: 25px;
    }
}

.agent-template-addr ul.button-phone li.phone {
    margin-bottom: 10px;
}

    .agent-template-addr ul.button-phone li.phone a.mdl-button {
        margin-left: 4px;
        font-size: 13px;
        padding: 0px 12px;
    }

        .agent-template-addr ul.button-phone li.phone a.mdl-button:before {
            font-size: 18px;
        }

body.newStyle .detailpage .listing-agents .agent-info ul.button-phone li.phone {
    margin-bottom: 10px;
}

    body.newStyle .detailpage .listing-agents .agent-info ul.button-phone li.phone a.mdl-button {
        margin-left: 4px;
        font-size: 13px;
        padding: 0px 12px;
    }

        body.newStyle .detailpage .listing-agents .agent-info ul.button-phone li.phone a.mdl-button:before {
            font-size: 18px;
        }

body.newStyle .agent-bio .priority-phone.button-section span.button-phone {
    margin-bottom: 10px;
}

@media only screen and (max-width:479px) {
    body.newStyle .agent-bio .priority-phone.button-section {
        margin-left: 0px;
    }
}

@media only screen and (max-width:479px) {
    body.newStyle .detailpage .listing-agents .agent-info ul.detail li {
        margin-bottom: 10px;
    }
}

body.template-1 section.agent ul.button-phone li.phone {
    margin-bottom: 10px;
}

    body.template-1 section.agent ul.button-phone li.phone a.mdl-button {
        font-size: 13px;
        padding: 0px 12px;
        display: table-cell;
    }

        body.template-1 section.agent ul.button-phone li.phone a.mdl-button:before {
            font-size: 18px;
        }

/*For Call Buttons*/
.item.agent ul li.chatme {
    display: none;
}

.item.agent ul.True li.chatme {
    display: block;
}

@media only screen and (max-width: 380px) {
    body.newStyle section.agent-bio .agent-information .priority-phone .phone-button-section span a.mdl-button {
        padding: 7px 20px;
    }

        body.newStyle section.agent-bio .agent-information .priority-phone .phone-button-section span a.mdl-button:before {
            display: inline;
        }

    body.newStyle section.agent-bio .agent-information .priority-phone .phone-button-section {
        display: block;
    }
}

@media only screen and (max-width:479px) {
    body.newStyle .Dashboard_section .agent-result-section .agent-info ul.Agent_numbers li {
        margin-bottom: 10px;
    }

    body.newStyle section.agent-bio .agent-information .priority-phone.priority-add .phone-button-section {
        display: block;
    }
}


.covidlink {
    position: relative;
    margin-right: 20px;
}

    .covidlink:before, .covidlink:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        padding: 0 .75em;
        line-height: 2.5em;
        background: pink;
        border-radius: .2em;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        color: #FFF;
        text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    }

    .covidlink:after {
        content: "\f0f3";
        font-family: "FontAwesome";
        text-align: right;
        background: transparent;
        box-shadow: none;
        transform-origin: 50% 1em;
        animation-name: ring;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        color: #FFF;
    }

@keyframes ring {
    0% {
        transform: rotate(0deg)
    }

    5% {
        transform: rotate(45deg)
    }

    15% {
        transform: rotate(-40deg)
    }

    25% {
        transform: rotate(20deg)
    }

    35% {
        transform: rotate(-15deg)
    }

    45% {
        transform: rotate(10deg)
    }

    55% {
        transform: rotate(-5deg)
    }

    60% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.mdl-layout__drawer {
    z-index: 99;
}


body.newStyle .detailpage .callout-new {
    background: rgb(255, 255, 255);
}

    body.newStyle .detailpage .callout-new p {
        color: rgba(93,90,95, 0.96);
    }

    body.newStyle .detailpage .callout-new a.mdl-button::after {
        color: rgb(255, 255, 255) !important;
    }

    body.newStyle .detailpage .callout-new a.mdl-button {
        background-color: rgb(128,130,133) !important;
        color: rgb(255, 255, 255);
    }

@media only screen and (max-width:1024px) {
    body:not(.with-webbuilder).newStyle .data-privacy-policy ~ form .has-scrolling-header .has-drawer.is-small-screen .mdl-layout__drawer-button.ShowTab {
        margin-top: 45px !important;
    }

    body.with-title-slider.title-slider-full header .mdl-layout__header-row.top-header {
        display: none;
    }
}

.property-detail.detailpage .owl-slider-gallery .owl-item.active .item .mdl-cell.mdl-cell--6-col:nth-child(3) {
    position: relative;
}

    .property-detail.detailpage .owl-slider-gallery .owl-item.active .item .mdl-cell.mdl-cell--6-col:nth-child(3) .video-link {
        position: absolute;
        left: calc(50% - 15px);
        z-index: 2;
        box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
        background: #FFF;
        color: rgb(128,130,133);
        border-radius: 50%;
        top: calc(50% - 15px);
        height: 40px;
        width: 40px;
        text-align: center;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
    }

        .property-detail.detailpage .owl-slider-gallery .owl-item.active .item .mdl-cell.mdl-cell--6-col:nth-child(3) .video-link:hover {
            background: rgb(128,130,133);
            color: #fff !important;
        }

        .property-detail.detailpage .owl-slider-gallery .owl-item.active .item .mdl-cell.mdl-cell--6-col:nth-child(3) .video-link i {
            text-align: center;
            line-height: 40px;
            margin: 0 auto;
        }

.data-privacy-policy {
    display: block;
    width: 100%;
    background: rgb(0, 0, 0) !important;
    transition: 0.8s cubic-bezier(0.4, 0.0, 0.2, 1) all;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
}

    .data-privacy-policy.active {
        max-height: 16vh;
    }

    .data-privacy-policy .content {
        display: -webkit-flex;
        display: flex;
        width: 100%;
        margin: 0 auto;
        flex-flow: row wrap;
        padding: 6px;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
    }

        .data-privacy-policy .content h2 {
            width: 100%;
            color: rgba(255,255,255,0.96);
            font-size: 16px;
            margin: 0 0 6px 0;
        }

        .data-privacy-policy .content p {
            color: rgba(255,255,255,0.96)!important;
            margin: 0;
            font-size: 14px;
            text-align: center;
            line-height: 1.4;
            width: 100%;
            display: block;
        }

            .data-privacy-policy .content p a {
                color: rgba(255,255,255,0.96)!important;
                text-decoration: underline;
            }

@media only screen and (max-width:1024px) {
    .data-privacy-policy .content p {
        width: 100%;
        text-align: center;
    }

    .data-privacy-policy .content .action {
        width: 100%;
        padding-top: 8px;
        padding-left: 0;
        justify-content: center;
    }
}

.covidhide {
    display: block !important;
    margin-bottom: 2px;
}

.newStyle .phone-button-link {
    color: rgba(128,130,133,0.96) !important;
}

.top-header .contact-menu .mdl-menu__item {
    height: 40px;
    line-height: 40px;
}

.top-header ul.mdl-menu.mdl-menu--bottom-left.mdl-js-menu.mdl-js-ripple-effect.contact-menu.mdl-js-ripple-effect--ignore-events li a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.top-header .mdl-button.lang_button span.notranslate {
    margin-left: 4px;
}

@media only screen and (max-width:840px) {
    .top-banner-section {
        height: 150px !important;
    }
}

body:not(.with-title-slider):not(.title-slider-full) header.mdl-layout__header .logo-container .logo:not(.offset), body.with-title-slider:not(.title-slider-full) header.mdl-layout__header .logo-container .logo:not(.offset), body.with-title-slider.title-slider-full header.mdl-layout__header .logo-container .logo.offset {
    display: block;
}

body.with-title-slider.title-slider-full header.mdl-layout__header .mdl-navigation > ul > li > a {
    color: rgba(255,255,255,0.96);
}

body.with-title-slider.title-slider-full header.mdl-shadow--2dp {
    box-shadow: none;
}

header .mdl-layout__header-row {
    height: auto;
    padding: 0 40px;
}

    header .mdl-layout__header-row.top-header {
        padding-top: 2px;
        padding-bottom: 2px;
        background: rgba(0,0,0,0.02);
        border-bottom: 1px solid rgba(0,0,0,0.01);
        margin-bottom: 8px;
    }

body.with-title-slider.title-slider-full header .mdl-layout__header-row.top-header {
    background: rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

header .mdl-layout__header-row.top-header a {
    min-height: initial;
    line-height: 26px;
    color: rgba(128,130,133,0.96);
    height: 26px;
    font-size: 12px;
    text-transform: none;
    padding: 0 8px;
}

    header .mdl-layout__header-row.top-header a#dash-boardh {
        width: 14px;
        min-width: 14px;
        margin: 0px 14px 0 6px;
        background: rgba(128,130,133,1);
    }

header .mdl-layout__header-row.top-header .atag a {
    display: block;
    line-height: 47px;
    height: 100%;
}

header .mdl-layout__header-row.top-header a ~ a {
    margin-left: 4px;
}

header .mdl-layout__header-row.top-header a[data-material-icon]:before {
    transform: translateY(-1px);
}

header .mdl-button i {
    vertical-align: middle;
    transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    font-size: 24px;
}

header .mdl-layout__header-row.top-header .header-social a {
    padding: 0;
    margin: 0;
    width: 26px;
    min-width: 26px;
}

    header .mdl-layout__header-row.top-header .header-social a i {
        font-size: 1.2rem;
    }

header .mdl-layout__header-row.top-header a[data-material-icon="translate"] {
    border: 1px solid rgba(255,255,255,0.6);
    box-sizing: border-box;
}

    header .mdl-layout__header-row.top-header a[data-material-icon="translate"]:after {
        margin-right: -8px;
    }

@media only screen and (min-width:1025px) {
    header .acadamy-logo {
        position: relative;
        width: 273px;
    }

        header .acadamy-logo .IMG {
            bottom: 12px;
            position: absolute;
            width: 219px
        }
}

@media only screen and (max-width:1024px) {
    header .acadamy-logo {
        margin: 0
    }

        header .acadamy-logo .IMG {
            width: 148px;
            height: 58px;
            margin: 12px;
        }

    header .mdl-layout__header-row {
        padding: 0px
    }
}

.mdl-grid.stay-close {
    padding-bottom: 0;
}

    .mdl-grid.stay-close + .mdl-grid > .mdl-cell:first-child {
        padding-top: 0;
    }

.banner {
    position: relative;
    height: auto;
    width: 100%;
    overflow: visible;
    opacity: 0;
    max-height: 0;
    transition: 0.3s all cubic-bezier(0.4,0,0.2,0.3);
}

body.with-title-slider.loaded .banner {
    opacity: 1;
    max-height: inherit;
    max-height: none;
}

h2.mdl-card__title-text {
    align-items: baseline;
    font-weight: 400;
    color: rgba(56,53,55,0.86);
}

    h2.mdl-card__title-text i {
        font-style: normal;
        font-size: 16px;
        opacity: 0.66;
        margin: 0 8px;
    }

/*juwin edited coz its effect every h2 with class name mdl-card__title-text*/
xbody.newStyle h2.mdl-card__title-text {
    font-size: 1.875em;
    font-weight: 500;
    color: #000;
}

body.newStyle .property-detail h2.mdl-card__title-text {
    font-size: 1.875em;
    font-weight: 500;
    color: #000;
}

body.newStyle .property-requestbox h2.mdl-card__title-text {
    font-size: 1.25em;
}

body.newStyle .mdl-grid.callouts a.mdl-button {
    font-size: .85em !important
}


/*lifestyle starts*/
.CommunityCarouselSection {
    padding: 41px 0;
    background: #f6f6f6
}

    .CommunityCarouselSection h2 {
        font-size: 2.2rem;
        z-index: 1;
        font-weight: 300;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        margin-bottom: 30px !important;
        color: #222
    }

        .CommunityCarouselSection h2::after {
            content: attr(data-text);
            text-transform: lowercase;
            font-size: 1rem;
            display: block;
            margin: 7px 0 0;
            color: #999
        }

    .CommunityCarouselSection .owl-carousel .owl-item {
        margin: 0;
    }

    .CommunityCarouselSection .plantation_view_small {
        background-size: cover !important;
        background-position: center !important;
        padding: 1px 2px;
        height: 264px;
        cursor: pointer;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

        .CommunityCarouselSection .plantation_view_small h4 {
            color: #fff;
            text-transform: uppercase;
            margin-top: 12px !important;
            font-size: 1.5rem;
            z-index: 1;
            display: block;
            width: 100%;
            text-align: center
        }

        .CommunityCarouselSection .plantation_view_small .content {
            text-align: center;
            margin-bottom: 8px;
            color: #fff;
            z-index: 1
        }

            .CommunityCarouselSection .plantation_view_small .content h5 {
                color: #fff;
                text-transform: uppercase;
                margin-bottom: 12px !important;
            }

            .CommunityCarouselSection .plantation_view_small .content a.blocks {
                border: 1px solid #fff;
                border-radius: 3px;
                padding: 5px 17px;
                display: inline-block;
                color: #fff
            }

    .CommunityCarouselSection .item .mdl-cell {
        padding: 2px;
    }

    .CommunityCarouselSection .owl-carousel.carousel_1 .owl-dots, .CommunityCarouselSection .owl-carousel.carousel_2 .owl-dots {
        display: none !important
    }

    .CommunityCarouselSection .owl-carousel.carousel_1, .CommunityCarouselSection .owl-carousel.carousel_2 {
        width: 98%;
        margin: 0px auto
    }

    .CommunityCarouselSection .owl-carousel.carousel_2 {
        margin-top: 65px
    }

        .CommunityCarouselSection .owl-carousel.carousel_1 .owl-nav [class*="owl-"], .CommunityCarouselSection .owl-carousel.carousel_2 .owl-nav [class*="owl-"] {
            position: absolute;
            box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
            -ms-box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
            -o-box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
            -webkit-box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
            -moz-box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
            padding: 8px 11px;
            background: #FFF;
            color: #0a4179;
            border-radius: 17px;
            top: 40%;
            transition: 0.3s;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
        }

            .CommunityCarouselSection .owl-carousel.carousel_1 .owl-nav [class*="owl-"]:hover, .CommunityCarouselSection .owl-carousel.carousel_2 .owl-nav [class*="owl-"]:hover {
                background: #094175;
                color: #fff
            }

        .CommunityCarouselSection .owl-carousel.carousel_1 .owl-nav .owl-prev, .CommunityCarouselSection .owl-carousel.carousel_2 .owl-nav .owl-prev {
            left: -24px;
        }

        .CommunityCarouselSection .owl-carousel.carousel_1 .owl-nav .owl-next, .CommunityCarouselSection .owl-carousel.carousel_2 .owl-nav .owl-next {
            right: -24px;
        }

    .CommunityCarouselSection .owl-dots {
        padding: 16px 0 0;
        position: absolute;
        width: 100%;
    }

@media (max-width:1550px) and (min-width:1366px) {
    .CommunityCarouselSection .plantation_view_small .content span.blocks {
        padding: 5px 8px;
    }
}

@media (max-width:1366px) and (min-width:841px) {
    .CommunityCarouselSection .plantation_view_small .content h5 {
        font-size: 1rem;
    }

    .CommunityCarouselSection .plantation_view_small .content span.blocks, .CommunityCarouselSection .plantation_view .content span.blocks {
        padding: 4px 3px;
        margin: 2px 0;
    }
}

@media only screen and (min-width:1024px) {
    .CommunityCarouselSection .plantation_view_small::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        background: -moz-linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        background: -o-linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        background: -ms-linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        background: linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        content: '';
        opacity: 0;
        -webkit-transform: translate3d(0,50%,0);
        -moz-transform: translate3d(0,50%,0);
        -o-transform: translate3d(0,50%,0);
        -ms-transform: translate3d(0,50%,0);
        transform: translate3d(0,50%,0);
        transition: opacity .35s,transform .35s;
        -webkit-transition: opacity .35s,transform .35s;
        -moz-transition: opacity .35s,transform .35s;
        -o-transition: opacity .35s,transform .35s;
        -ms-transition: opacity .35s,transform .35s;
        pointer-events: none
    }

    .CommunityCarouselSection .plantation_view_small:hover:after {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@media only screen and (max-width:840px) {
    .CommunityCarouselSection {
        padding: 20px 0
    }

        .CommunityCarouselSection h2 {
            font-size: 2rem;
        }

        .CommunityCarouselSection .owl-dots {
            position: static;
        }

        .CommunityCarouselSection .plantation_view_small .content span.blocks {
            padding: 5px 3px;
        }

        .CommunityCarouselSection .owl-carousel.carousel_1 .owl-nav .owl-prev, .CommunityCarouselSection .owl-carousel.carousel_2 .owl-nav .owl-prev {
            left: -20px;
        }

        .CommunityCarouselSection .owl-carousel.carousel_1 .owl-nav .owl-next, .CommunityCarouselSection .owl-carousel.carousel_2 .owl-nav .owl-next {
            right: -20px;
        }
}

@media (max-width:639px) and (min-width:480px) {
    .CommunityCarouselSection .plantation_view_small .content span.blocks {
        font-size: 0.85rem;
    }
}

@media only screen and (max-width:480px) {
    .CommunityCarouselSection h2 {
        font-size: 1.6rem;
        margin-bottom: 4px !important;
    }

    .CommunityCarouselSection .plantation_view_small {
        height: 222px
    }

    .agent-office-search-context .title h2 {
        font-size: 1.5rem !important;
    }
}
/*lifestyle starts*/
.lifestyle {
    padding: 41px 0;
    background: #fff;
    position: static
}

    .lifestyle h2 {
        font-size: 2.2rem;
        background: #fff;
        z-index: 1;
        font-weight: 300;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        margin-bottom: 30px !important;
        color: #222
    }

        .lifestyle h2::after {
            content: attr(data-text);
            text-transform: lowercase;
            font-size: 1rem;
            display: block;
            margin: 7px 0 0;
            color: #999
        }

    .lifestyle .lifestyle_item {
        background-position: center !important;
        background-size: cover !important;
        min-height: 246px;
        outline: #fff solid 1px;
        outline-offset: -10px;
        position: relative;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        -moz-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        color: #fff;
        position: relative;
        overflow: hidden
    }

        .lifestyle .lifestyle_item .overlay {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0%;
            left: -100%;
            color: #FFF;
            background-color: rgba(0, 0, 0, 0.49);
            z-index: 2;
        }

        .lifestyle .lifestyle_item::before {
            position: absolute;
            content: "";
            left: 0;
            right: 0;
            top: 0;
            background: rgba(0,0,0,.17);
            width: 100%;
            height: 100%
        }

        .lifestyle .lifestyle_item .link {
            color: #fff;
            padding-bottom: 59px;
            text-decoration: none;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 1.6rem;
            position: relative;
            z-index: 2;
            transition: transform .35s,color .35s;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

@media only screen and (min-width:1024px) {
    .lifestyle .lifestyle_item::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        background: -moz-linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        background: -o-linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        background: -ms-linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        background: linear-gradient(to bottom,rgba(9,65,117,.23) 0,rgba(2,19,35,.72) 75%);
        content: '';
        opacity: 0;
        -webkit-transform: translate3d(0,50%,0);
        -moz-transform: translate3d(0,50%,0);
        -o-transform: translate3d(0,50%,0);
        -ms-transform: translate3d(0,50%,0);
        transform: translate3d(0,50%,0);
        transition: opacity .35s,transform .35s;
        -webkit-transition: opacity .35s,transform .35s;
        -moz-transition: opacity .35s,transform .35s;
        -o-transition: opacity .35s,transform .35s;
        -ms-transition: opacity .35s,transform .35s;
        pointer-events: none
    }

    .lifestyle .lifestyle_item:hover:after {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .lifestyle .lifestyle_item:hover .link {
        transition: opacity .35s,transform .35s;
        -webkit-transition: opacity .35s,transform .35s;
        -moz-transition: opacity .35s,transform .35s;
        -o-transition: opacity .35s,transform .35s;
        -ms-transition: opacity .35s,transform .35s;
        -webkit-transform: translate3d(0,-50%,0);
        -moz-transform: translate3d(0,-50%,0);
        -o-transform: translate3d(0,-50%,0);
        -ms-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }
}

@media only screen and (max-width:839px) {
    .lifestyle {
        padding: 20px 0
    }

        .lifestyle h2 {
            font-size: 2rem;
        }
}

@media only screen and (max-width:480px) {
    .lifestyle h2 {
        font-size: 1.6rem;
        margin-bottom: 4px !important;
    }
}
/*Search_by starts*/
.Search_by {
    padding: 41px 0;
    background: #f6f6f6
}

    .Search_by h2 {
        font-size: 2.2rem;
        z-index: 1;
        font-weight: 300;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        margin-bottom: 30px !important;
        color: #222
    }

        .Search_by h2::after {
            content: attr(data-text);
            text-transform: lowercase;
            font-size: 1rem;
            display: block;
            margin: 7px 0 0;
            color: #999
        }

    .Search_by .search_list {
        margin: 0;
        padding: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .Search_by .search_list li {
            list-style-type: none;
            width: 33%;
            padding: 12px 0;
            border-bottom: 1px dotted #ccc;
            font-size: 1.1rem;
        }

            .Search_by .search_list li div {
                display: inline-block
            }

            .Search_by .search_list li a.link {
                display: inline-block;
                border: 1px solid #999;
                border-radius: 4px;
                padding: 1px 7px;
                margin: 0 3px;
                font-size: 1rem;
                transition: 0.5s;
                -moz-transition: 0.5s;
                -webkit-transition: 0.5s;
                cursor: pointer;
                color: rgba(0, 0, 0, 0.66);
                font-weight: normal
            }

            .Search_by .search_list li a:hover {
                background: #103f6e;
                color: #fff;
            }

@media (max-width:639px) and (min-width:481px) {
    .Search_by .search_list li div {
        display: block;
        margin: 0px 0 6px 0;
    }
}

@media only screen and (max-width:840px) {
    .Search_by {
        padding: 20px 0
    }

        .Search_by h2 {
            font-size: 2rem;
        }

        .Search_by .search_list li {
            width: 50%;
        }
}

@media only screen and (max-width:480px) {
    .Search_by h2 {
        font-size: 1.6rem;
        margin-bottom: 8px !important;
    }

    .Search_by .search_list li {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:359px) {
    .Search_by .search_list li div {
        display: block;
        margin: 0px 0 6px 0;
    }
}
/*view_market starts*/
.view_market {
    padding: 41px 0;
    background: #fff
}

    .view_market h2 {
        font-size: 2.2rem;
        background: #fff;
        z-index: 1;
        font-weight: 300;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        margin-bottom: 30px !important;
        color: #222
    }

    .view_market .button_align {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .view_market .view_market_content .mdl-textfield {
        width: 100% !important
    }

@media only screen and (max-width:840px) {
    .view_market {
        padding: 20px 0
    }

        .view_market h2 {
            font-size: 2rem;
        }
}

@media only screen and (max-width:480px) {
    .view_market {
        padding: 41px 0 18px;
    }

        .view_market h2 {
            font-size: 1.6rem;
            margin-bottom: 17px !important;
        }

        .view_market .img_pro {
            width: 75%
        }

        .view_market .button_align {
            display: block
        }

            .view_market .button_align .mdl-button {
                margin-bottom: 12px
            }
}
/*contact_info starts*/
/*.contact .contact_info{ background:#103f6e }*/
/*.contact .logo{max-width:94%;margin: 56px 3%;}*/
/*.contact .logo-container{display:flex;align-items:center;}*/
.contact .contact-info-detail h3 {
    font-size: 1.5rem;
}

.contact .contact-info-detail ul.address {
    margin: 11px 0;
    padding: 0;
}

    .contact .contact-info-detail ul.address li {
        list-style-type: none;
        padding: 0px 0 0px 32px;
        position: relative;
        line-height: 17px;
        font-size: 13px;
    }

        .contact .contact-info-detail ul.address li strong {
            font-size: 1rem;
            display: block;
            width: 100%;
        }

        .contact .contact-info-detail ul.address li:before {
            position: absolute;
            left: 0px;
            top: 16px
        }

        .contact .contact-info-detail ul.address li ~ li {
            margin-top: 8px;
        }
/*.contact .contact-info-detail .footer-social{margin-left:32px;}*/
.contact .contact-info-detail .footer-social .mdl-button i {
    transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.contact .contact-info-detail .footer-social .mdl-button--icon {
    margin-right: 0px;
    font-size: 1rem;
    height: 24px;
    width: 24px;
    line-height: 24px;
    min-width: 0;
    border: 1px solid rgba(0, 0, 0, 0.3);
    margin-top: 2px;
}

.contact .contact_info .contact-info-detail {
    margin: 24px 16px;
}

.contact .mdl-mega-footer__link-list {
    list-style: none;
    margin: 8px 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: row; /*max-height:161px;*/
    justify-content: space-between;
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {    
	.contact .mdl-mega-footer__link-list {
	max-height:162px;	
	}      
}*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .contact .logo {
        max-width: 100%;
        width: 100%
    }
}

.contact .mdl-mega-footer__link-list li {
    opacity: 0.76;
}

    .contact .mdl-mega-footer__link-list li.parent {
        opacity: 1;
    }

        .contact .mdl-mega-footer__link-list li.parent a {
            font-weight: 500;
        }

    .contact .mdl-mega-footer__link-list li a {
        font-size: 13px;
        padding: 8px;
        text-transform: capitalize;
    }

.contact .mdl-mega-footer__link-list ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.contact .mdl-mega-footer__link-list li a[href="#"] {
    cursor: text
}

/*@media only screen and (max-width:840px){
.contact .mdl-mega-footer__link-list{max-height:220px;}
}
@media only screen and (max-width:479px){ 
.contact .mdl-mega-footer__link-list{max-height:320px;}
}
@media all and (-ms-high-contrast:none) and (min-width:840px)
{
.contact .mdl-mega-footer__link-list{height:150px;}
}*/
/*footer starts*/
.mdl-mega-footer__bottom-section p {
    font-size: 11px; /*text-align:justify;*/
    line-height: 16px;
}

    .mdl-mega-footer__bottom-section p img {
        width: 11px;
    }

.footer_nav {
    background: #eee;
    padding: 11px 0;
}

    .footer_nav ul {
        margin: 0 auto;
        padding: 0;
        width: 64%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

        .footer_nav ul li {
            display: inline-block;
            list-style-type: none
        }

            .footer_nav ul li a {
                text-decoration: none;
                color: rgba(31, 44, 56, 0.96);
                text-transform: capitalize;
            }

.footer_content .mdl-mega-footer__link-list {
    margin: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-flow: row wrap;
}

    .footer_content .mdl-mega-footer__link-list li a {
        font-size: 0.85rem;
        text-decoration: underline;
    }

.footer_content .All_right {
    text-align: center;
    margin: 0 auto;
    font-size: .85rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

body.newStyle .mdl-mega-footer__bottom-section p {
    font-size: .875em
}

@media (max-width:840px) and (min-width:639px) {
    .footer_nav ul, .footer_nav ul li {
        width: 100%;
    }
}

@media only screen and (max-width:639px) {
    .footer_nav ul {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .footer_nav ul li {
            width: 50%;
            padding-left: 11px;
            box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }
}

.HomeFlashSection .mc-cycle {
    position: static;
}

section.page-title {
    background: rgb(241, 240, 241);
}

    section.page-title h1 {
        color: rgb(128,130,133);
        font-size: 1.4rem;
        margin: 0;
    }

body.newStyle section.page-title h1 {
    font-weight: 600;
    color: #121c28
}
/*Pagination */
.pagination {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px
}

    .pagination ul {
        display: block;
        list-style: none;
        padding: 8px 0;
        margin: 0;
    }

        .pagination ul li {
            display: inline-block;
            margin: 0 0.2rem;
        }

            .pagination ul li a {
                display: block;
                font-weight: 500;
                width: 2.7rem;
                height: 2.7rem;
                vertical-align: middle;
                padding: 0.5rem 0.1rem;
                box-sizing: border-box;
                border-radius: 50%;
                cursor: pointer;
                transition: 0.3s ease-in-out;
                text-decoration: none;
            }

            .pagination ul li.active a {
                background: rgba(128,130,133,0.96);
                color: rgba(255,255,255,0.96);
            }

            .pagination ul li a:hover {
                background: rgba(128,130,133,0.54);
                color: rgba(255,255,255,0.96);
            }

            .pagination ul li:not(.active):first-child a::before, .pagination ul li:not(.active):last-child a::before {
                display: inline-block;
                font-family: "Material Icons";
                font-size: 24px;
                -webkit-font-feature-settings: "kern" 1, "liga" 1, "case" 1;
                -moz-font-feature-settings: "kern=1", "liga=1", "case=1";
                -moz-font-feature-settings: "kern" on, "liga" on, "case" on;
                -ms-font-feature-settings: "kern" 1, "liga" 1, "case";
                -o-font-feature-settings: "kern", "liga", "case";
                font-feature-settings: "kern", "liga", "case";
            }

            .pagination ul li:not(.active):first-child a::before {
                content: "keyboard_arrow_left";
            }

            .pagination ul li:not(.active):last-child a::before {
                content: "keyboard_arrow_right";
            }

            .pagination ul li:not(.active):first-child a, .pagination ul li:not(.active):last-child a {
                border-radius: 0;
                width: auto;
                margin: 0 0.5rem;
                color: rgba(94,106,59,0.32);
                width: 24px;
                overflow: hidden;
                display: inline-block;
            }

                .pagination ul li:not(.active):first-child a:hover, .pagination ul li:not(.active):last-child a:hover {
                    color: rgba(94,106,59,0.96);
                    background: none;
                }

            .pagination ul li a[data-fast-switch] {
                position: relative;
                margin-left: 24px;
            }

                .pagination ul li a[data-fast-switch]:after, .pagination ul li a[data-fast-switch]:before {
                    content: "more_horiz";
                    font-family: "Material Icons";
                    font-size: 24px;
                    -webkit-font-feature-settings: "kern" 1, "liga" 1, "case" 1;
                    -moz-font-feature-settings: "kern=1", "liga=1", "case=1";
                    -moz-font-feature-settings: "kern" on, "liga" on, "case" on;
                    -ms-font-feature-settings: "kern" 1, "liga" 1, "case";
                    -o-font-feature-settings: "kern", "liga", "case";
                    font-feature-settings: "kern", "liga", "case";
                    position: absolute;
                    right: 100%;
                    ;
                    margin-right: 4px;
                    color: rgba(0, 0, 0, 0.34);
                    pointer-events: none;
                }

                .pagination ul li a[data-fast-switch][href$="/1"] {
                    margin-right: 24px;
                    margin-left: 0;
                }

                    .pagination ul li a[data-fast-switch][href$="/1"]:before {
                        display: none;
                    }

                .pagination ul li a[data-fast-switch]:not([href$="/1"]):after {
                    display: none;
                }

                .pagination ul li a[data-fast-switch][href$="/1"]:after {
                    left: 100%;
                    right: inherit;
                    margin-left: 4px;
                }

body.newStyle .pagination ul li {
    font-size: 1em;
}

@media only screen and (max-width:479px) {
    .pagination ul li a {
        width: 3.2rem;
        height: 3.2rem;
        line-height: 2.2rem;
    }
}


.Drawer_unvisible {
    display: none !important
}

.agora-mdl-back-to-top {
    display: none;
}

.mdl-tooltip {
    background: rgb(255, 255, 255);
    color: rgba(128,130,133,0.96);
}

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

.view-switch {
    line-height: 0;
    z-index: 999;
}

    .view-switch a {
        z-index: 9999;
    }

    .view-switch > a, .view-switch > label {
        border-radius: 3px;
        background: rgba(128,130,133,0.76);
        display: inline-block;
        padding: 2px;
        cursor: pointer;
        color: rgba(255,255,255,0.96);
        position: relative;
    }

        .view-switch > a.active, .inline-check-switch:not(:checked) + section .view-switch label:first-child, .inline-check-switch:checked + section .view-switch label + label {
            background: rgba(128,130,133,0.96);
        }

        .view-switch > a:first-child, .view-switch > label:first-child {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .view-switch > a + a, .view-switch > label + label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .view-switch > a.active {
            cursor: default;
        }

.inline-check-switch, .inline-check-switch:not(:checked) + section + section + section, .inline-check-switch:checked + section + section {
    visibility: hidden;
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.breadcrumb-container {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.breadcrumb {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .breadcrumb li {
        display: inline-block;
        color: rgba(86, 85, 86,0.84);
        font-size: 13px;
    }

        .breadcrumb li ~ li:before {
            content: '\E315';
            font-family: "Material Icons";
            transform: translateY(3px);
            display: inline-block;
            color: rgba(128,130,133, 0.96);
        }

        .breadcrumb li a {
            color: inherit;
            text-transform: capitalize;
        }

        .breadcrumb li.breadcrumb-item:first-child:before {
            content: '\E315';
            font-family: "Material Icons";
            transform: translateY(3px);
            display: inline-block;
            color: transparent;
            width: 0;
        }

/*juwin edited*/
body.newStyle .property-detail-title-section .breadcrumb li, body.newStyle .property-detail-title-section .breadcrumb li a {
    font-size: 0.9rem;
}




.button-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .button-list li {
        display: inline-block;
        box-sizing: border-box;
        padding: 0 8px;
    }

        .button-list li a {
            line-height: 1;
            color: rgba(128,130,133,0.96);
            cursor: pointer;
        }

body.newStyle .button-list li a {
    font-size: 1em;
}

input[data-save-listing] + a, input[data-save-listing$="_true"] + a + a, input[data-save-listing$="_True"] + a + a {
    display: none !important;
}

input[data-save-listing$="_true"] + a, input[data-save-listing$="_True"] + a {
    display: inline-block !important;
}

.mdl-card__menu input[data-save-listing$="_true"] + a, .mdl-card__menu input[data-save-listing$="_True"] + a {
    display: block !important;
}

.item.property > .mdl-card__menu input[data-save-listing] + .mdl-button, .item.property > .mdl-card__menu input[data-save-listing$="_true"] + .mdl-button + .mdl-button, .item.property > .mdl-card__menu input[data-save-listing$="_True"] + .mdl-button + .mdl-button {
    display: none !important;
}

.item.property > .mdl-card__menu input[data-save-listing$="_true"] + .mdl-button, .item.property > .mdl-card__menu input[data-save-listing$="_True"] + .mdl-button {
    display: inline-block !important;
}

section.page-title.property-detail-title-section h1, section.page-title.property-detail-title-section h2 {
    font-size: 2rem;
    color: rgba(56,53,55,0.86);
    display: inline-flex;
}

section.page-title.property-detail-title-section h2 {
    font-weight: 500;
}

section.page-title.property-detail-title-section .inline-title {
    display: flex;
    align-items: center;
}

section.page-title.property-detail-title-section ul.inline-detail {
    margin: 0;
    padding: 0;
    list-style: none;
    color: rgba(56,53,55,0.86);
    text-shadow: 1px 1px 2px rgba(0, 34, 75,0.05);
}

    section.page-title.property-detail-title-section ul.inline-detail li {
        display: inline-block;
    }

        section.page-title.property-detail-title-section ul.inline-detail li:not([data-value="0"]):not([data-value="0.0"]):not([data-value="0.00"]):not([data-value=""]):not([data-value="#"]) ~ li:before {
            content: "";
            border-left: 1px solid rgba(0,0,0,0.5);
            margin: 8px;
            opacity: 0.36;
        }

section.page-title.property-detail-title-section .agora-grid:first-child {
    padding-bottom: 0;
}

section.page-title.property-detail-title-section .agora-grid ~ .agora-grid {
    padding-top: 0;
}

section.property-detail .listing-agents .agent .agent-name a:after {
    content: ", Listing Agent";
    margin: 0.6rem 0 0
}

section.property-detail .listing-agents .agent.agent-type-3 .agent-name a:after {
    content: ", Selling Agent";
}

section.property-detail .listing-agents .agent.agent-type-2 .agent-name a:after {
    content: ", Selling Agent";
}

section.property-detail .listing-agents .agent.agent-type-1 ~ .agent.agent-type-0 .agent-name a:after {
    content: ", Listing Agent";
}

section.property-detail .agora-map-wrapper {
    height: 450px;
}

section.page-title.property-detail-title-section.floating {
    visibility: hidden;
    position: fixed;
    top: -80px;
    opacity: 0;
    transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3;
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.02);
}

    section.page-title.property-detail-title-section.floating h1, section.page-title.property-detail-title-section.floating h2 {
        color: rgba(128,130,133,0.96);
    }

    section.page-title.property-detail-title-section.floating b {
        font-weight: 500;
    }

    section.page-title.property-detail-title-section.floating .agora-grid:first-child {
        padding-top: 4px;
        padding-bottom: 4px;
    }


body.newStyle section.page-title.property-detail-title-section ul.inline-detail li {
    font-size: 1em;
    color: #4a4a4a;
}

body.newStyle section.page-title.property-detail-title-section h1 {
    font-size: 2.25em;
    color: #121c28;
    font-weight: 800
}

body.newStyle section.page-title.property-detail-title-section h2 {
    font-size: 2.25em;
    color: #4a4a4a;
    font-weight: 800;
    margin-bottom: 1rem;
    margin-left: .7rem;
    font-family: "Manrope", sans-serif !important;
}

body.newStyle .detailpage .content-detail {
    font-size: 1em;
}

body.float-inline-bar section.page-title.property-detail-title-section.floating {
    visibility: visible;
    top: 0;
    opacity: 1;
}

/*section.contact{background:rgba(0,0,0,0.05);}*/

.header-with-subtitle h2 {
    font-size: 2.2rem;
    z-index: 1;
    font-weight: 300;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    color: #222;
}

.header-with-subtitle h5 {
    font-weight: 300;
    text-align: center;
    width: 100%;
    margin-top: 0px;
    color: rgba(0,0,0,0.46);
    margin-bottom: 30px !important;
    font-size: 14px;
}

/*Market Watch section*/
.market-watch-section {
    padding: 16px 0;
   
}

    .market-watch-section h2 {
        font-size: 2.2rem;
        z-index: 1;
        font-weight: 300;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        color: #222;
    }

    .market-watch-section h5 {
        font-weight: 300;
        text-align: center;
        width: 100%;
        margin-top: 0px;
        color: rgba(0,0,0,0.46);
        margin-bottom: 30px !important;
        font-size: 14px;
    }

    .market-watch-section .market-watch2 {
        margin-top: 1rem
    }

        .market-watch-section .market-watch2 .mdl-cell {
            position: relative
        }

            .market-watch-section .market-watch2 .mdl-cell::after {
                content: " ";
                height: 100%;
                position: absolute;
                left: -10px;
                top: 0;
                width: 1px;
                z-index: 9;
            }

            .market-watch-section .market-watch2 .mdl-cell ~ .mdl-cell::after {
                border-left: 1px solid rgba(0, 0, 0, 0.05);
            }

        .market-watch-section .market-watch2 a, .market-watch-section .market-watch2 span {
            border-right: rgba(0,0,0,0.05) 1px solid;
            text-decoration: none;
            padding: 2rem 8px 3.5rem 8px;
        }

            .market-watch-section .market-watch2 a:last-child, .market-watch-section .market-watch2 span:last-child {
                border-right: none;
            }

        .market-watch-section .market-watch2 a, .market-watch-section .market-watch2 span {
            display: block;
            text-align: center;
            width: 100%;
            font-size: 40px;
            color: #808285;
            position: relative;
        }

            .market-watch-section .market-watch2 a:after, .market-watch-section .market-watch2 span:after {
                content: "keyboard_arrow_up";
                display: inline-block;
                font-family: "Material Icons";
                font-feature-settings: "liga";
                font-size: 30px;
                font-style: normal;
                font-weight: normal;
                letter-spacing: normal;
                line-height: 0;
                text-transform: none;
                word-wrap: normal;
                transform: translate(0px, 8px);
                margin: 0 0.2rem;
                color: green;
                -webkit-font-feature-settings: 'liga';
            }

            .market-watch-section .market-watch2 a.down:after, .market-watch-section .market-watch2 span.down:after {
                content: "keyboard_arrow_down";
                color: red;
            }

            .market-watch-section .market-watch2 a.noarrow:after, .market-watch-section .market-watch2 span.noarrow:after {
                display: none;
            }

            .market-watch-section .market-watch2 a:before, .market-watch-section .market-watch2 span:before {
                content: attr(data-label);
                font-weight: 400;
                font-size: 1rem;
                display: block;
                text-align: center;
                width: calc(100% - 16px);
                color: #808285;
                position: absolute;
                bottom: 1rem;
            }

@media (min-width:840px) and (max-width:900px) {
    .market-watch-section .market-watch2 a, .market-watch-section .market-watch2 span {
        font-size: 30px;
    }
}

@media (max-width:840px) {
    .market-watch-section .market-watch2 a, .market-watch-section .market-watch2 span {
        font-size: 20px;
        padding: 8px 8px 36px 8px;
    }

    .market-watch-section h5 {
        margin-bottom: 8px !important;
    }

    .market-watch-section .market-watch2 {
        margin-top: 0 !important;
    }
}

.detailpage .gallery {
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0.09);
    min-height: 0;
}

    .detailpage .gallery .owl-carousel {
        background: rgba(0,0,0,0.02);
        min-height: 200px;
    }

.detailpage .owl-carousel .item {
    position: relative;
}

    .detailpage .owl-carousel .item .mdl-cell {
        padding: 0 1px;
    }

    .detailpage .owl-carousel .item:not(.full) .mdl-cell:first-child, .detailpage .owl-carousel .item:not(.full) .mdl-cell:first-child + .mdl-cell {
        padding-bottom: 1px;
    }

        .detailpage .owl-carousel .item:not(.full) .mdl-cell:first-child + .mdl-cell ~ .mdl-cell {
            padding-top: 1px;
            padding-bottom: 0;
        }

.detailpage .detail-list ul, .property-detail-title-section .listingtype {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .detailpage .detail-list ul.list {
        display: block;
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
        font-size: 12px;
    }

        .detailpage .detail-list ul.list li {
            display: flex;
            box-sizing: border-box;
            padding: 0;
            margin: 0;
            padding: 4px 0;
            border-bottom: 1px solid rgba(9, 65, 117,0.04);
            justify-content: space-between;
        }

            .detailpage .detail-list ul.list li > i {
                text-decoration: none;
                font-style: normal;
                text-align: right;
                font-weight: 500;
                display: block;
            }

                .detailpage .detail-list ul.list li > i:first-child {
                    text-align: left;
                    font-weight: 400;
                }

                    .detailpage .detail-list ul.list li > i:first-child:after {
                        content: ":";
                        margin: 0 4px 0 0;
                    }

.detailpage .owl-slider-gallery .gallarey-imgs {
    background-position: center center;
    background-size: cover;
    height: 100%;
    height: 215px;
}

.detailpage .owl-slider-gallery .item.full .gallarey-imgs {
    height: 434px;
}

.detailpage .requestInfo {
    line-height: 36px
}

    .detailpage .requestInfo[data-material-icon-right]::after {
        margin: -0.2rem 0.2rem 0 0.2rem;
    }

body.newStyle .detailpage .detail-list ul.list {
    font-size: 1em;
    color: #4a4a4a
}

@media only screen and (max-width:840px) {
    .detailpage .detail-list ul.list {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (max-width:640px) {
    .detailpage .detail-list ul.list {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

.detailpage .owl-slider-gallery .image {
    background-position: center center;
    background-size: cover;
    height: 100%;
    height: 219px;
}

.detailpage .owl-slider-gallery .item.full .image {
    height: 440px;
}

@media (min-width:1440px) {
    .detailpage .owl-slider-gallery .image {
        height: 249px;
        position: relative;
    }

    .detailpage .owl-slider-gallery .item.full .image {
        height: 500px;
    }
}

@media (max-width:840px) {
    .detailpage .owl-slider-gallery .image {
        height: 149px;
    }

    .detailpage .owl-slider-gallery .item.full .image {
        height: 300px;
    }
}

.property-detail-title-section h1 + .listingtype {
    width: auto;
    margin: 0 8px;
    display: inline-flex;
}

@media (max-width:840px) {
    .property-detail-title-section h1 {
        width: 100%;
    }

        .property-detail-title-section h1, .property-detail-title-section h1 + .listingtype {
            display: flex !important;
        }
}

@media (max-width:480px) {
    /*.detailpage #ListingAgents .agent-result-item .photo{ height:380px }
*/ .property-detail-title-section h1, .property-detail-title-section h1 + .listingtype {
        display: block !important;
        margin: 0
    }
}

.property-detail-title-section .listingtype > li {
    display: none !important;
    margin: 1px;
    padding: 0 8px;
    font-size: 12px;
    color: rgba(255,255,255,0.86);
    text-transform: uppercase;
    border: 1px solid rgba(0,0,0,0.05);
    font-weight: 500;
    background: rgba(103, 0, 56, 0.85);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
}

    .property-detail-title-section .listingtype > li > i {
        font-style: normal;
    }

.property-detail-title-section.openhouse .listingtype .oh {
    display: inline-block !important;
}

.property-detail-title-section.luxury .listingtype .lu {
    display: inline-block !important;
}

.property-detail-title-section.pricereduced .listingtype li.newpricereduced i:first-child:after {
    content: "arrow_downward";
    display: inline-block;
    font-feature-settings: "liga";
    font-family: "Material Icons";
    font-size: 18px;
    font-style: normal;
    line-height: 0;
    overflow-wrap: normal;
    text-transform: none;
    transform: translate(0px, 5px);
}

.property-detail-title-section.pricereduced .listingtype .pr {
    display: inline-block !important;
}

.property-detail-title-section.sold .listingtype .so {
    display: inline-block !important;
}

.property-detail-title-section.rental .listingtype .rl {
    display: inline-block !important;
}

.property-detail-title-section.newlisting .listingtype .nl {
    display: inline-block !important;
}

.property-detail-title-section.pending .listingtype .pen {
    display: inline-block !important;
}

.property-detail-title-section.virtualTour .listingtype .vt {
    display: inline-block !important;
}

.property-detail-title-section.contingent .listingtype .cn {
    display: inline-block !important;
}

.property-detail-title-section.undercontract .listingtype .uct {
    display: inline-block !important;
}

.property-detail-title-section.virtual-openhouse .listingtype .voh {
    display: inline-block !important;
}

.property-detail-title-section.person-showing .listingtype .ips {
    display: inline-block !important;
}

.property-detail-title-section.virtual-showing .listingtype .vs {
    display: inline-block !important;
}


.detailpage .detail-list h3 {
    margin: 0;
    padding: 0;
    font-size: 1.3rem;
}

.detailpage .listing-agents, .detailpage .area-view .tab-contents {
    background: rgb(238, 240, 239);
}

    .detailpage .listing-agents .mdl-card__supporting-text {
        padding-bottom: 0;
    }

    .detailpage .listing-agents .mdl-card__actions {
        padding-top: 0;
    }

    .detailpage .listing-agents .agent-info ul {
        padding: 0;
    }

        .detailpage .listing-agents .agent-info ul li {
            display: block;
            width: 100%;
            position: relative;
            padding-left: 32px;
        }

            .detailpage .listing-agents .agent-info ul li:before {
                position: absolute;
                font-size: 24px;
                left: 0;
                top: 11px;
                transform: scale(0.8);
            }

            .detailpage .listing-agents .agent-info ul li[data-material-icon="printer"]:before {
                left: -4px;
            }

            .detailpage .listing-agents .agent-info ul li a i:after {
                content: ": ";
            }

            .detailpage .listing-agents .agent-info ul li a i, .detailpage .listing-agents .agent-info ul li a b {
                font-size: 13px;
            }

            .detailpage .listing-agents .agent-info ul li p {
                display: inline-block;
            }

            .detailpage .listing-agents .agent-info ul li [data-agent-email-button] {
                text-decoration: underline;
            }

.detailpage .callouts {
    background: rgb(218, 220, 219);
}

.detailpage .agent-result-item.mdl-card, .detailpage .agent-result-item .mdl-card {
    background: none;
}

.detailpage .agent-result-item .photo img {
    display: block !important;
    visibility: hidden;
}

.detailpage .agent-result-item .mdl-card p {
    font-size: 13px;
    line-height: 16px;
}

.detailpage .agent-result-item h2 {
    margin: 16px 0;
}

.detailpage .agent-result-item .agent-links a[data-btnListing-visible="True"] {
    display: inline-block !important;
}

.detailpage .area-view .content {
    padding: 0;
}

    .detailpage .area-view .content .agora-grid.mdl-grid {
        margin-top: 0;
        margin-bottom: 0;
    }

.detailpage .owl-carousel .owl-nav [class*="owl-"] {
    position: absolute;
    box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
    background: #FFF;
    color: rgb(128,130,133);
    border-radius: 50%;
    top: calc(50% - 24px);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    padding: 0;
    margin: 0;
}

    .detailpage .owl-carousel .owl-nav [class*="owl-"]:hover {
        background: rgb(128,130,133);
        color: #fff
    }

.detailpage .owl-carousel .owl-nav .owl-prev {
    left: -16px;
}

.detailpage .owl-carousel .owl-nav .owl-next {
    right: -16px;
}

.detailpage .gallery .owl-carousel .owl-nav .owl-prev {
    left: 8px;
}

.detailpage .gallery .owl-carousel .owl-nav .owl-next {
    right: 8px;
}

.detailpage .gallery .owl-carousel .owl-nav [class*="owl-"] {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 24px;
}

.detailpage .mortgage {
}

    .detailpage .mortgage .mdl-card {
        min-height: 0;
        border: 1px solid rgba(119, 130, 140,0.2);
    }

        .detailpage .mortgage .mdl-card a {
            font-size: 1.6rem;
            display: block;
            padding: 2rem 0;
        }

.detailpage .callouts h3 {
    font-size: 24px;
}

.detailpage .callouts p {
    font-size: 13px;
    line-height: 16px;
    margin: 8px 0;
}

.detailpage .callouts img {
    max-width: 100%;
}

.detailpage .form .mdl-textfield, .detailpage .form .mdl-selectfield {
    margin-top: 0;
    margin-bottom: 0px;
    padding-top: 0;
    padding-bottom: 0;
}

    .detailpage .form .mdl-textfield .mdl-textfield__label, .detailpage .form .mdl-selectfield .mdl-selectfield__label, .detailpage .form .mdl-selectfield .mdl-selectfield__box {
        top: 4px;
    }

    .detailpage .form .mdl-selectfield .mdl-selectfield__label, .detailpage .form .mdl-selectfield .mdl-selectfield__box {
        bottom: -18px;
    }

        .detailpage .form .mdl-selectfield .mdl-selectfield__box span {
            top: 16px;
        }

    .detailpage .form .mdl-textfield .mdl-textfield__label:after, .detailpage .form .mdl-textfield .mdl-selectfield__label:after {
        bottom: 0;
    }

    .detailpage .form .mdl-textfield.is-dirty .mdl-textfield__label, .detailpage .form .mdl-textfield.is-focused .mdl-textfield__label, .detailpage .form .mdl-textfield.is-dirty .mdl-selectfield__label, .detailpage .form .mdl-textfield.is-focused .mdl-selectfield__label {
        top: -12px;
    }

.detailpage .form .mdl-checkbox__label {
    font-size: 13px;
}

.detailpage .mdl-card__title-text span {
    margin: 0 8px;
}

.detailpage-navigation a span {
    display: block;
}

    .detailpage-navigation a span:not(:first-child) {
        padding: 8px;
        font-size: 22px;
        line-height: 26px;
        opacity: 0.66;
    }

        .detailpage-navigation a span:not(:first-child) i:not(:first-child) {
            font-size: 16px;
        }

.detailpage .schools-control-row, .community .schools-control-row {
    margin-bottom: 0.3125em
}

    .detailpage .schools-control-row label, .community .schools-control-row label {
        display: inline-block;
        padding: 0.625em;
        cursor: pointer;
        background-color: rgba(0,0,0,0.05);
        margin-bottom: 0.25em;
    }

.detailpage .schools-list .school-row, .community .schools-list .school-row {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize;
    border-bottom: 1px rgba(0,0,0,0.05) solid;
    padding-bottom: 8px;
    margin-bottom: 0;
    padding-top: 8px;
    font-size: 13px;
}

    .detailpage .schools-list .school-row .school-title, .community .schools-list .school-row .school-title {
        position: relative;
        font-weight: 500;
    }

        .detailpage .schools-list .school-row .school-title span, .community .schools-list .school-row .school-title span {
            font-weight: normal;
            font-size: 0.875em
        }

    .detailpage .schools-list .school-row .school-summary, .community .schools-list .school-row .school-summary {
        position: relative;
        text-align: right;
        font-size: 0.875em;
    }

        .detailpage .schools-list .school-row .school-summary a, .community .schools-list .school-row .school-summary a {
            text-decoration: none;
            font-weight: 400;
        }

            .detailpage .schools-list .school-row .school-summary a span, .community .schools-list .school-row .school-summary a span, .Property-detail_section .schools-list .school-row .school-summary font, .community .schools-list .school-row .school-summary i {
                vertical-align: top;
            }

        .detailpage .schools-list .school-row .school-summary > span, .community .schools-list .school-row .school-summary > span {
            display: block
        }

    .detailpage .schools-list .school-row .school-stats, .community .schools-list .school-row .school-stats {
        position: relative;
        padding-left: 0.9375em;
        padding-right: 0.9375em;
        width: 100%;
        float: left;
        display: none
    }

.detailpage #ListingAgents #Request_Form .mdl-checkbox {
    height: auto;
}


body.newStyle .detailpage .callouts p, body.newStyle .detailpage .form .mdl-textfield .mdl-textfield__label, body.newStyle .detailpage .agent-result-item .mdl-card p {
    font-size: 1em
}

body.newStyle .detailpage .callouts {
    background: #000;
    color: #fff;
    padding-bottom: 2rem;
}

    body.newStyle .detailpage .callouts a.mdl-button {
        font-size: .875em
    }

        body.newStyle .detailpage .callouts a.mdl-button[data-material-icon-right]::after {
            color: #f0d32f;
        }


@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
    body.newStyle .detailpage .detail-list ul.list li {
        padding: 12px 0;
    }
}

@media only screen and (min-width:800px) {
    .detailpage .content-detail {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

.property-detail-title-section .listingtype .ohd {
    display: none !important;
}

.property-detail-title-section.have-mul-openhouse .listingtype .ohd {
    vertical-align: middle;
    display: inline-block !important;
    border-radius: 2px;
    font-size: 1.2rem;
    margin-left: .6rem;
    color: rgba(0, 0, 0,0.73);
}

/***********************Property Result Gallery View***********************/



/*****************************************Open Homes List View*****************************************/
.prop-listitems .time {
    display: block;
    padding: 10px;
}

ul.mdl-cell {
    list-style: none;
}

.OneSearchBox {
    background: #fff;
    z-index: 2;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.12);
}

    .OneSearchBox a {
        padding: 4px 8px !important;
        color: rgba(0,0,0,0.54) !important;
        font-size: 13px;
        display: inline-block;
        box-sizing: border-box;
        cursor: pointer;
        text-align: left;
    }

        .OneSearchBox a strong {
            color: rgba(1, 1, 1,0.96);
            font-weight: normal;
        }

        .OneSearchBox a span {
            font-size: 10px;
            font-style: italic;
            color: rgba(103,101,106,0.96);
        }

        .OneSearchBox a.highlightitem {
            background: rgba(103,101,106,0.05);
        }

    .OneSearchBox font {
        color: rgba(103,101,106,0.96) !important;
        font-size: 12px;
    }

    .OneSearchBox hr {
        opacity: 0.3;
        border-color: rgba(0, 54, 104,0.15);
    }

    .OneSearchBox .agora-onesearch-multi-sel-item-cont a {
        color: rgba(103,101,106,0.86) !important;
    }

        .OneSearchBox .agora-onesearch-multi-sel-item-cont a i {
            color: rgba(93, 45, 80,0.96);
        }



/********************General Repeat Items*****************************/
.item.property.map.mdl-card {
    height: 210px;
    overflow: hidden;
    border: 2px solid transparent;
    box-sizing: border-box;
}

.item.property > .mdl-card__menu .mdl-button {
    background: rgba(86, 83, 86,0.36);
    border-radius: 2px;
    color: rgba(255,255,255,0.86);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.16);
    display: block !important;
    margin-top: 8px;
}

.item.property > .mdl-card__title {
    padding: 0;
    color: #fff;
    height: 290px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    max-height: 100%;
    cursor: pointer;
}

.item.property .mdl-card__actions .mdl-button {
    font-size: 0.87rem;
    padding: 0 8px;
}

.item.property .mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(128,130,133,0.03);
}

.item.property .mdl-card__actions {
    display: flex;
    display: -webkit-flex;
    flex-flow: row;
    -webkit-flex-flow: row;
}

    .item.property .mdl-card__actions .mdl-button {
        margin: auto;
        min-width: unset;
    }

        .item.property .mdl-card__actions .mdl-button i {
            transform: none;
            margin: 0 0.2rem;
        }

.item.property .property-badge {
    position: absolute;
    left: 16px;
    margin-left: -2px;
    z-index: 1
}

.item.property .property-badge {
    left: 0;
    top: 0;
}

    .item.property .property-badge.top {
        top: 16px;
    }

    .item.property .property-badge ul.listingtype li.newpricereduced i:first-child:after {
        content: "arrow_downward";
        display: inline-block;
        font-feature-settings: "liga";
        font-family: "Material Icons";
        font-size: 18px;
        font-style: normal;
        line-height: 0;
        overflow-wrap: normal;
        text-transform: none;
        transform: translate(0px, 5px);
    }

    .item.property .property-badge.bottom {
        bottom: 16px;
    }

    .item.property .property-badge ul {
        list-style: none;
        display: block;
        padding: 0;
        margin: 0;
    }

        .item.property .property-badge ul li {
            display: inline-block;
            background: rgba(240, 160, 32,0.87);
            padding: 1px 8px;
            font-size: 11px;
            clear: both;
            text-transform: uppercase;
            font-weight: 500;
            margin: 0 0 1px 0;
            float: left;
        }

            .item.property .property-badge ul li:before {
                margin-right: 0.3rem;
            }

            .item.property .property-badge ul li.open-house:before {
                content: "Open";
            }

            .item.property .property-badge ul li.new:before {
                content: "New Listing";
            }

            .item.property .property-badge ul li.luxury:before {
                content: "Luxury";
            }

            .item.property .property-badge ul li.price {
                font-size: 1.3rem;
                padding: 0.4rem 1.3rem;
                background: rgba(100,47,94,0.76);
                color: rgb(255,255,255);
            }

            .item.property .property-badge ul li i {
                font-style: normal;
            }

.item.property .mdl-card__supporting-text, .result-section .property .mdl-card__supporting-text .mdl-grid {
    width: 100%;
    padding: 0;
}

    .item.property .mdl-card__supporting-text .description ul {
        margin-top: 0;
        margin-bottom: 0;
    }

    .item.property .mdl-card__supporting-text .basic {
        margin-bottom: 0;
    }

    .item.property .mdl-card__supporting-text h2 {
        color: rgba(0, 0, 0, 0.94)
    }

    .item.property .mdl-card__supporting-text h2, .item.property .mdl-card__supporting-text h3 {
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 1.4rem;
    }

    .item.property .mdl-card__supporting-text h3 {
        font-weight: 400;
        margin-top: 0px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .item.property .mdl-card__supporting-text ul {
        display: block;
        padding: 0;
        clear: both;
        list-style: none;
    }

        .item.property .mdl-card__supporting-text ul li {
            display: block;
            width: 100%;
        }

        .item.property .mdl-card__supporting-text ul li {
            display: block;
            width: auto;
            margin: 0;
            width: 100%;
        }

.item.property.mini .mdl-card__supporting-text ul li {
    display: inline-block;
    width: auto;
    margin: 0;
}

    .item.property.mini .mdl-card__supporting-text ul li ~ li:before {
        content: ", ";
    }

.item.property .mdl-card__supporting-text ul li i {
    font-style: normal;
}

    .item.property .mdl-card__supporting-text ul li i.value {
        font-weight: 500;
    }

    .item.property .mdl-card__supporting-text ul li i ~ i {
        margin: 0 0 0 4px;
    }

.item.property .mdl-card__supporting-text ul.right li {
    text-align: right;
}

.item.property .mdl-card__supporting-text li b {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.64);
    margin-right: 0.2rem;
    display: inline-block;
}

.item.property .mdl-card__supporting-text li.right b {
    margin-left: 0.2rem;
    margin-right: 0;
}

.item.property .mdl-card__supporting-text ul.primary li b {
    font-size: 14px;
    font-weight: 500;
}

.item.property .mdl-card__supporting-text a {
    font-size: 0.8rem;
}

.item.property .listingtype > li {
    display: none !important;
}

.item.property.openhouse .listingtype .oh {
    display: inline-block !important;
    max-width: 265px;
}

.item.property.luxury .listingtype .lu {
    display: inline-block !important;
}

.item.property.pricereduced .listingtype .pr {
    display: inline-block !important;
}

.item.property.sold .listingtype .so {
    display: inline-block !important;
}

.item.property.rental .listingtype .rl {
    display: inline-block !important;
}

.item.property.newlisting .listingtype .nl {
    display: inline-block !important;
}

.item.property.virtualTour .listingtype .vt {
    display: inline-block !important;
}

.item.property.contingent .listingtype .cn {
    display: inline-block !important;
}

.item.property.undercontract .listingtype .uct {
    display: inline-block !important;
}

.item.property.virtual-openhouse .listingtype .voh {
    display: inline-block !important;
}

.item.property.person-showing .listingtype .ips {
    display: inline-block !important;
}

.item.property.virtual-showing .listingtype .vs {
    display: inline-block !important;
}

.item.property.pending .listingtype .pen {
    display: inline-block !important;
}

.item.property .slides[data-value="0"] {
    display: block !important
}

.item.property .listingtype .ohd {
    display: none !important;
}

.item.property.have-mul-openhouse .listingtype .ohd {
    vertical-align: middle;
    display: inline-block !important;
    border-radius: 2px;
    color: rgba(0, 0, 0, 0.73);
    margin-left: .5rem;
    font-size: 1.2rem;
}

.item.property .property-info {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    padding: 12px 0 8px;
    cursor: default;
}

    .item.property .property-info ul {
        margin: 0 auto;
        display: flex;
        padding: 0;
        list-style: none;
        color: rgba(255,255,255,0.96);
        position: relative;
        z-index: 1;
        height: 50px;
        overflow: hidden;
        justify-content: space-between;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
    }

        .item.property .property-info ul li > i:not([data-plural]) {
            display: block !important;
            font-style: normal;
            font-weight: bold;
            text-transform: uppercase;
            padding: 0 8px;
        }

.item.property.mdl-card .mdl-card__title:before {
    background: 0;
    box-shadow: 0 0 8rem 4rem rgba(128,130,133,0.64);
    content: "";
    display: none;
    height: 40rem;
    position: absolute;
    bottom: 0rem;
    left: 0;
    width: 100%;
    margin-bottom: -40rem;
    opacity: 1;
    visibility: visible;
    transition: all .4s ease-in;
    z-index: 1;
}

.item.property .Prop_img {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.item.property .slides {
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
}

    .item.property .slides * {
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }

    .item.property .slides input {
        display: none;
    }

.item.property .slide-container {
    display: block;
}

.item.property .slide {
    top: 0;
    opacity: 0;
    width: 100%;
    height: 290px;
    display: block;
    position: absolute;
    transition: all .7s ease-in-out;
}

    .item.property .slide img {
        width: 100%;
        height: 100%;
    }

.item.property .slides[data-value="1"] .nav, .item.property .slides[data-value="0"] .nav {
    display: none;
}

.item.property .nav label {
    width: 48px;
    height: 48px;
    display: none;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    color: rgba(255,255,255,0.96);
    font-size: 48px;
    text-align: center;
    top: calc(50% - 24px);
    line-height: 48px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

    .item.property .nav label:before {
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        word-wrap: normal;
        font-feature-settings: 'liga';
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
    }

    .item.property .nav label:hover {
        background: rgba(255,255,255,0.2);
    }

.item.property .nav .prev:before {
    content: "chevron_left";
}

.item.property .nav .next:before {
    content: "chevron_right";
}

.item.property .nav .prev {
    left: 8px;
}

.item.property .nav .next {
    right: 8px;
}

html.no-touch .item.property .nav .prev, html.no-touch .item.property .nav .next {
    opacity: 0;
}

html.no-touch .item.property .nav .prev {
    left: -48px;
}

html.no-touch .item.property .nav .next {
    right: -48px;
}

html.no-touch .item.property:hover .nav .prev {
    left: 8px;
    opacity: 1;
}

html.no-touch .item.property:hover .next {
    right: 8px;
    opacity: 1;
}

.item.property input:checked + .slide-container .slide {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1s ease-in-out;
}

.item.property input:checked + .slide-container .nav label {
    display: block;
}

.item.property .img-listingcourtesy img {
    width: 32px;
}

.item.property .listingcourtesy {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

    .item.property .listingcourtesy li {
        display: none !important;
    }

        .item.property .listingcourtesy li img {
            max-width: 32px;
        }

    .item.property .listingcourtesy li {
        display: none;
        font-size: 12px;
        padding-left: 24px;
        position: relative;
    }

.item.property:not(.sold).idxitem.iscustomercare .listingcourtesy li.idx, .item.property.agents-1:not(.sold):not(.iscustomercare) .listingcourtesy li.broker, .item.property.agents-2:not(.sold):not(.iscustomercare) .listingcourtesy li.broker {
    display: inline-block !important;
}

.item.property .listingcourtesy li.idx {
    height: 32px;
}

.item.property .listingcourtesy li img {
    display: inline-block;
    width: 24px;
    position: absolute;
    left: 0;
}

.item.property .listingcourtesy li.idx img {
    left: 0px;
    top: 24px;
}

.item.property .listingcourtesy li i {
    font-style: normal;
    margin: 0 3px;
    display: none;
}

.item.property.site-owner .listingcourtesy li i.text.owner {
    display: inline-block;
}

.item.property:not(.site-owner) .listingcourtesy li i.text:not(.owner) {
    display: inline-block;
}

.item.property .listingcourtesy li.broker a, .item.property .listingcourtesy li.broker span {
    display: none;
}

    .item.property .listingcourtesy li.broker a, .item.property .listingcourtesy li.broker a * {
        text-decoration: underline;
    }

        .item.property .listingcourtesy li.broker a i {
            display: inline !important;
        }

.item.property:not(.iscustomercare) .listingcourtesy li.broker a, .item.property.iscustomercare .listingcourtesy li.broker span {
    display: inline-block;
}

.item.property.sold [data-non-sold] {
    display: none !important;
}


.item.agent {
}

    .item.agent .mdl-card__title {
        height: 400px;
        background-size: cover;
        background-position: top center;
        position: relative;
    }

    .item.agent h2 {
        font-size: 16px;
        text-transform: uppercase;
        text-decoration: underline;
        margin-bottom: 8px;
    }

        .item.agent h2 a {
            font-weight: 500;
        }

    .item.agent ul {
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 13px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

        .item.agent ul i {
            font-style: normal;
        }

            .item.agent ul i:after {
                content: ":";
            }

            .item.agent ul i + b {
                margin-left: 4px;
            }

        .item.agent ul [data-material-icon]:before {
            opacity: 0.84;
        }

    .item.agent .mdl-card__actions.mdl-card--border {
        border-top: 1px solid rgba(128,130,133,0.03);
    }

    .item.agent .mdl-card__supporting-text.rating-gauge {
        padding-top: 4px;
        padding-bottom: 2px;
    }

        .item.agent .mdl-card__supporting-text.rating-gauge[data-rating="False"] {
            display: none;
        }

        .item.agent .mdl-card__supporting-text.rating-gauge .rating {
            margin-left: 8px;
        }

    .item.agent .mdl-card__supporting-text {
        padding-bottom: 0;
    }

    .item.agent.mini .mdl-card {
        min-height: initial;
    }

    .item.agent.mini .mdl-card__title {
        min-height: 168px;
        height: 100%;
    }





@media only screen and (max-width:1280px) and (min-width: 840px) {
    .item.agent.mini .mdl-card__supporting-text {
        padding: 8px;
    }

    .item.agent.mini ul [data-material-icon]:before {
        font-size: 18px;
    }

    .item.agent.mini ul.agent-additional-info li a i {
        display: none;
    }
}

.item.agent .mdl-card__actions.mdl-card--border .mdl-button {
    height: auto;
    line-height: 26px;
    box-sizing: border-box;
}

    .item.agent .mdl-card__actions.mdl-card--border .mdl-button::before {
        display: block;
        line-height: inherit;
    }

@media (max-width:839px) and (min-width: 768px) {
    body.newStyle .item.property .mdl-card__supporting-text ul.TabFix {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        body.newStyle .item.property .mdl-card__supporting-text ul.TabFix li {
            float: left;
            padding-right: 0rem;
            display: block;
            width: auto
        }
}

@media (max-width:768px) and (min-width: 640px) {
    body.newStyle .item.property .mdl-card__supporting-text ul.TabFix {
        display: block
    }

        body.newStyle .item.property .mdl-card__supporting-text ul.TabFix li {
            float: left;
            padding-right: 2rem;
            width: auto;
        }
}

@media only screen and (max-width:480px) {
    .item.agent.mini .mdl-card__title {
        height: 320px;
    }
}

.item.agent .badges {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

    .item.agent .badges li {
        display: none;
        background: rgba(0,0,0,0.36);
        padding: 2px 8px;
        text-transform: uppercase;
        color: rgba(255,255,255,0.96);
        width: 100%;
        font-weight: 500;
        font-size: 12px;
    }

.item.agent.manager .badges li.manager {
    display: block;
}

.item.office {
}

    .item.office .mdl-card__title {
        height: 280px;
        background-size: cover;
        background-position: top center;
    }

    .item.office .mdl-card__supporting-text .office-status {
        padding: 0;
    }

    .item.office .mdl-card__supporting-text .office-header {
        margin-bottom: 0;
        text-transform: uppercase;
    }

    .item.office .mdl-card__supporting-text h2 a {
        font-size: 17px;
        font-weight: 400;
    }

    .item.office .mdl-card__supporting-text .office-header.primary {
        margin-top: 0;
    }

    .item.office .mdl-card__supporting-text ul {
        display: flex;
        padding: 0;
        align-content: space-between;
    }

        .item.office .mdl-card__supporting-text ul li {
            display: inline-flex;
            width: 50%;
        }

            .item.office .mdl-card__supporting-text ul li a {
                display: block;
                width: 100%;
            }

            .item.office .mdl-card__supporting-text ul li:not([data-value=""]) ~ li a {
                text-align: right;
            }

    .item.office .mdl-card__actions.mdl-card--border {
        border-top: 1px solid rgba(128,130,133,0.03);
    }

    .item.office .mdl-card__action .mdl-button {
        max-width: initial;
    }

    .item.office .mdl-card__actions .space-between a[data-value="True"] {
        display: none !important;
    }

[data-value][data-internal] {
    font-style: normal;
    margin: 0 !important;
}

.item.office [data-internal="s"][data-value="False"], .item.office [data-internal=""][data-value="True"] {
    display: none !important;
}



.item.new-construction .agora-flex {
    align-items: center;
    padding: 2px;
}

.item.new-construction .new-construction-detail {
    padding: 0;
}

    .item.new-construction .new-construction-detail h2 {
        font-size: 18px;
    }

.item.new-construction .mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(128,130,133,0.03);
}

.item.new-construction .mdl-card__actions .mdl-button {
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
}

.owl-carousel .item.property.mdl-card {
    width: auto;
    margin-top: 8px;
    margin-bottom: 6px;
}

.owl-carousel .item.property.mdl-card {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.02);
}

.agora-mdl-data-dialog-container-body .owl-carousel .item.property.mdl-card {
    margin-top: 0px;
    margin-bottom: 0px;
}



.save-delete {
    display: none;
}

.save-listings .save-delete {
    display: block;
}

.tabed-view {
}

    .tabed-view input[type="radio"] {
        display: none;
    }

    .tabed-view .tabs {
    }

        .tabed-view .tabs label {
            cursor: pointer;
        }

    .tabed-view .tab-contents {
        position: relative;
    }

        .tabed-view .tab-contents .tab-content {
            visibility: hidden;
            position: relative;
            opacity: 0;
            transition: 0.3s all cubic-bezier(0.4,0.3,0.1,0.2);
            max-height: 0;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-top: 0;
            padding-bottom: 0;
        }

    .tabed-view input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1),
    .tabed-view input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2),
    .tabed-view input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3),
    .tabed-view input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4),
    .tabed-view input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5),
    .tabed-view input[type="radio"]:nth-child(6):checked ~ .tabs label:nth-child(6),
    .tabed-view input[type="radio"]:nth-child(7):checked ~ .tabs label:nth-child(7),
    .tabed-view input[type="radio"]:nth-child(8):checked ~ .tabs label:nth-child(8),
    .tabed-view input[type="radio"]:nth-child(9):checked ~ .tabs label:nth-child(9),
    .tabed-view input[type="radio"]:nth-child(10):checked ~ .tabs label:nth-child(10),
    .tabed-view input[type="radio"]:nth-child(11):checked ~ .tabs label:nth-child(11),
    .tabed-view input[type="radio"]:nth-child(12):checked ~ .tabs label:nth-child(12),
    .tabed-view input[type="radio"]:nth-child(13):checked ~ .tabs label:nth-child(13),
    .tabed-view input[type="radio"]:nth-child(14):checked ~ .tabs label:nth-child(14),
    .tabed-view input[type="radio"]:nth-child(15):checked ~ .tabs label:nth-child(15),
    .tabed-view input[type="radio"]:nth-child(16):checked ~ .tabs label:nth-child(16),
    .tabed-view input[type="radio"]:nth-child(1):checked ~ .associate-container .tabs label:nth-child(1),
    .tabed-view input[type="radio"]:nth-child(2):checked ~ .associate-container .tabs label:nth-child(2),
    .tabed-view input[type="radio"]:nth-child(3):checked ~ .associate-container .tabs label:nth-child(3),
    .tabed-view input[type="radio"]:nth-child(4):checked ~ .associate-container .tabs label:nth-child(4),
    .tabed-view input[type="radio"]:nth-child(5):checked ~ .associate-container .tabs label:nth-child(5),
    .tabed-view input[type="radio"]:nth-child(6):checked ~ .associate-container .tabs label:nth-child(6),
    .tabed-view input[type="radio"]:nth-child(7):checked ~ .associate-container .tabs label:nth-child(7),
    .tabed-view input[type="radio"]:nth-child(8):checked ~ .associate-container .tabs label:nth-child(8),
    .tabed-view input[type="radio"]:nth-child(9):checked ~ .associate-container .tabs label:nth-child(9),
    .tabed-view input[type="radio"]:nth-child(10):checked ~ .associate-container .tabs label:nth-child(10),
    .tabed-view input[type="radio"]:nth-child(11):checked ~ .associate-container .tabs label:nth-child(11),
    .tabed-view input[type="radio"]:nth-child(12):checked ~ .associate-container .tabs label:nth-child(12),
    .tabed-view input[type="radio"]:nth-child(13):checked ~ .associate-container .tabs label:nth-child(13),
    .tabed-view input[type="radio"]:nth-child(14):checked ~ .associate-container .tabs label:nth-child(14),
    .tabed-view input[type="radio"]:nth-child(15):checked ~ .associate-container .tabs label:nth-child(15),
    .tabed-view input[type="radio"]:nth-child(16):checked ~ .associate-container .tabs label:nth-child(16) {
        display: initial;
    }


    .tabed-view input[type="radio"]:nth-child(1):checked ~ .tab-contents .tab-content:nth-child(1),
    .tabed-view input[type="radio"]:nth-child(2):checked ~ .tab-contents .tab-content:nth-child(2),
    .tabed-view input[type="radio"]:nth-child(3):checked ~ .tab-contents .tab-content:nth-child(3),
    .tabed-view input[type="radio"]:nth-child(4):checked ~ .tab-contents .tab-content:nth-child(4),
    .tabed-view input[type="radio"]:nth-child(5):checked ~ .tab-contents .tab-content:nth-child(5),
    .tabed-view input[type="radio"]:nth-child(6):checked ~ .tab-contents .tab-content:nth-child(6),
    .tabed-view input[type="radio"]:nth-child(7):checked ~ .tab-contents .tab-content:nth-child(7),
    .tabed-view input[type="radio"]:nth-child(8):checked ~ .tab-contents .tab-content:nth-child(8),
    .tabed-view input[type="radio"]:nth-child(9):checked ~ .tab-contents .tab-content:nth-child(9),
    .tabed-view input[type="radio"]:nth-child(10):checked ~ .tab-contents .tab-content:nth-child(10),
    .tabed-view input[type="radio"]:nth-child(11):checked ~ .tab-contents .tab-content:nth-child(11),
    .tabed-view input[type="radio"]:nth-child(12):checked ~ .tab-contents .tab-content:nth-child(12),
    .tabed-view input[type="radio"]:nth-child(13):checked ~ .tab-contents .tab-content:nth-child(13),
    .tabed-view input[type="radio"]:nth-child(14):checked ~ .tab-contents .tab-content:nth-child(14),
    .tabed-view input[type="radio"]:nth-child(15):checked ~ .tab-contents .tab-content:nth-child(15),
    .tabed-view input[type="radio"]:nth-child(16):checked ~ .tab-contents .tab-content:nth-child(16),
    .tabed-view input[type="radio"]:nth-child(1):checked ~ .associate-container .tab-contents .tab-content:nth-child(1),
    .tabed-view input[type="radio"]:nth-child(2):checked ~ .associate-container .tab-contents .tab-content:nth-child(2),
    .tabed-view input[type="radio"]:nth-child(3):checked ~ .associate-container .tab-contents .tab-content:nth-child(3),
    .tabed-view input[type="radio"]:nth-child(4):checked ~ .associate-container .tab-contents .tab-content:nth-child(4),
    .tabed-view input[type="radio"]:nth-child(5):checked ~ .associate-container .tab-contents .tab-content:nth-child(5),
    .tabed-view input[type="radio"]:nth-child(6):checked ~ .associate-container .tab-contents .tab-content:nth-child(6),
    .tabed-view input[type="radio"]:nth-child(7):checked ~ .associate-container .tab-contents .tab-content:nth-child(7),
    .tabed-view input[type="radio"]:nth-child(8):checked ~ .associate-container .tab-contents .tab-content:nth-child(8),
    .tabed-view input[type="radio"]:nth-child(9):checked ~ .associate-container .tab-contents .tab-content:nth-child(9),
    .tabed-view input[type="radio"]:nth-child(10):checked ~ .associate-container .tab-contents .tab-content:nth-child(10),
    .tabed-view input[type="radio"]:nth-child(11):checked ~ .associate-container .tab-contents .tab-content:nth-child(11),
    .tabed-view input[type="radio"]:nth-child(12):checked ~ .associate-container .tab-contents .tab-content:nth-child(12),
    .tabed-view input[type="radio"]:nth-child(13):checked ~ .associate-container .tab-contents .tab-content:nth-child(13),
    .tabed-view input[type="radio"]:nth-child(14):checked ~ .associate-container .tab-contents .tab-content:nth-child(14),
    .tabed-view input[type="radio"]:nth-child(15):checked ~ .associate-container .tab-contents .tab-content:nth-child(15),
    .tabed-view input[type="radio"]:nth-child(16):checked ~ .associate-container .tab-contents .tab-content:nth-child(16) {
        display: flex;
        position: relative;
        opacity: 1;
        visibility: visible;
        max-height: none;
    }

    .tabed-view.default {
    }

        .tabed-view.default .tabs, .tabed-view.default .tab-contents {
            margin-top: 0;
            margin-bottom: 0;
        }

            .tabed-view.default .tabs label {
                padding: 16px;
                font-weight: 500;
                font-size: 13px;
                position: relative;
                display: inline-block;
            }

                .tabed-view.default .tabs label:hover {
                    color: rgb(128,130,133);
                }

        .tabed-view.default input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1):after,
        .tabed-view.default input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2):after,
        .tabed-view.default input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3):after,
        .tabed-view.default input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4):after,
        .tabed-view.default input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5):after,
        .tabed-view.default input[type="radio"]:nth-child(6):checked ~ .tabs label:nth-child(6):after,
        .tabed-view.default input[type="radio"]:nth-child(7):checked ~ .tabs label:nth-child(7):after,
        .tabed-view.default input[type="radio"]:nth-child(8):checked ~ .tabs label:nth-child(8):after,
        .tabed-view.default input[type="radio"]:nth-child(9):checked ~ .tabs label:nth-child(9):after,
        .tabed-view.default input[type="radio"]:nth-child(10):checked ~ .tabs label:nth-child(10):after,
        .tabed-view.default input[type="radio"]:nth-child(11):checked ~ .tabs label:nth-child(11):after,
        .tabed-view.default input[type="radio"]:nth-child(12):checked ~ .tabs label:nth-child(12):after,
        .tabed-view.default input[type="radio"]:nth-child(13):checked ~ .tabs label:nth-child(13):after,
        .tabed-view.default input[type="radio"]:nth-child(14):checked ~ .tabs label:nth-child(14):after,
        .tabed-view.default input[type="radio"]:nth-child(15):checked ~ .tabs label:nth-child(15):after,
        .tabed-view.default input[type="radio"]:nth-child(16):checked ~ .tabs label:nth-child(16):after,
        .tabed-view.default input[type="radio"]:nth-child(1):checked ~ .associate-container .tabs label:nth-child(1):after,
        .tabed-view.default input[type="radio"]:nth-child(2):checked ~ .associate-container .tabs label:nth-child(2):after,
        .tabed-view.default input[type="radio"]:nth-child(3):checked ~ .associate-container .tabs label:nth-child(3):after,
        .tabed-view.default input[type="radio"]:nth-child(4):checked ~ .associate-container .tabs label:nth-child(4):after,
        .tabed-view.default input[type="radio"]:nth-child(5):checked ~ .associate-container .tabs label:nth-child(5):after,
        .tabed-view.default input[type="radio"]:nth-child(6):checked ~ .associate-container .tabs label:nth-child(6):after,
        .tabed-view.default input[type="radio"]:nth-child(7):checked ~ .associate-container .tabs label:nth-child(7):after,
        .tabed-view.default input[type="radio"]:nth-child(8):checked ~ .associate-container .tabs label:nth-child(8):after,
        .tabed-view.default input[type="radio"]:nth-child(9):checked ~ .associate-container .tabs label:nth-child(9):after,
        .tabed-view.default input[type="radio"]:nth-child(10):checked ~ .associate-container .tabs label:nth-child(10):after,
        .tabed-view.default input[type="radio"]:nth-child(11):checked ~ .associate-container .tabs label:nth-child(11):after,
        .tabed-view.default input[type="radio"]:nth-child(12):checked ~ .associate-container .tabs label:nth-child(12):after,
        .tabed-view.default input[type="radio"]:nth-child(13):checked ~ .associate-container .tabs label:nth-child(13):after,
        .tabed-view.default input[type="radio"]:nth-child(14):checked ~ .associate-container .tabs label:nth-child(14):after,
        .tabed-view.default input[type="radio"]:nth-child(15):checked ~ .associate-container .tabs label:nth-child(15):after,
        .tabed-view.default input[type="radio"]:nth-child(16):checked ~ .associate-container .tabs label:nth-child(16):after {
            content: "";
            width: 100%;
            height: 3px;
            background: rgb(128,130,133);
            position: absolute;
            bottom: -3px;
            z-index: 1;
            left: 0;
        }

        .tabed-view.default input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1),
        .tabed-view.default input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2),
        .tabed-view.default input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3),
        .tabed-view.default input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4),
        .tabed-view.default input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5),
        .tabed-view.default input[type="radio"]:nth-child(6):checked ~ .tabs label:nth-child(6),
        .tabed-view.default input[type="radio"]:nth-child(7):checked ~ .tabs label:nth-child(7),
        .tabed-view.default input[type="radio"]:nth-child(8):checked ~ .tabs label:nth-child(8),
        .tabed-view.default input[type="radio"]:nth-child(9):checked ~ .tabs label:nth-child(9),
        .tabed-view.default input[type="radio"]:nth-child(10):checked ~ .tabs label:nth-child(10),
        .tabed-view.default input[type="radio"]:nth-child(11):checked ~ .tabs label:nth-child(11),
        .tabed-view.default input[type="radio"]:nth-child(12):checked ~ .tabs label:nth-child(12),
        .tabed-view.default input[type="radio"]:nth-child(13):checked ~ .tabs label:nth-child(13),
        .tabed-view.default input[type="radio"]:nth-child(14):checked ~ .tabs label:nth-child(14),
        .tabed-view.default input[type="radio"]:nth-child(15):checked ~ .tabs label:nth-child(15),
        .tabed-view.default input[type="radio"]:nth-child(16):checked ~ .tabs label:nth-child(16) {
            color: rgb(128,130,133);
            display: inline-block;
        }

    .tabed-view.community {
    }

        .tabed-view.community .tabs, .tabed-view.community .tab-contents {
            margin-top: 0;
            margin-bottom: 0;
        }

            .tabed-view.community .tabs label {
                padding: 11px 16px;
                font-weight: 500;
                font-size: 13px;
                position: relative;
                display: inline-block;
            }

                .tabed-view.community .tabs label:hover {
                    color: rgb(128,130,133);
                }

        .tabed-view.community input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1),
        .tabed-view.community input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2),
        .tabed-view.community input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3),
        .tabed-view.community input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4),
        .tabed-view.community input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5),
        .tabed-view.community input[type="radio"]:nth-child(6):checked ~ .tabs label:nth-child(6),
        .tabed-view.community input[type="radio"]:nth-child(7):checked ~ .tabs label:nth-child(7),
        .tabed-view.community input[type="radio"]:nth-child(8):checked ~ .tabs label:nth-child(8),
        .tabed-view.community input[type="radio"]:nth-child(9):checked ~ .tabs label:nth-child(9),
        .tabed-view.community input[type="radio"]:nth-child(10):checked ~ .tabs label:nth-child(10),
        .tabed-view.community input[type="radio"]:nth-child(11):checked ~ .tabs label:nth-child(11),
        .tabed-view.community input[type="radio"]:nth-child(12):checked ~ .tabs label:nth-child(12),
        .tabed-view.community input[type="radio"]:nth-child(13):checked ~ .tabs label:nth-child(13),
        .tabed-view.community input[type="radio"]:nth-child(14):checked ~ .tabs label:nth-child(14),
        .tabed-view.community input[type="radio"]:nth-child(15):checked ~ .tabs label:nth-child(15),
        .tabed-view.community input[type="radio"]:nth-child(16):checked ~ .tabs label:nth-child(16),
        .tabed-view.community input[type="radio"]:nth-child(1):checked ~ .associate-container .tabs label:nth-child(1),
        .tabed-view.community input[type="radio"]:nth-child(2):checked ~ .associate-container .tabs label:nth-child(2),
        .tabed-view.community input[type="radio"]:nth-child(3):checked ~ .associate-container .tabs label:nth-child(3),
        .tabed-view.community input[type="radio"]:nth-child(4):checked ~ .associate-container .tabs label:nth-child(4),
        .tabed-view.community input[type="radio"]:nth-child(5):checked ~ .associate-container .tabs label:nth-child(5),
        .tabed-view.community input[type="radio"]:nth-child(6):checked ~ .associate-container .tabs label:nth-child(6),
        .tabed-view.community input[type="radio"]:nth-child(7):checked ~ .associate-container .tabs label:nth-child(7),
        .tabed-view.community input[type="radio"]:nth-child(8):checked ~ .associate-container .tabs label:nth-child(8),
        .tabed-view.community input[type="radio"]:nth-child(9):checked ~ .associate-container .tabs label:nth-child(9),
        .tabed-view.community input[type="radio"]:nth-child(10):checked ~ .associate-container .tabs label:nth-child(10),
        .tabed-view.community input[type="radio"]:nth-child(11):checked ~ .associate-container .tabs label:nth-child(11),
        .tabed-view.community input[type="radio"]:nth-child(12):checked ~ .associate-container .tabs label:nth-child(12),
        .tabed-view.community input[type="radio"]:nth-child(13):checked ~ .associate-container .tabs label:nth-child(13),
        .tabed-view.community input[type="radio"]:nth-child(14):checked ~ .associate-container .tabs label:nth-child(14),
        .tabed-view.community input[type="radio"]:nth-child(15):checked ~ .associate-container .tabs label:nth-child(15),
        .tabed-view.community input[type="radio"]:nth-child(16):checked ~ .associate-container .tabs label:nth-child(16) {
            background: var(--primary-color-500);
            color: var(--font-color) !important;
            border: 1px solid var(--border-color);
        }

            .tabed-view.community input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1):after,
            .tabed-view.community input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2):after,
            .tabed-view.community input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3):after,
            .tabed-view.community input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4):after,
            .tabed-view.community input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5):after,
            .tabed-view.community input[type="radio"]:nth-child(6):checked ~ .tabs label:nth-child(6):after,
            .tabed-view.community input[type="radio"]:nth-child(7):checked ~ .tabs label:nth-child(7):after,
            .tabed-view.community input[type="radio"]:nth-child(8):checked ~ .tabs label:nth-child(8):after,
            .tabed-view.community input[type="radio"]:nth-child(9):checked ~ .tabs label:nth-child(9):after,
            .tabed-view.community input[type="radio"]:nth-child(10):checked ~ .tabs label:nth-child(10):after,
            .tabed-view.community input[type="radio"]:nth-child(11):checked ~ .tabs label:nth-child(11):after,
            .tabed-view.community input[type="radio"]:nth-child(12):checked ~ .tabs label:nth-child(12):after,
            .tabed-view.community input[type="radio"]:nth-child(13):checked ~ .tabs label:nth-child(13):after,
            .tabed-view.community input[type="radio"]:nth-child(14):checked ~ .tabs label:nth-child(14):after,
            .tabed-view.community input[type="radio"]:nth-child(15):checked ~ .tabs label:nth-child(15):after,
            .tabed-view.community input[type="radio"]:nth-child(16):checked ~ .tabs label:nth-child(16):after,
            .tabed-view.community input[type="radio"]:nth-child(1):checked ~ .associate-container .tabs label:nth-child(1):after,
            .tabed-view.community input[type="radio"]:nth-child(2):checked ~ .associate-container .tabs label:nth-child(2):after,
            .tabed-view.community input[type="radio"]:nth-child(3):checked ~ .associate-container .tabs label:nth-child(3):after,
            .tabed-view.community input[type="radio"]:nth-child(4):checked ~ .associate-container .tabs label:nth-child(4):after,
            .tabed-view.community input[type="radio"]:nth-child(5):checked ~ .associate-container .tabs label:nth-child(5):after,
            .tabed-view.community input[type="radio"]:nth-child(6):checked ~ .associate-container .tabs label:nth-child(6):after,
            .tabed-view.community input[type="radio"]:nth-child(7):checked ~ .associate-container .tabs label:nth-child(7):after,
            .tabed-view.community input[type="radio"]:nth-child(8):checked ~ .associate-container .tabs label:nth-child(8):after,
            .tabed-view.community input[type="radio"]:nth-child(9):checked ~ .associate-container .tabs label:nth-child(9):after,
            .tabed-view.community input[type="radio"]:nth-child(10):checked ~ .associate-container .tabs label:nth-child(10):after,
            .tabed-view.community input[type="radio"]:nth-child(11):checked ~ .associate-container .tabs label:nth-child(11):after,
            .tabed-view.community input[type="radio"]:nth-child(12):checked ~ .associate-container .tabs label:nth-child(12):after,
            .tabed-view.community input[type="radio"]:nth-child(13):checked ~ .associate-container .tabs label:nth-child(13):after,
            .tabed-view.community input[type="radio"]:nth-child(14):checked ~ .associate-container .tabs label:nth-child(14):after,
            .tabed-view.community input[type="radio"]:nth-child(15):checked ~ .associate-container .tabs label:nth-child(15):after,
            .tabed-view.community input[type="radio"]:nth-child(16):checked ~ .associate-container .tabs label:nth-child(16):after {
                content: "";
                width: 100%;
                height: 3px;
                position: absolute;
                bottom: -3px;
                z-index: 1;
                left: 0;
            }

        .tabed-view.community input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1),
        .tabed-view.community input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2),
        .tabed-view.community input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3),
        .tabed-view.community input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4),
        .tabed-view.community input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5),
        .tabed-view.community input[type="radio"]:nth-child(6):checked ~ .tabs label:nth-child(6),
        .tabed-view.community input[type="radio"]:nth-child(7):checked ~ .tabs label:nth-child(7),
        .tabed-view.community input[type="radio"]:nth-child(8):checked ~ .tabs label:nth-child(8),
        .tabed-view.community input[type="radio"]:nth-child(9):checked ~ .tabs label:nth-child(9),
        .tabed-view.community input[type="radio"]:nth-child(10):checked ~ .tabs label:nth-child(10),
        .tabed-view.community input[type="radio"]:nth-child(11):checked ~ .tabs label:nth-child(11),
        .tabed-view.community input[type="radio"]:nth-child(12):checked ~ .tabs label:nth-child(12),
        .tabed-view.community input[type="radio"]:nth-child(13):checked ~ .tabs label:nth-child(13),
        .tabed-view.community input[type="radio"]:nth-child(14):checked ~ .tabs label:nth-child(14),
        .tabed-view.community input[type="radio"]:nth-child(15):checked ~ .tabs label:nth-child(15),
        .tabed-view.community input[type="radio"]:nth-child(16):checked ~ .tabs label:nth-child(16) {
            display: inline-block;
        }


.agent-office-search-context {
    background-size: cover;
    background-position: center;
    min-height: 350px;
    position: relative;
}

    .agent-office-search-context:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
    }

    .agent-office-search-context .title {
        position: absolute;
        top: 32px;
        text-align: center;
        width: 100%;
        color: rgba(255,255,255,1);
        text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    }

.AgentOfficeSearchBar {
    position: absolute;
    bottom: 8px;
    width: 100%;
}

    .AgentOfficeSearchBar .tabed-view {
        max-width: 1024px;
    }

    .AgentOfficeSearchBar .tab-content {
        background: #fff;
        margin-top: 0;
        margin-bottom: 0;
    }

    .AgentOfficeSearchBar .tabs label {
        background: #808285;
        display: inline-block;
        padding: 16px;
        float: left;
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 13px;
    }

    .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1),
    .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2),
    .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3),
    .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4),
    .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5),
    .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(6):checked ~ .tabs label:nth-child(6),
    .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(7):checked ~ .tabs label:nth-child(7),
    .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(8):checked ~ .tabs label:nth-child(8) {
        background: rgb(128,130,133);
    }

    .AgentOfficeSearchBar .tabed-view > .tabs, .AgentOfficeSearchBar .tabed-view > .tab-contents,
    .AgentOfficeSearchBar .tabed-view > .tab-contents .tab-content > .mdl-grid > .mdl-cell {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .AgentOfficeSearchBar .is-focused label {
        color: rgb(128,130,133) !important;
        font-weight: 400;
    }

.tabed-view.property header .tabs li {
    display: inline-block;
    color: rgba(0, 0, 0, 0.66);
    text-transform: uppercase;
    padding: 0 8px;
    font-size: 0.85rem !important;
    font-weight: 500;
}

.tabed-view.property header .tabs label {
    display: block;
    position: relative;
}

    .tabed-view.property header .tabs label:hover {
        color: rgb(128,130,133);
    }

.tabed-view.property input[type="radio"]:nth-child(1):checked ~ header .tabs li:nth-child(1) label:after,
.tabed-view.property input[type="radio"]:nth-child(2):checked ~ header .tabs li:nth-child(2) label:after,
.tabed-view.property input[type="radio"]:nth-child(3):checked ~ header .tabs li:nth-child(3) label:after,
.tabed-view.property input[type="radio"]:nth-child(4):checked ~ header .tabs li:nth-child(4) label:after,
.tabed-view.property input[type="radio"]:nth-child(5):checked ~ header .tabs li:nth-child(5) label:after,
.tabed-view.property input[type="radio"]:nth-child(6):checked ~ header .tabs li:nth-child(6) label:after,
.tabed-view.property input[type="radio"]:nth-child(7):checked ~ header .tabs li:nth-child(7) label:after,
.tabed-view.property input[type="radio"]:nth-child(8):checked ~ header .tabs li:nth-child(8) label:after {
    content: "";
    width: 100%;
    height: 3px;
    background: rgb(128,130,133);
    position: absolute;
    bottom: -23px;
    z-index: 1;
    left: 0;
}

.tabed-view.property input[type="radio"]:nth-child(1):checked ~ main > .tab-contents > .tab-content:nth-child(1),
.tabed-view.property input[type="radio"]:nth-child(2):checked ~ main > .tab-contents > .tab-content:nth-child(2),
.tabed-view.property input[type="radio"]:nth-child(3):checked ~ main > .tab-contents > .tab-content:nth-child(3),
.tabed-view.property input[type="radio"]:nth-child(4):checked ~ main > .tab-contents > .tab-content:nth-child(4),
.tabed-view.property input[type="radio"]:nth-child(5):checked ~ main > .tab-contents > .tab-content:nth-child(5),
.tabed-view.property input[type="radio"]:nth-child(6):checked ~ main > .tab-contents > .tab-content:nth-child(6),
.tabed-view.property input[type="radio"]:nth-child(7):checked ~ main > .tab-contents > .tab-content:nth-child(7),
.tabed-view.property input[type="radio"]:nth-child(8):checked ~ main > .tab-contents > .tab-content:nth-child(8) {
    display: block;
    position: relative;
    opacity: 1;
    visibility: visible;
    max-height: none;
}

/**Button Style 840 to 1140 in agent result page**/
@media (max-width:1220px) and (min-width:480px),(max-width:320px) {
    .result-section .agent.item:not(.mini) .mdl-card__actions.mdl-card--border [data-material-icon], .result-section .agent.item:not(.mini) .mdl-card__actions.mdl-card--border [data-material-icon-right] {
        height: auto;
        line-height: 1.6;
        white-space: nowrap;
    }

        .result-section .agent.item:not(.mini) .mdl-card__actions.mdl-card--border [data-material-icon]::before, .result-section .agent.item:not(.mini) .mdl-card__actions.mdl-card--border [data-material-icon-right]::before {
            display: block;
            line-height: 1;
            margin: 0 0 .5rem 0;
        }
}

@media (max-width:840px) and (min-width:480px) {
    .result-section .agent.item .mdl-card__actions.mdl-card--border [data-material-icon], .result-section .agent.item .mdl-card__actions.mdl-card--border [data-material-icon-right] {
        word-spacing: 0px;
    }
}




.AgentOfficeSearchBar .action-part {
    display: flex;
    align-items: center;
    background: rgba(232,232,232,0.96);
}

    .AgentOfficeSearchBar .action-part a {
        margin: 8px auto;
    }

.AgentOfficeSearchBar .mdl-textfield, .AgentOfficeSearchBar .mdl-selectfield {
    margin-top: -14px;
    padding-bottom: 0px;
    font-size: 13px;
}

    .AgentOfficeSearchBar .mdl-selectfield .mdl-selectfield__select {
        margin: 4px 0;
    }

    .AgentOfficeSearchBar .mdl-selectfield .mdl-selectfield__box {
        top: 25px;
        bottom: 0px;
    }

    .AgentOfficeSearchBar .mdl-selectfield .mdl-selectfield__box-value {
        font-size: 13px;
    }

    .AgentOfficeSearchBar .mdl-textfield .mdl-textfield__label {
        font-size: 13px;
        color: rgba(93,90,95, 0.96);
    }

.AgentOfficeSearchBar .mdl-color-text--agora {
    font-weight: 500;
}

.AgentOfficeSearchBar .mdl-textfield__label::after {
    bottom: 0px !important;
}

@media only screen and (max-width:900px) {
    .agent-office-search-context {
        min-height: 440px;
    }

        .agent-office-search-context .title h2 {
            font-size: 1.5rem
        }
}

@media only screen and (max-width:480px) {
    .agent-office-search-context {
        min-height: 580px;
    }
}

.translation-links a {
}

.translation-links li {
    height: 32px;
    line-height: 32px;
    padding: 0 4px;
}

.translation-links a img {
    margin-right: 8px;
}

.contact-form .mdl-textfield {
    padding-top: 4px;
    padding-bottom: 4px;
}

    .contact-form .mdl-textfield .mdl-textfield__label {
        top: 8px;
    }

    .contact-form .mdl-textfield.is-dirty .mdl-textfield__label, .contact-form .mdl-textfield.is-focused .mdl-textfield__label {
        top: -8px;
    }

    .contact-form .mdl-textfield:not(.is-dirty):not(.is-focused) .mdl-textfield__label {
        font-size: 13px;
    }

    .contact-form .mdl-textfield .mdl-textfield__label:after {
        bottom: 4px;
    }

.contact-form h3 {
    font-size: 16px;
}

.contact-form h3 {
    border-bottom: 1px solid rgba(128,130,133,0.78);
}

.contact-form .mdl-cell {
    padding-top: 0;
    margin-top: 0;
}

.agent-result-section .agent-additional-info .email-correct {
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.tabed-view .client-testimonials {
    padding: 10px;
}

#officeGalleryViewSection .office-result-section .space-between a {
    padding: 0 3px !important;
    font-size: 13px !important;
}

.Dashboard_section .agent-result-section .agent-info h2 {
    font-size: 21px !important;
}

.Dashboard_section .agent-result-section .agent-info .Agent_numbers {
    width: 100%;
    padding: 0
}

    .Dashboard_section .agent-result-section .agent-info .Agent_numbers li {
        list-style-type: none
    }

        .Dashboard_section .agent-result-section .agent-info .Agent_numbers li a::before {
            font-size: 20px;
        }

.Dashboard_section .agent-result-section .agent-result-item {
    border: 1px solid #e6e1e1;
}

.Dashboard_section .agent-result-section .agent-photo {
    min-height: 250px;
    background-repeat: no-repeat !important;
    background-position: top !important;
}

.Dashboard_section .agent-result-section .agent-links {
    margin: 10px;
}

.Dashboard_section .agent-result-item .social-icons .fa {
    font-size: .9em;
    height: 30px;
    line-height: 30px;
    width: 30px;
    border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    color: rgba(255,255,255,0.8);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.Dashboard_section .agent-result-section .agent-image-view img {
    width: 100%;
    height: auto;
}

.Dashboard_section .agent-result-item .agent-links a {
    font-size: .87rem;
    height: 28px;
    line-height: 28px;
    padding: 0 11px 0 0 !important;
    margin-bottom: 15px;
}

.Dashboard_section .agent-result-item .social-icons .fa-facebook, .Dashboard_section .agent-result-item .social-icons .fa-facebook-square {
    background-color: #3C599F;
}

.Dashboard_section .agent-result-item .social-icons .fa-pinterest, .Dashboard_section .agent-result-item .social-icons .fa-pinterest-square, .Dashboard_section .agent-result-item .social-icons .fa-pinterest-p {
    background-color: #CC2127;
}

.Dashboard_section .agent-result-item .social-icons .fa-twitter, .Dashboard_section .agent-result-item .social-icons .fa-twitter-square {
    background-color: #32CCFE;
}

.Dashboard_section .agent-result-item .social-icons .fa-google-plus, .Dashboard_section .agent-result-item .social-icons .fa-google-plus-square {
    background-color: #CF3D2E;
}

.Dashboard_section .agent-result-item .social-icons .fa-youtube, .Dashboard_section .agent-result-item .social-icons .fa-youtube-play, .Dashboard_section .agent-result-item .social-icons .fa-youtube-square {
    background-color: #C52F30;
}

.Dashboard_section .agent-result-item .social-icons .fa-linkedin, .Dashboard_section .agent-result-item .social-icons .fa-linkedin-square {
    background-color: #0085AE;
}

.Dashboard_section .agent-result-item .social-icons .fa-instagram {
    background-color: #A1755C;
}

.Dashboard_section .agent-result-item .social-icons .fa-snapchat-ghost {
    background-color: #ECE000;
}

.Dashboard_section .agent-result-item .social-icons .fa-weixin {
    background: green;
}

.Dashboard_section .tabed-view.default .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .Dashboard_section .tabed-view.default .tabs label {
        padding: 16px;
        font-weight: normal;
        width: 22.5%;
        font-size: 18px;
        position: relative;
        display: inline-block;
        text-decoration: none;
        text-align: center;
        line-height: 2;
        cursor: pointer;
        border-bottom: 2px solid #ccc;
        -webkit-transition: all .5s;
        transition: all .5s;
    }


@media (max-width:1250px) and (min-width:840px) {
    .Dashboard_section .agent-result-section .agent_data {
        width: 70%;
    }

    .Dashboard_section .agent-result-section .agent_link {
        width: 70%;
    }
}

@media (max-width:720px) {
    .Dashboard_section .tabed-view.default .tabs {
        display: block
    }

        .Dashboard_section .tabed-view.default .tabs label {
            background: #ccc;
            display: block !important;
            float: none !important;
            width: 100%;
            color: #fff;
            font-size: 20px;
            font-weight: normal;
            text-decoration: none;
            text-align: center;
            line-height: 2;
            cursor: pointer;
            padding: 0 !Important;
        }

            .Dashboard_section .tabed-view.default .tabs label:hover {
                color: #562449;
                box-shadow: none;
                border-bottom: 2px solid #562447;
            }
}



[data-query-list] .owl-carousel, [data-owl-slider].owl-carousel {
}

    [data-query-list] .owl-carousel .owl-stage, [data-owl-slider].owl-carousel .owl-stage {
        display: flex !important;
    }

    [data-query-list] .owl-carousel .owl-item, [data-owl-slider].owl-carousel .owl-item {
        display: flex !important;
    }

        [data-query-list] .owl-carousel .owl-item .item, [data-owl-slider].owl-carousel .owl-item .item {
            width: 100%;
            display: flex !important;
        }

    [data-query-list] .owl-carousel .owl-dots, [data-owl-slider].owl-carousel .owl-dots {
        display: none !important
    }

[data-query-list] .owl-carousel, [data-owl-slider] .owl-carousel {
    margin: 0px auto
}

    [data-query-list] .owl-carousel .owl-nav [class*="owl-"], [data-owl-slider].owl-carousel .owl-nav [class*="owl-"] {
        position: absolute;
        box-sizing: border-box;
        box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
        -ms-box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
        -o-box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
        -webkit-box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
        -moz-box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
        background: #FFF;
        color: rgb(128,130,133);
        border-radius: 50%;
        top: calc(50% - 64px);
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        width: 48px;
        height: 48px;
        text-align: center;
        line-height: 48px;
        font-size: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        [data-query-list] .owl-carousel .owl-nav [class*="owl-"]:hover, [data-owl-slider].owl-carousel .owl-nav [class*="owl-"]:hover {
            background: rgb(128,130,133);
            color: #fff
        }

    [data-query-list] .owl-carousel .owl-nav .owl-prev, [data-owl-slider].owl-carousel .owl-nav .owl-prev {
        left: -24px;
    }

    [data-query-list] .owl-carousel .owl-nav .owl-next, [data-owl-slider].owl-carousel .owl-nav .owl-next {
        right: -24px;
    }

[data-query-list] .owl-dots, [data-owl-slider] .owl-dots {
    padding: 16px 0 0;
    position: absolute;
    width: 100%;
}

[data-query-list] .title-container {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

[data-query-list] .owl-carousel .item.property > .mdl-card__title {
    height: 220px;
}

h3.no-listing {
    opacity: 0.36;
    margin: 16px;
}

.rating {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .rating .overlay {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
    }

    .rating > div > span {
        display: block;
        width: 105px;
    }

        .rating > div > span > i {
            width: 21px;
            display: inline-block;
            text-shadow: 1px 1px 3px rgba(205, 205, 205,0.2);
        }

            .rating > div > span > i:before {
                content: "star_rate";
                font-family: "Material Icons";
                text-rendering: optimizeLegibility;
                font-feature-settings: 'liga' 1;
                font-style: normal;
                text-transform: none;
                line-height: 1;
                font-size: 24px;
                width: 24px;
                height: 24px;
                display: inline-block;
                overflow: hidden;
                -webkit-font-smoothing: antialiased;
                transform: translateX(-2px);
                color: rgb(205, 205, 205);
            }

    .rating > div.overlay > span > i:before {
        color: rgb(230,113,26);
    }

    .rating > div.overlay {
        max-width: 100%;
    }

.property-detail .check-circle {
    color: #fff;
}

    .property-detail .check-circle::before {
        font-size: 5rem !important;
        line-height: 4rem;
    }

.property-detail .community-desc {
    margin-top: 16px !important;
}

.property-detail .read-more {
    margin-bottom: 16px !important;
}

    .property-detail .read-more a {
        color: rgb(128,130,133) !important;
        text-decoration: underline;
    }

        .property-detail .read-more a i {
            line-height: 1;
            transform: translate(-4px,8px);
        }

.office-bar-title {
    margin: 0 5px 0 5px;
}

.office-fax {
    padding-right: 20px;
    margin: 3px 0px 0px 3px !important;
}

body.agora-map-full-view header.mdl-layout__header, body.agora-map-full-view .mdl-layout__drawer-button {
    display: none !important
}

.community-states h5 {
    text-transform: uppercase;
    font-size: 1.1rem;
}

#agentGalleryViewSection .agent-additional-info .email-correct a:before {
    display: inline !important;
}

.agent-result-section .agent-info .agent-additional-info .langauge-list {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
}

@media only screen and (max-width:480px) {
    .community-states .state-switch label {
        width: 100%;
    }

    [data-query-list] .owl-carousel .owl-nav [class*="owl-"], [data-owl-slider].owl-carousel .owl-nav [class*="owl-"] {
        top: 36%;
    }
}

.propertygallery #propertyGrid .slides .mdl-card__menu a[data-material-icon]::before {
    transform: translateY(-1px);
}

#propertyGallerySection .view-switch {
    line-height: 26px !important;
    z-index: 999;
}

.community-dtl .read-more span {
    text-transform: capitalize;
}

.builder-image img {
    margin: 0 auto;
    justify-content: center;
    display: flex;
    align-content: center;
}

.builder-details {
    margin: 0 auto;
    line-height: 27px;
}

.property-area {
    padding: 10px;
}

.property-text span {
    display: block;
    line-height: 26px;
    font-size: .9rem;
}

/*section.property-detail .main-slider .gallarey-imgs:hover {
    transform: scale(1.1);
}*/

.communities-container {
    -moz-column-count: 6;
    -webkit-column-count: 6;
    column-count: 6;
    display: block;
}

    .communities-container a {
        display: block;
        width: 100%;
    }

@media only screen and (max-width:1024px) {
    .communities-container {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media only screen and (max-width:840px) {
    .communities-container {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (max-width:640px) {
    .communities-container {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (max-width:480px) {
    .communities-container {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}



/*Juwin Vacation Rentals Main*/
.vacation_header {
}

    .vacation_header .vacation_header-main {
        min-height: calc(100vh - 160px);
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .vacation_header .vacation_header-main::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.28);
            top: 0;
        }

        .vacation_header .vacation_header-main .vacation_content {
            position: relative;
            z-index: 1
        }

.vacation_header-main h1 {
    font-size: 2.5rem;
    line-height: 1.35;
    margin-top: 24px;
    margin-bottom: 24px;
}

    .vacation_header-main h1 span {
        font-size: 3.7rem;
        display: block;
        font-weight: 400;
    }

.vacation_description .sub-head, .vacation_description .main-head, .vacation_footer-main .footerbg .main-head {
    font-family: "Marcellus", serif !important;
    color: #000000 !important;
    font-weight: 400 !important;
}

.vacation_header-main p {
    color: #010101;
    font-size: 1.3rem;
}

    .vacation_header-main p strong {
        color: #562449;
    }

.vacation_cards .location-img:after {
}

.vacation_cards .vname {
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.7rem;
    position: relative;
    z-index: 1;
}

    .vacation_cards .vname a {
        color: #fff;
        font-weight: 600;
    }

.vacation_cards .location-img::after {
    content: "";
    background: rgba(0, 0, 0, 0.28);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
}

.vacation_header .vacation_header-main .mdl-button {
    margin: 10px 15px 0 0;
    border: 1px solid rgba(0,0,0,0);
    letter-spacing: 1.5px;
    font-weight: 500;
    background: white;
    font-family: "Manrope", sans-serif !important;
    color: var(--mdl-primary-color);
}

    .vacation_header .vacation_header-main .mdl-button:hover {
        border: 1px solid var(--mdl-primary-color);
    }

    .vacation_header .vacation_header-main .mdl-button + .mdl-button {
        margin-right: 15px;
    }

.vacation_footer-main .mdl-button {
    font-weight: 600;
    letter-spacing: 1.6px;
    background: #000;
    color: white;
}

    .vacation_footer-main .mdl-button:hover {
        background: white;
        color: #000
    }

.vacation_ribbon {
    background-color: #56555a !important;
}

    .vacation_ribbon p {
        color: #fff;
        font-weight: 300;
    }

.chardonnay-font {
    color: #cac476;
}

.vacation_ribbon h3 {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    padding: .5rem 0;
}

.vacation_ribbon h4 {
    font-size: 18px;
}

.vacation_description .main-head {
    font-size: 2.7rem;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 24px;
    margin-bottom: 24px;
}

.vacation_description .sub-head {
    margin-bottom: 1rem;
    font-size: 1.7rem;
}

@media (max-width:840px) {
    .vacation_header .vacation_header-main {
        min-height: 480px;
    }
}

@media (max-width:840px) {
    .vacation_header-main h1 span {
        font-size: 2.7rem;
    }
}

.locationtile .mdl-button {
    display: none !important
}

.vacation_cards .mdl-button--fab.mdl-button--mini-fab {
    height: 35px;
    min-width: 35px;
    width: 35px;
    line-height: 35px;
}

.vacation_cards [data-material-icon]::before, .vacation_cards [data-material-icon-right]::after, .vacation_cards [data-material-icon-right]::before {
    font-size: 20px;
}

.vacation_footer .vacation_footer-main {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px 0;
}

.vacation_footer-main .main-head {
    font-size: 2.7rem;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 24px;
    margin-bottom: 24px;
}

.vacation_footer-main .property-requestbox {
    border: 1px solid
}

.vacation_footer-main p {
    line-height: normal;
    color: #222
}

.vacation_footer-main .mdl-textfield, .vacation_footer-main .mdl-textfield {
    margin-top: -55px;
}

.priority-phone {
}

    .priority-phone span {
        display: block;
        width: 100%;
    }

    .priority-phone > * {
        order: 2;
    }

    .priority-phone[data-priority-phone="1"] > *:nth-child(1), .priority-phone[data-priority-phone="2"] > *:nth-child(2) {
        order: 1;
    }

.agent-rating-link {
    display: block;
    cursor: pointer;
}

.onboard-demographics {
}

    .onboard-demographics > .mdl-grid {
        padding-left: 0;
        padding-right: 0;
    }

    .onboard-demographics .mdl-grid {
        align-items: flex-start;
    }

    .onboard-demographics .mdl-card {
    }

        .onboard-demographics .mdl-card h3 {
            font-size: 20px;
            margin: 4px 0;
            color: rgba(128,130,133,0.96);
        }

        .onboard-demographics .mdl-card h4 {
            font-size: 16px;
        }

        .onboard-demographics .mdl-card p {
            font-size: 13px;
        }

        .onboard-demographics .mdl-card .table-layout {
            display: table;
            width: 100%;
        }

            .onboard-demographics .mdl-card .table-layout div {
                display: table-row;
            }

                .onboard-demographics .mdl-card .table-layout div span {
                    display: table-cell;
                    font-size: 13px;
                    padding: 4px 8px;
                }

                .onboard-demographics .mdl-card .table-layout div:nth-child(2n+1) {
                    background: rgba(0,0,0,0.02);
                }

        .onboard-demographics .mdl-card [id^="chart"] {
            width: 100%;
            min-height: 240px;
        }


.webpage .breadcrumb {
    padding: .75rem 1rem;
    list-style: none;
    background-color: rgba(0, 0, 0, .12);
    border-radius: .125rem
}

    .webpage .breadcrumb:after {
        content: "";
        display: table;
        clear: both
    }

.webpage .breadcrumb-item {
    float: left
}

    .webpage .breadcrumb-item + .breadcrumb-item:before {
        display: inline-block;
        padding-right: .5rem;
        padding-left: .5rem;
        color: rgba(0, 0, 0, .26);
        content: "/"
    }

    .webpage .breadcrumb-item + .breadcrumb-item:hover:before {
        text-decoration: underline;
        text-decoration: none
    }

    .webpage .breadcrumb-item.active {
        color: rgba(0, 0, 0, .26)
    }

.amenity.item {
}

    .amenity.item .mdl-card__title {
        min-height: 180px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .amenity.item h3 {
        font-size: 16px;
    }

@media only screen and (max-width:480px) {
    .webpage .breadcrumb {
        display: none
    }
}

[data-agora-captcha] {
    padding: 0;
    margin: 0;
}

    [data-agora-captcha] .captcha, [data-agora-captcha] .captcha .captcha-content {
        position: relative;
    }

    [data-agora-captcha] .captcha {
        box-sizing: border-box;
        padding: 8px;
        background: rgba(0,0,0,0.05);
        border: 1px solid rgba(0,0,0,0.01);
    }

        [data-agora-captcha] .captcha i {
            color: rgba(255,255,255,0.89);
            padding: 3px;
            background: rgba(128,130,133,0.96);
        }

    [data-agora-captcha] .captcha-reload {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    [data-agora-captcha] .mdl-textfield {
        margin-bottom: -20px;
    }

    [data-agora-captcha] > .mdl-grid > .mdl-grid {
        padding: 0;
        margin: 0;
    }


/*NewStyle 2018-05-10*/
/*NewStyle Override*/
body.with-title-slider.title-slider-full header .mdl-layout__header-row.top-header {
    background: transparent;
    border-bottom: transparent;
}

body header .mdl-layout__header-row.top-header {
    background: transparent;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 0;
}

body header .mdl-layout__header-row {
    padding: 3px 0 0px;
}

    body header .mdl-layout__header-row.top-header a:not(.mdl-button--raised) {
        font-weight: 500;
    }

body .mdl-layout .mdl-layout__header .mdl-layout-title {
    padding: 12px 8px;
}

body header .mdl-layout__header-row.top-header a.call_button[data-material-icon]::before {
    transform: translateY(-1px);
    padding: 0;
    margin-left: 0;
    font-size: 1.3rem;
}

body .mdl-layout .mdl-layout__header .mdl-button#tranlang + #divLocale {
    position: relative
}

    body .mdl-layout .mdl-layout__header .mdl-button#tranlang + #divLocale .mdl-menu__container.is-visible {
        right: 9px !important;
        top: 13px !important;
    }

body .mdl-layout__header-row .mdl-navigation > ul > li > a:not(.mdl-button) {
    line-height: 38px;
    height: 40px;
}

body .mdl-layout__header-row .mdl-navigation {
    height: auto;
}

body .SearchBar .agora-dropdown-handle {
    color: #333;
    background: rgba(255,255,255,0.96);
    border-radius: 2px;
    padding: 0px 12px;
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.05);
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font-weight: 500;
    color: rgb(128,130,133);
    height: 100%;
}

    body .SearchBar .agora-dropdown-handle:after {
        position: absolute;
        right: 8px;
    }

body .result-page .page-title > .mdl-grid {
    padding-bottom: 0;
    padding-top: 0;
}

body.newStyle .SearchBar .onesearch-div.mdl-textfield::before {
    display: none;
}

body.newStyle .newStyleTitle {
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.02);
}

body.newStyle #propertyGallerySection .result_sort .mdl-selectfield__list-option-box {
    top: 49px;
}

body.newStyle .SearchBar .rt-div .mdl-selectfield .mdl-selectfield__box .mdl-selectfield__box-value {
    left: 9px;
}

body.newStyle .SearchBar .rt-div::after, body.newStyle .SearchBar .rt-div::before {
    display: none
}

body .SearchBar .rt-div, .SearchBar .rt-div .mdl-selectfield {
    background: transparent;
    border-radius: 3px 0 0 3px;
}

body .SearchBar .rt-div {
    height: 30px
}

    body .SearchBar .rt-div .mdl-selectfield {
        background: transparent;
    }

body .SearchBar .onesearch-wrapper {
    background: rgba(255,255,255,0.96);
    border-radius: 2px;
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.05);
}

body .SearchBar .rt-div ~ .onesearch-div-container {
    width: calc(100% - 68px);
}

body .SearchBar {
    padding: 5px 8px 4px 8px;
}

    body .SearchBar .agora-dropdown {
        height: 100%;
    }

        body .SearchBar .agora-dropdown.more {
            position: inherit;
        }

            body .SearchBar .agora-dropdown.more .control-group {
            }

                body .SearchBar .agora-dropdown.more .control-group > div {
                    width: 100%;
                }

                    body .SearchBar .agora-dropdown.more .control-group > div > label, .SearchBar .agora-dropdown.more .range-search > div > label {
                        font-size: 14px;
                        font-weight: 500;
                        color: rgba(128,130,133,0.96);
                        position: relative;
                        width: auto;
                        display: inline-block;
                        padding: 2px 8px;
                    }

            body .SearchBar .agora-dropdown.more .range-search > div > label {
                padding: 4px 0;
            }

            body .SearchBar .agora-dropdown.more .control-group > div > label:after {
                content: "";
                display: block;
                background: rgba(128,130,133,0.96);
                width: 100%;
                height: 3px;
                min-width: 64px;
                margin-top: 4px;
            }

            body .SearchBar .agora-dropdown.more .agora-dropdown-content {
                width: 100%;
                left: 0;
                transform: scale(1);
                max-height: 0;
                transition: 0.3s opacity cubic-bezier(0.4,0,0.2,0.3);
                overflow: hidden;
                overflow-y: auto;
            }

                body .SearchBar .agora-dropdown.more .agora-dropdown-content.search-dropdown:before {
                    display: none;
                }

                body .SearchBar .agora-dropdown.more .agora-dropdown-content.search-dropdown:after {
                    display: none;
                }

            body .SearchBar .agora-dropdown.more > input:checked + label {
                overflow: visible;
                border: 1px solid;
            }

            body .SearchBar .agora-dropdown.more > input:checked ~ .agora-dropdown-content {
                max-height: 100vh;
                background: #ececec;
            }

            body .SearchBar .agora-dropdown.more > input + label:before {
                content: "";
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #fff;
                position: absolute;
                bottom: -8px;
                right: calc(50% - 3px);
                visibility: hidden
            }

            body .SearchBar .agora-dropdown.more > input:checked + label:before {
                visibility: visible
            }

            body .SearchBar .agora-dropdown.more .agora-dropdown-content.search-dropdown ul li {
                padding: 2px 8px;
            }

            body .SearchBar .agora-dropdown.more .agora-dropdown-content.search-dropdown ul {
                margin-top: 8px;
            }

                body .SearchBar .agora-dropdown.more .agora-dropdown-content.search-dropdown ul + ul {
                    margin-top: 0;
                }

    body .SearchBar .onesearch-wrapper {
        position: relative;
    }

    body .SearchBar .onesearch-div.mdl-textfield {
        background: transparent;
        box-sizing: border-box;
        margin: 0;
        width: 100%;
        position: relative;
    }

    body .SearchBar .onesearch-wrapper .search-over {
        position: absolute;
        color: rgba(255,255,255,0.96);
        right: 0;
        font-size: 16px;
        width: 30px;
        height: 100%;
        background: rgba(128,130,133,0.96);
        top: 0;
        z-index: 1;
        text-align: center;
        line-height: 36px;
        height: 100%;
        border-radius: 0 2px 2px 0;
        min-width: inherit;
        padding: 0;
    }

    body .SearchBar .onesearch-div.mdl-textfield input[type="text"] {
        padding: 0;
        background: transparent;
        border-bottom: none;
    }

    body .SearchBar .open-bar, body .SearchBar .open-bar > .mdl-cell {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        margin-top: 0;
    }

    body .SearchBar .onesearch-div.mdl-textfield .mdl-textfield__label:after {
        display: none;
    }

    body .SearchBar .onesearch-div.mdl-textfield.is-focused .mdl-textfield__label, body .SearchBar .onesearch-div.mdl-textfield.is-dirty .mdl-textfield__label {
        opacity: 0;
        font-size: 13px;
        top: 4px;
    }

    body .SearchBar [data-perform-action] {
        border: 1px solid;
    }

body.newStyle .SearchBar [data-perform-action] {
    font-size: 1em
}

body.newStyle header .mdl-layout__header-row.top-header a:not(.mdl-button--raised) {
    font-size: 0.875em;
}

@media only screen and (max-width:840px) {
    body .SearchBar .onesearch-wrapper {
        background: none;
    }

    body .SearchBar .actions .mdl-button.mdl-button--raised {
        border: 1px solid transparent;
    }

    body .SearchBar .rt-div {
        width: 62px;
    }

    body .SearchBar .agora-dropdown-handle {
        height: auto;
    }

    body .SearchBar .agora-dropdown.more > input:checked + label {
        border: none;
    }

    body .SearchBar .agora-dropdown.more > input:checked ~ .agora-dropdown-content {
        height: auto;
        max-width: none;
    }

    .item.agent ul.agent-additional-info li .mdl-button, .call-button {
        margin: 4px 8px 4px 0;
    }
}

@media only screen and (max-width:1024px) {
    .HideTab {
        display: none;
    }

    section.page-title.property-detail-title-section .inline-title {
        display: block;
    }
}

body.newStyle .SearchBar .onesearch-div.mdl-textfield:not(.is-focused):not(.is-dirty) .mdl-textfield__label {
    top: 8px;
    max-width: 88%;
    height: 30px
}

body.newStyle .SearchBar .onesearch-div.mdl-textfield::after {
    display: none;
}
/*body .contact .logo-container{margin-bottom:0;}*/
body.newStyle .newStyleFooterColor {
    background-color: #56555a !important
}

body.newStyle .contact .newStyleFooterColor .contact-info-detail ul.address, body.newStyle .contact .contact-info-detail ul.address a, body.newStyle .contact .newStyleFooterColor .contact-info-detail .footer-social, body.newStyle .contact .newStyleFooterColor .contact-info-detail .footer-social .mdl-button--icon {
    color: #fff !important;
}

body.newStyle .logo-container .footer-social, body.newStyle .logo-container .footer-social .mdl-button--icon {
    color: rgba(93,90,95, 0.96) !important;
}

    body.newStyle .logo-container .footer-social b {
        font-weight: 500;
    }

    body.newStyle .logo-container .footer-social .mdl-button--icon {
        border: 1px solid transparent;
        color: #fff;
    }

    body.newStyle .logo-container .footer-social .mdl-button i {
        font-size: 1.4rem;
    }
/*body.newStyle .logo-container .footer-social {
	margin-bottom: 8px;
    margin-left:0;	
	margin-top: 16px;
}*/
/*body.newStyle .contact .mdl-mega-footer__link-list {
	max-height: 300px;
	margin-top: 2rem;
}*/
/*body.newStyle .contact .logo {
	max-width: 75%;
	margin:0;
	width: 260px;
}*/
body.newStyle .contact .mdl-mega-footer__link-list li.parent {
    opacity: 1;
    padding-bottom: 14px;
}

    body.newStyle .contact .mdl-mega-footer__link-list li.parent a {
        font-size: .875em;
        line-height: 25px;
    }

body.newStyle .contact .contact-info-detail ul.address li {
    padding: 0;
    font-size: .875em;
}

body.newStyle .contact .newStyleFooterColor .contact-info-detail ul.address {
    margin: 11px 0;
}

body.newStyle .footerLeftBg {
    background-color: #56555a !important;
}
/*body.newStyle .contact .contact-info-detail ul.address {
	margin: 0; 
}*/
body.newStyle .contact .contact-info-detail .agentAddress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

body.newStyle .contact .contact-info-detail ul.address li i {
    font-size: .95rem;
    font-weight: 500;
    line-height: 23px;
    font-style: normal;
}

body.newStyle .contact .contact-info-detail ul.address li ~ li {
    margin-top: 1px;
}

@media (max-width:1180px) and (min-width:840px) {
    body.newStyle .newStyleTitle .SpecialClass1 {
        width: 38%;
    }

    body.newStyle .newStyleTitle .SpecialClass2 {
        width: 33%;
    }
}

@media (max-width:1082px) and (min-width:950px) {
    body.newStyle .mdl-layout__header-row .mdl-navigation ul > li > a:not(.mdl-button) {
        margin: 0 13px;
        font-size: 0.9rem;
    }
}

@media (max-width:1082px) and (min-width:840px) {
    body.newStyle header .mdl-layout__header-row.top-header {
        padding-right: 21px !important;
    }

        body.newStyle header .mdl-layout__header-row.top-header a {
            padding: 0 4px !important;
        }
}

@media only screen and (max-width:950px) {
    body.newStyle .ShowTab {
        display: block
    }

    body.newStyle .HideTab {
        display: none
    }

    body.newStyle header.mdl-layout__header .logo-container .logo {
        display: none;
        max-width: 234px;
    }
}

@media only screen and (max-width:839px) {
    body:not(.search-bar-opened) .SearchBar .onesearch-div.mdl-textfield input[type="text"] {
        background: none;
    }

    body.newStyle .SearchBar .onesearch-div.mdl-textfield {
        padding: 0;
    }

    body.newStyle #AreaOverview h2.mdl-card__title-text {
        height: auto;
        display: block;
        width: 100%;
        text-align: center;
    }

    body.newStyle .detailpage .tabed-view.default .tabs label {
        width: 49%;
        box-sizing: border-box;
        min-height: 0;
        padding: 9px 4px;
        text-align: center
    }

    body.newStyle:not(.search-bar-opened) .SearchBar .onesearch-div.mdl-textfield label {
        left: 0px !Important;
    }

    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(1):checked ~ .tabs label:nth-of-type(1),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(2):checked ~ .tabs label:nth-of-type(2),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(3):checked ~ .tabs label:nth-of-type(3),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(4):checked ~ .tabs label:nth-of-type(4),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(5):checked ~ .tabs label:nth-of-type(5),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(6):checked ~ .tabs label:nth-of-type(6),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(7):checked ~ .tabs label:nth-of-type(7),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(8):checked ~ .tabs label:nth-of-type(8),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(9):checked ~ .tabs label:nth-of-type(9),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(10):checked ~ .tabs label:nth-of-type(10),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(11):checked ~ .tabs label:nth-of-type(11),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(12):checked ~ .tabs label:nth-of-type(12),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(13):checked ~ .tabs label:nth-of-type(13),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(14):checked ~ .tabs label:nth-of-type(14),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(15):checked ~ .tabs label:nth-of-type(15),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(16):checked ~ .tabs label:nth-of-type(16),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(1):checked ~ .associate-container .tabs label:nth-of-type(1),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(2):checked ~ .associate-container .tabs label:nth-of-type(2),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(3):checked ~ .associate-container .tabs label:nth-of-type(3),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(4):checked ~ .associate-container .tabs label:nth-of-type(4),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(5):checked ~ .associate-container .tabs label:nth-of-type(5),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(6):checked ~ .associate-container .tabs label:nth-of-type(6),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(7):checked ~ .associate-container .tabs label:nth-of-type(7),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(8):checked ~ .associate-container .tabs label:nth-of-type(8),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(9):checked ~ .associate-container .tabs label:nth-of-type(9),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(10):checked ~ .associate-container .tabs label:nth-of-type(10),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(11):checked ~ .associate-container .tabs label:nth-of-type(11),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(12):checked ~ .associate-container .tabs label:nth-of-type(12),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(13):checked ~ .associate-container .tabs label:nth-of-type(13),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(14):checked ~ .associate-container .tabs label:nth-of-type(14),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(15):checked ~ .associate-container .tabs label:nth-of-type(15),
    body.newStyle .detailpage .tabed-view.default input[type="radio"]:nth-of-type(16):checked ~ .associate-container .tabs label:nth-of-type(16) {
        border: 2px solid #fff
    }

    body.newStyle .detailpage .tabed-view.default input[type="radio"]:checked ~ .tabs label::after {
        display: none
    }

    body:not(search-bar-opened).newStyle .SearchBar .search-over {
        display: none
    }

    body.newStyle .SearchBar .onesearch-div.mdl-textfield:not(.is-focused):not(.is-dirty) .mdl-textfield__label {
        top: 11px;
    }
    /*body.newStyle .contact .mdl-mega-footer__link-list {
	max-height: 220px !important;
    height:200px !important;
	margin-top: 0 !important;
}*/
    body.newStyle section.page-title.property-detail-title-section ul.inline-detail li:before {
        display: none
    }

    body.newStyle section.page-title.property-detail-title-section ul.inline-detail li {
        padding-right: 2rem;
        padding-top: 1rem;
    }
}



@media only screen and (max-width:480px) {
    /*body.newStyle .contact .logo {
	margin: 20px 3%;
}*/
    body.newStyle .logo-container .footer-social {
        margin-bottom: 2rem;
    }
    /*body.newStyle .contact .mdl-mega-footer__link-list {
    max-height: 295px !important;
    height: 295px !important;
    margin-top: 0 !important;
    width: 100%;
    display: block;
}*/
    body.newStyle .newStyleTitle h1 {
        text-align: center
    }

    body .SearchBar .onesearch-wrapper .search-over {
        display: none
    }

    body.newStyle .contact .mdl-mega-footer__link-list li.parent {
        float: left;
    }
}

.agora-status-bar {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 3;
}

    .agora-status-bar .recently-viewed {
        display: none;
    }

        .agora-status-bar .recently-viewed.is-active {
            display: block;
        }

        .agora-status-bar .recently-viewed > input[type="checkbox"] {
            display: none;
        }

            .agora-status-bar .recently-viewed > input[type="checkbox"] ~ .result {
                max-height: 0;
                transition: 0.3s all cubic-bezier(0.4,0,0.2,0.3);
            }

            .agora-status-bar .recently-viewed > input[type="checkbox"]:checked ~ .result {
                max-height: 200px;
            }

            .agora-status-bar .recently-viewed > input[type="checkbox"]:checked ~ label i {
                transform: rotate(180deg);
            }

    .agora-status-bar .recently-viewed {
        text-align: center;
        align-items: center;
        width: 100%;
    }

        .agora-status-bar .recently-viewed label {
            background-color: rgba(128,130,133,0.86);
            color: rgba(255,255,255,0.96);
            padding: 6px 32px 6px 16px;
            border-radius: 2px 2px 0 0;
            display: inline-block;
            font-size: 13px;
            box-shadow: 0 0 4px 0px rgba(0,0,0,0.05);
            cursor: pointer;
            position: relative;
        }

            .agora-status-bar .recently-viewed label i {
                position: absolute;
                transition: 0.3s transform cubic-bezier(0.4,0,0.2,0.3);
                right: 0px;
                top: 6px;
            }

        .agora-status-bar .recently-viewed .result {
            width: 100%;
            background: rgba(128,130,133,0.86);
        }

            .agora-status-bar .recently-viewed .result > .mdl-grid {
                margin-top: 0;
                padding-top: 0;
                margin-bottom: 0;
                padding-bottom: 0;
            }

            .agora-status-bar .recently-viewed .result .view-all {
                width: 100%;
                text-align: right;
                max-width: 1440px;
            }

                .agora-status-bar .recently-viewed .result .view-all a {
                    color: rgba(255,255,255,0.96);
                    padding: 2px;
                    display: inline-block;
                    font-size: 13px;
                }

        .agora-status-bar .recently-viewed .item {
            display: block;
            position: relative;
        }

            .agora-status-bar .recently-viewed .item .photo {
                height: 130px;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.5) inset;
            }

            .agora-status-bar .recently-viewed .item .details {
                position: absolute;
                bottom: 0;
                width: 100%;
            }

            .agora-status-bar .recently-viewed .item span {
                display: inline-block;
                color: rgba(255,255,255,0.96);
                overflow: hidden;
                max-width: 100%;
                text-overflow: ellipsis;
                white-space: nowrap;
                text-align: left;
                width: 100%;
                padding: 1px 8px;
                box-sizing: border-box;
                line-height: 1;
            }

            .agora-status-bar .recently-viewed .item .badges {
                position: absolute;
                left: 0;
                top: 0;
                padding: 0;
                list-style: none;
                margin: 0;
            }

                .agora-status-bar .recently-viewed .item .badges li {
                    display: none !important;
                    background: rgba(240, 160, 32,0.87);
                    padding: 1px 8px;
                    font-size: 11px;
                    clear: both;
                    text-transform: uppercase;
                    font-weight: 500;
                    margin: 0 0 1px 0;
                    float: left;
                    color: rgba(255,255,255,0.96);
                }

            .agora-status-bar .recently-viewed .item.rental .badges li.rent,
            .agora-status-bar .recently-viewed .item.sold .badges li.sold {
                display: inline-block !important;
            }

@media only screen and (max-width:840px) {
    .agora-status-bar .recently-viewed .item:nth-child(5) ~ .item {
        display: none;
    }
}

@media only screen and (max-width:640px) {
    .agora-status-bar .recently-viewed .item:nth-child(3) ~ .item {
        display: none;
    }
}


/*Design Enhancements mail on 6-13-18 by mathew. juwin */
.price-links h2 {
}

.price-links a {
    display: inline-block;
    color: rgb(128,130,133)
}

a.smallicon-M:before {
    font-size: 19px;
}

.price-links a {
    font-size: 13px;
    cursor: pointer;
}

.button-list a i {
    font-size: 20px
}

/*2018-06-14 Changes*/
body.newStyle .detailpage .callouts a.mdl-button {
    font-size: .875em !important;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}


body.newStyle .detailpage .property-requestbox .LabelTop {
    display: block;
    font-size: 1rem;
    margin: 0 0 0.1rem;
}

body.newStyle .detailpage .property-requestbox input[type="text"], body.newStyle .detailpage .property-requestbox textarea {
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px 4px;
    box-sizing: border-box;
}

    body.newStyle .detailpage .property-requestbox input[type="text"]#txtDate {
        width: auto;
        border-bottom: 1px solid rgba(0,0,0, 0.12);
        border-top: 0;
        border-left: 0;
        border-right: 0;
        padding: 0 0 6px;
        box-sizing: inherit
    }

body.newStyle .SearchBar .range-search.newrange-search input[type="text"] {
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px 4px 8px 9px;
    box-sizing: border-box;
}

body.newStyle .SearchBar .control-group.newCheckStyle .mdl-checkbox__box-outline {
    background: #fff
}

body.newStyle .SearchBar .control-group.newCheckStyle > div > label {
    width: 100%;
    display: block;
}

    body.newStyle .SearchBar .control-group.newCheckStyle > div > label::after {
        background: #d7d2d5;
        height: 2px;
    }

body.newStyle .SearchBar .border-right {
    position: relative
}

    body.newStyle .SearchBar .border-right::after {
        position: absolute;
        content: "";
        top: 36px;
        right: 0;
        height: 86%;
        border-right: 2px solid #d7d2d5;
    }

body.newStyle .detailpage .newdetail-list li {
    xborder-bottom: none;
    display: block
}

    body.newStyle .detailpage .newdetail-list li > i {
        display: inline;
    }

        body.newStyle .detailpage .newdetail-list li > i:first-child {
            text-align: left;
            font-weight: 500;
        }

        body.newStyle .detailpage .newdetail-list li > i:last-child {
            font-weight: 400;
        }

body.newStyle .detailpage .Smilar_Listings .owl-stage-outer {
    padding-bottom: 2rem;
}

body.newStyle .detailpage .Smilar_Listings .ViewListingMain {
    min-height: 25px
}

    body.newStyle .detailpage .Smilar_Listings .ViewListingMain a.ViewListingBtn {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -14px;
        width: 100px;
        margin: 0px auto;
    }

body.newStyle .detailpage .Smilar_Listings .item.property:hover {
    background: #ececec;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 4px 3px -2px rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
    cursor: pointer;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

body.newStyle .detailpage .Smilar_Listings .item.property .whiteSec h4 {
    color: #444;
    font-size: 1em;
    font-weight: 600;
    margin-top: .3rem;
    margin-bottom: .3rem;
}

body.newStyle .detailpage #AreaOverview .tabed-view.default {
    background: rgb(128,130,133);
}

body.newStyle .detailpage #AreaOverview .TabBar {
    color: #fff
}

    body.newStyle .detailpage #AreaOverview .TabBar label {
        font-size: 1em
    }

body.newStyle .detailpage #AreaOverview .SubHead {
    font-size: 1.125em;
    font-weight: 500;
    line-height: 51px;
    padding-left: 0.5rem;
}

body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2), body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3), body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4), body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5) {
    color: #fff;
}

body.newStyle .detailpage #AreaOverview .tabed-view.default .tabs label:hover {
    color: #fff !important;
}


/*body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1)::after, body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2)::after,body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3)::after, body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4)::after{ display:none }*/

/*body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1)::after, body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2)::after,body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3)::after, body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4)::after{ content: "";
width: 100%;
height: 3px;
background: rgb(128,130,133);
position: absolute;
bottom: -3px;
z-index: 1;
left: 0; }*/

body.newStyle .detailpage #AreaOverview .community-dtl h4 {
    font-size: 1.875em;
    font-weight: 500;
    color: #000;
}

body.newStyle .detailpage #AreaOverview .community-dtl .readmore {
    text-decoration: none;
    color: #567591;
}

body.newStyle .detailpage #AreaOverview .community-dtl input[type="text"] {
    width: 100% !important;
    margin: 0;
    padding: 8px 8px 8px 36px;
    box-sizing: border-box;
    border: 1px solid #ccc
}

body.newStyle .detailpage #AreaOverview .community-dtl .LabelTop {
    margin: 1rem 0 0.7rem 0;
    display: block;
    width: 100%
}

body.newStyle .detailpage #AreaOverview .community-dtl .Getdirection .mdl-textfield__icon {
    line-height: 37px;
}

body.newStyle .detailpage #AreaOverview .community-dtl .Getdirection h6 {
    font-weight: 500;
    color: #000;
    margin-top: 2rem;
    font-size: 1em;
}

body.newStyle .detailpage #AreaOverview .community-dtl .Getdirection #directionBtn {
    margin: 0;
}

body.newStyle .detailpage #AreaOverview .property-detail .community-desc {
    font-size: 1em;
}

body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(2):after,
body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(3):after,
body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(4):after,
body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(5):after {
    content: "";
    width: 100%;
    height: 7px;
    background: #fff;
    position: absolute;
    bottom: 0px;
    z-index: 1;
    left: 0;
}

body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1):after,
body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2):after,
body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3):after,
body.newStyle .detailpage #AreaOverview .tabed-view.default input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4):after {
    display: none
}




body.newStyle .detailpage .listing-agents .agent-info ul.detail {
    line-height: 21px;
}

    body.newStyle .detailpage .listing-agents .agent-info ul.detail li {
        padding-left: 0
    }

        body.newStyle .detailpage .listing-agents .agent-info ul.detail li.address {
            margin-top: 1rem;
        }

            body.newStyle .detailpage .listing-agents .agent-info ul.detail li.address p {
                line-height: 19px;
            }

body.newStyle .detailpage .listing-agents .agent-links {
    padding-left: 2.2rem;
}

    body.newStyle .detailpage .listing-agents .agent-links .Agent-buttons {
        text-transform: capitalize;
        color: #2373b3 !important;
        font-size: 14px;
        margin-top: 0.6rem;
        display: inline-block;
    }

body.newStyle .property-detail-title-section .requestInfo {
    line-height: 36px;
}

body.newStyle .detailpage .listing-agents .mdl-card__supporting-text {
    padding-left: 2rem;
}

@media only screen and (max-width:840px) {
    body.newStyle .detailpage #AreaOverview .TabBar {
        padding: 1rem;
    }

    body.newStyle .SearchBar .border-right::after {
        display: none
    }
}

@media only screen and (max-width:480px) {
    body.newStyle .detailpage #AreaOverview .community-dtl .Getdirection #directionBtn {
        padding: 0;
    }
}

body.newStyle .pagination ul li a {
    color: rgb(128,130,133);
    font-size: 1.2em;
    min-width: 2.7rem;
    width: auto;
}

body.newStyle .pagination ul li.active a {
    background: #d5d5d5;
    color: rgb(0,0,0);
}

body.newStyle .pagination ul li a[data-fast-switch]:after, body.newStyle .pagination ul li a[data-fast-switch]:before {
    color: rgb(128,130,133) !important;
}

body.newStyle .sort-div.result_sort {
}

    body.newStyle .sort-div.result_sort .mdl-selectfield__box {
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        bottom: 19px;
        outline: none;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid #cecece !important;
        padding: 8px 4px !important;
        line-height: 33px;
        height: 16px;
    }

        body.newStyle .sort-div.result_sort .mdl-selectfield__box .mdl-selectfield__box-value {
            position: absolute;
            left: 9px;
            top: 0;
            font-size: 16px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: default;
            /* z-index: 99; */
            outline: none;
            white-space: nowrap;
            width: 92%;
            overflow: hidden;
            color: #4c4c4c !important
        }

body.newStyle .mdl-selectfield__box > i {
    color: rgb(128,130,133);
}

body.newStyle .Newest .mdl-selectfield__box > i {
    z-index: 0
}

body.newStyle section.property-detail .listing-agents h2.mdl-card__title-text {
    font-size: 1.7em
}

body.newStyle section.property-detail .listing-agents .agent .agent-name a {
    font-weight: 500;
    color: #000;
}

.owl-slider-gallery.owl-carousel .pin2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    text-align: center;
    margin: 0 auto;
    color: var(--mdl-primary-color);
    border-radius: 50%;
    border: 8px solid var(--mdl-primary-color);
    width: 8px;
    height: 8px;
}

    .owl-slider-gallery.owl-carousel .pin2::after {
        position: absolute;
        content: '';
        width: 0px;
        height: 0px;
        bottom: -30px;
        left: -6px;
        border: 10px solid transparent;
        border-top: 17px solid var(--mdl-primary-color);
        color: var(--mdl-primary-color);
    }

.agora-map-wrapper .map-context .pin {
    display: none !important;
}

/* AVM STYLES */


.avm {
    position: relative;
}

    .avm > div {
        display: -webkit-flex;
        display: flex;
        width: 100%;
    }

        .avm > div > div {
            width: calc(100% - 96px);
            order: 1;
            padding: 0 !important;
            display: block;
            overflow: visible !important;
            height: 42px;
        }

            .avm > div > div > input {
                width: 100%;
                height: 100%;
                border: none;
                background: rgb(255,255,255);
                padding: 8px !important;
                box-sizing: border-box;
                border: 1px solid rgba(0,0,0,0.08);
            }
        /*.avm>div>a{width:96px;order:2;min-width:0;line-height:42px;height:42px;}*/
        .avm > div > a {
            order: 2;
            min-width: 0;
            line-height: 42px;
            height: 42px;
            width: 65px;
        }

        .avm > div > div .buyside_widget_autocomplete-items {
            position: absolute;
            top: 45px;
            margin-top: 8px;
            border: 1px solid rgba(0,0,0,0.18);
            border-radius: 2px;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.02);
            padding: 2px 0 !important;
            width: 100%;
        }

            .avm > div > div .buyside_widget_autocomplete-items div {
                padding: 6px 8px !important;
            }

                .avm > div > div .buyside_widget_autocomplete-items div:hover {
                    xbackground: rgba(1, 29, 53,0.66);
                    background: #DCDCDC;
                    color: rgba(128,130,133,0.96)
                }

.home-valuation-wrapper .avm > div > div .buyside_widget_autocomplete-items {
    left: -2px;
}

.home-valuation-wrapper .avm > div > a {
    width: 32px;
    padding: 0 8px;
}

.home-valuation-wrapper .avm > div > div {
    width: calc(100% - 32px);
}


/* Youtube Styles */

.youtube-video .hytPlayerWrap {
    position: relative;
}

    .youtube-video .hytPlayerWrap.ended::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        cursor: pointer;
        background-color: black;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 64px 64px;
        background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
    }

    .youtube-video .hytPlayerWrap.paused::after {
        content: "";
        position: absolute;
        top: 70px;
        left: 0;
        bottom: 50px;
        right: 0;
        cursor: pointer;
        background-color: black;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40px 40px;
        background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    }



/* END AVM STYLES*/

/* Data-privacy-Policy */

.data-privacy-policy {
    background: #56555a !important;
}

    .data-privacy-policy h2 {
        color: rgb(226, 81, 76) !important;
    }

    .data-privacy-policy .action a {
        background: rgb(128,130,133) !important;
    }

        .data-privacy-policy .action a + a {
            background: #562449 !important;
        }

/*For Call Buttons*/
body .mdl-layout__drawer .mdl-layout-title.drawer-top-block {
    padding-bottom: 10px;
}

    body .mdl-layout__drawer .mdl-layout-title.drawer-top-block a.mdl-button {
        font-size: 13px;
    }

        body .mdl-layout__drawer .mdl-layout-title.drawer-top-block a.mdl-button:before {
            font-size: 18px;
        }

section.agent-result-section .button-phone li.phone a.mdl-button {
    margin-left: 4px;
    font-size: 13px;
    padding: 0px 12px;
}

    section.agent-result-section .button-phone li.phone a.mdl-button:before {
        font-size: 18px;
    }

section.contact li.footer-phone-button a.mdl-button {
    font-size: 13px;
    padding: 0px 12px;
    margin-top: 10px;
}

    section.contact li.footer-phone-button a.mdl-button:before {
        font-size: 18px;
    }

section.agent-bio .priority-phone .phone-button-section {
    display: flex;
    width: 100%;
}

    section.agent-bio .priority-phone .phone-button-section span {
        width: auto;
        margin-right: 10px;
    }

        section.agent-bio .priority-phone .phone-button-section span:nth-child(2) {
            margin-right: 0px;
        }

        section.agent-bio .priority-phone .phone-button-section span a.mdl-button {
            font-size: 13px;
            padding: 0px 12px;
            margin-bottom: 10px;
        }

            section.agent-bio .priority-phone .phone-button-section span a.mdl-button:before {
                font-size: 18px;
            }

@media only screen and (min-width:480px) and (max-width:600px) {
    section.agent-bio .priority-phone .phone-button-section span a.mdl-button:before {
        font-size: 18px;
        width: 100%;
    }

    section.agent-bio .priority-phone .phone-button-section span a.mdl-button {
        height: auto;
        padding: 2px;
        line-height: 25px;
    }
}

@media only screen and (max-width:380px) {
    section.agent-bio .priority-phone .phone-button-section span a.mdl-button:before {
        font-size: 18px;
        width: 100%;
    }

    section.agent-bio .priority-phone .phone-button-section span a.mdl-button {
        height: auto;
        padding: 2px;
        line-height: 25px;
    }
}

.agent-template-addr ul.button-phone li.phone {
    margin-bottom: 10px;
}

    .agent-template-addr ul.button-phone li.phone a.mdl-button {
        margin-left: 4px;
        font-size: 13px;
        padding: 0px 12px;
    }

        .agent-template-addr ul.button-phone li.phone a.mdl-button:before {
            font-size: 18px;
        }

body.newStyle .detailpage .listing-agents .agent-info ul.button-phone li.phone {
    margin-bottom: 10px;
}

    body.newStyle .detailpage .listing-agents .agent-info ul.button-phone li.phone a.mdl-button {
        margin-left: 4px;
        font-size: 13px;
        padding: 0px 12px;
    }

        body.newStyle .detailpage .listing-agents .agent-info ul.button-phone li.phone a.mdl-button:before {
            font-size: 18px;
        }

body.newStyle .agent-bio .priority-phone.button-section span.button-phone {
    margin-bottom: 10px;
}

@media only screen and (max-width:479px) {
    body.newStyle .agent-bio .priority-phone.button-section {
        margin-left: 0px;
    }
}

@media only screen and (max-width:479px) {
    body.newStyle .detailpage .listing-agents .agent-info ul.detail li {
        margin-bottom: 10px;
    }
}

body.template-1 section.agent ul.button-phone li.phone {
    margin-bottom: 10px;
}

    body.template-1 section.agent ul.button-phone li.phone a.mdl-button {
        font-size: 13px;
        padding: 0px 12px;
        display: table-cell;
    }

        body.template-1 section.agent ul.button-phone li.phone a.mdl-button:before {
            font-size: 18px;
        }

/*For Call Buttons*/
.item.agent ul li.chatme {
    display: none;
}

.item.agent ul.True li.chatme {
    display: block;
}

@media only screen and (max-width: 380px) {
    body.newStyle section.agent-bio .agent-information .priority-phone .phone-button-section span a.mdl-button {
        padding: 7px 20px;
    }

        body.newStyle section.agent-bio .agent-information .priority-phone .phone-button-section span a.mdl-button:before {
            display: inline;
        }

    body.newStyle section.agent-bio .agent-information .priority-phone .phone-button-section {
        display: block;
    }
}

@media only screen and (max-width:479px) {
    body.newStyle .Dashboard_section .agent-result-section .agent-info ul.Agent_numbers li {
        margin-bottom: 10px;
    }

    body.newStyle section.agent-bio .agent-information .priority-phone.priority-add .phone-button-section {
        display: block;
    }
}


.covidlink {
    position: relative;
    margin-right: 20px;
}

    .covidlink:before, .covidlink:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        padding: 0 .75em;
        line-height: 2.5em;
        background: pink;
        border-radius: .2em;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        color: #FFF;
        text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    }

    .covidlink:after {
        content: "\f0f3";
        font-family: "FontAwesome";
        text-align: right;
        background: transparent;
        box-shadow: none;
        transform-origin: 50% 1em;
        animation-name: ring;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        color: #FFF;
    }

@keyframes ring {
    0% {
        transform: rotate(0deg)
    }

    5% {
        transform: rotate(45deg)
    }

    15% {
        transform: rotate(-40deg)
    }

    25% {
        transform: rotate(20deg)
    }

    35% {
        transform: rotate(-15deg)
    }

    45% {
        transform: rotate(10deg)
    }

    55% {
        transform: rotate(-5deg)
    }

    60% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.mdl-layout__drawer {
    z-index: 99;
}


body.newStyle .detailpage .callout-new {
    background: rgb(255, 255, 255);
}

    body.newStyle .detailpage .callout-new p {
        color: rgba(93,90,95, 0.96);
    }

    body.newStyle .detailpage .callout-new a.mdl-button::after {
        color: rgb(255, 255, 255) !important;
    }

    body.newStyle .detailpage .callout-new a.mdl-button {
        background-color: rgb(128,130,133) !important;
        color: rgb(255, 255, 255);
    }

@media only screen and (max-width:1024px) {
    body:not(.with-webbuilder).newStyle .data-privacy-policy ~ form .has-scrolling-header .has-drawer.is-small-screen .mdl-layout__drawer-button.ShowTab {
        margin-top: 45px !important;
    }

    body.with-title-slider.title-slider-full header .mdl-layout__header-row.top-header {
        display: none;
    }
}

.property-detail.detailpage .owl-slider-gallery .owl-item.active .item .mdl-cell.mdl-cell--6-col:nth-child(3) {
    position: relative;
}

    .property-detail.detailpage .owl-slider-gallery .owl-item.active .item .mdl-cell.mdl-cell--6-col:nth-child(3) .video-link {
        position: absolute;
        left: calc(50% - 15px);
        z-index: 2;
        box-shadow: -3px 7px 9px 0px rgba(0, 0, 0, 0.22);
        background: #FFF;
        color: rgb(128,130,133);
        border-radius: 50%;
        top: calc(50% - 15px);
        height: 40px;
        width: 40px;
        text-align: center;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
    }

        .property-detail.detailpage .owl-slider-gallery .owl-item.active .item .mdl-cell.mdl-cell--6-col:nth-child(3) .video-link:hover {
            background: rgb(128,130,133);
            color: #fff !important;
        }

        .property-detail.detailpage .owl-slider-gallery .owl-item.active .item .mdl-cell.mdl-cell--6-col:nth-child(3) .video-link i {
            text-align: center;
            line-height: 40px;
            margin: 0 auto;
        }

.data-privacy-policy {
    display: block;
    width: 100%;
    background: rgb(0, 0, 0) !important;
    transition: 0.8s cubic-bezier(0.4, 0.0, 0.2, 1) all;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
}

    .data-privacy-policy.active {
        max-height: 16vh;
    }

    .data-privacy-policy .content {
        display: -webkit-flex;
        display: flex;
        width: 100%;
        margin: 0 auto;
        flex-flow: row wrap;
        padding: 6px;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
    }

        .data-privacy-policy .content h2 {
            width: 100%;
            color: rgba(255,255,255,0.96);
            font-size: 16px;
            margin: 0 0 6px 0;
        }

        .data-privacy-policy .content p {
            color: rgba(255,255,255,0.96);
            margin: 0;
            font-size: 14px;
            text-align: center;
            line-height: 1.4;
            width: 100%;
            display: block;
        }

            .data-privacy-policy .content p a {
                color: rgba(255,255,255,0.96);
                text-decoration: underline;
            }

@media only screen and (max-width:1024px) {
    .data-privacy-policy .content p {
        width: 100%;
        text-align: center;
    }

    .data-privacy-policy .content .action {
        width: 100%;
        padding-top: 8px;
        padding-left: 0;
        justify-content: center;
    }
}

iframe .data-privacy-policy {
    display: none !important;
}

iframe .covidhide {
    display: none !important;
}

.covidhide {
    display: block;
    margin-bottom: 2px;
}

.newStyle .phone-button-link {
    color: rgba(128,130,133,0.96) !important;
}

.top-header .contact-menu .mdl-menu__item {
    height: 40px;
    line-height: 40px;
}

.top-header ul.mdl-menu.mdl-menu--bottom-left.mdl-js-menu.mdl-js-ripple-effect.contact-menu.mdl-js-ripple-effect--ignore-events li a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.top-header .mdl-button.lang_button span.notranslate {
    margin-left: 4px;
}


@media only screen and (max-width:840px) {
    .top-banner-section {
        height: 150px !important;
    }
}

body .profile-button-show a[data-show-profile-button="0"] {
    display: none !important;
}

.data-covid-banner {
    display: block;
    width: 100%;
    background: rgb(0, 0, 0) !important;
    transition: 0.8s cubic-bezier(0.4, 0.0, 0.2, 1) all;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
}

    .data-covid-banner .content {
        display: -webkit-flex;
        display: flex;
        width: 100%;
        margin: 0 auto;
        flex-flow: row wrap;
        padding: 6px;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
    }

        .data-covid-banner .content h2 {
            width: 100%;
            color: rgba(255,255,255,0.96);
            font-size: 16px;
            margin: 0 0 6px 0;
        }

        .data-covid-banner .content p {
            color: rgba(255,255,255,0.96);
            margin: 0;
            font-size: 14px;
            text-align: center;
            line-height: 1.4;
            width: 100%;
            display: block;
        }

            .data-covid-banner .content p a {
                color: rgba(255,255,255,0.96);
                text-decoration: underline;
            }

    .data-covid-banner .content {
        background: rgba(0,0,0,0.96);
    }

@media only screen and (max-width:1024px) {
    .data-covid-banner .content p {
        width: 100%;
        text-align: center;
    }

    .data-covid-banner .content .action {
        width: 100%;
        padding-top: 8px;
        padding-left: 0;
        justify-content: center;
    }
}

/*Black button*/
.HomeSearchSection .search-box .Search_button_div .mdl-button, .avm a.mdl-button, body .SearchBar .onesearch-wrapper .search-over {
    background: #000000 !important;
}
/*.HomeSearchSection .search-box .container {border: 2px solid rgb(0,0,0)!important;}*/

.view-switch > a, .view-switch > label {
    background: rgba(0,0,0,0.76) !important
}

    .view-switch > a.active, .inline-check-switch:not(:checked) + section .view-switch label:first-child,
    .inline-check-switch:checked + section .view-switch label + label {
        background: rgba(0,0,0,0.96) !important;
    }

.AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1), .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2), .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(3):checked ~ .tabs label:nth-child(3), .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(4):checked ~ .tabs label:nth-child(4), .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(5):checked ~ .tabs label:nth-child(5), .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(6):checked ~ .tabs label:nth-child(6), .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(7):checked ~ .tabs label:nth-child(7), .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(8):checked ~ .tabs label:nth-child(8) {
    background: #e9e9e9 !important;
}

.AgentOfficeSearchBar .tabs label {
    color: #000 !important
}

.item.property .property-badge ul li {
    background: rgba(103, 0, 56, 0.85);
}



/*webbuilder button color change*/
body.with-webbuilder .webbuilder-bar .mdl-menu--bottom-left a {
    color: rgb(128,130,133) !important;
}

body.with-webbuilder .webbuilder-bar .mdl-menu--bottom-right a {
    color: rgb(128,130,133) !important;
}
/*webbuilder button color change*/

@media only screen and (max-width:840px) {
    body.newStyle .pagination ul li a {
        width: 2.2rem;
        height: 2.2rem;
        padding: .2rem .1rem;
    }

    body.newStyle .pagination ul li {
        margin: 0 !important;
    }
}

@media only screen and (max-width:480px) {
    body .agora-mdl-data-dialog-container .agora-mdl-data-dialog-content .long-pop h2 {
        font-size: 1rem !important;
        margin: 6px 0 0 43px;
    }
}

@media only screen and (max-width:480px) {
    body.newStyle .contact .mdl-mega-footer__link-list li.parent {
        width: calc(100% - 16px);
    }

    .contact .mdl-mega-footer__link-list {
        display: block;
        max-height: 100%;
    }
}

@media only screen and (max-width:1024px) and (min-width:481px) {
    body.newStyle .contact .mdl-mega-footer__link-list li.parent {
        width: auto
    }

    .contact .mdl-mega-footer__link-list {
        flex-direction: row;
        max-height: 100%;
    }
}


.disclaimer h2.mdl-card__title-text {
    font-size: 1.875em;
    font-weight: 500;
    color: #000;
}


section.agent-bio-detail .result-section .item.property .mdl-card__supporting-text .listingcourtesy .idx {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    section.agent-bio-detail .result-section .item.property .mdl-card__supporting-text .listingcourtesy .idx .broker {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    section.agent-bio-detail .result-section .item.property .mdl-card__supporting-text .listingcourtesy .idx ~ .mdl-cell {
        margin: 8px;
    }

.AgentOfficeSearchBar .tab-content[data-search-form="AGENT"] .mdl-selectfield.is-focused .mdl-selectfield__list-option-box {
    width: 190px !important;
    top: 47px !important;
}

.AgentOfficeSearchBar .tab-content[data-search-form="AGENT"] .mdl-selectfield__box-value {
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detailpage #ListingAgents .agent-result-item .photo {
    max-width: 220px;
}

body.popup-active .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .long-pop i.bg_icon {
    margin: 0;
}

@media only screen and (max-width:1200px) and (min-width:840px) {
    .agent-result-section .agent.item.mdl-cell--3-col {
        width: calc(33.33333% - 16px) !important;
    }
}

body .mdl-layout__drawer .mdl-layout-title.drawer-top-block a.mdl-button:before {
    content: attr(data-language) !important;
    line-height: normal;
    color: rgb(255,255,255);
    font-weight: 500;
    font-family: 'ProximaNova-Regular',sans-serif !important;
    text-transform: uppercase;
    font-size: 13px;
}

body .mdl-layout__drawer .mdl-layout-title.drawer-top-block a.mdl-button:after {
    color: rgb(255,255,255);
}

body.newStyle.with-title-slider .mdl-layout__header-row .right-align .lang_button.google-translater-control:before {
    content: attr(data-language) !important;
    line-height: normal;
    font-size: 0.875rem;
    color: rgb(255,255,255);
    font-weight: 500;
    font-family: 'ProximaNova-Regular',sans-serif !important;
}

body.newStyle .mdl-layout__header-row .right-align .lang_button.google-translater-control:before {
    content: attr(data-language) !important;
    line-height: normal;
    font-size: 0.875rem;
    color: rgba(128,130,133,0.96);
    font-family: 'ProximaNova-Regular',sans-serif !important;
}

body.property-template.template-1 .mdl-layout__header-row .lang_button.google-translater-control:before {
    content: attr(data-language) !important;
    line-height: normal;
    font-size: 0.875rem;
    color: rgba(128,130,133,0.96);
    font-family: 'ProximaNova-Regular',sans-serif !important;
}
/*Anand*/
.item.property .listingcourtesy .idx .broker i {
    font-size: 12px !important;
}

.item.property .listingcourtesy .idx .broker a i {
    font-size: 12px !important;
}

body.with-webbuilder.popup-active .agora-mdl-data-dialog-container.popup-open .banner-settings .home-flash .sortables .sortable-item:not(:nth-child(-n+4)) {
    opacity: .3;
}
/*Anand*/

.detailpage .form .mdl-textfield.calendar .mdl-textfield__label {
    top: -12px;
}
/*Arya*/
.item.property.have-mul-openhouse .listingtype .ohd > i::before, .property-detail-title-section.have-mul-openhouse .listingtype .ohd > i::before {
    color: #fff !important;
}

.popup-open .Login_pop .login-left {
    padding-bottom: 20px;
}

.property-detail .listing-agents #RequestInfoSection .property-requestbox .calendar {
    margin-top: 14px;
}

div.map-action > a i[class*="aga-"] {
    line-height: 38px;
}

.property-detail .newdetail-list .courtesy-of.listing-agent {
    width: 100%;
}

.demo-cards .property-requestbox .mdl-cell--5-col .calendar {
    margin-top: 25px !important;
}

section.contact .logo-container .logo {
    max-width: 350px;
    width: 100%
}

.property-template section.contact.detailpage .logo-container .logo {
    padding-top: 10px;
}

.detailpage #ListingAgents .agent-result-item .photo img, body.property-template .contact .listing-agents .agent .photo img {
    visibility: visible;
    object-fit: cover;
    object-position: center;
}

@media only screen and (max-width:839px) {
    .property-detail .listing-agents #RequestInfoSection .property-requestbox .property-request-button {
        padding-top: 18px;
    }

    body.property-template .contact .listing-agents .agent .photo img {
        width: 240px;
        max-width: 100%;
    }
}
/*Arya*/
@media only screen and (max-width:1440px) {
    .featured--listings .owl-stage-outer {
        max-width: calc(100% - 48px);
        margin: 0 auto;
    }
}
/*shivani*/
section.result-section .item.property .mdl-card__supporting-text .basic h4[data-value="0"] {
    display: block !important;
    font-size: 0;
}

    section.result-section .item.property .mdl-card__supporting-text .basic h4[data-value="0"]::before {
        content: " ";
        font-size: 20px;
    }

body.newStyle section.page-title.property-detail-title-section h2[data-value="0"] {
    display: block !important;
    font-size: 0;
}

    body.newStyle section.page-title.property-detail-title-section h2[data-value="0"]::before {
        content: " ";
        font-size: 2.25rem;
    }

.agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body h4[data-value="0"] {
    display: block !important;
    font-size: 0;
}

    .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body h4[data-value="0"]::before {
        content: " ";
        font-size: 18px;
    }
/*shivani*/


body.newStyle section.result-page .page-title.newStyleTitle .SpecialClass2 .mdl-selectfield__box {
    margin-right: 12px;
}

#officeGalleryViewSection .office-result-section .space-between i {
    padding-right: 3px;
}

body.newStyle .property-detail.detailpage .community-dtl .Getdirection a.Transit-Time {
    position: relative;
    padding-left: 32px;
    color: #fff !important;
    margin-top: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
}

    body.newStyle .property-detail.detailpage .community-dtl .Getdirection a.Transit-Time::before {
        content: "";
        background-image: url(/images/central-direction.png);
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 28px;
        height: 28px;
        background-size: cover;
        background-repeat: no-repeat;
        filter: brightness(0) invert(1);
        margin-top: 7px;
    }

    body.newStyle .property-detail.detailpage .community-dtl .Getdirection a.Transit-Time:hover {
        background-color: rgba(0,0,0,1) !important;
    }

body.agora-map-full-view .agora-map-wrapper.full-view .map-context {
    height: 100vh !important;
}

body.agora-map-full-view a.agora-mdl-back-to-top {
    display: none;
}

.body_propertymapsearch .map_action a.clear-search span.clear-area {
    display: block !important;
}

.body_propertymapsearch .map_action a.clear-search:hover {
    background-color: rgb(255, 0, 0) !important;
}

.item.property.openhouse .property-badge ul.listingtype li.oh i {
    display: block;
}

.property-detail.detailpage .Smilar_Listings .item.property.iscustomercare .description {
    min-height: 100px;
}
/*gopika*/
body.company.with-webbuilder .webbuilder-bar a.mdl-button, body .HomeSearchSection .search-box a {
    color: var(--font-color) !important;
}

body.company .footer_content .mdl-mega-footer__link-list li a {
    background-color: unset !important;
    color: rgba(93, 90, 95, 0.96) !important;
    border: unset !important;
}

body.agent-template-1.company .Custom.style-1.detail .search-box a.mdl-button::before, body.agent-template-1.company .market-trend a.un-subscribe-content::before {
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
}

body.agent-template-1.company [data-query-list] .owl-carousel .owl-nav [class*="owl-"]:hover {
    background: var(--primary-color-500);
    color: #fff !important;
}

body.agent-template-1.company.WHITE [data-query-list] .owl-carousel .owl-nav [class*="owl-"]:hover {
    background: var(--font-color);
}

body.agent-template-1.company.with-title-slider .template-5 .google-translator .goog-te-gadget .goog-te-combo {
    text-transform: uppercase !important;
    font-weight: 400;
    font-size: .9rem;
}

body.agent-template-1.company.with-title-slider .template-5 .Custom.user-control {
    display: flex;
    align-items: center;
}

body.agent-template-1.company .footer .full-width footer .item-container {
    background: #f8f7f8 !important;
}

body.company.with-title-slider.WHITE .item.property .mdl-card__supporting-text i, body.company.agent-template-1.WHITE .contact .contact-form .submit-button a {
    color: var(--font-color) !important;
}

body.agent-template-1.company section.contact .footerLeftBg h3 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    margin: 4px 0;
}

body.agent-template-1.company .footer h3 {
    font-size: 18px;
    border-bottom: 0;
}

body.agent-template-1.company .agent-result-section .item.agent ul.agent-additional-info li {
    line-height: inherit;
}

body.agent-template-1.company .owl-carousel .owl-nav [class*="owl-"] {
    opacity: 1 !important;
    background: #fff;
    color: var(--primary-color-500);
}

body.agent-template-1.company .agent-result-section .item.agent ul.agent-additional-info li {
    line-height: inherit;
}

body.company #agoraMarketWatchOverView .owl-carousel .owl-nav .owl-prev {
    left: -14px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
    box-shadow: -2px 6px 5px 0 rgb(0 0 0 / 26%);
    opacity: 1 !important;
    position: absolute;
    height: 48px;
    width: 48px;
    color: var(--primary-color-500);
}

body.company #agoraMarketWatchOverView .owl-carousel .owl-nav .owl-next {
    right: -14px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
    box-shadow: -2px 6px 5px 0 rgb(0 0 0 / 26%);
    opacity: 1 !important;
    position: absolute;
    height: 48px;
    width: 48px;
    color: var(--primary-color-500);
}

body.company #agoraMarketWatchOverView .owl-carousel .owl-nav[class*="owl-"] i {
    line-height: 48px;
}

body.company #agoraMarketWatchOverView .owl-carousel .owl-nav .owl-prev:hover, body.company #agoraMarketWatchOverView .owl-carousel .owl-nav .owl-next:hover {
    background: var(--primary-color-500);
    color: #fff;
}

body.agent-template-1.company.WHITE #agoraMarketWatchOverView .owl-carousel .owl-nav .owl-prev:hover, body.agent-template-1.company.WHITE #agoraMarketWatchOverView .owl-carousel .owl-nav .owl-next:hover {
    background: var(--font-color-active);
    color: #fff;
}

body.agent-template-1.company.WHITE #agoraMarketWatchOverView .owl-carousel .owl-nav .owl-prev, body.agent-template-1.company.WHITE #agoraMarketWatchOverView .owl-carousel .owl-nav .owl-next {
    color: var(--font-color-active);
}

body.company:not(.with-title-slider) .agent-company-logo img.logo.logo-white {
    display: none !important;
}

body.agent-template-1.company .pagination ul li.active a:not(:hover) {
    background: var(--primary-color-500);
}

body.agent-template-1.company .pagination ul li:not(.active):first-child a:hover, body.agent-template-1.company .pagination ul li:not(.active):last-child a:hover {
    color: var(--font-color-active) !important;
    background: none;
}

body.agent-template-1.company.WHITE .pagination ul li a[data-fast-switch]:after, body.agent-template-1.company.WHITE .pagination ul li a[data-fast-switch]:before {
    color: var(--font-color-active) !important;
}

body.agent-template-1.company.WHITE .pagination ul li.active a:not(:hover) {
    background: var(--font-color-active);
}

body.agent-template-1.company.WHITE .pagination ul li a:hover {
    background: var(--font-color-active);
    color: #fff !important;
}

body.agent-template-1.company .pagination ul li:not(.active):first-child a, body.agent-template-1.company .pagination ul li:not(.active):last-child a {
    color: rgba(94, 106, 59, 0.32) !important;
}

body.agent-template-1.company .owl-carousel .owl-nav [class*="owl-"]:hover, body.agent-template-1.company .pagination ul li.active a, body.agent-template-1.company .pagination ul li a:hover {
    color: #fff;
}

body.agent-template-1.company .item.property .listingsec ul.listingcourtesy li.broker {
    display: none !important;
}

body.agent-template-1.company .item.property .listingsec ul.listingcourtesy li.idx {
    display: block !important;
}

body.company:not(.mapfull) .SearchBar.searchchanges {
    z-index: 9;
}

body.agent-template-1.company .mdl-layout__header-row .mdl-navigation[data-menu-count] > ul > li.more {
    color: var(--font-color-active) !important
}

body.agent-template-1.company.WHITE .WidgetEditMode .mdl-tooltip, body.agent-template-1.company.WHITE .propertymapsearch .mdl-tooltip, body.agent-template-1.company.WHITE .SearchBar.searchchanges .mdl-tooltip {
    color: var(--font-color-active);
}

body.agent-template-1.company .MAP_dialog #owl-map-property-item .item.property .mdl-card__actions .mdl-button {
    margin: 0;
}

body.agent-template-1.company .MAP_dialog #owl-map-property-item .item.property .mdl-card__actions {
    justify-content: space-between;
}

body.agent-template-1.company .map-context .item.property.mdl-card .mdl-card__title:before {
    box-shadow: 0 0 8rem 4rem rgb(0 0 0 / 57%);
}

body.agent-template-1.company.WHITE .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(1):checked ~ .tabs label:nth-child(1), body.agent-template-1.company.WHITE .agent-result-section .mdl-card--border a.mdl-button, body.agent-template-1.company.WHITE .mdl-dialog__content .property-requestbox a.mdl-button, body.agent-template-1.company.WHITE .agent-office-search-context .AgentOfficeSearchBar .search-by .mdl-color-text--agora, body.agent-template-1.company.WHITE .AgentOfficeSearchBar .tabed-view input[type="radio"]:nth-child(2):checked ~ .tabs label:nth-child(2), body.agent-template-1.company.WHITE .office-result-section .mdl-card--border a.mdl-button {
    color: var(--font-color-active) !important;
}

body.agent-template-1.company .agent-result-section .mdl-card--border a.mdl-button {
    word-spacing: unset !important;
}

body.agent-template-1.company.WHITE .agent-bio-detail .avm-context .mdl-color-agora, body.agent-template-1.company.WHITE .agent-bio-detail .avm-context .mdl-color-agora .avm a.mdl-button {
    background: var(--font-color-active) !important;
}

    body.agent-template-1.company.WHITE .agent-bio-detail .avm-context .mdl-color-agora .avm {
        background: #fff;
    }

        body.agent-template-1.company.WHITE .agent-bio-detail .avm-context .mdl-color-agora .avm a.mdl-button {
            color: #fff !important;
        }

body.agent-template-1.company.WHITE .WidgetEditMode .mdl-tooltip, body.agent-template-1.company.WHITE .propertymapsearch .mdl-tooltip, body.agent-template-1.company.WHITE .SearchBar.searchchanges .mdl-tooltip {
    color: var(--font-color-active);
}

body.agent-template-1.company .item.property .courtsey-mlsboard_set {
    padding: 16px;
}

body.agent-template-1.company.WHITE.privacy-policy-active .data-privacy-policy.active .content .action label {
    color: var(--font-color-active);
}

body.agent-template-1.company.with-webbuilder .WidgetEditMode .btn-popup .mdl-menu__container ul li a.mdl-badge {
    display: block;
    width: 100%;
}

.detailpage .owl-carousel .owl-nav [class*="owl-"]:hover {
    background: #808285;
    color: #fff;
}

section.property-detail.detailpage .gallery .button-list li a.call_button {
    color: #fff !important;
}

body.agent-template-1.company.WHITE section.property-detail.detailpage .gallery .button-list li a {
    color: var(--font-color-active) !important;
}

body.agent-template-1.company.WHITE .view-switch > a.active, body.agent-template-1.company.WHITE .view-switch > a, body.agent-template-1.company.WHITE .onesearch-wrapper .search-over, body.agent-template-1.company.WHITE .detailpage .owl-carousel .owl-nav [class*="owl-"]:hover {
    background: var(--font-color-active) !important;
}

body.agent-template-1.company.WHITE .view-switch .mdl-tooltip {
    color: var(--font-color-active) !important
}

body.agent-template-1.company.WHITE .mdl-selectfield__box > i {
    color: var(--font-color-active);
}

body.agent-template-1.company .onesearch-wrapper .search-over {
    background: var(--primary-color-500) !important;
}

body.agent-template-1.company .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .mdl-dialog__content > header .mdl-color--primary, body.agent-template-1.company .view-switch > a.active, body.agent-template-1.company .view-switch > a {
    background: var(--primary-color-500) !important;
}

body.agent-template-1.company.with-webbuilder .mdl-dialog__content .owl-carousel.agent-template-selection .owl-nav [class*="owl-"] {
    position: absolute;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    top: 200px;
    opacity: 0.66;
    color: var(--font-color);
    background: var(--button-background);
}

body.agent-template-1.company.with-webbuilder .mdl-dialog__content .owl-carousel.agent-template-selection .owl-nav .owl-prev {
    left: -35px;
    line-height: 40px;
}

body.agent-template-1.company.with-webbuilder .mdl-dialog__content .owl-carousel.agent-template-selection .owl-nav .owl-next {
    right: -35px;
    line-height: 40px;
}

body.agent-template-1.company.with-webbuilder .mdl-dialog__content .owl-carousel.agent-template-selection .owl-nav [class*="owl-"].disabled {
    opacity: 0 !important;
}

body.agent-template-1.company .owl-carousel .owl-nav .owl-prev, body.agent-template-1.company .owl-carousel .owl-nav .owl-next {
    text-align: center;
}

body.agent-template-1.company .market-trend.tabed-view.default .tabs .tabs-view label:hover {
    color: var(--font-color-active) !important;
}

body.agent-template-1.company .market-trend.tabed-view .market-reoprt-section .un-subscribe-content a.btn_subscribe {
    background: var(--primary-color-500);
    opacity: unset;
}

body.agent-template-1.company.WHITE .market-trend.tabed-view .market-reoprt-section .un-subscribe-content a.btn_subscribe {
    color: var(--font-color-active) !important;
}

body.agent-template-1.company.popup-active .Login_pop .login-left .logindesc {
    color: #fff !important;
}

body.agent-template-1.company.WHITE.popup-active .Login_pop .login-left.mdl-color-agora-500 {
    background-color: var(--font-color-active) !important;
}

body.with-webbuilder .agora-mdl-data-dialog-content .tabed-view.default .tab-contents.tab-website-settings {
    margin-top: 20px !important;
}

body.with-webbuilder .tabed-view.default .tab-contents .custom-styling-font .color-picker .clr-field {
    height: 100%;
}

body.with-webbuilder .tabed-view.default .tab-contents.tab-website-settings .custom-styling-font .color-picker .color-input, body.with-webbuilder .tabed-view.default .tab-contents .custom-styling-font .color-picker .color-input {
    line-height: 35px;
    padding: 8px;
    border: none;
    cursor: pointer;
    color: initial;
}

body.with-webbuilder .tabed-view.default .tab-contents.tab-website-settings .custom-styling-font .color-picker {
    border: 1px solid rgb(133, 133, 133);
}

    body.with-webbuilder .tabed-view.default .tab-contents.tab-website-settings .custom-styling-font .color-picker .clr-field button {
        border-left: 1px solid rgb(133, 133, 133);
    }

body.with-webbuilder .tabed-view.default .tab-content .custom-control.custom-check .custom-font-labels {
    line-height: 32px;
}

@media screen and (max-width: 840px) {
    body.with-webbuilder .tabed-view.default .tab-content .custom-styling-font .custom-select {
        padding: 8px;
    }
}

body.agent-template-1.company .Custom.style-1.detail .search-box a.mdl-button {
    background: var(--primary-color-500) !important;
}

body.agent-template-1.company.WHITE .owl-carousel .owl-nav [class*="owl-"] {
    color: var(--font-color-active);
}

    body.agent-template-1.company.WHITE .owl-carousel .owl-nav [class*="owl-"]:hover {
        color: #fff;
    }

body.agent-template-1.company .agora-status-bar .recently-viewed label {
    background-color: var(--primary-color-500);
}

body.agent-template-1.company.WHITE .agora-status-bar .recently-viewed label {
    background-color: rgba(82, 92, 102, 1);
}

body.agent-template-1.company.WHITE.popup-active .banner-settings .sortables a.mdl-button {
    color: var(--font-color-active) !important;
}

body.company.with-webbuilder.with-title-slider .Custom.mdl-layout__header-row.template-1 .mdl-navigation > ul:first-child > li > a.mdl-button--icon.new.webbuilder {
    color: rgb(255, 255, 255);
}

body.agent-template-1.company.with-webbuilder .WidgetEditMode .btn-popup ul[for="widgetoptionMARKETWATCH"] > :first-child {
    display: none;
}

body.agent-template-1.company.with-webbuilder .WidgetEditMode .btn-popup ul[for="widgetoptionMARKETWATCH"] > :first-child, body.agent-template-1.company.with-webbuilder .WidgetEditMode .btn-popup ul[for="widgetoptionMARKETREPORT"] > :first-child {
    display: none;
}

body.property-template.company.popup-active .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .mdl-dialog__content > header.long-pop .mdl-color--primary {
    background-color: var(--primary-color-500) !important;
}

body.agent-template-1.company .contact-form .acknowledgement-policy p > a {
    color: rgba(93, 90, 95, 0.96) !important;
}

body.agent-template-1.company .footer .contact .footerLeftBg .mdl-layout-spacer {
    display: none;
}

body.agent-template-1.company .footer .contact .footerLeftBg {
    justify-content: center;
}

body.company.agent-template-1 .mdl-card__menu > a {
    color: rgba(255, 255, 255, 0.86) !important;
}

body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8 {
    overflow: hidden;
    border: none !important;
}

    body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8 .card-image {
        position: relative;
    }

        body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8 .card-image .mdl-card__title {
            height: 380px !important;
            margin: 0 !important;
            width: 100% !important;
        }

    body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8:hover .agent-info-popup {
        bottom: 0;
        opacity: 1;
    }

    body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8 .agent-info-popup {
        position: absolute;
        color: rgba(255, 255, 255, 1);
        transition: all .5s ease;
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        padding-bottom: 0;
        z-index: 8888;
        bottom: -130px;
        padding-bottom: 10px;
    }

        body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8 .agent-info-popup ul.agent-additional-info {
            margin-top: 0;
            border-bottom: 1px solid #fff;
        }

            body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8 .agent-info-popup ul.agent-additional-info li {
                line-height: 24px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

        body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8 .agent-info-popup .mdl-card--border [data-no-value]:not([data-no-value=""]) {
            display: none !important;
        }

        body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8 .agent-info-popup .mdl-card--border {
            margin: 4px 0px;
        }

        body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8 .agent-info-popup::after {
            content: "";
            background-color: var(--primary-color-500);
            width: 100%;
            height: 100%;
            opacity: 0.6;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: -1;
        }

    body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8 .mdl-card .agent-names {
        z-index: 9999;
        width: 100%;
        box-sizing: border-box;
        background: rgba(255, 255, 255, 1);
        padding: 12px;
    }

    body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8 .mdl-card .agent-info .agent-name {
        margin: 0;
        text-align: center;
        text-transform: capitalize;
    }

    body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8 .agent-info-popup ul.agent-additional-info li a[data-material-icon]:before {
        display: none;
    }

    body.agent-template-1.company section.contact .contact-info-detail .agentAddress .footer-social, body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8 .agent-info-popup .mdl-card--border a, body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8 .agent-info-popup li a b {
        color: #fff;
    }

body.agent-template-1.company.WHITE section.agents-in-team #TeamMembersList .item.agent.style-8 .agent-info-popup::after {
    background-color: rgba(82, 92, 102, 1);
}

body.agent-template-1.company .agents-in-team.team-agents {
    background: unset !important;
}

body.company.with-webbuilder.agent-template-1.WHITE .webbuilder-bar .header_buttons a.mdl-button {
    color: var(--font-color-active);
}

body.company.with-webbuilder.agent-template-1.WHITE .webbuilder-bar .header_buttons .notifications .mdl-menu-container .mdl-tooltip {
    color: var(--font-color-active) !important;
}

body.company.agent-template-1.WHITE section.agent-result-section .agent-info li.email-btn > a {
    color: var(--font-color-active);
}

body.company.agent-template-1 .item.property:not(.map).style-2 .description span:not(:first-child):before {
    content: "|";
    margin: 0 4px;
}

@media screen and (min-width: 840px) {
    body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8 {
        max-width: 268px !important;
        min-width: 268px !important;
    }
}

@media screen and (max-width: 1024px) {
    body.agent-template-1.company section.agents-in-team #TeamMembersList .item.agent.style-8 .agent-info-popup {
        opacity: 1;
        position: static;
        background-color: var(--primary-color-500);
    }

    body.agent-template-1.company.WHITE section.agents-in-team #TeamMembersList .item.agent.style-8 .agent-info-popup {
        background-color: rgba(82, 92, 102, 1);
    }
}

body.agent-template-1.company .CommunityCarouselSection.style-2 .community-grid-item:first-child .item .photo.banner {
    max-height: 100%;
    opacity: unset;
}

body.agent-template-1.company.WHITE .header-menu .relative-container .mdl-menu__container ul[for="dash-boardh"] li.chipitem a {
    display: block;
}

body.agent-template-1.company .header-menu .relative-container .mdl-menu__container ul[for="dash-boardh"] li.chipitem a {
    display: block;
}

body.agent-template-1.company.WHITE .header-menu .relative-container .mdl-menu__container ul[for="dash-boardh"] li.chipitem a span.mdl-button--raised, body.agent-template-1.company.with-title-slider .mdl-layout__header-row .user-control .user-login-btn a {
    color: var(--font-color-active) !important;
}

body.agent-template-1.company.with-title-slider .fullwidth-block .user-login-btn a.sign, body.agent-template-1.company.with-title-slider .fullwidth-block .user-login-btn a.notranslate {
    color: rgb(255, 255, 255) !important;
}

body.agent-template-1.company.with-webbuilder .custom-website-settings .website-change-button a.mdl-button {
    width: 100%;
}

body.company.agent-template-1:not(.with-title-slider) .agent-items .agent-title-main .button-link::before {
    display: block;
    color: var(--font-color-active);
}

body.company.agent-template-1:not(.with-title-slider) .agent-items .agent-title-main a.rating {
    color: var(--font-color-active);
}

body.company.agent-template-1 .mdl-layout__header-row nav.mdl-navigation.header-menu.color-menu > ul > li > a:not(.mdl-button) {
    color: rgb(255, 255, 255) !important;
}

body.agent-template-1.company.with-webbuilder .mdl-layout__header .webbuilder-bar.mdl-color-agora-900 {
    background-color: var(--primary-color-500) !important;
}

body.company.agent-template-1 .user-control .template-1, body.company.agent-template-1 .user-control .template-2, body.company.agent-template-1 .user-control .template-3, body.company.agent-template-1 .user-control .template-4, body.company.agent-template-1 .user-control .template-5 {
    display: flex;
}

body.company.agent-template-1 .user-control .google-translator .goog-te-combo {
    font-weight: 500;
    font-size: .9rem;
    letter-spacing: .2px;
    color: white;
    vertical-align: middle;
    text-transform: uppercase;
}

body.company.agent-template-1:not(.with-title-slider) .user-control .google-translator .goog-te-combo {
    vertical-align: unset;
    color: var(--font-color-active) !important;
}

body.company.agent-template-1 .item.property .property-info.bottom a.redicon {
    color: #fff !important;
}

body.agent-template-1.company.WHITE.with-webbuilder .webbuilder-bar .mdl-menu .mdl-menu__item a[data-material-icon] {
    color: var(--font-color-active) !important;
}

body.company.agent-template-1 .user-control .google-translator .goog-te-combo option {
    color: #000;
}

body.agent-template-1.company.with-webbuilder .webbuilder-bar .mdl-menu .mdl-menu__item a[data-material-icon] {
    color: var(--primary-color-500) !important;
}

body.company.agent-template-1 .Custom.logo-container .agent-logo .logo {
    display: block !important;
}

body.company.agent-template-1 .item.style-1.property .property-info.bottom .address-block {
    position: relative;
    padding-left: 8px;
}

body.company.agent-template-1 .item.style-1.property .property-info.bottom .price-block {
    position: relative;
    display: flex !important;
    -webkit-justify-content: space-between;
}



        body.company.agent-template-1 .item.style-1.property .property-info.bottom .price-block .price-detail i {
            display: block !important;
            font-style: normal;
            font-weight: bold;
            text-transform: uppercase;
            padding: 6px 8px;
            color: rgba(255, 255, 255, 0.96);
            align-self: flex-end;
        }

body.company.agent-template-1 .item.style-1.property .property-info .description {
    flex-flow: row nowrap;
    padding: 8px 8px 0 8px;
    box-sizing: border-box;
    z-index: 1;
    position: relative;
    font-weight: 500;
    font-size: 14px;
}

    body.company.agent-template-1 .item.style-1.property .property-info .description:before {
        content: "";
        position: absolute;
        width: calc(100% - 16px);
        height: 2px;
        background: #fff;
        top: 0;
    }

body.company.agent-template-1 .item.style-1.property .property-info .address-block i {
    display: inline-block !important;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 0px;
    color: rgba(255, 255, 255, 0.96);
}

body.company.agent-template-1 .item.property .property-badge.top {
    top: 0;
}

body.company.agent-template-1 .item.property .property-info .description {
    flex-flow: row nowrap;
}

    body.company.agent-template-1 .item.property .property-info .description .address {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        z-index: 9;
    }

body.company.agent-template-1 .mdl-layout__header-row nav.mdl-navigation {
    width: 100%;
}

body.company.agent-template-1.with-title-slider header.mdl-layout__header .logo-container .agent-company-logo .logo-white.logo.spw-logo {
    display: none !important;
}

body.company.agent-template-1.with-title-slider.with-title-slider-configuration .title-slider .HomeFlashSection .slider-context.height-mode-screen-height.screen-offset .slider .mc-image {
    height: 100vh !important;
}

body.company .community-details .content-style .sign-up-section {
    justify-content: center;
    margin-bottom: 15px;
}

body.company.agent-template-1 .item.style-1.property .property-info.bottom .address-main {
    overflow: hidden;
}

body.company.agent-template-1.WHITE .property-detail.detailpage .map-action .mdl-tooltip, body.company.agent-template-1.WHITE.popup-active #WebSiteSettingInfoForm a.mdl-button {
    color: var(--font-color-active);
}

body.company.agent-template-1 .item.property .mdl-card__menu a.mdl-button--icon {
    color: rgba(255, 255, 255, 0.86);
}

body.company.agent-template-1 .item.style-1.property .property-info.bottom .address-block i {
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.96);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block !important;
}

body.company.agent-template-1 .item.style-2.property:not(.map) .property-info .description i {
    font-style: normal;
    font-size: 1.2rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.96);
}

body.company.agent-template-1 .item.template1.property .address-block i, body.company.agent-template-1 .item.template1.property .address i {
    font-style: normal;
}

body.company.agent-template-1 .item.property:not(.map) .property-info:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .4;
    box-shadow: 0 0 91px 91px #292e2f;
    top: 110px;
}

body.company.agent-template-1 .mdl-layout__header-row .mdl-navigation.color-menu.header-menu > ul > li > a:not(.mdl-button) {
    color: rgb(255, 255, 255) !important;
}

body.company.with-webbuilder .gallery-control .homeflash-search .mdl-selectfield__box {
    top: 0;
    bottom: 0;
}

body.company.agent-template-1 .user-control .relative-container .mdl-menu__container ul.mdl-menu li.mdl-menu__item a {
    color: var(--primary-color-500);
}

body.company.agent-template-1.WHITE .user-control .relative-container .mdl-menu__container ul.mdl-menu li.mdl-menu__item a {
    color: var(--font-color-active);
}

body.company.agent-template-1 .mdl-layout__drawer-button {
    opacity: 1;
}

@media screen and (max-width: 1024px) {
    body.company.agent-template-1 header.mdl-layout__header .mdl-layout__drawer-btn.fold-sidebar i.aga-menu.notranslate {
        display: none !important;
    }

    body.company.agent-template-1 .item.property .mdl-card__actions.mdl-card--border a.mdl-button {
        padding: 0;
    }
}

@media screen and (max-width: 1500px) {
    body.company.agent-template-1 .owl-carousel .owl-nav .owl-prev {
        left: -18px;
    }

    body.company.agent-template-1 .owl-carousel .owl-nav .owl-next {
        right: -18px;
    }
}

body.company.agent-template-1 .mdl-layout__drawer .mdl-navigation ul li a:not(.mdl-button) {
    width: calc(100% - 30px) !important;
}

body.company.agent-template-1 .mdl-layout__drawer.Agora-drawer.is-visible .mdl-layout-title {
    background: var(--primary-color-500);
}

    body.company.agent-template-1 .mdl-layout__drawer.Agora-drawer.is-visible .mdl-layout-title a .logo {
        filter: invert(1);
    }

body.company.agent-template-1.WHITE .mdl-layout__drawer.Agora-drawer.is-visible .mdl-layout-title {
    background: var(--font-color-active);
}

body.company.agent-template-1 .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .agora-mdl-data-dialog-content header.long-pop {
    display: block !important;
}

    body.company.agent-template-1 .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .agora-mdl-data-dialog-content header.long-pop h2.mdl-card__title-text {
        margin-left: 10px;
    }

body.company.property-template.popup-active .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .long-pop h2, body.company.property-template.popup-active .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .long-pop i.bg_icon {
    color: rgba(255, 255, 255, 0.96);
}

body.company .mdl-button--primary.mdl-button--primary.mdl-button--fab.agora-mdl-back-to-top {
    align-items: center;
    display: flex;
    justify-content: center;
}

body.company .mdl-button--primary.mdl-button--primary.mdl-button--fab.agora-mdl-back-to-top {
    bottom: 8px;
    position: fixed;
    right: 8px;
    z-index: 4;
    transform-origin: 100% 100%;
    transition: .3s cubic-bezier(0.4,0.0,0.2,1) all;
    transform: scale(0);
}

body.company.scroll .mdl-button--primary.mdl-button--primary.mdl-button--fab.agora-mdl-back-to-top {
    transform: scale(1);
}

@media screen and (min-width: 1500px) {
    body.agent-template-1.company section.agent-featured .owl-carousel .owl-nav .owl-prev {
        left: -32px;
        top: 36%;
    }

    body.agent-template-1.company section.agent-featured .owl-carousel .owl-nav .owl-next {
        right: -32px;
        top: 36%;
    }
}

body.company .HomeSearchSection .search-box .Search_button_div a.mdl-button {
    color: #fff !important;
}

body.company.agent-template-1 .avm-block .text-search .avm {
    width: 100%;
}

body.company.agent-template-1 .avm-block .avm input[type="text"] {
    font-size: 16px;
    margin: 0 5px 0 0;
    padding: 0;
    width: calc(100% - 16px);
    background: 0;
    border: 0;
    height: 34px;
    text-overflow: ellipsis;
    border-bottom: 1px solid rgba(249,249,249,.97) !important;
    display: block;
    color: rgb(255,255,255);
}

    body.company.agent-template-1 .avm-block .avm input[type="text"]::placeholder {
        color: rgb(255,255,255);
    }

body.company.agent-template-1 .avm-block .avm button {
    font-size: .85rem;
    border: 0;
    border-radius: 2px;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    font-weight: 500;
    text-transform: uppercase;
}

body.company.agent-template-1 .avm-block .custom-title {
    margin: 0.4rem 0rem;
    text-transform: uppercase;
}

body.company.agent-template-1.WHITE .avm-block .avm input[type="text"] {
    color: var(--font-color-active);
    border-bottom: 1px solid rgba(82, 92, 102, 1) !important;
}

body.company.agent-template-1.WHITE .avm-block .avm input::placeholder {
    color: var(--font-color-active);
}

body.company .property-detail.detailpage ul.button-list li a i {
    font-style: normal;
}

body.company.with-webbuilder .banner-settings .manual-paging .switch input:checked + .slider {
    background-color: var(--primary-color-500);
}

body.company.with-webbuilder.WHITE .banner-settings .manual-paging .switch input:checked + .slider {
    background-color: var(--font-color-active) !important;
}

body.company.with-webbuilder .banner-settings .manual-paging span, body.company.with-webbuilder .banner-settings .mdl-textfield > .mdl-textfield__label + i {
    color: var(--primary-color-500);
}

body.company.with-webbuilder.WHITE .banner-settings .manual-paging span, body.company.with-webbuilder.WHITE .banner-settings .mdl-textfield > .mdl-textfield__label + i {
    color: var(--font-color-active) !important;
}

body.company.with-webbuilder .agora-mdl-data-dialog-container-body .mdl-dialog__content.banner-settings .mdl-grid.home-flash .tabed-view.default .tab-contents .tab-content .mdl-grid.group .mdl-selectfield > .mdl-selectfield__box span.mdl-selectfield__box-value {
    color: var(--primary-color-500);
}

body.company.with-webbuilder.WHITE .agora-mdl-data-dialog-container-body .mdl-dialog__content.banner-settings .mdl-grid.home-flash .tabed-view.default .tab-contents .tab-content .mdl-grid.group .mdl-selectfield > .mdl-selectfield__box span.mdl-selectfield__box-value {
    color: var(--font-color-active) !important;
}

body.company.with-webbuilder .banner-settings .mdl-textfield.inline {
    padding-top: 0;
}

body.company.agent-template-1 .agent-template-details .License.phone-no a {
    color: var(--font-color-active);
}

body.company.agent-template-1 .CommunityCarouselSection h2.custom-title {
    text-transform: capitalize;
    color: #5d5a5ff5;
}

body.company.agent-template-1 .agent-rating a.rating .rating {
    display: none;
}

body.company.agent-template-1 .agent-rating a.rating {
    flex-direction: column;
}

body.company.agent-template-1 .agent-rating {
    display: flex;
    flex-direction: column;
}

    body.company.agent-template-1 .agent-rating .star-ratings-sprite {
        cursor: pointer;
        margin-bottom: 5px;
    }

body.agent-template-1.company .agent-items .agent-top ~ .agent-title-main h1.agent-name {
    max-width: 500px;
}

body.company.with-webbuilder .home-flash section.content-style h2.center {
    width: 100%;
    color: rgba(26, 26, 29, 0.86);
    padding: 8px 0;
    font-weight: 400;
    font-size: 2.5rem;
    text-align: center;
}

body.company.agent-template-1 header.mdl-layout__header .mdl-layout__header-row {
    padding: 0 10px 10px 10px;
}

body.company.agent-template-1 .mdl-layout__header-row .user-control a {
    font-size: 1rem;
    font-weight: 500;
}

body.company.agent-template-1 .item.property .property-info.bottom .mdl-cell--bottom.Icons {
    padding-left: 8px;
}

body.company.agent-template-1.BLACK .avm-block {
    background-color: #000000;
}

body.company.agent-template-1 .avm-block .avm a.mdl-button {
    background: rgb(217 210 210 / 80%) !important;
    border: unset;
}

body.company.agent-template-1 header.mdl-layout__header .mdl-layout__drawer-btn.fold-sidebar:after {
    display: none;
}

bodybody.company.agent-template-1 #awards.tab-content {
    position: relative;
    padding-bottom: 80px;
    justify-content: center;
    align-items: center;
}

body.company.agent-template-1 #awards.tab-content .desiginations {
    position: absolute;
    bottom: 0;
    left: 0;
}

    body.company.agent-template-1 #awards.tab-content .desiginations .designationlabel {
        color: #000000 !important;
        font-weight: 600;
        display: block;
    }

body.company.agent-template-1 .agora-content-wrapper .content_section-heading h1 {
    text-align: center;
}

body.company.agent-template-1.with-webbuilder .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .mdl-textfield {
    margin-top: 0 !important;
}

body.company.agent-template-1.with-webbuilder .agora-mdl-data-dialog-container.webbuilder .agora-mdl-data-dialog-container-body {
    max-width: 96%;
    width: 490px;
}

body.agent-template-1.company section.contact .contact-info-detail ul.address li:first-child > i:nth-child(2), body.agent-template-1.company section.contact .contact-info-detail ul.address li:nth-child(2) > i:nth-child(2) {
    display: block;
}

body.company.agent-template-1 .mdl-layout__header-row .Custom.user-control.flex-end a.mdl-button {
    font-size: .9rem;
}

body.company.agent-template-1 .mdl-layout__header-row .google-translator {
    max-height: 35px;
    line-height: 41px;
}

body.company.agent-template-1 .item.template1.style-2 .description .address {
    margin: 0;
    padding-left: 8px;
    padding-top: 8px;
}

@media screen and (max-width: 1024px) {
    body.company.agent-template-1.with-title-slider .agent-rating a.rating .review, body.company.agent-template-1.with-title-slider .agent-detail-block .agent-title-main a.button-link {
        color: rgb(0, 0, 0);
    }
}

body.company .item.property .property-badge ul.listingtype li.oh i {
    padding-left: 0;
}

body.company .Dashboard_section .savesearch-container .mdl-js-selectfield {
    padding: 0;
}

    body.company .Dashboard_section .savesearch-container .mdl-js-selectfield .mdl-selectfield__box {
        top: 0;
        bottom: 0;
    }

body.company.agent-template-1.WHITE .Dashboard_section .savesearch-container .SaveSearchtitle span {
    color: var(--font-color-active) !important;
}

body.company.popup-active .popup-open .Login_pop .Login-tab.Sign-tab #Register_Form {
    padding: 10px;
    padding-bottom: 20px;
}

body.company.popup-active .popup-open .Login_pop .Login-tab.Sign-tab .acknowledgement {
    padding: 0 14px;
}

body.company.agent-template-1.popup-active .webbuilder.popup-open .home-flash .tabed-view .associate-container [data-type="youtube"] {
    display: inline-block;
}

body.agent-template-1.company .footer .contact .contact-info-detail .agentAddress li, body.company .agent-information li {
    list-style: none;
    margin-bottom: 10px;
}

    body.agent-template-1.company .footer .contact .contact-info-detail .agentAddress li i:first-child, body.company .agent-information li i:first-child {
        display: block;
    }

body.company .agent-bio .agent-information .desc li i {
    font-style: normal !important;
}

body.company .agent-bio .agent-information .title h1 {
    margin-left: 0;
}

body.company .agent-information .mdl-grid.desc {
    flex-direction: column;
}

.agent-office-search-context .title h1 {
    color: rgba(255,255,255,1);
    font-size: 2.8rem;
}

body.newStyle section.page-title h2 {
    font-size: 1.4rem;
}

.global-property .data-rental label {
    font-size: 23px;
    float: right;
    text-transform: capitalize;
    color: #5c2d4f !important;
    font-weight: 500;
    margin-top: 5px;
    margin-right: 5px;
}

.Property-detail_section .property-adressbox h1 {
    display: inline-block;
    font-size: 1.5rem;
}

.global-property .property-adressbox h2 {
    font-family: "Marcellus", serif !important;
    font-weight: normal !important;
    font-size: 1.5rem;
    line-height: 40px !important;
}

.Property-detail_section .property-adressbox ul {
    display: block;
    padding: 0;
    clear: both;
    list-style: none;
    margin-left: 0;
}

.Property-detail_section .property-adressbox {
    padding: 10px 20px;
}

    .data-privacy-policy .content .action label, .Property-detail_section .property-adressbox ul li.price, .global-property .property-gallerybox .mdl-card__menu .mdl-button {
        font-family: "Manrope", sans-serif !important;
    }

section.propertymapsearch.Property-Map_search .map_propertysort_inner {
    text-transform: capitalize !important;
    font-weight: normal !important;
}

.MySoldListingsTablesection h5, MySoldListingsTablesection h5 {
    text-transform: capitalize;
    margin-left: 15px;
}

body.agent-template-1 .about-section p span, .content-spacing .readmore-parent p, .Content_grid p {
    font-family: "Manrope", sans-serif !important;
}

.HomeSearchSection .container.onesearch-div .OneSearchBox label {
    color: #000 !important;
}

body.agent-template-1 .listing-agents .agent-result-item .agent-info li.address p i:nth-child(1), body.agent-template-1 .listing-agents .agent-result-item .agent-info li.address p i:nth-child(2) {
    display: block;
    font-style: normal;
    margin-bottom: 5px;
}

body.agent-template-1 .listing-agents .agent-result-item .agent-info li.address p i:nth-child(1), body.agent-template-1.company .footer .contact .contact-info-detail .agentAddress li i:first-child, section.agent-bio .agent-information .mdl-grid.desc .bold {
    font-weight: 800;
}

body.agent-template-1.company section.contact .contact-info-detail ul.address li:first-child > i:nth-child(2), body.agent-template-1.company section.contact .contact-info-detail ul.address li:nth-child(2) > i:nth-child(2) {
    display: block;
}

body.company.agent-template-1 .MySoldListingsTablesection h5, body.company.agent-template-1 .rentalsoldlistings h5 {
    font-family: "Marcellus", serif !important;
}

body.company.agent-template-1 .market-report-section .market-trend h3 {
    font-family: "Marcellus", serif !important;
}

body.company.company-template .vacation_header .vacation_header-main .mdl-button, body.company.company-template .vacation_footer-main .mdl-button, body.company.company-template .mdl-button--primary.mdl-button--raised, body.company.company-template header .mdl-layout__header-row.top-header a.call_button:last-child, body.company.company-template .agora-status-bar .recently-viewed label, body.company.company-template .property-detail-title-section a.mdl-button, body.company.company-template .property-detail.detailpage a.mdl-button, body.company:not(.agent-template-1) .AgentOfficeSearchBar .action-part a.mdl-button, body.company.company-template .agent-bio .agent-information a.mdl-button, body.company.company-template .joinSec a.mdl-button, body.company:not(.agent-template-1) #properties .viewall .button-block a.mdl-button, body.company:not(.agent-template-1) .detailpage .callout-new a.mdl-button, body.company:not(.agent-template-1) .property-detail.detailpage .community-dtl .Getdirection a.Transit-Time, body.company:not(.agent-template-1) .detailpage #AreaOverview .community-dtl .Getdirection #directionBtn, body.company:not(.agent-template-1) .detailpage .Smilar_Listings .ViewListingMain a.ViewListingBtn, body.company:not(.agent-template-1) .agora-status-bar .recently-viewed label {
    background: rgba(0, 0, 0, 1) !important;
    color: rgb(255, 255, 255);
    text-transform: capitalize;
    border: none !important;
}

    body.company.company-template.vacation_header .vacation_header-main .mdl-button:hover, body.company.company-template .vacation_footer-main .mdl-button:hover, body.company.company-template .mdl-button--primary.mdl-button--raised:hover, body.company.company-template .property-detail-title-section a.mdl-button:hover, body.company.company-template .property-detail.detailpage a.mdl-button:hover, body.company.company-template .property-detail.detailpage .community-dtl .Getdirection a.Transit-Time:hover, body.company.company-template .agora-status-bar .recently-viewed label:hover, body.company.company-template .AgentOfficeSearchBar .action-part a.mdl-button:hover, body.company.company-template header .mdl-layout__header-row.top-header a.call_button:last-child:hover, body.company.company-template .joinSec a.mdl-button:hover, body.company:not(.agent-template-1) .detailpage .callout-new a.mdl-button:hover, body.company:not(.agent-template-1) .property-detail.detailpage .community-dtl .Getdirection a.Transit-Time:hover, body.company:not(.agent-template-1) .detailpage #AreaOverview .community-dtl .Getdirection #directionBtn:hover, body.company:not(.agent-template-1) .detailpage .Smilar_Listings .ViewListingMain a.ViewListingBtn:hover, body.company:not(.agent-template-1) .agora-status-bar .recently-viewed label:hover, body.company:not(.agent-template-1) .content_section ul.webpage-navigation > li > a:hover {
        background-color: rgb(128, 130, 133) !important;
        color: rgb(255, 255, 255);
        border: none;
    }

.CommunityCarouselSection .item .photo.banner {
    opacity: 1;
    max-height: 100%;
}

body.company.company-template .mdl-button--primary.mdl-button--raised.mdl-js-ripple-effect, body.company.company-template section.featured--listings a.featured-listingsbutton, body.company.company-template .mdl-js-button.mdl-button--primary.mdl-js-ripple-effect, body.newStyle:not(.agent-template-1) .mdl-button--primary.mdl-button--primary.mdl-button--raised {
    background: rgba(0, 0, 0, 1) !important;
    color: rgb(255, 255, 255) !important;
    text-transform: capitalize !important;
    border: none !important;
}

    body.company.company-template .mdl-button--primary.mdl-button--raised.mdl-js-ripple-effect:hover, body.company.company-template section.featured--listings a.featured-listingsbutton:hover, body.company.company-template .mdl-js-button.mdl-button--primary.mdl-js-ripple-effect:hover, body.newStyle:not(.agent-template-1) .mdl-button--primary.mdl-button--primary.mdl-button--raised:hover, body.company:not(.agent-template-1) .vacation_footer-main .mdl-button:hover {
        background-color: rgb(128, 130, 133) !important;
        color: rgb(255, 255, 255);
        border: none;
    }

body.agent-template-1.company section.contact .contact-info-detail .agentAddress .footer-social a i:before, body.company .agent-bio-detail .additional-info a i:before {
    color: #000000;
}

body.company.with-title-slider .HomeSearchSection .bottom-search-main a.mdl-button {
    border: 2px solid rgba(242, 242, 242, 1) !important;
}

body.agent-template-1.company .mdl-button--primary.mdl-button--primary.mdl-button--raised, body.agent-template-1.company .mdl-button--primary.mdl-button--primary.mdl-button--fab {
    color: var(--font-color) !important;
    border: 1px solid var(--border-color);
    box-shadow: unset;
    background: var(--primary-color-500);
}

body.agent-template-1.WHITE .detailpage #AreaOverview .community-dtl .Getdirection #directionBtn {
    background-color: var(--font-color) !important;
    color: #fff;
}

body.agent-template-1 .detailpage #AreaOverview .community-dtl .Getdirection #directionBtn {
    background-color: var(--primary-color-500);
    color: #fff;
}

.result-section .property .mdl-card__supporting-text .basic h3 {
    font-family: "Manrope", serif !important;
    font-size: 1.5rem;
}

body.popup-active .agora-mdl-data-dialog-container.null.popup-open {
    z-index: 9999;
}

body .listing-agents .agent-result-item .agent-info li.address p i:nth-child(1), body .listing-agents .agent-result-item .agent-info li.address p i:nth-child(2) {
    display: block;
    font-style: normal;
    margin-bottom: 5px;
}

body .listing-agents .agent-result-item .agent-info li.address p i:nth-child(1), body.agent-template-1.company .footer .contact .contact-info-detail .agentAddress li i:first-child, section.agent-bio .agent-information .mdl-grid.desc .bold {
    font-weight: 800;
}

body.company.agent-template-1 .footer .contact .contact-info-detail .agentAddress li i:first-child, body.company .agent-information li i:first-child {
    display: block;
}
body.float-inline-bar section.page-title.property-detail-title-section.floating{z-index:99;}
body.company:not(.agent-template-1) .contact ul.mdl-mega-footer__link-list,body.company:not(.agent-template-1) .contact .mdl-mega-footer__link-list ul{max-height:100%;}
body.company.agent-template-1 .loop-listing-block{width: calc(100% - 16px);background:#000;}
body.company.agent-template-1 .loop-listing-block .Featured-loop{justify-content:center;display:flex;align-items:center;width: 300px;}
body.company.agent-template-1 .loop-listing-block .text-search{align-items:center;display: flex;justify-content: space-around;border-left: 3px solid #fff;gap:20px;}
body.company.agent-template-1 .loop-listing-block h2.custom-title{color:#fff;padding-top:10px;display:inline-block;padding-left:35px;}
body.company.agent-template-1 .loop-listing-block .Featured-loop figure img{width:250px;}
body.company.agent-template-1 .loop-listing-block .Featured-loop figure{margin:0;}
@media only screen and (max-width:840px) {
    body.company.agent-template-1 .loop-listing-block .text-search{border-left:none;}
    body.company.agent-template-1 .loop-listing-block h2.custom-title{font-size:28px;}
}
@media only screen and (max-width:480px) {
    body.company.agent-template-1 .loop-listing-block h2.custom-title{font-size:20px;line-height:40px;}
}
body.company.agent-template-1.BLACK .loop-listing-block{border-top:1px solid #fff;}
body.company.agent-template-1 .avm-block .text-search .avm input{width: calc(100% - 140px);}
@media only screen and (max-width:1440px) {
.property-slider .owl-carousel .owl-nav .owl-prev{left:-8px!important;}
.property-slider .owl-carousel .owl-nav .owl-next{right:-8px!important;}
}
.property-slider [data-query-list] .owl-carousel .owl-nav [class*="owl-"], .property-slider [data-owl-slider].owl-carousel .owl-nav [class*="owl-"]{top: calc(50% - 80px);}
body.company .data-privacy-policy .content p a{font-size: 12px;}
body.company .data-privacy-policy.active .content p{width: auto !important;}
body.company .detailpage.property-detail .callouts a.mdl-button {background-color: #808285 !important;color: #fff;}
body.company.privacy-policy-active.WHITE .data-privacy-policy.active .content p{color: rgba(255, 255, 255, 0.96);}
body.company.BLACK .data-privacy-policy .content .action label{background:rgba(255,255,255,0.96)!important;color: var(--font-color-active);}
body.agent-template-1.company .footer i, body.agent-template-1.company .footer a:not(.mdl-button) {
    font-size: .95rem;
    font-weight: 500;
    line-height: 23px;
    font-style: normal;
    color: rgba(93, 90, 95, .96) !important;
}
body.agent-template-1.company section.footer .full-width:nth-child(2) {
    background: none !important;
}
body.newStyle .contact .contact-info-detail .agentAddress {
    display: block !important;
}
body.newStyle .contact .contact-info-detail .footer-social, body.newStyle .contact .contact-info-detail .footer-social .mdl-button--icon {
    color: rgba(93, 90, 95, .96) !important;
}
body.company .item.property[addrfor="Address Undisclosed"] .mdl-card__menu a[data-material-icon="directions"] {
    display: none !important;
}
.agent-bio .agent-information .desc .button-print-details a, .agent-bio .agent-information .desc .button-print-details a i{font-style:normal;}
body.agent-template-1:not(.with-title-slider) header.mdl-layout__header{z-index: 99;}