.listView {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid rgba(48, 51, 58, .1) !important;
    max-width: 100%;
    border: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

@media(min-width:768px) {
    .listView:hover {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.listView .cover-image {
    width: 36%;
    margin-right: 30px
}

.listView .info-container {
    padding: 0;
    position: relative
}

.listView .info-container .listing-address,
.listView .info-container .listing-info,
.listView .info-container .listing-name {
    width: calc(100% - 160px);
    white-space: unset
}

.listView .info-container .listing-price {
    top: 0;
    right: 0
}

.listView .info-container .label-group {
    position: absolute;
    display: block;
    top: 30px;
    right: 0;
    width: 130px
}

.listView .info-container .label-group .label-primary {
    margin-bottom: 5px;
    float: right
}

.listView .info-container .label-group .label-primary:last-child {
    margin-bottom: 0
}

.listView .info-container .action-group {
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.listView .info-container .action-group .agent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start
}

.listView .info-container .action-group .agent .avatar {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px
}

.listView .info-container .action-group .agent .avatar a {
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: 50% 15%;
    background-size: cover;
    border-radius: 50%
}

.listView .info-container .action-group .agent .detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.listView .info-container .action-group .agent .detail h5 a {
    font-size: 14px;
    color: #30333a;
    font-weight: 500;
    line-height: 22px
}

.listView .info-container .action-group .agent .detail h5 a:hover {
    color: #c72528
}

.listView .info-container .action-group .agent .detail .roll {
    color: rgba(48, 51, 57, .7);
    font-size: 12px;
    padding: 0;
    line-height: 20px
}

.listView .info-container .action-group .contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

.listView .info-container .action-group .contact .btn-primary {
    margin-left: 10px
}

.listView .info-container .action-group .contact .btn-primary:first-child {
    margin-left: 0
}

.listView .info-container .action-group .contact .btn-primary:hover .zmdi,
.listView .info-container .action-group .contact .btn-primary:hover span {
    color: #fff
}

.bg-overlay {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    content: '';
    background: rgba(0, 0, 0, .7);
    z-index: 9999
}

.paginator {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%
}

.paginator li {
    width: 100%;
    max-width: 36px;
    line-height: 34px;
    font-size: 18px;
    color: #337588;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    margin: 0 5px
}

.paginator li:first-child {
    margin-right: 15px
}

.paginator li:last-child {
    margin-left: 15px
}

.paginator li a .zmdi {
    font-size: 30px;
    padding: 0;
    color: #337588
}

.paginator li a:hover {
    color: #fff;
    display: block;
    border-radius: 2px;
    background: rgba(48, 51, 58, .8)
}

.paginator li a {
    display: block;
    border-radius: 2px;
    padding-top: 3px
}

.paginator li:first-child a,
.paginator li:last-child a {
    padding-top: 0
}

.paginator li a.active {
    color: #fff;
    display: block;
    border-radius: 2px;
    background: rgba(48, 51, 58, .8);
    padding-top: 3px
}

.paginator li .btnNext:hover,
.paginator li .btnPre:hover {
    background: 0 0
}

.zmdi.zmdi-check::before {
    color: #8cc156
}

.zmdi.zmdi-info-outline::before {
    color: #da5260
}

.zmdi.zmdi-close-circle {
    position: absolute;
    padding-right: 20px;
    right: 0;
    color: rgba(68, 76, 89, .3)
}

.wrap {
    position: relative;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 2
}

.projectListView {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid rgba(48, 51, 58, .1) !important;
    max-width: 100%;
    border: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

@media(min-width:768px) {
    .projectListView:hover {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.projectListView .cover-image {
    width: 36%;
    margin-right: 30px
}

.projectListView .info-container {
    padding: 0;
    position: relative;
    width: 100%
}

.projectListView .info-container .project-name {
    color: #444c59
}

.projectListView .info-container .project-address h4 a {
    color: #838383
}

.projectListView .info-container .project-info {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    width: 50%;
    margin-top: 12px
}

.projectListView .info-container .project-info .item {
    width: calc(100% * 1/2);
    margin-bottom: 5px;
    white-space: nowrap
}

.projectListView .info-container .project-info .item span {
    font-size: 14px;
    color: #444c59
}

.projectListView .info-container .project-info .item strong {
    font-weight: 300;
    color: #838383
}

.projectListView .info-container .price {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    text-align: right
}

.projectListView .info-container .price span {
    color: #444c59;
    margin-bottom: 10px
}

.projectListView .info-container .price span strong {
    color: #30333a;
    font-weight: 600
}

.projectListView .info-container .price span strong::after {
    display: none
}

.projectListView .info-container .action-group {
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.projectListView .info-container .action-group .developer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.projectListView .info-container .action-group .developer .avatar {
    height: 40px;
    width: 40px;
    border: 1px solid rgba(48, 51, 58, .1);
    overflow: hidden;
    margin-right: 10px
}

.projectListView .info-container .action-group .developer .avatar a {
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.projectListView .info-container .action-group .developer .detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.projectListView .info-container .action-group .developer .detail h5 a {
    font-size: 14px;
    color: #30333a;
    font-weight: 500
}

.projectListView .info-container .action-group .developer .detail .roll {
    color: rgba(48, 51, 57, .7);
    font-size: 12px;
    padding: 0
}

.projectListView .info-container .action-group .contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.projectListView .info-container .action-group .contact .btn-primary {
    margin-left: 10px
}

.projectListView .info-container .action-group .contact .btn-primary:first-child {
    margin-left: 0
}

.projectListView .info-container .action-group .contact .btn-primary:hover .zmdi,
.projectListView .info-container .action-group .contact .btn-primary:hover span {
    color: #fff
}

.projectListView .dark-overlay {
    display: none
}


/* duan */

#search-content {
    width: 100%;
    position: relative;
    top: 0;
    margin: 0;
    display: block
}

#search-content .btn-medium {
    line-height: 40px !important
}

#search-content .btn-medium i {
    margin-top: -3px
}

#search-content .top-nav {
    border-bottom: 1px solid rgba(48, 51, 58, .1);
    position: fixed;
    top: 60px;
    z-index: 12;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:1200px) {
    #search-content .top-nav {
        padding: 0 18px
    }
}

@media(max-width:480px) {
    #search-content .top-nav {
        height: 40px;
        line-height: 40px
    }
}

#search-content .top-nav .nav-left {
    display: block;
    overflow: hidden
}

@media(max-width:480px) {
    #search-content .top-nav .nav-left {
        width: 100%
    }
}

#search-content .top-nav .nav-left .tab-groups {
    overflow: hidden
}

#search-content .top-nav .nav-left .tab-groups li {
    position: relative;
    display: block;
    float: left;
    margin-right: 30px;
    line-height: 58px
}

@media(max-width:480px) {
    #search-content .top-nav .nav-left .tab-groups li {
        width: 50%;
        margin-right: 0;
        text-align: center;
        line-height: 38px
    }
    #search-content .top-nav .nav-left .tab-groups li:first-child::before {
        display: none
    }
    #search-content .top-nav .nav-left .tab-groups li::before {
        content: '';
        height: 20px;
        border-left: 1px solid rgba(48, 51, 58, .2);
        position: absolute;
        left: 0;
        top: 10px
    }
}

#search-content .top-nav .nav-left .tab-groups li a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: rgba(48, 51, 58, .86);
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px)
}

@media(min-width:768px) {
    #search-content .top-nav .nav-left .tab-groups li:hover a {
        color: #30333a
    }
}

#search-content .top-nav .nav-left .tab-groups .active {
    border-bottom: 2px solid #30333a
}

#search-content .top-nav .nav-left .tab-groups .active a {
    color: #30333a
}

@media(max-width:480px) {
    #search-content .top-nav .nav-right {
        display: none
    }
}

#search-content .top-nav .nav-right .inner {
    display: contents
}

#search-content .top-nav .nav-right .inner .btn-red.active {
    background: #c72528
}

#search-content .top-nav .nav-right .inner .btn-red.active .zmdi,
#search-content .top-nav .nav-right .inner .btn-red.active span {
    color: #fff
}

#search-content .search-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

#search-content .search-container.full .actionBar {
    width: 100% !important
}

#search-content .search-container.full .search-result {
    width: 100%
}

#search-content .search-container.full .search-map {
    width: 0 !important
}

#search-content .search-container .search-result {
    top: 30px;
    position: relative;
    width: 65%;
    z-index: 10
}

@media(max-width:1024px) {
    #search-content .search-container .search-result {
        width: 100%
    }
}

@media(max-width:480px) {
    #search-content .search-container .search-result {
        top: 100px
    }
}

#search-content .search-container .search-result>div {
    background: #f3f4f7;
    position: relative;
    z-index: 11
}

#search-content .search-container .search-result>div .actionBar {
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid rgba(48, 51, 58, .1);
    position: fixed;
    top: 120px;
    width: 65%;
    z-index: 10;
    background: #f3f4f7;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:1200px) {
    #search-content .search-container .search-result>div .actionBar {
        padding: 0 18px
    }
}

@media(max-width:1024px) {
    #search-content .search-container .search-result>div .actionBar {
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media(max-width:768px) {
    #search-content .search-container .search-result>div .actionBar {
        display: none
    }
}

@media(max-width:1024px) {
    #search-content .search-container .search-result>div .actionBar .filter {
        display: none
    }
}

#search-content .search-container .search-result>div .actionBar .filter ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item {
    position: relative;
    margin-right: 30px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:1300px) {
    #search-content .search-container .search-result>div .actionBar .filter ul .filter-item {
        margin-right: 15px
    }
}

@media(max-width:1200px) {
    #search-content .search-container .search-result>div .actionBar .filter ul .filter-item {
        margin-right: 20px
    }
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item:last-child {
    margin-right: 0
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item a {
    display: block;
    font-size: 14px;
    color: #838383
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item a .zmdi {
    padding: 0 0 0 5px;
    color: #337588
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item a .mark {
    background: #00779a;
    color: #fff;
    padding: 5px 5px 2px;
    border-radius: 2px;
    vertical-align: middle;
    margin-left: 5px
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu {
    display: none;
    padding: 20px;
    position: absolute;
    background: #fff;
    top: 100%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .2)
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 20px 0;
    border-bottom: 1px solid rgba(48, 51, 58, .1)
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row:last-child {
    padding: 0;
    margin-top: 20px;
    border: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row:last-child .btn-primary {
    margin: 0 0 0 10px
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row:last-child .btn-primary:first-child {
    margin: 0
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col {
    width: 50%;
    min-width: 275px;
    text-align: left;
    border-right: 1px solid rgba(48, 51, 58, .1)
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col:nth-child(2) {
    border: 0;
    padding-left: 25px
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner p {
    font-size: 14px;
    color: #30333a;
    font-weight: 500;
    margin-bottom: 10px;
    white-space: nowrap;
    line-height: 1
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner .runner {
    position: relative;
    width: 100%;
    max-width: 220px
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner .runner .irs .irs-line,
#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner .runner .irs .irs-line-left,
#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner .runner .irs .irs-line-mid,
#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner .runner .irs .irs-line-right {
    height: 5px
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner .runner .irs .irs-max,
#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner .runner .irs .irs-min {
    display: none
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner .runner .irs .irs-from,
#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner .runner .irs .irs-single,
#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner .runner .irs .irs-to {
    background: 0 0;
    color: #444c59;
    font-size: 14px;
    font-weight: 600
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner .runner .irs .irs-bar {
    height: 5px;
    border: 0;
    background: #444c59
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner .runner .irs .irs-slider {
    height: 25px;
    width: 24px;
    top: 23px;
    border: 3px solid #444c59;
    background: #fff
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner ul {
    display: block;
    width: 100%
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner ul li {
    width: 50%;
    float: left;
    height: 32px;
    line-height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner ul li input {
    display: none
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner ul li input:checked+.radio:before {
    background: #444c59;
    -webkit-box-shadow: inset 0 0 0 2px #f4f4f4;
    box-shadow: inset 0 0 0 2px #f4f4f4
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner ul li .radio {
    font-size: 14px;
    padding: 0
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner ul li .radio:before {
    content: '';
    cursor: pointer;
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    margin-right: 10px;
    display: inline-block;
    vertical-align: sub;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 2px solid #444c59;
    background: #fff
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner ul li .check {
    position: absolute;
    opacity: 1
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner ul li .check+label {
    font-size: 14px;
    color: #444c59;
    position: relative
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner ul li .check+label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: sub;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 2px solid #444c59;
    background: #fff
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner ul li .check+label:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 13px;
    background: #fff;
    width: 2px;
    height: 2px;
    -webkit-box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col .inner ul li .check:checked+label::before {
    background: #444c59
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col-ful {
    border: 0
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .DropdownMenu .row .col-ful .inner .runner {
    max-width: 100%
}

#search-content .search-container .search-result>div .actionBar .filter ul .filter-item .expanded {
    display: block
}

#search-content .search-container .search-result>div .actionBar .view .zmdi {
    cursor: pointer;
    font-size: 24px;
    border: 0;
    background: 0 0;
    padding: 0;
    margin-left: 15px;
    color: rgba(48, 51, 58, .5)
}

#search-content .search-container .search-result>div .actionBar .view .zmdi:first-child {
    margin-left: 0
}

#search-content .search-container .search-result>div .actionBar .view .active {
    color: #30333a
}

#search-content .search-container .search-result>div .actionBar .fullBtn {
    display: block;
    height: 50px;
    background: #f3f4f7;
    width: 30px;
    position: absolute;
    top: 0;
    right: -30px
}

#search-content .search-container .search-result>div .actionBar .fullBtn:hover {
    background: #c72528
}

#search-content .search-container .search-result>div .actionBar .fullBtn:hover a {
    color: #fff
}

#search-content .search-container .search-result>div .actionBar .fullBtn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 30px;
    padding: 0;
    cursor: pointer;
    border: 1px solid rgba(48, 51, 58, .1)
}

#search-content .search-container .search-result>div .actionBar .fullBtn.clicked a:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#search-content .search-container .search-result>div .secondaryBar {
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    margin-top: 60px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:1200px) {
    #search-content .search-container .search-result>div .secondaryBar {
        padding: 0 18px
    }
}

@media(max-width:768px) {
    #search-content .search-container .search-result>div .secondaryBar {
        margin-top: unset;
        line-height: initial
    }
}

#search-content .search-container .search-result>div .secondaryBar .keyword {
    font-size: 18px;
    font-weight: 500;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    -ms-flex-preferred-size: 1px;
    flex-basis: 1px;
    padding-right: 18px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#search-content .search-container .search-result>div .secondaryBar .keyword h1,
#search-content .search-container .search-result>div .secondaryBar .keyword p {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    display: inline-block;
    overflow: hidden;
    height: 30px;
    float: left;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-right: 10px;
    max-width: 78%
}

#search-content .search-container .search-result>div .secondaryBar .keyword h1 span,
#search-content .search-container .search-result>div .secondaryBar .keyword p span {
    display: none
}

#search-content .search-container .search-result>div .secondaryBar .keyword span {
    display: inline-block;
    line-height: 30px
}

#search-content .search-container .search-result>div .secondaryBar .keyword span i {
    color: #30333a;
    font-weight: 700
}

@media(max-width:540px) {
    #search-content .search-container .search-result>div .secondaryBar .keyword h1 span,
    #search-content .search-container .search-result>div .secondaryBar .keyword p span {
        display: block
    }
    #search-content .search-container .search-result>div .secondaryBar .keyword h1,
    #search-content .search-container .search-result>div .secondaryBar .keyword p,
    #search-content .search-container .search-result>div .secondaryBar .keyword span {
        height: auto;
        font-size: 14px;
        line-height: 1.5;
        margin-right: 15px;
        max-width: 100%
    }
    #search-content .search-container .search-result>div .secondaryBar .keyword span.hidden-mobile {
        display: none
    }
}

#search-content .search-container .search-result>div .secondaryBar .keyword .valueSearch {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#search-content .search-container .search-result>div .secondaryBar .keyword span {
    color: #337588
}

#search-content .search-container .search-result>div .secondaryBar .keyword i.zmdi {
    display: inline-block;
    margin: 0 0 0 2px;
    font-size: 22px;
    margin-top: -1px
}

@media(max-width:768px) {
    #search-content .search-container .search-result>div .secondaryBar .keyword i.zmdi {
        margin-top: -1px;
        font-size: 18px
    }
}

#search-content .search-container .search-result>div .secondaryBar .sort-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border: 1px solid rgba(48, 51, 58, .1);
    border-radius: 4px;
    padding: 9px 15px 8px;
    height: 40px
}

@media(max-width:480px) {
    #search-content .search-container .search-result>div .secondaryBar .sort-group {
        display: none
    }
}

#search-content .search-container .search-result>div .secondaryBar .sort-group a {
    font-size: 14px;
    line-height: 22px;
    color: #838383;
    display: block
}

#search-content .search-container .search-result>div .secondaryBar .sort-group a .zmdi {
    padding: 0 0 0 5px;
    color: #337588
}

#search-content .search-container .search-result>div .secondaryBar .sort-group .sort-list {
    display: none;
    position: absolute;
    top: 101%;
    right: 0;
    z-index: 10;
    background: #fff;
    padding: 10px 0;
    border: 1px solid rgba(131, 131, 131, .3);
    min-width: 100%
}

#search-content .search-container .search-result>div .secondaryBar .sort-group .sort-list li {
    white-space: nowrap;
    padding: 0 20px;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    cursor: pointer
}

#search-content .search-container .search-result>div .secondaryBar .sort-group .sort-list li active,
#search-content .search-container .search-result>div .secondaryBar .sort-group .sort-list li:hover {
    color: #337588;
    font-weight: 600
}

@media(min-width:480px) {
    #search-content .search-container .search-result>div .secondaryBar .mobile-save {
        display: none
    }
}

@media(max-width:480px) {
    #search-content .search-container .search-result>div .secondaryBar .mobile-save {
        display: block
    }
}

#search-content .search-container .search-result>div .secondaryBar .mobile-save .btn-primary.active .zmdi,
#search-content .search-container .search-result>div .secondaryBar .mobile-save .btn-primary.active span {
    color: #fff
}

#search-content .search-container .search-result>div .secondaryBar .mobile-save .save-project i {
    margin-top: -2px
}

#search-content .search-container .search-result>div .secondaryBar .mobile-save .btn-red-outline.active {
    background: #c72528
}

#search-content .search-container .search-result>div .secondaryBar .mobile-save .btn-blue-outline.active {
    background: #337588
}

#search-content .search-container .search-result>div .promote-block {
    padding: 20px 30px;
    width: 100%;
    display: block
}

@media(max-width:1200px) {
    #search-content .search-container .search-result>div .promote-block {
        padding: 20px 18px
    }
}

@media(max-width:640px) {
    #search-content .search-container .search-result>div .promote-block {
        padding-bottom: 0
    }
}

#search-content .search-container .search-result>div .promote-block .inner {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .13)
}

#search-content .search-container .search-result>div .promote-block .inner .cover {
    width: 20%;
    margin-right: 30px;
    max-width: 270px;
    min-width: 210px
}

@media(max-width:767px) {
    #search-content .search-container .search-result>div .promote-block .inner .cover {
        width: 32%;
        max-width: initial;
        min-width: initial;
        margin: 0
    }
}

#search-content .search-container .search-result>div .promote-block .inner .cover a {
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

#search-content .search-container .search-result>div .promote-block .inner .promote-detail {
    width: 80%;
    margin-right: 30px
}

@media(max-width:767px) {
    #search-content .search-container .search-result>div .promote-block .inner .promote-detail {
        width: 68%;
        padding-left: 15px;
        margin-right: 0
    }
}

#search-content .search-container .search-result>div .promote-block .inner .promote-detail .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

#search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .left {
    width: calc(100% - 150px)
}

@media(max-width:767px) {
    #search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .left {
        width: 100%;
        padding-right: 7px
    }
}

#search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .left h3 {
    margin-bottom: 10px
}

@media(max-width:480px) {
    #search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .left h3 {
        margin-bottom: 7px
    }
}

#search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .left h3 a {
    display: block;
    font-family: rv-font2, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #30333a;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

@media(max-width:767px) {
    #search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .left h3 a {
        white-space: initial;
        -o-text-overflow: initial;
        text-overflow: initial;
        font-size: 14px;
        line-height: 1.4
    }
}

#search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .left .address {
    margin-bottom: 8px;
    display: block;
    color: #838383;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

@media(max-width:768px) {
    #search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .left .address {
        margin-bottom: initial
    }
}

#search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .left .address h4 {
    display: inline-block
}

#search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .left .address h4 a {
    font-size: 14px;
    font-weight: 400;
    color: #838383
}

#search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .left .price {
    margin-top: 12px;
    font-size: 14px;
    display: block;
    overflow: auto;
    position: relative;
    bottom: unset;
    right: unset
}

@media(max-width:767px) {
    #search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .left .price {
        display: none
    }
}

#search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .left .price span {
    display: block;
    float: left;
    color: #838383
}

#search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .left .price span strong {
    color: #30333a
}

#search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .left .price span strong:after {
    content: "";
    width: 1px;
    height: 10px;
    background: #838383;
    display: inline-block;
    margin: 0 15px
}

#search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .left .price span:last-child strong:after {
    display: none
}

#search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .right {
    display: flex;
    justify-content: flex-end
}

@media(max-width:768px) {
    #search-content .search-container .search-result>div .promote-block .inner .promote-detail .info .right {
        display: none
    }
}

#search-content .search-container .search-result>div .result-body {
    padding: 0 0 60px;
    overflow: hidden;
    width: 100%;
    background: #f3f4f7
}

@media(max-width:1200px) {
    #search-content .search-container .search-result>div .result-body {
        padding: 0 18px 60px
    }
}

@media(max-width:640px) {
    #search-content .search-container .search-result>div .result-body {
        margin-top: 20px
    }
}

@media(max-width:768px) {
    #search-content .search-container .search-result>div .result-body {
        background: 0 0
    }
}

#search-content .search-container .search-result>div .result-body .listingCard:not(.listView),
#search-content .search-container .search-result>div .result-body .projectCard:not(.projectListView) {
    margin-right: 30px;
    margin-top: 30px;
    max-width: calc(100% * 1/3 - 20px)
}

@media(max-width:768px) {
    #search-content .search-container .search-result>div .result-body .listingCard:not(.listView),
    #search-content .search-container .search-result>div .result-body .projectCard:not(.projectListView) {
        max-width: calc(100% * 1/2 - 15px)
    }
    #search-content .search-container .search-result>div .result-body .listingCard:not(.listView):nth-child(2n),
    #search-content .search-container .search-result>div .result-body .projectCard:not(.projectListView):nth-child(2n) {
        margin-right: 0
    }
    #search-content .search-container .search-result>div .result-body .listingCard:not(.listView):nth-child(15),
    #search-content .search-container .search-result>div .result-body .listingCard:not(.listView):nth-child(3),
    #search-content .search-container .search-result>div .result-body .listingCard:not(.listView):nth-child(9),
    #search-content .search-container .search-result>div .result-body .projectCard:not(.projectListView):nth-child(15),
    #search-content .search-container .search-result>div .result-body .projectCard:not(.projectListView):nth-child(3),
    #search-content .search-container .search-result>div .result-body .projectCard:not(.projectListView):nth-child(9) {
        margin-right: 30px !important
    }
}

@media(max-width:640px) {
    #search-content .search-container .search-result>div .result-body .listingCard:not(.listView),
    #search-content .search-container .search-result>div .result-body .projectCard:not(.projectListView) {
        max-width: 100%;
        margin: 0 0 15px
    }
}

#search-content .search-container .search-result>div .result-body .listingCard:not(.listView):nth-child(3n),
#search-content .search-container .search-result>div .result-body .projectCard:not(.projectListView):nth-child(3n) {
    margin-right: 0
}

#search-content .search-container .search-result>div .result-body .listingCard:not(.listView) .info-container .action-group,
#search-content .search-container .search-result>div .result-body .listingCard:not(.listView) .info-container .label-group,
#search-content .search-container .search-result>div .result-body .listingCard:not(.listView) .info-container .listing-info li:nth-child(3),
#search-content .search-container .search-result>div .result-body .listingCard:not(.listView) .info-container .listing-info li:nth-child(4),
#search-content .search-container .search-result>div .result-body .listingCard:not(.listView) .info-container .project-info,
#search-content .search-container .search-result>div .result-body .projectCard:not(.projectListView) .info-container .action-group,
#search-content .search-container .search-result>div .result-body .projectCard:not(.projectListView) .info-container .label-group,
#search-content .search-container .search-result>div .result-body .projectCard:not(.projectListView) .info-container .listing-info li:nth-child(3),
#search-content .search-container .search-result>div .result-body .projectCard:not(.projectListView) .info-container .listing-info li:nth-child(4),
#search-content .search-container .search-result>div .result-body .projectCard:not(.projectListView) .info-container .project-info {
    display: none
}

#search-content .search-container .search-result>div .result-body .is-xxl.listingCard:not(.listView),
#search-content .search-container .search-result>div .result-body .is-xxl.projectCard:not(.projectListView) {
    margin-right: 30px;
    margin-top: 30px
}

@media(max-width:1920px) {
    #search-content .search-container .search-result>div .result-body .is-xxl.listingCard:not(.listView),
    #search-content .search-container .search-result>div .result-body .is-xxl.projectCard:not(.projectListView) {
        max-width: calc(100% * 1/5 - 24px)
    }
    #search-content .search-container .search-result>div .result-body .is-xxl.listingCard:not(.listView):nth-child(5n),
    #search-content .search-container .search-result>div .result-body .is-xxl.projectCard:not(.projectListView):nth-child(5n) {
        margin-right: 0
    }
}

@media(max-width:1444px) {
    #search-content .search-container .search-result>div .result-body .is-xxl.listingCard:not(.listView),
    #search-content .search-container .search-result>div .result-body .is-xxl.projectCard:not(.projectListView) {
        max-width: calc(100% * 1/4 - 23px)
    }
    #search-content .search-container .search-result>div .result-body .is-xxl.listingCard:not(.listView):nth-child(4n),
    #search-content .search-container .search-result>div .result-body .is-xxl.projectCard:not(.projectListView):nth-child(4n) {
        margin-right: 0
    }
    #search-content .search-container .search-result>div .result-body .is-xxl.listingCard:not(.listView):nth-child(5n),
    #search-content .search-container .search-result>div .result-body .is-xxl.projectCard:not(.projectListView):nth-child(5n) {
        margin-right: 30px
    }
}

#search-content .search-container .search-result>div .result-body .listingCard.listView .cover-image,
#search-content .search-container .search-result>div .result-body .projectCard.projectListView .cover-image {
    max-width: 270px;
    min-width: 270px
}

#search-content .search-container .search-result>div .result-body .listingCard.listView .cover-image .btn-favorite,
#search-content .search-container .search-result>div .result-body .projectCard.projectListView .cover-image .btn-favorite {
    display: none
}

#search-content .search-container .search-result>div .result-body .listingCard.listView .cover-image .label-group,
#search-content .search-container .search-result>div .result-body .projectCard.projectListView .cover-image .label-group {
    display: none
}

#search-content .search-container .search-result>div .result-body .listingCard.listView .info-container,
#search-content .search-container .search-result>div .result-body .projectCard.projectListView .info-container {
    background: 0 0
}

#search-content .search-container .search-result>div .result-body .listingCard.listView .info-container .listing-name,
#search-content .search-container .search-result>div .result-body .projectCard.projectListView .info-container .listing-name {
    max-height: 48px
}

#search-content .search-container .search-result>div .result-body .listingCard.listView .info-container .listing-address,
#search-content .search-container .search-result>div .result-body .projectCard.projectListView .info-container .listing-address {
    white-space: nowrap;
    margin-top: 23px
}

#search-content .search-container .search-result>div .result-body .listingCard.listView .info-container .listing-info,
#search-content .search-container .search-result>div .result-body .projectCard.projectListView .info-container .listing-info {
    margin-top: 8px
}

#search-content .search-container .search-result>div .result-body .listingCard.listView .info-container .action-group .avatar-developer-ct,
#search-content .search-container .search-result>div .result-body .projectCard.projectListView .info-container .action-group .avatar-developer-ct {
    vertical-align: sub;
    height: 40px;
    width: 40px;
    border: 1px solid #dedede;
    margin-right: 10px
}

#search-content .search-container .search-result>div .result-body .listingCard.listView .info-container .action-group .avatar-developer-ct img,
#search-content .search-container .search-result>div .result-body .projectCard.projectListView .info-container .action-group .avatar-developer-ct img {
    width: 100%;
    vertical-align: bottom;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border: initial
}

#search-content .search-container .search-result>div .result-body .listingCard.listView .info-container .action-group .detail,
#search-content .search-container .search-result>div .result-body .projectCard.projectListView .info-container .action-group .detail {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#search-content .search-container .search-result>div .result-body .listingCard.listView .info-container .action-group .detail a,
#search-content .search-container .search-result>div .result-body .projectCard.projectListView .info-container .action-group .detail a {
    display: block;
    margin-bottom: 7px
}

#search-content .search-container .search-result>div .result-body .row:not(.grid) .col {
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms
}

@media(max-width:640px) {
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .col:first-child {
        margin-top: 0
    }
}

@media(max-width:767px) {
    #search-content .search-container .search-result>div .result-body .row:not(.grid) {
        margin: 0 -15px
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .col {
        margin-top: 30px;
        width: 50%;
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left
    }
}

@media(max-width:640px) {
    #search-content .search-container .search-result>div .result-body .row:not(.grid) {
        margin: 0
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .col {
        margin-top: 30px;
        width: 100% !important;
        padding: 0 !important
    }
}

#search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .cover-image img {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media(max-width:1024px) {
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box {
        padding: 20px 30px 20px 0
    }
}

@media(min-width:768px) {
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box {
        width: 100%;
        position: relative;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        padding: 20px 30px;
        background: #fff;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .cover-image {
        max-width: 270px;
        min-width: 270px;
        position: relative
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .cover-image a {
        width: 100%;
        display: block;
        overflow: hidden;
        height: 0;
        padding-top: 66.67%;
        position: relative
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .cover-image .btn-favorite {
        display: none
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .cover-image .label-group {
        display: none
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container {
        width: calc(100% - 302px);
        padding: 0;
        position: relative;
        border: transparent
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-name {
        font-family: rv-font2, Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #30333a;
        font-weight: 400;
        line-height: 1.5;
        width: calc(100% - 160px);
        white-space: normal;
        height: 50px;
        padding: 0 0 5px;
        vertical-align: top;
        margin: -5px 0 7px;
        overflow: hidden;
        overflow-wrap: break-word;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-name:hover {
        color: #c72528
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-address {
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        margin-top: 0;
        color: #838383;
        line-height: 1.29
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-address h4 {
        display: inline-block;
        font-size: 14px;
        font-weight: 400
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-address h4 a {
        color: #838383
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-address h4 a:hover {
        color: #c72528
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-info {
        margin-top: 8px
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-info li {
        display: inline-block;
        width: auto;
        font-size: 14px;
        margin-right: 15px;
        color: #838383
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-info li .zmdi {
        color: #30333a;
        padding-right: 5px;
        vertical-align: text-bottom
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-price {
        display: block;
        position: absolute;
        right: 20px;
        bottom: 15px;
        font-size: 16px;
        font-weight: 600;
        color: #30333a;
        text-align: right;
        top: 0;
        right: 0
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .action-group .contact a.fix-btn {
        padding: 0 8px;
        line-height: 40px
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .action-group .contact a.active {
        background: #00779a;
        color: #fff;
        border: unset
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .action-group .contact a.fix-btn i {
        font-size: 24px;
        padding-right: 0;
        line-height: 32px
    }
}

@media(max-width:767px) {
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box {
        width: 100%;
        float: left;
        display: block;
        border: 1px solid rgba(131, 131, 131, .2);
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
        box-shadow: 0 0 6px rgba(0, 0, 0, .15);
        padding: 0;
        position: relative
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .cover-image {
        width: 100%;
        position: relative
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .cover-image a {
        width: 100%;
        display: block;
        overflow: hidden;
        height: 0;
        padding-top: 66.67%;
        position: relative
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .cover-image .btn-favorite {
        display: block
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .cover-image .label-group {
        position: absolute;
        left: 0;
        bottom: 10px;
        width: 100%;
        padding: 0 10px;
        z-index: 2;
        display: block
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .cover-image .label-group span {
        margin: 5px 5px 0 0
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container {
        padding: 15px;
        background: #fff
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-address,
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-info,
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-name {
        width: 100%
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-name {
        display: block;
        font-family: rv-font2, Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #30333a;
        font-weight: 400;
        line-height: 1.5;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        height: auto !important
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .action-group,
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .label-group {
        display: none
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-address {
        margin-top: 5.5px;
        display: block;
        color: #838383;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 1.29
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-address h4 {
        display: inline-block;
        font-size: 14px;
        font-weight: 400
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-address h4 a {
        color: #838383
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-info {
        margin-top: 11px
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-info li {
        display: inline-block;
        width: auto;
        font-size: 14px;
        margin-right: 11px;
        color: #838383
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-info li .zmdi {
        color: #30333a;
        padding-right: 5px;
        vertical-align: text-bottom
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-info li:nth-child(n+4) {
        display: none
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-price {
        display: block;
        position: absolute;
        right: 20px;
        bottom: 15px;
        top: initial;
        font-size: 14px;
        font-weight: 600;
        color: #30333a;
        text-align: right
    }
}

#search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .cover-image img {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    height: 100%
}

@media(min-width:768px) {
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 30px;
        border-bottom: 1px solid rgba(48, 51, 58, .1) !important;
        max-width: 100%;
        border: 0;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        width: 100%;
        position: relative;
        float: left;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background: #fff
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .cover-image {
        max-width: 270px;
        min-width: 270px;
        width: 36%;
        margin-right: 30px;
        position: relative
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .cover-image a {
        width: 100%;
        display: block;
        overflow: hidden;
        height: 0;
        padding-top: 66.67%;
        position: relative
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .cover-image .btn-favorite {
        display: none
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .cover-image .label-primary {
        border-radius: 2px;
        display: block;
        float: left;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        padding: 6px 10px 4px;
        width: 100%;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        min-width: -moz-min-content;
        max-width: -moz-max-content
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .cover-image .label-primary.hot {
        position: absolute;
        top: 10px;
        left: 10px;
        background: #ea1e12;
        color: #fff;
        width: auto;
        font-size: 12px;
        font-weight: 600;
        display: flex;
        align-items: center
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container {
        padding: 0;
        position: relative;
        width: calc(100% - 302px)
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-name {
        color: #30333a;
        display: block;
        font-family: rv-font2, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 500;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        width: calc(100% - 120px)
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-name:hover {
        color: #c72528
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-address {
        margin-top: 12px;
        display: block;
        color: #838383;
        width: calc(100% - 200px);
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-address h4 {
        display: inline-block
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-address h4 a {
        color: #838383;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-address h4 a:hover {
        color: #c72528
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-info {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-flow: row wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        width: 70%;
        margin-top: 18px;
        line-height: 22px
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-info .item {
        width: calc(100% * 1/2);
        white-space: nowrap;
        line-height: 22px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-info .item span {
        font-size: 14px;
        color: #838383
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-info .item strong {
        font-weight: 300;
        color: #30333a;
        font-size: 14px
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .price {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        text-align: right
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .price span {
        display: block;
        float: left;
        color: #444c59;
        margin-bottom: 10px
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .price span strong {
        color: #30333a;
        font-weight: 600
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .action-group {
        position: absolute;
        left: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .action-group .developer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        width: calc(100% - 180px)
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .action-group .developer .avatar-developer-ct {
        vertical-align: sub;
        height: 40px;
        width: 40px;
        margin-right: 10px
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .action-group .developer .avatar-developer-ct img {
        vertical-align: bottom;
        -o-object-fit: contain;
        object-fit: contain;
        border: 1px solid #dedede;
        background: #fff
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .action-group .developer .detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .action-group .developer .detail a {
        display: block;
        font-size: 14px;
        color: #30333a;
        font-weight: 600;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: 22px
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .action-group .developer .detail a:hover {
        color: #c72528
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .action-group .developer .detail .roll {
        color: #666;
        font-size: 12px;
        padding: 0;
        line-height: 20px
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .action-group .contact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .action-group .contact a.fix-btn {
        padding: 0 8px;
        line-height: 40px
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .action-group .contact a.fix-btn.active {
        background: #00779a;
        color: #fff;
        border: unset
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .action-group .contact a.fix-btn i {
        font-size: 24px;
        padding-right: 0;
        line-height: 32px
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .action-group .contact .btn-primary {
        margin-left: 10px;
        margin-right: 0
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .action-group .contact .btn-primary:first-child {
        margin-left: 0
    }
}

@media(max-width:767px) {
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box {
        position: relative
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .cover-image {
        position: relative
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .cover-image a {
        width: 100%;
        display: block;
        overflow: hidden;
        height: 0;
        padding-top: 66.67%;
        background-size: cover;
        position: relative
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .cover-image a .dark-overlay {
        position: absolute;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .cover-image a .btn-favorite {
        position: absolute;
        top: 10px;
        right: 10px;
        height: 32px;
        width: 32px;
        padding: 0;
        margin: auto;
        text-align: center;
        font-size: 24px;
        outline: 0;
        border: 0;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        color: #fff;
        background: rgba(48, 51, 58, .3);
        z-index: 9
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .cover-image a .label-primary.hot {
        position: absolute;
        top: 10px;
        left: 10px;
        background: #ea1e12;
        color: #fff;
        width: auto;
        font-size: 12px;
        font-weight: 600;
        padding: 6px 10px 4px;
        display: flex;
        align-items: center
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 20px;
        z-index: 2
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-name {
        display: block;
        font-family: rv-font2, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-address {
        margin-top: 12px;
        display: block;
        color: rgba(255, 255, 255, .86);
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-address h4 {
        display: inline-block
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-address h4 a {
        font-size: 14px;
        font-weight: 400;
        color: rgba(255, 255, 255, .86)
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-info {
        display: none
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .price {
        margin-top: 12px;
        font-size: 14px;
        display: block;
        overflow: hidden;
        line-height: 1.29;
        position: relative;
        bottom: unset;
        right: unset
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .price span {
        display: block;
        float: left;
        color: rgba(255, 255, 255, .86)
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .price span strong {
        color: #fff
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .price span strong:after {
        content: "";
        width: 1px;
        height: 10px;
        background: rgba(255, 255, 255, .86);
        display: inline-block;
        margin: 0 15px
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .price span:last-child strong:after {
        display: none
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .action-group {
        display: none
    }
}

#search-content .search-container .search-result>div .result-body .row.grid {
    margin: 0 -15px;
    padding: 0 30px
}

#search-content .search-container .search-result>div .result-body .row.grid.full .col {
    width: 25%
}

#search-content .search-container .search-result>div .result-body .row.grid .col {
    float: left;
    padding: 0 15px;
    margin-top: 30px;
    -webkit-transition: 250ms all;
    -o-transition: 250ms all;
    transition: 250ms all;
    width: 33.3333%
}

@media(max-width:1440px) {
    #search-content .search-container .search-result>div .result-body .row.grid .col {
        width: 33.3333%
    }
    #search-content .search-container .search-result>div .result-body .row.grid.full .col {
        width: 25%
    }
}

@media(max-width:1366px) {
    #search-content .search-container .search-result>div .result-body .row.grid.full .col {
        width: 33.3333%
    }
}

@media(max-width:767px) {
    #search-content .search-container .search-result>div .result-body .row.grid .col {
        width: 50% !important
    }
}

@media(max-width:640px) {
    #search-content .search-container .search-result>div .result-body .row.grid .col {
        width: 100% !important
    }
    #search-content .search-container .search-result>div .result-body .row.grid .col:first-child {
        margin-top: 0
    }
}

@media(max-width:640px) {
    #search-content .search-container .search-result>div .result-body .row.grid {
        margin: 0
    }
    #search-content .search-container .search-result>div .result-body .row.grid .col {
        margin-top: 30px;
        width: 100% !important;
        padding: 0 !important
    }
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box {
    width: 100%;
    display: block;
    border: 1px solid rgba(131, 131, 131, .2);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    padding: 0;
    position: relative
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .cover-image {
    width: 100%;
    max-width: initial;
    min-width: initial;
    position: relative
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .cover-image a {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
    position: relative
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .cover-image img {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .cover-image .btn-favorite {
    display: block
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .cover-image .label-group {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    padding: 0 10px;
    z-index: 2;
    display: block
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .cover-image .label-group span {
    margin: 5px 5px 0 0
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container {
    padding: 15px;
    background: #fff;
    min-height: 111px
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container .listing-address,
#search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container .listing-info,
#search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container .listing-name {
    width: 100%
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container .listing-name {
    display: block;
    font-family: rv-font2, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #30333a;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container .action-group,
#search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container .label-group {
    display: none
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container .listing-address {
    margin-top: 8px;
    display: block;
    color: #838383;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container .listing-address h4 {
    display: inline-block;
    font-size: 14px;
    font-weight: 400
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container .listing-address h4 a {
    color: #838383
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container .listing-info {
    margin-top: 15px;
    min-height: 18px
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container .listing-info li {
    display: inline-block;
    width: auto;
    font-size: 14px;
    margin-right: 15px;
    color: #838383
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container .listing-info li .zmdi {
    color: #30333a;
    padding-right: 5px;
    vertical-align: text-bottom
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container .listing-info li:nth-child(n+3) {
    display: none
}

#search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container .listing-price {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 15px;
    top: initial;
    font-size: 14px;
    font-weight: 600;
    color: #30333a;
    text-align: right
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list {
    position: relative
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .cover-image {
    position: relative
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .cover-image a {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
    background-size: cover;
    position: relative
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .cover-image a img {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    height: 100%
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .cover-image a .dark-overlay {
    position: absolute;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .cover-image a .btn-favorite {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 32px;
    width: 32px;
    padding: 0;
    margin: auto;
    text-align: center;
    font-size: 24px;
    outline: 0;
    border: 0;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    color: #fff;
    background: rgba(48, 51, 58, .3);
    z-index: 9
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .cover-image a .label-primary.hot {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #ea1e12;
    color: #fff;
    width: auto;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 10px 4px
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .info-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    z-index: 2
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .info-container .project-name {
    display: block;
    font-family: rv-font2, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .info-container .project-address {
    margin-top: 12px;
    display: block;
    color: rgba(255, 255, 255, .86);
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .info-container .project-address h4 {
    display: inline-block
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .info-container .project-address h4 a {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, .86)
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .info-container .project-info {
    display: none
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .info-container .price {
    margin-top: 10px;
    font-size: 14px;
    display: block;
    overflow: hidden;
    position: relative;
    bottom: unset;
    right: unset
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .info-container .price span {
    display: block;
    float: left;
    color: rgba(255, 255, 255, .86)
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .info-container .price span strong {
    color: #fff
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .info-container .price span strong:after {
    content: "";
    width: 1px;
    height: 10px;
    background: rgba(255, 255, 255, .86);
    display: inline-block;
    margin: 0 15px
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .info-container .price span:last-child strong:after {
    display: none
}

#search-content .search-container .search-result>div .result-body .row.grid .projectCard-list .info-container .action-group {
    display: none
}

#search-content .search-container .search-result>div .result-body .paginator-search {
    padding-top: 60px;
    display: block;
    clear: both;
    width: 100%;
    background: #f3f4f7
}

#search-content .search-container .search-result .search-relative {
    width: 100%;
    background: #fff;
    padding: 60px 0;
    display: block
}

#search-content .search-container .search-result .search-relative .inner {
    padding: 0 30px
}

@media(max-width:1200px) {
    #search-content .search-container .search-result .search-relative .inner {
        padding: 0 18px
    }
}

#search-content .search-container .search-result .search-relative .inner .main-key {
    margin-bottom: 20px
}

#search-content .search-container .search-result .search-relative .inner .main-key a {
    font-family: rv-font2, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 400
}

#search-content .search-container .search-result .search-relative .inner .row {
    margin-bottom: 60px
}

#search-content .search-container .search-result .search-relative .inner .row .heading {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px
}

#search-content .search-container .search-result .search-relative .inner .row .description {
    line-height: 24px;
    margin-bottom: 45px;
    font-size: 14px
}

#search-content .search-container .search-result .search-relative .inner .row .relative-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#search-content .search-container .search-result .search-relative .inner .row .relative-group .item {
    width: calc(100% * 1/3 - 30px);
    margin-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:768px) {
    #search-content .search-container .search-result .search-relative .inner .row .relative-group .item {
        width: calc(100% * 1/3 - 30px)
    }
}

@media(max-width:640px) {
    #search-content .search-container .search-result .search-relative .inner .row .relative-group .item {
        width: calc(100% * 1/2 - 30px)
    }
}

#search-content .search-container .search-result .search-relative .inner .row .relative-group .item a {
    color: #337588;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#search-content .search-container .search-result .search-relative .inner .row .relative-group .style2 {
    width: calc(100% * 1/4 - 30px);
    margin-right: 30px;
    margin-top: 10px;
    background: #f3f4f7
}

@media(max-width:768px) {
    #search-content .search-container .search-result .search-relative .inner .row .relative-group .style2 {
        width: calc(100% * 1/3 - 30px)
    }
}

@media(max-width:640px) {
    #search-content .search-container .search-result .search-relative .inner .row .relative-group .style2 {
        width: calc(100% * 1/2 - 30px)
    }
}

#search-content .search-container .search-result .search-relative .inner .row .relative-group .style2 a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 32px;
    text-align: center;
    color: #838383;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 14px
}

@media(max-width:1920px) {
    #search-content .search-container .search-result .search-relative .inner .row .relative-group li.is-xxl {
        max-width: calc(100% * 1/8 - 30px)
    }
    #search-content .search-container .search-result .search-relative .inner .row .relative-group li.is-xxl:nth-child(8n) {
        margin-right: 0
    }
}

@media(max-width:1444px) {
    #search-content .search-container .search-result .search-relative .inner .row .relative-group li.is-xxl {
        max-width: calc(100% * 1/6 - 30px)
    }
    #search-content .search-container .search-result .search-relative .inner .row .relative-group li.is-xxl:nth-child(6n) {
        margin-right: 0
    }
    #search-content .search-container .search-result .search-relative .inner .row .relative-group li.is-xxl:nth-child(8n) {
        margin-right: 30px
    }
}

#search-content .search-container .search-result .search-relative .search-breadcrumbs {
    border-top: 1px solid rgba(48, 51, 58, .1)
}

#search-content .search-container .search-result .search-relative .search-breadcrumbs .breadcrums {
    margin-top: 20px;
    padding: 0 30px
}

@media(max-width:1200px) {
    #search-content .search-container .search-result .search-relative .search-breadcrumbs .breadcrums {
        padding: 0 18px
    }
}

#search-content .search-container .search-result .mobile-filter {
    display: none
}

@media(min-width:320px) and (max-width:1120px) {
    #search-content .search-container .search-result .mobile-filter {
        display: block;
        position: fixed;
        bottom: 10px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: #fff;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .14);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .14);
        border-radius: 4px;
        z-index: 15;
        white-space: nowrap
    }
}

#search-content .search-container .search-result .mobile-filter .inner {
    padding: 5px
}

#search-content .search-container .search-result .mobile-filter .inner a {
    font-size: 14px;
    border-right: 1px solid #838383;
    margin-right: 5px;
    padding: 0 10px;
    cursor: pointer
}

#search-content .search-container .search-result .mobile-filter .inner a:nth-child(2) {
    border: 0;
    margin-right: 0
}

#search-content .search-container .search-result .mobile-filter .inner a .zmdi {
    font-size: 18px;
    padding: 0 5px 0 0;
    color: #30333a
}

#search-content .search-container .search-result .mobile-filter .inner a span {
    color: #838383;
    vertical-align: bottom
}

#search-content .search-container .search-result.active {
    width: 100%
}

@media(max-width:1120px) {
    #search-content .search-container .search-map {
        display: none
    }
}

#search-content .mobileMap {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 100
}

#search-content .mobileMap .zmdi {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #337588;
    color: #fff;
    padding: 5px 10px;
    font-size: 30px;
    border-radius: 2px
}

#search-content .mobileFilter {
    display: none;
    position: fixed !important;
    top: 0 !important;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100% !important;
    background: #fff !important;
    z-index: 9999 !important;
    overflow: auto;
    padding: 0 !important
}

#search-content .mobileFilter .inner .topFilter {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(48, 51, 58, .1);
    height: 40px;
    padding: 0 18px;
    -webkit-box-shadow: 0 15px 15px -15px #e4e4e4;
    box-shadow: 0 15px 15px -15px #e4e4e4;
    z-index: 1
}

#search-content .mobileFilter .inner .topFilter .btnBack .zmdi {
    font-size: 24px;
    color: #838383;
    padding: 0
}

#search-content .mobileFilter .inner .topFilter .title {
    font-size: 14px;
    color: #30333a
}

#search-content .mobileFilter .inner .topFilter .btnReset .zmdi {
    font-size: 20px;
    color: #838383;
    padding: 0 5px 0 0
}

#search-content .mobileFilter .inner .topFilter .btnReset span {
    font-size: 14px;
    color: #30333a
}

#search-content .mobileFilter .inner .bodyFilter {
    display: block;
    margin: 40px 0 90px
}

#search-content .mobileFilter .inner .bodyFilter .row:last-child .inner {
    border-bottom: 0
}

#search-content .mobileFilter .inner .bodyFilter .row .inner {
    padding: 20px 0;
    margin: 0 18px;
    border-bottom: 1px solid rgba(48, 51, 58, .1)
}

#search-content .mobileFilter .inner .bodyFilter .row .inner p {
    font-size: 14px;
    color: #30333a;
    font-weight: 500;
    white-space: nowrap;
    line-height: 1
}

#search-content .mobileFilter .inner .bodyFilter .row .inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#search-content .mobileFilter .inner .bodyFilter .row .inner ul li {
    width: calc(100% * 1/2);
    margin-top: 20px;
    line-height: 1.5
}

@media(max-width:768px) {
    #search-content .mobileFilter .inner .bodyFilter .row .inner ul li {
        width: calc(100% * 1/2)
    }
}

@media(max-width:480px) {
    #search-content .mobileFilter .inner .bodyFilter .row .inner ul li {
        width: calc(100% * 1/2)
    }
}

#search-content .mobileFilter .inner .bodyFilter .row .inner ul li input {
    display: none
}

#search-content .mobileFilter .inner .bodyFilter .row .inner ul li input:checked+.radio:before {
    background: #30333a;
    -webkit-box-shadow: inset 0 0 0 2px #f4f4f4;
    box-shadow: inset 0 0 0 2px #f4f4f4
}

#search-content .mobileFilter .inner .bodyFilter .row .inner ul li .radio {
    font-size: 14px
}

#search-content .mobileFilter .inner .bodyFilter .row .inner ul li .radio:before {
    content: '';
    cursor: pointer;
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    margin-right: 10px;
    display: inline-block;
    vertical-align: sub;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 2px solid #30333a;
    background: #fff
}

#search-content .mobileFilter .inner .bodyFilter .row .inner ul li .check {
    position: absolute;
    opacity: 1
}

#search-content .mobileFilter .inner .bodyFilter .row .inner ul li .check+label {
    font-size: 14px;
    color: #666;
    position: relative
}

#search-content .mobileFilter .inner .bodyFilter .row .inner ul li .check+label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: sub;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 2px solid #30333a;
    background: #fff
}

#search-content .mobileFilter .inner .bodyFilter .row .inner ul li .check+label:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 5px;
    background: #fff;
    width: 2px;
    height: 2px;
    -webkit-box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#search-content .mobileFilter .inner .bodyFilter .row .inner ul li .check:checked+label::before {
    background: #30333a
}

#search-content .mobileFilter .inner .bodyFilter .row .inner .runner {
    margin-top: 20px
}

#search-content .mobileFilter .inner .bodyFilter .row .inner .runner .irs .irs-line,
#search-content .mobileFilter .inner .bodyFilter .row .inner .runner .irs .irs-line-left,
#search-content .mobileFilter .inner .bodyFilter .row .inner .runner .irs .irs-line-mid,
#search-content .mobileFilter .inner .bodyFilter .row .inner .runner .irs .irs-line-right {
    height: 5px
}

#search-content .mobileFilter .inner .bodyFilter .row .inner .runner .irs .irs-max,
#search-content .mobileFilter .inner .bodyFilter .row .inner .runner .irs .irs-min {
    display: none
}

#search-content .mobileFilter .inner .bodyFilter .row .inner .runner .irs .irs-from,
#search-content .mobileFilter .inner .bodyFilter .row .inner .runner .irs .irs-single,
#search-content .mobileFilter .inner .bodyFilter .row .inner .runner .irs .irs-to {
    background: 0 0;
    color: #444c59;
    font-size: 14px;
    font-weight: 600
}

#search-content .mobileFilter .inner .bodyFilter .row .inner .runner .irs .irs-bar {
    height: 5px;
    border: 0;
    background: #444c59
}

#search-content .mobileFilter .inner .bodyFilter .row .inner .runner .irs .irs-slider {
    height: 25px;
    width: 24px;
    top: 23px;
    border: 3px solid #444c59;
    background: #fff
}

#search-content .mobileFilter .inner .bottomFilter {
    padding: 20px 18px;
    position: fixed;
    bottom: 0;
    z-index: 99;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid rgba(48, 51, 58, .1)
}

#search-content .mobileFilter .inner .bottomFilter .btn-primary {
    max-width: 100%
}

.notification-save {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    z-index: 999;
    color: #fff;
    background: #8cc156;
    padding: 15px 5px;
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    min-width: 330px;
    max-width: 100%;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all
}

.notification-save i::before {
    color: #fff !important
}

@media(max-width:768px) {
    .notification-save {
        top: initial;
        bottom: 0;
        width: 85%;
        min-width: initial
    }
}

.notification-save.active {
    top: 12.5%;
    opacity: 1;
    visibility: visible
}

@media(max-width:768px) {
    .notification-save.active {
        top: initial;
        bottom: 5%
    }
}

.wrap {
    position: relative;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wrap .popup-820 {
    margin: initial
}

.close-map {
    z-index: 9999;
    position: fixed;
    top: 10px;
    right: 10px;
    background: #337588;
    display: none;
    padding: 2px;
    height: 35px;
    color: #fff;
    width: 35px;
    text-align: center;
    border-radius: 2px
}

.close-map .zmdi-hc-3x {
    font-size: 30px !important
}

.close-map i {
    padding-right: 0 !important
}

.active-on {
    display: block !important
}

@media(max-width:1024px) {
    .active-map {
        top: 0;
        z-index: 999;
        height: 100%;
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .search-map {
        width: inherit !important;
        position: fixed
    }
}

.btn-gray {
    color: #838383;
    background: #fff;
    border: 1px solid rgba(131, 131, 131, .5)
}

@media(min-width:768px) {
    .btn-gray:hover {
        color: #fff;
        background: rgba(131, 131, 131, .86)
    }
}

.btn-gray-outline {
    color: #30333a;
    border: 1px solid #30333a;
    background: 0 0
}

@media(min-width:768px) {
    .btn-gray-outline:hover,
    .btn-red-outline.active {
        color: #fff;
        background: #30333a
    }
}

@media(max-width:823px) {
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-name {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        height: 50px
    }
}

#search-content .search-container .search-result .search-relative .inner .row .relative-group .item.style1 a {
    color: #337588;
    font-size: 16px;
    line-height: 2;
    font-weight: 600
}

@media(min-width:768px) {
    #search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container .listing-info li.icon-bath-room,
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-info li.icon-bath-room {
        position: relative;
        padding-left: 25px;
        vertical-align: text-bottom
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-info li.icon-bath-room:before {
        content: url(../../images/icon/bath-room.svg);
        position: absolute;
        left: 0;
        top: -3px;
        z-index: 1
    }
    #search-content .search-container .search-result>div .result-body .row.grid .listView.box .info-container .listing-info li.icon-bath-room:before {
        content: url(../../images/icon/bath-room.svg);
        position: absolute;
        left: 0;
        top: -3px;
        z-index: 1
    }
}

@media(max-width:768px) {
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-info li.icon-bath-room {
        position: relative;
        padding-left: 25px;
        vertical-align: text-bottom
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-info li.icon-bath-room:before {
        content: url(../../images/icon/bath-room.svg);
        position: absolute;
        left: 0;
        top: -3px;
        z-index: 1
    }
}

@media(min-width:540px) {
    #search-content .search-container .search-result>div .secondaryBar .keyword span.hidden-pc {
        display: none
    }
}

@media(max-width:540px) {
    #search-content .search-container .search-result>div .secondaryBar .keyword {
        white-space: normal
    }
    #search-content .search-container .search-result>div .secondaryBar .keyword p {
        height: auto;
        line-height: 1.29;
        width: 100%
    }
    #search-content .search-container .search-result>div .secondaryBar .keyword span {
        display: inline-block
    }
    #search-content .search-container .search-result>div .secondaryBar .keyword i.zmdi {
        margin-top: -2px;
        font-weight: 400
    }
}

@media(max-width:767px) {
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box {
        padding: 0 !important
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box {
        padding: 0 !important
    }
}

@media(max-width:1024px) {
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box {
        padding: 20px 18px
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box {
        padding: 20px 0
    }
    #search-content .search-container .search-result>div .result-body .row.grid {
        padding: 0
    }
}

.save-pj {
    margin-top: -2px
}

@media(max-width:768px) {
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box {
        padding: 20px 18px !important
    }
}

@media(max-width:767px) {
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box {
        padding: 0 !important
    }
    #search-content .search-container .search-result>div .result-body {
        padding: 0 18px 60px !important
    }
}

@media(max-width:1120px) {
    #search-content .search-container .search-result {
        width: 100%
    }
}

@media(max-width:1200px) {
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box {
        padding: 20px 18px
    }
    #search-content .search-container .search-result>div .result-body .row.grid {
        padding: 0 18px 60px
    }
    #search-content .search-container .search-result>div .result-body {
        padding: 0 0 60px
    }
}

.search-map {
    background-color: #f7f7f7;
    width: 34%;
    float: left;
    position: fixed;
    top: 120px;
    bottom: 0;
    z-index: 9;
    right: 0;
    height: calc(100% - 120px);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

#render-map {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding-top: 60px
}

.google-map {
    width: 100%;
    height: 100%
}

#search-content .top-nav .nav-right .inner .btn-red-outline.active {
    color: #fff !important;
    background: #c72528
}

@media screen and (min-width:1440px) {
    #search-content .search-container .search-result>div .result-body .row.grid.full .col {
        width: 20%
    }
}

.save-project {
    position: relative;
    min-width: fit-content !important;
    max-width: 90px !important
}

.save-project.active:hover .save-project-option {
    opacity: 1 !important;
    visibility: visible !important
}

.save-project-option {
    position: absolute;
    background: #fff;
    padding: 6px 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08);
    border: solid 1px rgba(131, 131, 131, .2);
    top: 47px;
    right: -2px;
    z-index: 666;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .1s ease all;
    -o-transition: .1s ease all;
    transition: .1s ease all
}

.save-project-option:before {
    width: 10px;
    height: 10px;
    border: solid 1px rgba(131, 131, 131, .2);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    -o-transition: transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s;
    border-bottom-color: #fff;
    border-right-color: #fff;
    position: absolute;
    right: 20%;
    top: -5px;
    content: '';
    background: #fff;
    z-index: 1
}

.save-project-option li {
    width: 100%;
    display: block;
    position: relative;
    text-align: left;
    padding: 5px 0;
    z-index: 2
}

.save-project-option li:last-child {
    border-top: 1px solid rgba(48, 51, 58, .1)
}

.save-project-option li:hover {
    background: #f3f4f7
}

.save-project-option li a {
    padding: 0 25px;
    color: #30333a;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none
}

.save-project-option li a.delete-search {
    color: #cf373a
}

.view-full-map {
    position: absolute;
    top: 10px;
    right: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #444c59;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    background-color: #f3f4f7;
    font-size: 18px;
    z-index: 2
}

.view-full-map .zmdi {
    padding: 0;
    color: #444c59
}

.map-zoning {
    position: absolute;
    top: 10px;
    right: 80px;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    text-align: center;
    color: #444c59;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    background-color: #f3f4f7;
    font-size: 14px;
    z-index: 2
}

.map-zoning .zmdi {
    padding: 0 5px 5px;
    font-size: 18px;
    line-height: 26px;
    color: #444c59
}

.close-map-zoning {
    position: absolute;
    top: 10px;
    right: 189px;
    height: 40px;
    padding: 0 15px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    background-color: #d0021b;
    font-size: 14px;
    font-weight: 400;
    z-index: 2;
    border: 1px solid rgba(48, 51, 58, .1)
}

.close-map-zoning:hover {
    opacity: .86;
    color: #fff
}

.location-zoom {
    position: absolute;
    top: 60px;
    right: 30px;
    background: #f3f4f7;
    width: 40px;
    text-align: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    padding: 0 10px;
    z-index: 2
}

.location-zoom a {
    font-size: 18px;
    line-height: 18px;
    color: #444c59;
    display: block;
    font-weight: 400;
    padding: 11px 0
}

.location-zoom a .zmdi {
    padding: 0
}

.prompt-map {
    position: absolute;
    width: 87%;
    height: 40px;
    line-height: 40px;
    top: 10px;
    right: 30px;
    background: #30333a;
    color: #fff;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 3
}

.prompt-map span {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.prompt-map a.cancel-prompt-map {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    border-left: 1px solid rgba(255, 255, 255, .2);
    padding-left: 15px
}

.prompt-map a.cancel-prompt-map:hover {
    color: #fff
}

#search-content .search-container.full .close-map-zoning,
#search-content .search-container.full .location-zoom,
#search-content .search-container.full .map-zoning,
#search-content .search-container.full .view-full-map {
    display: none
}

#search-content .search-container .search-result>div .actionBar .btn-primary,
#search-content .top-nav .nav-right .btn-primary {
    margin: 0
}

#search-content .search-container .search-result>div .actionBar .save-project,
#search-content .top-nav .nav-right .save-project {
    color: #337588;
    border: 1px solid rgba(51, 117, 136, .5);
    background: 0 0;
    padding: 0 15px
}

#search-content .top-nav .nav-right .save-project {
    min-width: 85px
}

#search-content .search-container .search-result>div .actionBar .btn-red-outline.save-project:hover,
#search-content .top-nav .nav-right .btn-red-outline.save-project:hover {
    color: #fff;
    background: #337588
}

#search-content .search-container .search-result>div .actionBar .btn-red-outline.active,
#search-content .top-nav .nav-right .btn-red-outline.active {
    color: #fff !important;
    background: #337588 !important
}

.open-map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.open-map span {
    font-size: 14px;
    line-height: 22px;
    color: #444c59
}

.switch-map {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 14px;
    margin-right: 10px
}

.switch-map input {
    opacity: 0;
    width: 0;
    height: 0
}

.switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(68, 76, 89, .5);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.switch-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 0;
    bottom: -2px;
    background-color: #f1f1f1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .24), 0 0 1px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .24), 0 0 1px 0 rgba(0, 0, 0, .12)
}

input:checked+.switch-slider {
    background-color: rgb(68, 76, 89, .5)
}

input:checked+.switch-slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
    background: #444c59
}

.switch-slider.switch-round {
    border-radius: 34px
}

.switch-slider.switch-round:before {
    border-radius: 50%
}

@media(max-width:1120px) {
    .open-map {
        display: none
    }
}

#search-content .search-container .search-result>div .secondaryBar .view {
    margin-right: 10px;
    border-radius: 4px;
    border: 1px solid rgba(48, 51, 58, .1);
    padding: 5px 10px;
    height: 40px;
    line-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:768px) {
    #search-content .search-container .search-result>div .secondaryBar .view {
        display: none
    }
}

#search-content .search-container .search-result>div .secondaryBar .view .zmdi:first-child {
    margin-left: 0;
    padding-right: 10px;
    border-right: 1px solid rgba(48, 51, 58, .1)
}

#search-content .search-container .search-result>div .secondaryBar .view .zmdi {
    cursor: pointer;
    font-size: 24px;
    border: 0;
    background: 0 0;
    padding: 0;
    margin-left: 10px;
    color: rgba(48, 51, 58, .5)
}

#search-content .search-container .search-result>div .secondaryBar .view .active {
    color: #30333a
}

@media(min-width:1121px) {
    #search-content .top-nav .nav-right .save-project {
        display: none
    }
}

@media(max-width:1120px) {
    #search-content .search-container .search-result>div .secondaryBar {
        margin-top: 0
    }
    #search-content .search-container .search-result>div .actionBar {
        display: none
    }
}

.c72528-14 {
    font-size: 14px !important;
    line-height: 22px !important;
    color: #c72528 !important
}

.c72528-20 {
    font-size: 20px !important;
    line-height: 28px !important;
    color: #c72528 !important
}

.pd-left-right-30 {
    padding: 0 30px
}

.head-02 {
    font-family: Tiempos, Arial, Helvetica, sans-serif;
    padding: 40px 0 25px;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    line-height: 30px
}

@media(min-width:1200px) {
    #search-content .search-container .search-result>div .result-body .row.grid .listView.box:hover .overview-quick-look,
    #search-content .search-container .search-result>div .result-body .row.grid .projectCard-list:hover .overview-quick-look,
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box:hover .overview-quick-look,
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box:hover .overview-quick-look {
        visibility: visible;
        opacity: 1;
        -webkit-transition: 1s all;
        -o-transition: 1s all;
        transition: 1s all
    }
}

.overview-quick-look {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 3;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .6);
    visibility: hidden;
    opacity: 0
}

@media screen and (max-width:1120px) {
    .overview-quick-look {
        display: none
    }
}

.overview-quick-look .btn-quick-look {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: 0 auto
}

.overview-quick-look .btn-quick-look a {
    color: #30333a;
    font-size: 14px;
    outline: 0;
    border: 0;
    overflow: auto !important;
    padding: 0 30px;
    padding-top: 0 !important;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px !important;
    line-height: 40px;
    background: #fff;
    margin-bottom: 10px
}

.overview-quick-look .btn-quick-look a:hover {
    background: #337588;
    color: #fff;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all
}

#search-content .search-container .search-result.is-quick-look,
#search-content .search-container .search-result.is-quick-look>div .actionBar {
    width: 60%
}

#search-content .search-container.full .search-result.is-quick-look>div .actionBar {
    width: 60% !important
}

#search-content .search-container .search-result.is-quick-look {
    height: calc(100vh - 180px);
    overflow-y: scroll;
    margin-top: 60px
}

#search-content .search-container .search-result.is-quick-look>div .secondaryBar {
    margin-top: 0
}

@media(min-width:768px) {
    #search-content .search-container .search-result.is-quick-look>div .result-body .row:not(.grid) .listView.box .info-container .listing-name {
        height: 52px;
        overflow: hidden;
        margin: -5px 0 8px;
        width: calc(100% - 90px)
    }
}

@media(min-width:1200px) and (max-width:1440px) {
    #search-content .search-container .search-result.is-quick-look>div .result-body .row.grid .col {
        width: 50%
    }
}

@media(min-width:768px) {
    #search-content .search-container .search-result.is-quick-look>div .result-body .row:not(.grid) .col .listView.box .info-container .listing-info {
        width: calc(100% - 0px)
    }
}

#search-content .search-container .search-result.is-quick-look>div .listView .info-container .action-group .agent .avatar {
    min-width: 40px
}

#search-content .search-container .search-result.is-quick-look>div .listView .info-container .listing-info,
#search-content .search-container .search-result.is-quick-look>div .listView .info-container .listing-name {
    width: calc(100% - 60px)
}

#search-content .search-container .search-result.is-quick-look>div .listView .info-container .listing-address {
    width: calc(100% - 90px)
}

#search-content .search-container .search-result.is-quick-look>div .listView .info-container .action-group .agent {
    width: 45%
}

#search-content .search-container .search-result.is-quick-look>div .listView .info-container .action-group .agent .detail {
    width: 60%;
    overflow: hidden;
    white-space: nowrap
}

#search-content .search-container .search-result.is-quick-look>div .listView .info-container .action-group .agent .detail h5 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

#search-content .search-container .search-result.is-quick-look>div .listView .info-container .action-group .agent .detail p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(min-width:1200px) {
    #search-content .search-container .search-result.is-quick-look>div .listView .info-container .action-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: unset;
        flex-flow: unset
    }
    #search-content .search-container .search-result.is-quick-look>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-name {
        width: calc(100% - 125px)
    }
    #search-content .search-container .search-result>div .result-body .row:not(.grid) .projectCard-list.box .info-container .project-info {
        width: calc(100% - 20px)
    }
}

@media(min-width:1200px) and (max-width:1300px) {
    #search-content .search-container .search-result.is-quick-look>div .listView .info-container .action-group .agent {
        width: unset
    }
    #search-content .search-container .search-result.is-quick-look>div .listView .info-container .action-group .agent .detail {
        display: none
    }
    #search-content .search-container .search-result.is-quick-look>div .result-body .row:not(.grid) .projectCard-list.box .info-container .action-group .developer .detail {
        display: none
    }
}

#search-content .search-container .search-result>div .promote-block .view-more {
    font-size: 16px;
    line-height: 24px;
    color: #337588;
    background: 0 0;
    outline: 0;
    border: 0;
    padding: 0;
    margin: 0
}

#search-content .search-container .search-result>div .promote-block .view-more:hover {
    color: #337588
}

#search-content .search-container .search-result>div .promote-block .view-more .zmdi {
    padding: 0;
    padding-left: 5px;
    font-size: 24px;
    line-height: 32px
}

/* more */
#search-content .result-body .info-container .listing-desc {font-size:16px;text-align:justify}
#search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-name {height:auto}
#search-content .search-container .search-result>div .result-body .row:not(.grid) .listView.box .info-container .listing-address{margin-bottom:15px}
#search-content .result-body .grid .info-container .listing-desc{display:none}
#search-content {margin-bottom: 100px}
@media (max-width:800px) {
#mn-01, #mn-02 {padding-bottom: 70px}
}
@media (max-width:667px) {
.right-ft li {width: 50%}
.right-ft li.fb-blog-page {display:none}
}
@media (max-width:480px) {
.right-ft li {width: 100%}
.left-ft {position: relative;margin-top:50px}
#mn-01, #mn-02 {padding-bottom: 0}	
}