@font-face {
    font-family: "font-icon-bds";
    src: url(../fonts/font-icon-bds-v202201061700.eot);
    src: url(../fonts/font-icon-bds-v202201061700.eot) format("embedded-opentype"),url(../fontsfont-icon-bds-v202201061700.ttf) format("truetype"),url(../fonts/font-icon-bds-v202201061700.woff) format("woff"),url(../fonts/font-icon-bds-v202201061700.svg) format("svg")
}


.re__autocomplete {
    position: absolute;
    bottom: 0;
    width: 100%
}

    .re__autocomplete ul.ui-autocomplete {
        display: block;
        padding: 8px 0px;
        background: #fff;
        box-shadow: 0px 4px 16px rgba(44,44,44,0.08);
        border-radius: 4px;
        border: none;
        box-sizing: content-box;
        top: 8px !important
    }

        .re__autocomplete ul.ui-autocomplete > li {
            box-sizing: content-box;
            position: relative;
            width: 100%
        }

            .re__autocomplete ul.ui-autocomplete > li:nth-child(1)::after {
                content: "";
                display: block;
                height: 1px;
                background-color: #f2f2f2;
                margin: 8px 16px 0 8px
            }

            .re__autocomplete ul.ui-autocomplete > li:last-child::after {
                height: 0px;
                margin: 0
            }

            .re__autocomplete ul.ui-autocomplete > li.ui-menu-divider {
                font-family: "Roboto Medium" !important;
                font-size: 12px;
                line-height: 16px;
                font-weight: normal !important;
                padding: 12px 16px 8px 16px;
                display: inline-block;
                color: #999
            }

            .re__autocomplete ul.ui-autocomplete > li.ui-menu-item {
                cursor: pointer
            }

                .re__autocomplete ul.ui-autocomplete > li.ui-menu-item:first-child {
                    background: none !important
                }

                .re__autocomplete ul.ui-autocomplete > li.ui-menu-item.ui-state-focus {
                    border: none;
                    background: #f2f2f2
                }

                    .re__autocomplete ul.ui-autocomplete > li.ui-menu-item.ui-state-focus > a:not(.re__remove-searching-history) {
                        padding: 6px 16px
                    }

                        .re__autocomplete ul.ui-autocomplete > li.ui-menu-item.ui-state-focus > a:not(.re__remove-searching-history) > span {
                            font-family: "Roboto Regular" !important;
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: normal !important;
                            color: #2c2c2c
                        }

                .re__autocomplete ul.ui-autocomplete > li.ui-menu-item > a:not(.re__remove-searching-history) {
                    padding: 6px 16px;
                    line-height: initial
                }

                    .re__autocomplete ul.ui-autocomplete > li.ui-menu-item > a:not(.re__remove-searching-history) > i {
                        float: left;
                        display: block;
                        margin: 2px 12px 2px 0px
                    }

                    .re__autocomplete ul.ui-autocomplete > li.ui-menu-item > a:not(.re__remove-searching-history) > span {
                        font-family: "Roboto Regular" !important;
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: normal !important;
                        float: left;
                        display: block;
                        color: #2c2c2c
                    }

                        .re__autocomplete ul.ui-autocomplete > li.ui-menu-item > a:not(.re__remove-searching-history) > span > b {
                            font-family: "Roboto Medium" !important;
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: normal !important
                        }

                    .re__autocomplete ul.ui-autocomplete > li.ui-menu-item > a:not(.re__remove-searching-history)::after {
                        content: "";
                        display: block;
                        clear: both
                    }

                    .re__autocomplete ul.ui-autocomplete > li.ui-menu-item > a:not(.re__remove-searching-history):hover {
                        background-color: #f2f2f2
                    }

                    .re__autocomplete ul.ui-autocomplete > li.ui-menu-item > a:not(.re__remove-searching-history):active {
                        background-color: #ccc
                    }

                .re__autocomplete ul.ui-autocomplete > li.ui-menu-item > a.re__remove-searching-history {
                    position: absolute;
                    top: 8px;
                    right: 16px;
                    padding: 0px;
                    height: 16px;
                    color: #999
                }

@media only screen and (max-width: 1128px) {
    .re__autocomplete {
        position: relative
    }

        .re__autocomplete ul.ui-autocomplete {
            position: absolute;
            top: 0 !important
        }

    .fix .re__autocomplete {
        bottom: unset;
        top: -8px
    }
}

.mCSB_inside > .mCSB_container {
    margin-right: 8px
}

.mCustomScrollBox > .mCSB_scrollTools {
    width: 12px
}

.search-bar .icon-close, .search-input-wrap .icon-close {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 0px;
    cursor: pointer
}

.search-bar .search-bar-input, .search-input-wrap .search-bar-input {
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px 35px 10px 48px;
    width: 280px;
    height: 40px;
    background: #fff url(/images/icons/16x16/ic_search.svg) no-repeat 16px center;
    font-weight: normal
}

form#boxSearchForm {
    background: #ffffff
}

.filter-control.search-bar {
    width: 100%;
    height: 56px
}

.search-bar {
    background: #ffffff;
    position: relative
}

    .search-bar.fix {
        left: 0;
        position: fixed;
        top: 58px;
        width: 100%;
        z-index: 100 !important;
        box-shadow: none;
        border-bottom: 1px solid #004e7f
    }

    .search-bar .hiding {
        display: none
    }

    .search-bar .search-bar-tab {
        width: 176px;
        float: left
    }

        .search-bar .search-bar-tab li {
            display: inline-block;
            text-align: center;
            width: 50%;
            height: 40px;
            padding: 10px;
            color: #2c2c2c;
            cursor: pointer;
            position: relative;
            z-index: 1
        }

            .search-bar .search-bar-tab li:first-child {
                border: 1px solid #ccc;
                border-radius: 4px 0 0 4px
            }

            .search-bar .search-bar-tab li:last-child {
                border: 1px solid #ccc;
                border-radius: 0 4px 4px 0;
                margin-left: -1px
            }

            .search-bar .search-bar-tab li.actived {
                border: 1px solid #ff837a;
                color: #961b12;
                z-index: 2;
                font-weight: bold
            }

                .search-bar .search-bar-tab li.actived:hover, .search-bar .search-bar-tab li.actived :active {
                    color: #961b12
                }

            .search-bar .search-bar-tab li:hover {
                background: #f2f2f2
            }

            .search-bar .search-bar-tab li:active {
                background: #ccc
            }

    .search-bar .search-bar-suggestion {
        float: left;
        position: relative
    }

    .search-bar .vertical-line {
        margin: 0 0 0 16px;
        border-left: 1px solid #f2f2f2;
        height: 100%;
        width: 1px;
        float: left;
        height: 100%
    }

    .search-bar .icon-close img {
        vertical-align: middle
    }

    .search-bar .select-cate {
        border-left: 1px solid #f2f2f2
    }

    .search-bar .dropbox-label {
        font-family: "Roboto Regular" !important;
        font-size: 12px;
        line-height: 16px;
        font-weight: normal !important;
        color: #2c2c2c;
        cursor: pointer;
        display: block;
        float: left;
        margin-bottom: 4px
    }

        .search-bar .dropbox-label::after {
            content: "\e9e0";
            font-family: "font-icon-bds";
            margin-left: 4px;
            font-size: 16px;
            color: #999;
            position: absolute;
            top: 8px;
            clear: left
        }

    .search-bar .select-control {
        float: left;
        position: relative;
        width: 160px;
        border-right: 1px solid #f2f2f2;
        cursor: pointer
    }

        .search-bar .select-control .select-control-label {
            padding: 8px 16px
        }

            .search-bar .select-control .select-control-label.hover-value {
                background: #f2f2f2 !important
            }

        .search-bar .select-control:hover {
            background-color: #f2f2f2
        }

        .search-bar .select-control.active .select-control-label {
            background: #ccc
        }

            .search-bar .select-control.active .select-control-label:hover {
                background: #ccc
            }

            .search-bar .select-control.active .select-control-label:active {
                background: #ccc
            }

        .search-bar .select-control.active .dropbox-label::after {
            content: "\e9e3";
            top: 9px
        }

    .search-bar .custom-value {
        font-family: "Roboto Regular" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        line-height: 20px;
        color: #2c2c2c;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        width: 100%
    }

        .search-bar .custom-value.hasvalue {
            font-family: "Roboto Medium" !important;
            font-size: 14px;
            line-height: 20px;
            font-weight: normal !important
        }

        .search-bar .custom-value img {
            vertical-align: middle
        }

    .search-bar .select-control.filter-control {
        float: left;
        line-height: 20px;
        color: #2c2c2c;
        line-height: 40px;
        width: auto !important;
        margin: 0;
        padding: 0
    }

    .search-bar .filter-info {
        margin-left: 4px
    }

    .search-bar .filter-control .icon-filter {
        vertical-align: middle
    }

    .search-bar .filter-control .icon-number {
        font-weight: 500;
        font-size: 10px;
        line-height: 16px;
        width: 16px;
        background: #2c2c2c;
        text-align: center;
        letter-spacing: 0.16px;
        color: #ffffff;
        display: inline-block;
        border-radius: 50%;
        vertical-align: text-top;
        display: none
    }

    .search-bar input[type="button"] {
        float: left;
        margin: 8px 0 0 16px;
        color: #ffffff;
        font-size: 14px;
        font-weight: 500;
        -webkit-appearance: none
    }

    .search-bar .custom-dropbox-cate, .search-bar .custom-dropbox {
        min-width: 280px;
        position: absolute;
        top: 64px;
        left: 0;
        z-index: 99;
        background: #fff;
        width: 100%;
        box-shadow: 0px 8px 20px 0px #B6B6B66B;
        border-radius: 8px;
        padding-top: 8px
    }

    .search-bar .custom-dropbox-cate {
        padding-bottom: 8px;
        max-height: 308px
    }

        .search-bar .custom-dropbox-cate ul {
            max-height: calc(32px * 8);
            overflow: auto
        }

            .search-bar .custom-dropbox-cate ul li {
                width: 100%;
                line-height: 40px;
                color: #2c2c2c;
                padding: 0px
            }

                .search-bar .custom-dropbox-cate ul li span {
                    display: block;
                    padding: 0 16px;
                    font-family: "Roboto Regular" !important;
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: normal !important;
                    line-height: 32px
                }

                    .search-bar .custom-dropbox-cate ul li span.current {
                        color: #2c2c2c
                    }

                    .search-bar .custom-dropbox-cate ul li span.active {
                        color: #961b12;
                        cursor: pointer;
                        font-weight: bold
                    }

                .search-bar .custom-dropbox-cate ul li li span {
                    padding-left: 32px
                }

            .search-bar .custom-dropbox-cate ul::-webkit-scrollbar {
                width: 12px;
                background-color: #fff;
                border-radius: 100%
            }

            .search-bar .custom-dropbox-cate ul::-webkit-scrollbar-thumb {
                border-radius: 8px;
                background-color: #ccc;
                border: 4px solid #fff
            }

            .search-bar .custom-dropbox-cate ul::-webkit-scrollbar-track {
                border-radius: 0;
                background-color: #fff
            }

    .search-bar .custom-dropbox .select-text-content {
        background: #f2f2f2;
        border-radius: 4px;
        width: calc(100% - 16px);
        padding: 6px 12px 6px 36px;
        color: #2c2c2c;
        border: none;
        margin: 0 8px 8px 8px;
        font-family: "Roboto Regular" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important
    }

    .search-bar .custom-dropbox .custom-scroll .re__dropdown-no-art--sm {
        max-height: calc(32px * 8);
        overflow: auto;
        box-shadow: none;
        padding: 0px;
        margin-bottom: 8px;
        border-radius: 0px
    }

        .search-bar .custom-dropbox .custom-scroll .re__dropdown-no-art--sm .active {
            color: #961b12
        }

        .search-bar .custom-dropbox .custom-scroll .re__dropdown-no-art--sm:focus {
            background: #ccc
        }

        .search-bar .custom-dropbox .custom-scroll .re__dropdown-no-art--sm::-webkit-scrollbar-track {
            margin: 0px
        }

        .search-bar .custom-dropbox .custom-scroll .re__dropdown-no-art--sm li.current {
            color: #961b12
        }

    .search-bar .custom-dropbox .city-root::before {
        content: "\e9e1";
        font-family: "font-icon-bds";
        font-size: 16px;
        width: 16px;
        color: #2c2c2c;
        position: absolute;
        top: 18px;
        left: 16px;
        line-height: 16px;
        z-index: -1
    }

    .search-bar .custom-dropbox .city-root a {
        width: 100%;
        padding: 8px 16px 12px 16px;
        text-align: center;
        display: block;
        font-family: "Roboto Medium" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #2c2c2c
    }

    .search-bar .custom-dropbox #divCityOptions ul .adv-arrow::after {
        content: "\e9e2";
        font-family: "font-icon-bds";
        color: #999;
        float: right
    }

    .search-bar .custom-dropbox .re__search-input {
        position: relative
    }

        .search-bar .custom-dropbox .re__search-input::before {
            content: "\ea8d";
            font-family: "font-icon-bds";
            position: absolute;
            width: 16px;
            line-height: 16px;
            text-align: center;
            top: 8px;
            left: 20px;
            color: #2c2c2c;
            font-size: 16px
        }

.search-bar-filter .search-bar-tab {
    margin: 0;
    padding: 16px 0
}

    .search-bar-filter .search-bar-tab li {
        width: 50% !important;
        clear: none
    }

.search-input-wrap .search-bar-suggestion {
    margin-right: 0
}

.search-input-wrap .search-bar-input {
    width: 100%
}

    .search-input-wrap .search-bar-input::-webkit-input-placeholder {
        color: #2c2c2c;
        font-weight: normal;
        opacity: 1
    }

    .search-input-wrap .search-bar-input::-moz-placeholder {
        color: #2c2c2c;
        font-weight: normal;
        opacity: 1
    }

    .search-input-wrap .search-bar-input:-ms-input-placeholder {
        color: #2c2c2c;
        font-weight: normal;
        opacity: 1
    }

    .search-input-wrap .search-bar-input:-moz-placeholder {
        color: #2c2c2c;
        font-weight: normal;
        opacity: 1
    }

    .search-input-wrap .search-bar-input::-ms-clear {
        display: none
    }

[aria-label][role~="tooltip"]::before, [aria-label][role~="tooltip"]::after {
    line-height: 20px
}

.fly-options ul li.active {
    color: #961b12
}

.fly-options ul li.current {
    cursor: pointer;
    color: #961b12
}

.search-bar .custom-dropbox-cate span:hover, .fly-options ul li:hover {
    background: #f2f2f2;
    color: #2c2c2c
}

.search-bar .custom-dropbox-cate span:active, .fly-options ul li:active {
    background: #ccc;
    color: #2c2c2c
}

.search-bar .custom-dropbox-cate span.active:hover, .fly-options ul li.active:hover, .search-bar .custom-dropbox-cate span.active:active, .fly-options ul li.active:active {
    color: #961b12
}

.custom-dropbox input[type="text"]:focus {
    box-shadow: none
}

.search-bar .slider-range {
    padding: 0 16px 16px 16px
}

    .search-bar .slider-range input[type="text"] {
        border: 1px solid #ccc;
        box-sizing: border-box;
        border-radius: 4px;
        width: 106px;
        line-height: 30px;
        color: #2c2c2c;
        padding: 0 12px;
        float: left;
        text-align: center
    }

    .search-bar .slider-range span {
        line-height: 32px;
        float: left;
        padding: 0 10px
    }

        .search-bar .slider-range span img, .search-bar .slider-range .filter-label img {
            vertical-align: middle
        }

    .search-bar .slider-range .ui-widget-content {
        background: #f2f2f2;
        border-radius: 4px;
        height: 4px;
        border: none
    }

    .search-bar .slider-range .ui-slider-horizontal {
        height: 4px;
        border: none;
        clear: both;
        margin: 10px 0px 10px 0px;
        width: calc(100% - 24px);
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        background: #f2f2f2
    }

        .search-bar .slider-range .ui-slider-horizontal::after {
            content: '';
            height: 4px;
            width: 24px;
            border: none;
            position: absolute;
            right: -22px;
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
            background: #f2f2f2
        }

        .search-bar .slider-range .ui-slider-horizontal .ui-slider-range {
            background: #009BA1
        }

        .search-bar .slider-range .ui-slider-horizontal .ui-slider-handle {
            top: -10.5px;
            margin: 0px;
            padding: 0px;
            border: 1px solid #9ed8da;
            cursor: pointer
        }

            .search-bar .slider-range .ui-slider-horizontal .ui-slider-handle:hover {
                background-color: #1DBABF
            }

    .search-bar .slider-range .ui-state-default {
        background: #009BA1;
        border-radius: 50%;
        width: 24px;
        height: 24px
    }

.search-bar .select-filter-dropbox ul {
    width: 100%
}

.search-bar .select-filter-dropbox .custom-scroll {
    max-height: 468px
}

.search-bar .select-filter-dropbox .select-reset {
    left: 0;
    bottom: 0;
    z-index: 2
}

.search-bar .select-filter-dropbox .ul-new ul li {
    display: inline-block;
    margin-right: -3.5px;
    width: 20%;
    border: 1px solid #ccc;
    border-left: none;
    padding: 0;
    text-align: center;
    position: relative;
    color: #999;
    z-index: 1;
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding-top: 6px;
    padding-bottom: 6px;
    cursor: pointer
}

    .search-bar .select-filter-dropbox .ul-new ul li:first-child {
        border-left: 1px solid #ccc;
        border-radius: 4px 0 0 4px
    }

    .search-bar .select-filter-dropbox .ul-new ul li:last-child {
        border-radius: 0 4px 4px 0
    }

    .search-bar .select-filter-dropbox .ul-new ul li.current, .search-bar .select-filter-dropbox .ul-new ul li.active {
        background-color: #f2f2f2;
        color: #2c2c2c;
        z-index: 2
    }

    .search-bar .select-filter-dropbox .ul-new ul li:active:hover, .search-bar .select-filter-dropbox .ul-new ul li:active:active {
        color: #2c2c2c
    }

    .search-bar .select-filter-dropbox .ul-new ul li:hover {
        background: #f2f2f2
    }

    .search-bar .select-filter-dropbox .ul-new ul li:active {
        background: #f2f2f2
    }

.search-bar .select-filter-dropbox {
    width: 400px;
    height: initial !important;
    right: 0;
    left: inherit;
    cursor: context-menu;
    padding-top: 0px
}

    .search-bar .select-filter-dropbox .custom-scroll-outside {
        margin: 0px 32px 0px 32px;
        overflow: auto;
        overflow-x: hidden
    }

        .search-bar .select-filter-dropbox .custom-scroll-outside .select-context label, .search-bar .select-filter-dropbox .custom-scroll-outside .select-bedroom label, .search-bar .select-filter-dropbox .custom-scroll-outside .select-media-type label {
            font-family: "Roboto Medium" !important;
            font-size: 14px;
            line-height: 20px;
            font-weight: normal !important;
            color: #2c2c2c;
            display: block
        }

        .search-bar .select-filter-dropbox .custom-scroll-outside .select-context {
            position: relative;
            margin-top: 16px
        }

            .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divWard, .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divStreet, .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divHomeDirection {
                position: relative
            }

                .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divWard .filter-label, .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divStreet .filter-label, .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divHomeDirection .filter-label {
                    margin-top: 8px;
                    border-radius: 4px;
                    background: #fff;
                    border: 1px solid #ccc
                }

                    .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divWard .filter-label span, .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divStreet .filter-label span, .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divHomeDirection .filter-label span {
                        font-family: "Roboto Regular" !important;
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: normal !important;
                        color: #2c2c2c;
                        display: block;
                        padding: 6px 0px 6px 12px;
                        cursor: pointer
                    }

                        .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divWard .filter-label span.hasvalue, .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divStreet .filter-label span.hasvalue, .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divHomeDirection .filter-label span.hasvalue {
                            color: #2c2c2c;
                            font-weight: bold
                        }

                    .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divWard .filter-label::after, .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divStreet .filter-label::after, .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divHomeDirection .filter-label::after {
                        content: "\e9e0";
                        font-family: "font-icon-bds";
                        bottom: 8px;
                        position: absolute;
                        right: 12px
                    }

                .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divWard input[type="text"], .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divStreet input[type="text"], .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divHomeDirection input[type="text"] {
                    position: absolute;
                    top: 7px;
                    left: 13px;
                    margin: 0px;
                    background: #fff;
                    padding: 0;
                    width: calc(100% - 50px)
                }

                .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divWard.open .filter-label::after, .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divStreet.open .filter-label::after, .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divHomeDirection.open .filter-label::after {
                    content: "\e9e3"
                }

                .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divWard::after, .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divStreet::after, .search-bar .select-filter-dropbox .custom-scroll-outside .select-context #divHomeDirection::after {
                    text-align: center
                }

        .search-bar .select-filter-dropbox .custom-scroll-outside .select-bedroom {
            margin-top: 16px
        }

            .search-bar .select-filter-dropbox .custom-scroll-outside .select-bedroom #divBedRoomOptions {
                margin-top: 8px
            }

                .search-bar .select-filter-dropbox .custom-scroll-outside .select-bedroom #divBedRoomOptions ul {
                    width: 100%
                }

                    .search-bar .select-filter-dropbox .custom-scroll-outside .select-bedroom #divBedRoomOptions ul li {
                        width: calc(100% / 6);
                        clear: none !important
                    }

        .search-bar .select-filter-dropbox .custom-scroll-outside .select-media-type {
            margin-top: 16px
        }

            .search-bar .select-filter-dropbox .custom-scroll-outside .select-media-type #divMediaOptions {
                margin-top: 8px
            }

                .search-bar .select-filter-dropbox .custom-scroll-outside .select-media-type #divMediaOptions ul {
                    width: 100%
                }

                    .search-bar .select-filter-dropbox .custom-scroll-outside .select-media-type #divMediaOptions ul li {
                        width: calc(100% / 4);
                        clear: none
                    }

        .search-bar .select-filter-dropbox .custom-scroll-outside::-webkit-scrollbar {
            width: 6px;
            background-color: #fff;
            border-radius: 100%
        }

        .search-bar .select-filter-dropbox .custom-scroll-outside::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: #ccc
        }

        .search-bar .select-filter-dropbox .custom-scroll-outside::-webkit-scrollbar-track {
            border-radius: 0;
            background-color: #fff
        }

    .search-bar .select-filter-dropbox .filter-reset {
        border-top: 1px solid #f2f2f2;
        padding: 14px 0 14px 20px;
        cursor: pointer;
        font-family: "Nunito Bold" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #2c2c2c
    }

.search-bar .custom-dropbox-filter {
    width: 100%;
    left: 0;
    max-height: 300px;
    top: 40px
}

.search-bar .fly-options {
    background: #fff;
    left: inherit;
    max-height: 308px;
    width: 336px;
    overflow: auto;
    position: absolute;
    right: 32px;
    top: 0;
    padding: 0;
    z-index: 999999999
}

.search-bar #divHomeDirectionOptions, .search-bar #divStreetOptions, .search-bar #divWardOptions {
    overflow: initial;
    margin-top: -11px
}

    .search-bar #divHomeDirectionOptions ul, .search-bar #divStreetOptions ul, .search-bar #divWardOptions ul {
        overflow: auto !important;
        max-height: calc(32px * 8 + 8px * 2)
    }

    .search-bar #divHomeDirectionOptions ul {
        height: 100%
    }

.search-bar .custom-scroll-outside {
    max-height: 460px;
    overflow: scroll
}

.search-bar #divMediaOptions {
    padding-bottom: 20px
}

.search-bar #link-reset {
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    margin-left: 8px;
    float: left;
    cursor: pointer;
    position: relative;
    margin-top: 8px
}

    .search-bar #link-reset:hover {
        background: #f2f2f2;
        border-radius: 800px
    }

        .search-bar #link-reset:hover .link-reset-tooltip {
            display: block
        }

    .search-bar #link-reset:active {
        background: #f2f2f2;
        border-radius: 800px
    }

    .search-bar #link-reset img {
        vertical-align: middle
    }

    .search-bar #link-reset .link-reset-tooltip {
        position: absolute;
        left: calc(50% - 119px / 2);
        top: 56px;
        background: rgba(10,13,20,0.8);
        border-radius: 4px;
        font-size: 14px;
        line-height: 20px;
        color: #ffffff;
        padding: 6px 12px;
        width: 119px;
        display: none;
        z-index: 2
    }

[role~="tooltip"][data-microtip-position="top"]::after, [role~="tooltip"][data-microtip-position|="top"]::before, [role~="tooltip"][data-microtip-position="top-left"]::after, [role~="tooltip"][data-microtip-position|="top-left"]::before, [role~="tooltip"][data-microtip-position="top-right"]::after, [role~="tooltip"][data-microtip-position|="top-right"]::before {
    z-index: 999
}

.select-filter-dropbox [role~="tooltip"]::after {
    white-space: initial;
    width: 200px;
    line-height: 20px
}

.search-bar .suggest-default {
    position: absolute;
    display: none;
    z-index: 99;
    margin-top: 16px;
    width: 100%
}

    .search-bar .suggest-default ul {
        background: #ffffff;
        box-shadow: 0px 16px 64px rgba(3,44,71,0.12);
        border-radius: 8px;
        border: none !important;
        padding: 0;
        overflow-x: hidden;
        padding: 8px 0;
        width: 100%
    }

@media only screen and (max-width: 1128px) {
    .search-bar .select-control {
        width: calc((100% - 275px) * 0.2)
    }

    .search-bar-tab {
        display: none !important
    }

    .search-bar .select-cate {
        border-left: none
    }
}

@media only screen and (max-width: 1280px) and (min-width: 1129px) {
    .search-bar .select-control {
        width: calc((100% - 483px) * 0.2)
    }

    .search-bar-tab {
        position: absolute;
        top: 48px
    }

    .select-cate {
        margin-left: 208px
    }

    .search-bar .dropbox-label {
        white-space: nowrap
    }
}

@media only screen and (max-width: 1586px) and (min-width: 1281px) {
    .search-bar .select-control {
        width: calc((100% - 779px) * 0.2)
    }

    .search-bar .dropbox-label {
        white-space: nowrap
    }
}

@media only screen and (max-width: 1135px) {
    .suggest-default {
        width: calc(100% - 32px) !important;
        margin-top: 8px
    }
}

@media only screen and (max-width: 1135px) and (min-width: 1129px) {
    .search-bar.fix {
        background: #fff !important;
        top: 0
    }
}

@media only screen and (max-width: 1586px) {
    .search-bar #link-reset .link-reset-tooltip {
        left: calc(50% - 92px)
    }
}

@media only screen and (max-width: 1129px) {
    .search-bar.fix {
        background: #fff !important;
        top: 64px
    }

    .search-bar .search-bar-suggestion {
        width: 100%;
        background-color: #004e7f;
        padding: 0 16px 8px 16px
    }

    .search-bar.fix .search-bar-tab {
        top: 0
    }

    .search-bar.fix .search-bar-suggestion {
        padding: 0
    }

    .search-bar .search-bar-suggestion {
        float: none
    }

    .search-bar .search-bar-input {
        width: 100%
    }

    .search-bar .icon-close {
        right: 16px;
        top: 0px;
        z-index: 11
    }

    .search-bar.fix .icon-close {
        right: 105px;
        top: -51px;
        z-index: 11
    }

    .search-bar {
        background: none;
        margin-top: -2px
    }
}

.search-bar .filter-label span {
    line-height: 38px
}

.search-bar .re__filter-wall {
    background: #f2f2f2;
    width: 1px;
    height: 32px;
    float: left;
    margin: 12px 0px
}

.search-bar .filter-info {
    line-height: 38px
}

.search-bar .re__text {
    line-height: 38px;
    margin-top: 2px;
    display: inline-block
}

.search-bar .select-control {
    border: none
}

.search-bar .search-bar-tab {
    width: unset;
    margin-top: 12px
}

    .search-bar .search-bar-tab .re__tab-box--sm:first-child {
        padding: 5px 22px
    }

    .search-bar .search-bar-tab .re__tab-box--sm:last-child {
        padding: 5px 7px
    }

.search-bar .search-bar-suggestion {
    padding-top: 12px
}

    .search-bar .search-bar-suggestion .re__input--sm {
        min-width: 120px
    }

.search-bar #link-reset {
    margin-top: 12px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    padding: 8px;
    box-sizing: content-box;
    color: #2c2c2c;
    background: rgba(0,0,0,0);
    width: auto;
    display: inline-block;
    line-height: 0
}

    .search-bar #link-reset:hover {
        background: #f2f2f2
    }

    .search-bar #link-reset:active {
        background: #f2f2f2
    }

.search-bar .re__btn-se-border--sm {
    margin-top: 12px !important;
    margin-left: 8px !important;
    color: #2c2c2c !important;
    background: #fff !important;
    border: 1px solid #ccc !important
}

    .search-bar .re__btn-se-border--sm:hover {
        color: #2c2c2c !important;
        background: #f2f2f2 !important;
        border: 1px solid #ccc !important
    }

        .search-bar .re__btn-se-border--sm:hover i {
            color: #2c2c2c !important
        }

        .search-bar .re__btn-se-border--sm:hover span {
            color: #2c2c2c !important
        }

    .search-bar .re__btn-se-border--sm:active {
        color: #fff !important;
        background: #505050 !important;
        border: 1px solid #505050 !important
    }

        .search-bar .re__btn-se-border--sm:active i {
            color: #fff !important
        }

        .search-bar .re__btn-se-border--sm:active span {
            color: #fff !important
        }

    .search-bar .re__btn-se-border--sm:disabled {
        color: #999 !important;
        background: #fff !important;
        border: 1px solid #ccc !important;
        cursor: unset !important
    }

        .search-bar .re__btn-se-border--sm:disabled i {
            color: #999 !important
        }

        .search-bar .re__btn-se-border--sm:disabled span {
            color: #999 !important
        }

.search-bar span.filter-info {
    float: left;
    margin-right: 4px;
    line-height: 36px;
    margin-top: 4px;
    position: relative
}

    .search-bar span.filter-info span {
        display: inline-block;
        position: absolute;
        top: 8px;
        left: 0px
    }

.search-bar.fix {
    box-shadow: 0px 2px 8px rgb(3 44 71 / 12%) !important;
    border-bottom: none !important
}

@media only screen and (max-width: 1586px) and (min-width: 1281px) {
    .search-bar .select-control {
        width: calc((100% - 860px) / 5)
    }
}

@media only screen and (max-width: 1280px) and (min-width: 1129px) {
    .search-bar-tab {
        position: relative !important;
        width: auto !important;
        top: 0px !important;
        margin-left: 15px;
        margin-right: 8px
    }

    .search-bar {
        margin-top: 0px
    }

        .search-bar .select-control {
            width: calc((100% - 584px) / 5)
        }

            .search-bar .select-control .custom-dropbox, .search-bar .select-control .custom-dropbox-cate {
                background: #fff !important
            }

        .search-bar.fix .search-bar-tab {
            margin-top: 12px
        }

    .select-cate {
        margin-left: 0px
    }

    .search-bar-suggestion .re__input--sm input {
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media only screen and (max-width: 768px) {
    .re__header .re__nav .re__fright, .re__header .re__nav .re__fleft {
        position: absolute;
        top: 16px;
        display: inline-block;
        overflow: initial !important
    }

    .re__header .re__nav .re__btn-content .re__notification, .re__header .re__top-search .re__main .re__search-input .re__search-notification {
        font-family: "Roboto Bold" !important;
        font-size: 10px;
        line-height: 12px;
        font-weight: normal !important;
        font-size: 10px !important;
        background: #e03c31;
        border-radius: 6px;
        display: inline-block;
        color: #fff;
        top: -6px;
        left: 20px;
        position: absolute;
        min-width: 10px;
        text-align: center;
        border: 2px solid #fff;
        padding-left: 1px;
        padding-right: 1px;
        min-width: 14px;
        min-height: 16px;
        line-height: 16px;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box
    }

    .re__bg-header {
        background: #fff;
        height: 104px;
        width: 100%;
        display: inline-block;
        box-shadow: 0px 4px 8px rgba(182,182,182,0.18);
        position: relative;
        z-index: 9
    }

    .re__header {
        background: #fff;
        padding: 0;
        margin: 0;
        position: relative;
        z-index: 9
    }

        .re__header.re__no-fix {
            position: relative
        }

        .re__header .re__state-icon--md:active {
            background: transparent
        }

        .re__header .re__nav {
            padding-top: 12px;
            padding-bottom: 8px
        }

            .re__header .re__nav .re__state-icon--md {
                color: #2c2c2c
            }

            .re__header .re__nav.re__header-wap {
                color: #2c2c2c;
                padding-bottom: 12px
            }

            .re__header .re__nav h1, .re__header .re__nav h2 {
                text-align: center;
                transition: opacity 0.5s, margin-top 0.5s
            }

                .re__header .re__nav h1 .re__visual-hidden, .re__header .re__nav h2 .re__visual-hidden {
                    border: 0;
                    width: 1px;
                    height: 1px;
                    overflow: hidden;
                    padding: 0;
                    position: absolute
                }

            .re__header .re__nav img {
                height: 36px;
                margin-top: 2.5px;
                margin-bottom: -2.5px
            }

                .re__header .re__nav img.re__logo-wap {
                    margin: 0px !important
                }

            .re__header .re__nav .re__fright.re__save {
                right: 56px
            }

            .re__header .re__nav .re__fright.re__menu {
                right: 12px
            }

            .re__header .re__nav .re__fleft.re__back {
                left: 12px
            }

            .re__header .re__nav .re__btn-content {
                position: relative
            }

        .re__header .re__top-search {
            text-align: center
        }

            .re__header .re__top-search .re__search-projectnet-fix {
                margin-top: 4px !important;
                margin-bottom: 6px !important
            }

            .re__header .re__top-search .re__main {
                display: inline-block;
                background: #f2f2f2;
                border-radius: 4px;
                width: calc(100% - 32px);
                padding: 5px 12px;
                margin-bottom: 8px;
                transition: top 0.5s, left 0.5s, width 0.5s;
                left: 16px;
                top: 32px
            }

                .re__header .re__top-search .re__main .re__search-input {
                    position: relative
                }

                    .re__header .re__top-search .re__main .re__search-input .re__search-btn {
                        display: inline-block;
                        position: absolute;
                        right: -12px;
                        top: -5px;
                        padding: 8px;
                        background: #e03c31;
                        line-height: 0px;
                        border-radius: 0 4px 4px 0px
                    }

                        .re__header .re__top-search .re__main .re__search-input .re__search-btn i {
                            font-size: 16px;
                            line-height: 16px;
                            color: #fff
                        }

                    .re__header .re__top-search .re__main .re__search-input .re__search-text {
                        float: left;
                        font-family: "Roboto Regular" !important;
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: normal !important;
                        color: #2c2c2c;
                        margin-top: 2px;
                        display: inline-block;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        width: calc(100% - 36px);
                        text-align: left
                    }

                    .re__header .re__top-search .re__main .re__search-input .re__placeholder {
                        color: #505050
                    }

                    .re__header .re__top-search .re__main .re__search-input .re__search-notification {
                        top: 1px;
                        right: 30px;
                        border-radius: 20px;
                        background: #2c2c2c;
                        border-color: #fff;
                        width: 14px;
                        height: 14px;
                        left: unset
                    }

            .re__header .re__top-search.re__search-wap .re__main {
                margin-bottom: 7px
            }

                .re__header .re__top-search.re__search-wap .re__main .re__search-input.re__search-input-product .re__search-text {
                    width: calc(100% - 58px)
                }

                .re__header .re__top-search.re__search-wap .re__main .re__search-input.re__search-input-product.re__not-noti .re__search-notification {
                    display: none
                }

                .re__header .re__top-search.re__search-wap .re__main .re__search-input.re__search-input-product.re__not-noti .re__search-text {
                    width: calc(100% - 30px)
                }

        .re__header.re__topfix {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 9;
            min-height: 64px;
            box-shadow: 0px 4px 8px rgba(182,182,182,0.18)
        }

            .re__header.re__topfix h1, .re__header.re__topfix h2 {
                opacity: 0;
                margin-top: -40px
            }

            .re__header.re__topfix .re__top-search .re__main {
                position: fixed;
                top: 16px;
                left: 16px;
                width: calc(100% - 116px)
            }

            .re__header.re__topfix.re__noHome .re__top-search .re__main {
                left: 56px;
                width: calc(100% - 156px)
            }

        .re__header.re__topfix-project-detail {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 9;
            min-height: 56px;
            box-shadow: 0px 0px 1px rgba(182,182,182,0.18)
        }

            .re__header.re__topfix-project-detail h1, .re__header.re__topfix-project-detail h2 {
                opacity: 0;
                margin-top: -40px
            }

            .re__header.re__topfix-project-detail .re__search-projectnet-fix {
                margin-top: 0px !important;
                margin-bottom: 8px !important
            }

            .re__header.re__topfix-project-detail .re__top-search .re__main {
                position: fixed;
                top: 16px;
                left: 16px;
                width: calc(100% - 116px)
            }

            .re__header.re__topfix-project-detail.re__noHome .re__top-search .re__main {
                left: 56px;
                width: calc(100% - 116px)
            }

    .popupMarking {
        box-sizing: border-box
    }

        .popupMarking i {
            font-size: 20px;
            line-height: 20px;
            color: #e03c31;
            float: left;
            display: flex
        }

            .popupMarking i.re__icon-heart-pressed {
                color: #e03c31
            }

                .popupMarking i.re__icon-heart-pressed::before {
                    color: #e03c31 !important
                }

            .popupMarking i.re__icon-heart {
                color: #2c2c2c
            }

                .popupMarking i.re__icon-heart::before {
                    color: #2c2c2c !important
                }

        .popupMarking span {
            font-family: "Roboto Regular" !important;
            font-size: 14px;
            line-height: 20px;
            font-weight: normal !important;
            float: left;
            margin-left: 8px;
            display: flex
        }

    .form-content {
        height: 64px
    }

    .re__bg-header {
        background: #fff;
        height: 64px;
        box-shadow: 0px 4px 8px rgba(182,182,182,0.18);
        margin-bottom: 0px
    }

    .re__header {
        z-index: 9;
        width: 100%;
        background: #fff;
        height: 64px;
        margin-bottom: 0px;
        padding: 0px !important
    }

        .re__header .re__left-menu, .re__header .re__btn-menu, .re__header #notiSave {
            display: none !important
        }

        .re__header .re__container-sm {
            display: block !important
        }

        .re__header .re__right-menu .re__dropdown-navigative-menu li.lv0.re__dropdown {
            display: block !important
        }

        .re__header .re__pushmenu {
            background: #fff none repeat scroll 0 0;
            height: 100%;
            position: fixed;
            top: 0;
            width: 280px;
            z-index: 16000003;
            transition: all 0.5s ease 0s;
            overflow: hidden
        }

            .re__header .re__pushmenu .user-post {
                border: 1px solid #ccd3d9;
                box-sizing: border-box;
                border-radius: 4px;
                background: #fff;
                color: #004e7f;
                width: calc(100% - 34px);
                margin: 0px 16px;
                font-size: 14px;
                padding: 10px 16px
            }

            .re__header .re__pushmenu .user-action a {
                background: #ffffff;
                border: 1px solid #ccd3d9;
                box-sizing: border-box;
                border-radius: 4px;
                padding: 10px 16px;
                width: calc(50% - 26px);
                display: inline-block;
                color: #004e7f;
                font-size: 14px
            }

                .re__header .re__pushmenu .user-action a:hover, .re__header .re__pushmenu .user-action a.re__actived {
                    color: #fff;
                    background: #004e7f;
                    border: 1px solid #004e7f
                }

                .re__header .re__pushmenu .user-action a:nth-child(1) {
                    margin-left: 16px;
                    margin-right: 8px
                }

                .re__header .re__pushmenu .user-action a:nth-child(2) {
                    margin-right: 16px;
                    margin-left: 8px
                }

        .re__header .re__pushmenu-push {
            transition: all 0.5s ease 0s;
            overflow: hidden
        }

        .re__header .re__pushmenu-right {
            right: -280px
        }

            .re__header .re__pushmenu-right.in {
                right: 0px
            }

        .re__header .re__bg-pushmenu.in {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: fixed;
            background: rgba(10,13,20,0.4);
            top: 0;
            left: 0;
            z-index: 16000000
        }

        .re__header .re__dropdown-navigative-menu .re__arrrow {
            background: url(/images/icons/16x16/ic_caret_down-black.svg) no-repeat center center !important;
            position: absolute;
            right: 0;
            top: 0;
            cursor: pointer;
            width: 40px !important;
            height: 40px !important;
            transition: none !important;
            margin-top: 0px !important
        }

            .re__header .re__dropdown-navigative-menu .re__arrrow::before {
                content: none !important
            }

        .re__header .re__dropdown-navigative-menu li {
            margin-left: 0px !important;
            position: relative;
            width: 100%;
            background: #ffffff;
            box-sizing: border-box;
            padding: 0 !important;
            border: none
        }

            .re__header .re__dropdown-navigative-menu li a {
                color: #2c2f36
            }

                .re__header .re__dropdown-navigative-menu li a span {
                    color: #2c2f36
                }

                .re__header .re__dropdown-navigative-menu li a:after {
                    position: absolute;
                    height: 1px;
                    border-bottom: 1px solid #f5f6f7;
                    bottom: 0px;
                    left: 58px;
                    content: "";
                    width: calc(100% - 58px)
                }

            .re__header .re__dropdown-navigative-menu li.lv0 a {
                padding: 9px 36px 8px 19px !important;
                width: 100%;
                overflow: hidden
            }

                .re__header .re__dropdown-navigative-menu li.lv0 a span.text {
                    margin-top: 0
                }

            .re__header .re__dropdown-navigative-menu li.lv0.re__actived .re__arrrow {
                background: url(/images/icons/16x16/ic_caret_up-black.svg) no-repeat center center !important
            }

        .re__header .re__home-header-menu {
            overflow-y: auto;
            height: calc(100vh - 200px);
            padding-bottom: 50px;
            background: #f5f6f7
        }

            .re__header .re__home-header-menu ul {
                position: relative;
                display: none;
                padding-top: 0px;
                padding-bottom: 0px
            }

                .re__header .re__home-header-menu ul li {
                    line-height: 1;
                    position: relative;
                    overflow: hidden;
                    font-weight: normal
                }

                    .re__header .re__home-header-menu ul li.bg_menu {
                        background: #f5f6f7;
                        line-height: 40px;
                        display: block !important
                    }

                        .re__header .re__home-header-menu ul li.bg_menu a {
                            padding: 9px 36px 9px 19px !important;
                            font-size: 14px;
                            line-height: 20px
                        }

                            .re__header .re__home-header-menu ul li.bg_menu a:hover {
                                background: transparent
                            }

                    .re__header .re__home-header-menu ul li.tablet.re__login {
                        display: block !important
                    }

                    .re__header .re__home-header-menu ul li.lv1 .re__arrrow, .re__header .re__home-header-menu ul li.lv1 ul {
                        display: none !important
                    }

                    .re__header .re__home-header-menu ul li .re__actived {
                        background: #ebedf0
                    }

                        .re__header .re__home-header-menu ul li .re__actived .re__arrrow {
                            width: 40px !important
                        }

                    .re__header .re__home-header-menu ul li a {
                        padding: 10px 36px 10px 19px !important;
                        width: 100%;
                        display: block
                    }

                        .re__header .re__home-header-menu ul li a span {
                            float: left
                        }

                            .re__header .re__home-header-menu ul li a span.icon {
                                display: inline-block !important;
                                line-height: 20px;
                                vertical-align: middle
                            }

                                .re__header .re__home-header-menu ul li a span.icon img {
                                    vertical-align: middle
                                }

                            .re__header .re__home-header-menu ul li a span.text {
                                margin-left: 20px;
                                display: block;
                                margin-top: 9px
                            }

                    .re__header .re__home-header-menu ul li li a {
                        overflow: hidden;
                        font-size: 14px
                    }

                        .re__header .re__home-header-menu ul li li a:hover {
                            background: #f5f6f7
                        }

                    .re__header .re__home-header-menu ul li.lv0:after {
                        position: absolute;
                        height: 1px;
                        border-bottom: 1px solid #f5f6f7;
                        bottom: 0px;
                        left: 58px;
                        content: "";
                        width: calc(100% - 58px)
                    }

                    .re__header .re__home-header-menu ul li.lv0 ul {
                        width: 100% !important;
                        top: 0px !important;
                        display: none;
                        background: #f5f6f7
                    }

                        .re__header .re__home-header-menu ul li.lv0 ul li.lv1 {
                            padding-left: 58px !important;
                            background: #f5f6f7
                        }

                            .re__header .re__home-header-menu ul li.lv0 ul li.lv1 a {
                                padding: 0 19px 0 0px !important;
                                width: 100%;
                                background-image: none;
                                padding: 10px 19px 10px 0 !important
                            }

                            .re__header .re__home-header-menu ul li.lv0 ul li.lv1:hover {
                                background: #f5f6f7;
                                background: inherit !important
                            }

                            .re__header .re__home-header-menu ul li.lv0 ul li.lv1:active {
                                background: #ebedf0;
                                background: inherit !important
                            }

                            .re__header .re__home-header-menu ul li.lv0 ul li.lv1 .re__show {
                                display: block !important
                            }

                    .re__header .re__home-header-menu ul li.lv0.re__actived ul {
                        display: block
                    }

        .re__header .re__control-menu {
            position: relative;
            padding: 16px !important;
            width: 100%;
            box-sizing: border-box
        }

            .re__header .re__control-menu #divUserStt {
                width: 100%;
                display: block;
                overflow: hidden
            }

                .re__header .re__control-menu #divUserStt .re__line {
                    display: none
                }

                .re__header .re__control-menu #divUserStt .re__btn {
                    width: calc(50% - 8px);
                    box-sizing: border-box;
                    margin-bottom: 16px;
                    margin-top: 0px !important;
                    font-family: "Nunito Bold" !important;
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: normal !important;
                    padding: 13px 15px;
                    border-radius: 8px
                }

                    .re__header .re__control-menu #divUserStt .re__btn span {
                        font-family: "Nunito Bold" !important;
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: normal !important
                    }

                    .re__header .re__control-menu #divUserStt .re__btn:first-child {
                        margin-right: 8px;
                        color: #2c2c2c;
                        background: #fff;
                        border: 1px solid #ccc
                    }

                        .re__header .re__control-menu #divUserStt .re__btn:first-child:hover {
                            color: #2c2c2c;
                            background: #f2f2f2;
                            border: 1px solid #ccc
                        }

                            .re__header .re__control-menu #divUserStt .re__btn:first-child:hover i {
                                color: #2c2c2c
                            }

                            .re__header .re__control-menu #divUserStt .re__btn:first-child:hover span {
                                color: #2c2c2c
                            }

                        .re__header .re__control-menu #divUserStt .re__btn:first-child:active {
                            color: #fff;
                            background: #505050;
                            border: 1px solid #505050
                        }

                            .re__header .re__control-menu #divUserStt .re__btn:first-child:active i {
                                color: #fff
                            }

                            .re__header .re__control-menu #divUserStt .re__btn:first-child:active span {
                                color: #fff
                            }

                        .re__header .re__control-menu #divUserStt .re__btn:first-child:disabled {
                            color: #999;
                            background: #fff;
                            border: 1px solid #ccc;
                            cursor: unset
                        }

                            .re__header .re__control-menu #divUserStt .re__btn:first-child:disabled i {
                                color: #999
                            }

                            .re__header .re__control-menu #divUserStt .re__btn:first-child:disabled span {
                                color: #999
                            }

                    .re__header .re__control-menu #divUserStt .re__btn:last-child {
                        margin-left: 8px;
                        margin-right: 0px;
                        color: #fff;
                        background: #e03c31;
                        border: 1px solid #e03c31
                    }

                        .re__header .re__control-menu #divUserStt .re__btn:last-child:hover {
                            color: #fff;
                            background: #ff837a;
                            border: 1px solid #ff837a
                        }

                        .re__header .re__control-menu #divUserStt .re__btn:last-child:active {
                            color: #fff;
                            background: #961b12;
                            border: 1px solid #961b12
                        }

                        .re__header .re__control-menu #divUserStt .re__btn:last-child:disabled {
                            opacity: .4;
                            color: #fff;
                            background: #e03c31;
                            border: 1px solid #999;
                            cursor: unset
                        }

                .re__header .re__control-menu #divUserStt .login-group {
                    padding-bottom: 16px
                }

                    .re__header .re__control-menu #divUserStt .login-group .notification {
                        float: right;
                        position: relative;
                        margin-left: 0px;
                        padding-bottom: 0px;
                        padding-top: 0px;
                        width: 32px;
                        height: 32px
                    }

                        .re__header .re__control-menu #divUserStt .login-group .notification a {
                            border: 0px;
                            padding: 0px;
                            margin: 0px;
                            margin-top: 0px !important;
                            margin-left: -15px
                        }

                            .re__header .re__control-menu #divUserStt .login-group .notification a:hover {
                                background: transparent;
                                border: 0px
                            }

                            .re__header .re__control-menu #divUserStt .login-group .notification a i {
                                font-size: 24px !important
                            }

                        .re__header .re__control-menu #divUserStt .login-group .notification .mnu-notify-icon-unread {
                            position: absolute;
                            top: 2px;
                            left: 9px
                        }

                    .re__header .re__control-menu #divUserStt .login-group .text-name {
                        float: left;
                        width: calc(100% - 32px)
                    }

                        .re__header .re__control-menu #divUserStt .login-group .text-name .box-info {
                            margin-left: 0px;
                            float: left
                        }

                            .re__header .re__control-menu #divUserStt .login-group .text-name .box-info .login-info {
                                width: calc(100% - 56px)
                            }

                                .re__header .re__control-menu #divUserStt .login-group .text-name .box-info .login-info .account-type {
                                    display: inline-block;
                                    padding: 0px;
                                    color: #747c87;
                                    margin: 0px 0px 0px 8px
                                }

                                .re__header .re__control-menu #divUserStt .login-group .text-name .box-info .login-info a {
                                    display: inline-block;
                                    padding: 2px 0px;
                                    color: #2c2f36;
                                    margin: 0px 0px 0px 8px
                                }

                            .re__header .re__control-menu #divUserStt .login-group .text-name .box-info .login-icon {
                                display: none
                            }

                            .re__header .re__control-menu #divUserStt .login-group .text-name .box-info .login-avatar {
                                width: 48px
                            }

                                .re__header .re__control-menu #divUserStt .login-group .text-name .box-info .login-avatar img {
                                    height: 48px;
                                    width: 48px;
                                    margin-top: 0px
                                }

                        .re__header .re__control-menu #divUserStt .login-group .text-name .re__dropdown-art {
                            display: none !important
                        }

            .re__header .re__control-menu #Header_UserControl_divPostProduct {
                width: 100%;
                display: block;
                overflow: hidden
            }

                .re__header .re__control-menu #Header_UserControl_divPostProduct .re__btn {
                    width: 100%;
                    box-sizing: border-box;
                    font-family: "Nunito Bold" !important;
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: normal !important;
                    padding: 13px 15px;
                    border-radius: 8px
                }

                    .re__header .re__control-menu #Header_UserControl_divPostProduct .re__btn span {
                        font-family: "Nunito Bold" !important;
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: normal !important
                    }

                    .re__header .re__control-menu #Header_UserControl_divPostProduct .re__btn.re__login {
                        color: #fff;
                        background: #e03c31;
                        border: 1px solid #e03c31
                    }

                        .re__header .re__control-menu #Header_UserControl_divPostProduct .re__btn.re__login:hover {
                            color: #fff;
                            background: #ff837a;
                            border: 1px solid #ff837a
                        }

                        .re__header .re__control-menu #Header_UserControl_divPostProduct .re__btn.re__login:active {
                            color: #fff;
                            background: #961b12;
                            border: 1px solid #961b12
                        }

                        .re__header .re__control-menu #Header_UserControl_divPostProduct .re__btn.re__login:disabled {
                            opacity: .4;
                            color: #fff;
                            background: #e03c31;
                            border: 1px solid #999;
                            cursor: unset
                        }

                        .re__header .re__control-menu #Header_UserControl_divPostProduct .re__btn.re__login:hover {
                            color: #fff;
                            background: #649dcc;
                            border: 1px solid #649dcc
                        }

                        .re__header .re__control-menu #Header_UserControl_divPostProduct .re__btn.re__login:active {
                            color: #fff;
                            background: #013659 !important;
                            border: 1px solid #013659 !important
                        }

        .re__header .re__container-sm .re__nav {
            padding-bottom: 9.65px;
            padding-top: 10px
        }

            .re__header .re__container-sm .re__nav .re__fright .re__state-icon--md i {
                font-size: 24px !important
            }

            .re__header .re__container-sm .re__nav .re__fright .re__state-icon--md:hover {
                background: transparent
            }

            .re__header .re__container-sm .re__nav .re__fleft .re__state-icon--md i {
                font-size: 24px !important
            }

            .re__header .re__container-sm .re__nav .re__fleft .re__state-icon--md:hover {
                background: transparent
            }

            .re__header .re__container-sm .re__nav h1, .re__header .re__container-sm .re__nav h2 {
                transition: none;
                margin-top: 0px
            }

        .re__header.re__full-menu.re__fix {
            width: 100%;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            min-height: 64px;
            box-shadow: 0px 4px 8px rgba(182,182,182,0.18)
        }

            .re__header.re__full-menu.re__fix .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 {
                padding: 0 !important
            }

            .re__header.re__full-menu.re__fix .re__control-menu {
                width: 100%;
                min-height: 120px
            }

                .re__header.re__full-menu.re__fix .re__control-menu #divUserStt .re__btn {
                    width: calc(50% - 8px)
                }

    .re__full-menu {
        width: 100% !important;
        position: fixed;
        top: 0px
    }

        .re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__actived {
            background: #ebedf0;
            background: inherit !important
        }

            .re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__actived ul {
                border: 0px;
                display: block
            }

                .re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__actived ul li.lv1 {
                    border: 0px
                }

                    .re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__actived ul li.lv1.re__actived {
                        background: #ebedf0
                    }

        .re__full-menu.re__fix .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.bg_menu {
            padding: 0px 36px 0px 19px !important
        }

    #boxSearchForm {
        margin-top: 0px;
        position: relative;
        z-index: 1;
        height: 97px
    }

        #boxSearchForm .search-bar {
            border-top: 0px;
            margin-top: 0px;
            padding-top: 0px;
            float: none;
            position: fixed;
            width: 100%;
            z-index: 2;
            background: #fff
        }

            #boxSearchForm .search-bar .select-control {
                width: calc((100% - 203px) / 5) !important
            }

                #boxSearchForm .search-bar .select-control .dropbox-label {
                    display: inline-block;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    width: auto
                }

            #boxSearchForm .search-bar .filter-control {
                width: 48px !important
            }

                #boxSearchForm .search-bar .filter-control .select-control-label .filter-info {
                    line-height: 16px;
                    margin: 0px;
                    padding: 12px 0px
                }

                    #boxSearchForm .search-bar .filter-control .select-control-label .filter-info span {
                        top: 1px;
                        left: 7px
                    }

                #boxSearchForm .search-bar .filter-control .select-control-label .re__text {
                    display: none !important
                }

            #boxSearchForm .search-bar .search-bar-suggestion {
                width: 100% !important;
                background-color: #fff !important;
                padding: 0 16px 12px 16px !important;
                border-bottom: 1px solid #f2f2f2
            }

                #boxSearchForm .search-bar .search-bar-suggestion .re__input--sm {
                    left: 0px;
                    width: 100%;
                    z-index: 1;
                    transition: width 0.5s, left 0.5s
                }

                    #boxSearchForm .search-bar .search-bar-suggestion .re__input--sm input {
                        background: #f2f2f2;
                        border: 1px solid #f2f2f2
                    }

            #boxSearchForm .search-bar.fix {
                top: 64px !important;
                border-top: 1px solid #f2f2f2
            }

                #boxSearchForm .search-bar.fix .search-bar-suggestion {
                    padding: 0px !important
                }

                    #boxSearchForm .search-bar.fix .search-bar-suggestion .re__input--sm {
                        position: absolute;
                        top: -48px;
                        width: calc(100% - 156px) !important;
                        left: 56px;
                        z-index: 11;
                        padding-left: 0px !important;
                        padding-right: 0px !important
                    }

            #boxSearchForm .search-bar #btnSearch {
                float: right;
                margin-right: 15px;
                margin-top: 12px
            }

        #boxSearchForm [role~="tooltip"][data-microtip-position|="top"]::after {
            bottom: 86%
        }

        #boxSearchForm [role~="tooltip"][data-microtip-position="top"]::before {
            bottom: 82%
        }

        #boxSearchForm .fix [role~="tooltip"][data-microtip-position|="top"]::after {
            bottom: 100%
        }

        #boxSearchForm .fix [role~="tooltip"][data-microtip-position="top"]::before {
            bottom: 96%
        }

    .re__body.in .search-bar.fix {
        z-index: 8 !important
    }

    .home-search {
        z-index: 8 !important
    }
}

.js__data-disable[data-disable="1"] {
    cursor: no-drop !important
}

    .js__data-disable[data-disable="1"] * {
        cursor: no-drop !important
    }

    .js__data-disable[data-disable="1"]:hover {
        background-color: transparent
    }

    .js__data-disable[data-disable="1"] .dropbox-label {
        color: #999
    }

        .js__data-disable[data-disable="1"] .dropbox-label::after {
            color: #999
        }

    .js__data-disable[data-disable="1"] .custom-value {
        color: #999
    }

    .js__data-disable[data-disable="1"]#divWard .filter-label, .js__data-disable[data-disable="1"]#divStreet .filter-label {
        background: #f2f2f2 !important
    }

        .js__data-disable[data-disable="1"]#divWard .filter-label span, .js__data-disable[data-disable="1"]#divWard .filter-label::after, .js__data-disable[data-disable="1"]#divStreet .filter-label span, .js__data-disable[data-disable="1"]#divStreet .filter-label::after {
            color: #999 !important
        }

.box-contact .user .phone, .product-detail-fix .phone, .re__ldp .re__pr-scrollbar .phone {
    line-height: 20px;
    height: initial;
    padding: 13px 15px;
    border-radius: 8px;
    color: #fff;
    background: #009BA1;
    border: 1px solid #009BA1
}

    .box-contact .user .phone:hover, .product-detail-fix .phone:hover, .re__ldp .re__pr-scrollbar .phone:hover {
        background: #1DBABF;
        border: 1px solid #1DBABF
    }

    .box-contact .user .phone:active, .product-detail-fix .phone:active, .re__ldp .re__pr-scrollbar .phone:active {
        background: #007c80;
        border: 1px solid #007c80
    }

    .box-contact .user .phone:disabled, .product-detail-fix .phone:disabled, .re__ldp .re__pr-scrollbar .phone:disabled {
        opacity: .4;
        cursor: unset
    }

.box-contact .email-copy {
    font-weight: bold;
    color: #2c2c2c;
    position: initial
}

    .box-contact .email-copy:active {
        color: #fff
    }

.product-detail-fix .link_mail, .product-detail-fix .link_sms {
    color: #2c2c2c
}

.tablet-box-contact .btn-border-grey .re__btn-se-border--md {
    padding: 13px 15px;
    font-weight: bold;
    color: #2c2c2c
}

    .tablet-box-contact .btn-border-grey .re__btn-se-border--md:active {
        color: #fff
    }

.repost .re__btn {
    display: inline-block
}

.repost #report {
    line-height: 20px
}

.list-history .re__btn.re__left, .list-history .re__btn.re__right, .list-product-area .re__btn.re__left, .list-product-area .re__btn.re__right {
    top: 36px;
    position: absolute;
    z-index: 1;
    box-sizing: content-box
}

.list-history .re__left, .list-product-area .re__left {
    right: -21px
}

.list-history .re__right, .list-product-area .re__right {
    left: -21px
}

#popup_feedback .pl-popup-tab .btn-green {
    background-image: none
}

.product-detail .fb-input input {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 5px 15px;
    border-radius: 4px;
    color: #2c2c2c;
    background: #fff;
    border: 1px solid #ccc;
    display: block;
    width: 100%;
    box-sizing: border-box
}

    .product-detail .fb-input input::-webkit-input-placeholder {
        color: #999
    }

    .product-detail .fb-input input:-ms-input-placeholder {
        color: #999
    }

    .product-detail .fb-input input::placeholder {
        color: #999
    }

    .product-detail .fb-input input:hover {
        border: 1px solid #2c2c2c
    }

    .product-detail .fb-input input:focus {
        border: 1px solid #2c2c2c;
        box-shadow: none
    }

    .product-detail .fb-input input:disabled {
        color: #999;
        background: #f2f2f2;
        border: 1px solid #ff837a;
        cursor: no-drop
    }

.product-detail .fb-input span.re__input-icon-close {
    top: 8px;
    right: 8px;
    line-height: 16px;
    font-family: font-icon-bds !important;
    color: #999;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    text-align: center;
    width: unset
}

    .product-detail .fb-input span.re__input-icon-close > span {
        font-size: 16px;
        line-height: 1
    }

    .product-detail .fb-input span.re__input-icon-close .path1:before {
        content: "";
        color: #f2f2f2;
        font-family: "font-icon-bds"
    }

    .product-detail .fb-input span.re__input-icon-close .path2:before {
        content: "";
        margin-left: -1em;
        color: #999;
        font-family: "font-icon-bds"
    }

.btn-border-grey, .btn-border-grey:hover, .btn-border-grey.actived {
    border: 0px;
    background: none
}

.product-detail-fix .phone span {
    background: none;
    padding-left: 10px
}

    .product-detail-fix .phone span .re__content span {
        margin-top: 1px
    }

    .product-detail-fix .phone span span, .product-detail-fix .phone span i {
        float: left
    }

    .product-detail-fix .phone span.re__content {
        float: none;
        display: inline-block
    }

.box-contact .user .phoneEvent i {
    display: none
}

#divSendContact .row input {
    color: #2c2c2c;
    background: #fff;
    border: 1px solid #ccc;
    display: block;
    width: 100%;
    box-sizing: border-box
}

    #divSendContact .row input:hover {
        border: 1px solid #2c2c2c
    }

    #divSendContact .row input:focus {
        border: 1px solid #2c2c2c;
        box-shadow: none
    }

    #divSendContact .row input:disabled {
        color: #999;
        background: #f2f2f2;
        border: 1px solid #ff837a;
        cursor: no-drop
    }

.product-detail .product-config .repost {
    top: 14px
}

.product-detail .list-product .ul-list-product {
    padding-bottom: 20px
}

.re__sidebar-box-action {
    position: relative
}

.product-detail .tile-product, .hidden-mobile, .hidden-phone, .product-details-new .list-info ul li .txtContent p.f-none, .new-layout .o-info.fblack h2, .new-layout .o-info.fblack h4, .other-contact-form textarea {
    font-family: "Roboto Regular" !important
}

.re__vip-0 > a .re__card-title {
    color: #961b12
}

    .re__vip-0 > a .re__card-title > *:not([class*="re__icon-"]) {
        font-family: "Nunito Bold" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #961b12;
        text-transform: uppercase
    }

        .re__vip-0 > a .re__card-title > *:not([class*="re__icon-"]) > i {
            font-size: 16px;
            display: inline-block;
            vertical-align: middle;
            margin-top: -4px
        }

    .re__vip-0 > a .re__card-title .hidden-mobile {
        font-family: "Nunito Bold" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #961b12;
        text-transform: uppercase
    }

    .re__vip-0 > a .re__card-title > i {
        font-size: 16px;
        margin-right: 4px;
        display: inline-block;
        vertical-align: middle;
        margin-top: -4px
    }

.re__vip-0 > a .re__card-image-addon {
    position: relative
}

    .re__vip-0 > a .re__card-image-addon::before {
        content: url(/images/vip/label-vip-0-1.svg);
        height: 24px;
        left: -4px;
        position: absolute;
        top: 8px;
        width: 62px;
        z-index: 1
    }

.re__vip-1 > a .re__card-title {
    color: #961b12
}

    .re__vip-1 > a .re__card-title > *:not([class*="re__icon-"]) {
        font-family: "Nunito Bold" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #961b12;
        text-transform: uppercase
    }

    .re__vip-1 > a .re__card-title .hidden-mobile {
        font-family: "Nunito Bold" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #961b12;
        text-transform: uppercase
    }

.re__vip-1 > a .re__card-image-addon {
    position: relative
}

    .re__vip-1 > a .re__card-image-addon::before {
        content: url(/images/vip/label-vip-0-1.svg);
        height: 24px;
        left: -4px;
        position: absolute;
        top: 8px;
        width: 62px;
        z-index: 1
    }

.re__vip-2 > a .re__card-title {
    color: #DB4F21
}

    .re__vip-2 > a .re__card-title > *:not([class*="re__icon-"]) {
        font-family: "Nunito Bold" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #DB4F21;
        text-transform: uppercase
    }

    .re__vip-2 > a .re__card-title .hidden-mobile {
        font-family: "Nunito Bold" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #DB4F21;
        text-transform: uppercase
    }

.re__vip-2 > a .re__card-image-addon {
    position: relative
}

    .re__vip-2 > a .re__card-image-addon::before {
        content: url(/images/vip/label-vip-2-3.svg);
        height: 24px;
        left: -4px;
        position: absolute;
        top: 8px;
        width: 62px;
        z-index: 1
    }

.re__vip-3 > a .re__card-title {
    color: #DB4F21
}

    .re__vip-3 > a .re__card-title > *:not([class*="re__icon-"]) {
        font-family: "Nunito Bold" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #DB4F21
    }

    .re__vip-3 > a .re__card-title .hidden-mobile {
        font-family: "Nunito Bold" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #DB4F21
    }

.re__vip-3 > a .re__card-image-addon {
    position: relative
}

    .re__vip-3 > a .re__card-image-addon::before {
        content: url(/images/vip/label-vip-2-3.svg);
        height: 24px;
        left: -4px;
        position: absolute;
        top: 8px;
        width: 62px;
        z-index: 1
    }

.re__vip-5 > a .re__card-title {
    color: #004e7f
}

    .re__vip-5 > a .re__card-title > *:not([class*="re__icon-"]) {
        font-family: "Nunito Bold" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #004e7f
    }

    .re__vip-5 > a .re__card-title .hidden-mobile {
        font-family: "Nunito Bold" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #004e7f
    }

.re__vip-5 > a .re__card-image-addon {
    position: relative
}

    .re__vip-5 > a .re__card-image-addon::before {
        content: url(/images/vip/label-vip-5.svg);
        height: 24px;
        left: -4px;
        position: absolute;
        top: 8px;
        width: 62px;
        z-index: 1
    }

.re__vip-5 [class^="re__icon-star"] {
    display: none !important
}

.re__vip-no-value > a .re__card-title {
    color: #004e7f
}

    .re__vip-no-value > a .re__card-title > *:not([class*="re__icon-"]) {
        font-family: "Nunito Bold" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #999
    }

.re__vip-no-value [class^="re__icon-star"] {
    display: none !important
}

.re__card-compact a .re__card-image img.error-photo {
    display: inline-block
}

.re__card-full > a .re__card-image.re__card-image-addon, .re__card-compact > a .re__card-image.re__card-image-addon {
    overflow: initial
}

.re__card-compact {
    width: calc(262px - 2px);
    height: calc(310px - 2px);
    border: 1px solid #f2f2f2;
    box-shadow: 0px 4px 6px rgb(44 44 44 / 4%);
    border-radius: 4px;
    box-sizing: content-box;
    background: #fff
}

    .re__card-compact:hover {
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08)
    }

    .re__card-compact > a {
        display: block;
        width: 100%;
        height: 100%
    }

        .re__card-compact > a .re__card-image {
            height: calc(100% - 136px - 12px - 16px);
            width: calc(100% + 1px);
            margin-left: -.5px;
            margin-top: -.5px;
            position: relative;
            overflow: hidden
        }

            .re__card-compact > a .re__card-image::after {
                position: absolute;
                width: 100%;
                height: 40px;
                left: 0px;
                bottom: 0px;
                background: linear-gradient(180deg, rgba(44,44,44,0) 0%, rgba(44,44,44,0.8) 100%);
                content: "";
                z-index: 1
            }

            .re__card-compact > a .re__card-image > img {
                width: 100%;
                height: 100%;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px
            }

            .re__card-compact > a .re__card-image .re__card-image-feature {
                position: absolute;
                bottom: 8px;
                right: 8px;
                z-index: 2
            }

                .re__card-compact > a .re__card-image .re__card-image-feature > i {
                    float: left;
                    margin-left: 4px;
                    color: #fff
                }

                .re__card-compact > a .re__card-image .re__card-image-feature > span {
                    float: left;
                    margin: 2px 0px;
                    color: #fff
                }

        .re__card-compact > a .re__card-image-no-image::after {
            content: unset
        }

        .re__card-compact > a .re__card-info .re__card-info-content {
            position: relative;
            margin: 12px 16px 16px 16px
        }

            .re__card-compact > a .re__card-info .re__card-info-content .re__card-title {
                height: 40px
            }

                .re__card-compact > a .re__card-info .re__card-info-content .re__card-title > *:not([class*="re__icon-"]) {
                    text-align: left;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    display: -webkit-box;
                    overflow: hidden
                }

            .re__card-compact > a .re__card-info .re__card-info-content .re__card-config {
                margin-top: 4px
            }

                .re__card-compact > a .re__card-info .re__card-info-content .re__card-config > span {
                    display: block;
                    float: left
                }

                .re__card-compact > a .re__card-info .re__card-info-content .re__card-config .re__card-config-price {
                    font-family: "Roboto Medium" !important;
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: normal !important;
                    color: #2c2c2c
                }

                .re__card-compact > a .re__card-info .re__card-info-content .re__card-config .re__card-config-area {
                    font-family: "Roboto Medium" !important;
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: normal !important;
                    color: #2c2c2c
                }

                .re__card-compact > a .re__card-info .re__card-info-content .re__card-config .re__card-config-dot {
                    font-family: "Roboto Regular" !important;
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: normal !important;
                    color: #999;
                    margin: 0 8px
                }

            .re__card-compact > a .re__card-info .re__card-info-content .re__card-location {
                margin-top: 4px;
                font-family: "Roboto Regular" !important;
                font-size: 14px;
                line-height: 20px;
                font-weight: normal !important;
                color: #2c2c2c;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                display: -webkit-box;
                overflow: hidden
            }

            .re__card-compact > a .re__card-info .re__card-info-content .re__card-contact {
                margin-top: 16px;
                height: 32px
            }

                .re__card-compact > a .re__card-info .re__card-info-content .re__card-contact .re__card-published-info {
                    float: left;
                    height: 32px
                }

                    .re__card-compact > a .re__card-info .re__card-info-content .re__card-contact .re__card-published-info .re__card-published-info-published-at {
                        font-family: "Roboto Regular" !important;
                        font-size: 12px;
                        line-height: 16px;
                        font-weight: normal !important;
                        display: block;
                        color: #999;
                        float: left;
                        margin: 8px 0
                    }

                .re__card-compact > a .re__card-info .re__card-info-content .re__card-contact .re__card-contact-button {
                    float: right;
                    height: 32px
                }

                    .re__card-compact > a .re__card-info .re__card-info-content .re__card-contact .re__card-contact-button .re__btn.re__btn-icon--sm {
                        float: right;
                        margin-left: 8px
                    }

                        .re__card-compact > a .re__card-info .re__card-info-content .re__card-contact .re__card-contact-button .re__btn.re__btn-icon--sm .re__icon-heart--sm {
                            display: block;
                            color: #000
                        }

                            .re__card-compact > a .re__card-info .re__card-info-content .re__card-contact .re__card-contact-button .re__btn.re__btn-icon--sm .re__icon-heart--sm::before {
                                color: #000
                            }

                        .re__card-compact > a .re__card-info .re__card-info-content .re__card-contact .re__card-contact-button .re__btn.re__btn-icon--sm .re__icon-heart-pressed--sm {
                            display: none
                        }

                        .re__card-compact > a .re__card-info .re__card-info-content .re__card-contact .re__card-contact-button .re__btn.re__btn-icon--sm.re__pressed .re__icon-heart--sm {
                            display: none
                        }

                        .re__card-compact > a .re__card-info .re__card-info-content .re__card-contact .re__card-contact-button .re__btn.re__btn-icon--sm.re__pressed .re__icon-heart-pressed--sm {
                            display: block;
                            color: #e03c31
                        }

                            .re__card-compact > a .re__card-info .re__card-info-content .re__card-contact .re__card-contact-button .re__btn.re__btn-icon--sm.re__pressed .re__icon-heart-pressed--sm::before {
                                color: #e03c31
                            }

.re__vip-0 > a .re__card-info .re__card-info-content .re__card-title > *:not([class*="re__icon-"]), .re__vip-1 > a .re__card-info .re__card-info-content .re__card-title > *:not([class*="re__icon-"]), .re__vip-2 > a .re__card-info .re__card-info-content .re__card-title > *:not([class*="re__icon-"]), .re__vip-3 > a .re__card-info .re__card-info-content .re__card-title > *:not([class*="re__icon-"]), .re__vip-5 > a .re__card-info .re__card-info-content .re__card-title > *:not([class*="re__icon-"]) {
    font-family: "Nunito Bold" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__card-bad-requested-product {
    position: relative
}

    .re__card-bad-requested-product > a:nth-child(1) {
        filter: grayscale(100%)
    }

    .re__card-bad-requested-product > div:nth-child(2) {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0px
    }

        .re__card-bad-requested-product > div:nth-child(2) > div:nth-child(1) {
            width: 100%;
            height: calc(100% - 136px - 12px - 16px);
            display: table
        }

            .re__card-bad-requested-product > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
                display: table-cell;
                vertical-align: middle;
                height: 100%;
                box-sizing: border-box;
                text-align: center
            }

        .re__card-bad-requested-product > div:nth-child(2) > div:nth-child(2) {
            height: calc(136px + 12px + 16px);
            width: 100%;
            position: relative
        }

            .re__card-bad-requested-product > div:nth-child(2) > div:nth-child(2) > span:nth-child(1) {
                margin-left: 16px;
                margin-right: 16px;
                top: calc(12px + 40px + 4px);
                position: absolute;
                color: #999;
                height: 60px;
                background: #fff;
                text-align: left;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                display: -webkit-box;
                overflow: hidden;
                font-family: "Roboto Regular" !important;
                font-size: 14px;
                line-height: 20px;
                font-weight: normal !important
            }

            .re__card-bad-requested-product > div:nth-child(2) > div:nth-child(2) > span:nth-child(2) {
                right: 16px;
                bottom: 16px;
                position: absolute
            }

.re__label-solid-black-opacity--sm {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
    background: rgba(0,0,0,0.6)
}

    .re__label-solid-black-opacity--sm > i {
        float: left;
        margin: 2px 4px 2px 0;
        color: #fff
    }

    .re__label-solid-black-opacity--sm > span {
        font-family: "Roboto Regular" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        clear: left;
        color: #fff
    }

.re__label-solid-black-opacity--md {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 6px 12px;
    border-radius: 4px;
    display: inline-block;
    background: rgba(0,0,0,0.6)
}

    .re__label-solid-black-opacity--md > i {
        float: left;
        margin: 2px 4px 2px 0;
        color: #fff
    }

    .re__label-solid-black-opacity--md > span {
        font-family: "Roboto Regular" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        clear: left;
        color: #fff
    }

[aria-label][role~="tooltip"]::after {
    font-family: "Roboto Regular" !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #fff;
    background: rgba(0,0,0,0.8);
    padding: 8px 12px
}

[role~="tooltip"][data-microtip-position="right"]::before {
    background: url(/images/tooltip/tooltip-right.svg) no-repeat;
    width: 6px;
    height: 10px
}

[role~="tooltip"][data-microtip-position="left"]::before {
    background: url(/images/tooltip/tooltip-left.svg) no-repeat;
    width: 6px;
    height: 10px
}

[role~="tooltip"][data-microtip-position="bottom"]::before {
    background: url(/images/tooltip/tooltip-bottom.svg) no-repeat;
    width: 12px;
    height: 8px
}

[role~="tooltip"][data-microtip-position="top"]::before {
    background: url(/images/tooltip/tooltip-top.svg) no-repeat;
    width: 12px;
    height: 8px;
    bottom: 96%
}

.re__list-standard-1line--sm {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    margin: 0px 16px;
    padding: 6px 0px;
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

    .re__list-standard-1line--sm:last-of-type {
        border-bottom: 0
    }

    .re__list-standard-1line--sm:last-of-type {
        border-bottom: 0
    }

.re__list-standard-1line-no-underline--sm {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: none;
    margin: 0px 16px;
    padding: 6px 0px;
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__list-standard-1line--md {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    margin: 0px 16px;
    padding: 14px 0px;
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

    .re__list-standard-1line--md:last-of-type {
        border-bottom: 0
    }

    .re__list-standard-1line--md:last-of-type {
        border-bottom: 0
    }

.re__list-standard-1line-no-underline--md {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: none;
    margin: 0px 16px;
    padding: 14px 0px;
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__list-standard-1line--lg {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    margin: 0px 16px;
    padding: 16px 0px;
    font-family: "Roboto Medium" !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important
}

    .re__list-standard-1line--lg:last-of-type {
        border-bottom: 0
    }

    .re__list-standard-1line--lg:last-of-type {
        border-bottom: 0
    }

.re__list-standard-1line-no-underline--lg {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: none;
    margin: 0px 16px;
    padding: 16px 0px;
    font-family: "Roboto Medium" !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important
}

.re__tag, .re__tag--sm, .re__tag--md {
    overflow: hidden;
    display: block;
    float: left;
    padding: 6px 16px;
    border-radius: 40px;
    background: #f2f2f2;
    margin-right: 8px;
    color: #2c2c2c;
    cursor: pointer
}

    .re__tag:hover, .re__tag--sm:hover, .re__tag--md:hover {
        background: #f2f2f2;
        color: #999
    }

    .re__tag:active, .re__tag--sm:active, .re__tag--md:active {
        background: #ccc;
        color: #2c2c2c
    }

.re__actived.re__tag, .re__actived.re__tag--sm, .re__actived.re__tag--md {
    background: #ffeceb;
    color: #961b12
}

.re__tag-icon-left span, .re__tag-notification span, .re__tag-close span, .re__tag-icon-close span {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    display: block;
    float: left
}

.re__tag {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

    .re__tag a {
        color: #2c2c2c
    }

.re__tag--sm {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 2px 8px;
    margin-right: 6px
}

    .re__tag--sm:hover {
        background: #f2f2f2;
        color: #999
    }

    .re__tag--sm:active {
        background: #ccc;
        color: #2c2c2c
    }

    .re__tag--sm a {
        color: #2c2c2c
    }

.re__tag--md {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 6px 16px;
    margin-right: 8px
}

    .re__tag--md:hover {
        background: #f2f2f2;
        color: #999
    }

    .re__tag--md:active {
        background: #ccc;
        color: #2c2c2c
    }

    .re__tag--md a {
        color: #2c2c2c
    }

.re__tag-icon-left i {
    font-size: 16px;
    padding: 2px 0px;
    float: left;
    margin-right: 8px
}

.re__tag-notification span {
    margin-right: 8px
}

    .re__tag-notification span.notification {
        font-family: "Roboto Bold" !important;
        font-size: 10px;
        line-height: 12px;
        font-weight: normal !important;
        color: #fff;
        background: #2c2c2c;
        border-radius: 4px;
        display: inline-block;
        min-width: 16px;
        line-height: 16px;
        padding: 0px 1px
    }

.re__tag-close span {
    margin-right: 8px
}

.re__tag-close i {
    font-size: 16px;
    padding: 2px 0px;
    float: left
}

.re__tag-icon-close span {
    font-size: 16px;
    margin-left: 8px;
    margin-right: 8px
}

.re__tag-icon-close i {
    font-size: 16px;
    padding: 2px 0px;
    float: left
}

.re__section::after {
    content: "";
    clear: both;
    display: block
}

@media only screen and (min-width: 1024px) {
    .re__section {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__section {
        margin-bottom: 32px
    }
}

.re__section .re__section-title {
    font-family: "Nunito Bold" !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    color: #2c2c2c;
    display: block
}

@media only screen and (min-width: 1024px) {
    .re__section .re__section-title {
        margin-bottom: 24px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__section .re__section-title {
        margin-bottom: 16px
    }
}

.re__section .re__section-body::after {
    content: "";
    clear: both;
    display: block
}

.re__section .re__section-body[class*="re__border-"] {
    padding-top: 8px;
    padding-bottom: 8px
}

.re__section .re__section-footer {
    text-align: center;
    position: relative
}

    .re__section .re__section-footer::after {
        content: "";
        clear: both;
        display: block
    }

    .re__section .re__section-footer .overlay {
        position: absolute;
        top: -24px;
        height: 24px;
        width: 100%;
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 100%)
    }

.re__breadcrumb {
    margin-bottom: 8px
}

    .re__breadcrumb a {
        font-family: "Roboto Regular" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #999
    }

        .re__breadcrumb a:hover {
            color: #505050
        }

        .re__breadcrumb a:active {
            color: black
        }

        .re__breadcrumb a:last-of-type {
            color: #2c2c2c
        }

    .re__breadcrumb span {
        font-family: "Roboto Regular" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #999;
        margin: 0 4px
    }

.product-detail-fix .link_mail, .product-detail-fix .link_sms {
    border: none;
    border-radius: 0px
}

.product-detail-fix .phone {
    border-radius: 0px
}

.re__full-menu.re__nohome {
    box-shadow: none
}

@media only screen and (max-width: 1140px) {
    .re__ldp {
        margin-top: 161px
    }
}

.re__ldp .re__contact-box {
    text-align: center
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__contact-box {
        display: none
    }
}

.re__ldp .re__contact-box .re__contact-avatar {
    font-family: "Nunito Bold" !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    color: #961b12;
    background-color: #ffeceb;
    text-align: center;
    width: 64px;
    height: 64px;
    line-height: 64px;
    border-radius: 50%;
    object-fit: cover;
    display: inline-block;
    margin-top: 8px;
    text-transform: uppercase
}

.re__ldp .re__contact-box .re__prefix-contact-name {
    font-family: "Roboto Regular" !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #999;
    display: block;
    margin-top: 8px;
    margin-bottom: -4px
}

.re__ldp .re__contact-box .re__contact-name {
    font-family: "Nunito Bold" !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    color: #2c2c2c;
    margin-top: 8px
}

.re__ldp .re__contact-box .re__contact-link {
    font-family: "Roboto Regular" !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    color: #2c2c2c;
    margin-top: 4px
}

.re__ldp .re__contact-box .re__btn {
    margin-top: 8px;
    width: 100%;
    display: inline-block
}

    .re__ldp .re__contact-box .re__btn.phone {
        margin-top: 24px
    }

    .re__ldp .re__contact-box .re__btn .re__icon-phone-call {
        display: none
    }

@media only screen and (min-width: 1024px) {
    .re__ldp .re__contact-box-tablet {
        display: none
    }
}

.re__ldp .re__contact-box-tablet .re__contact-avatar {
    font-family: "Nunito Bold" !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    color: #961b12;
    background-color: #ffeceb;
    text-align: center;
    width: 64px;
    height: 64px;
    line-height: 64px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 22px;
    text-transform: uppercase
}

.re__ldp .re__contact-box-tablet .re__tablet-contact-info {
    float: left;
    height: 64px
}

.re__ldp .re__contact-box-tablet .re__contact-name {
    font-family: "Nunito Bold" !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    color: #2c2c2c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.re__ldp .re__contact-box-tablet .re__contact-link {
    font-family: "Roboto Regular" !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #2c2c2c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-top: 4px
}

.re__ldp .re__contact-box-tablet .re__btn {
    float: right
}

@media only screen and (min-width: 1024px) {
    .re__ldp .re__broker-box {
        background-color: #f2f2f2;
        padding-bottom: 8px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__broker-box .re__sidebar-box-title {
        margin-bottom: 40px !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__broker-box .re__sidebar-box-content {
        position: relative
    }
}

.re__ldp .re__broker-box.loading .swiper-wrapper {
    display: block
}

    .re__ldp .re__broker-box.loading .swiper-wrapper .re__broker-info {
        display: none
    }

        .re__ldp .re__broker-box.loading .swiper-wrapper .re__broker-info:nth-of-type(-n+4) {
            display: flex
        }

.re__ldp .re__broker-box .re__broker-info::after {
    content: "";
    clear: both;
    display: block
}

@media only screen and (min-width: 1024px) {
    .re__ldp .re__broker-box .re__broker-info {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 16px
    }

        .re__ldp .re__broker-box .re__broker-info:last-of-type {
            margin-bottom: 8px
        }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__broker-box .re__broker-info {
        display: block;
        float: left;
        width: calc(25% - 18px);
        margin-right: 18px
    }

        .re__ldp .re__broker-box .re__broker-info:last-of-type {
            margin-right: 0px
        }
}

.re__ldp .re__broker-box .re__broker-info .re__broker-avatar {
    font-family: "Nunito Bold" !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    color: #961b12;
    background-color: #ffeceb;
    text-align: center;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #fff
}

@media only screen and (min-width: 1024px) {
    .re__ldp .re__broker-box .re__broker-info .re__broker-avatar {
        width: 48px;
        height: 48px;
        line-height: 48px;
        margin-right: 8px;
        float: left
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__broker-box .re__broker-info .re__broker-avatar {
        width: 64px;
        height: 64px;
        line-height: 64px;
        display: block;
        margin: 0 auto 8px auto
    }
}

.re__ldp .re__broker-box .re__broker-info span.re__broker-avatar {
    border: 1px solid #fff
}

@media only screen and (min-width: 1024px) {
    .re__ldp .re__broker-box .re__broker-info .re__broker-contact-info {
        float: left;
        width: calc(100% - 56px)
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__broker-box .re__broker-info .re__broker-contact-info {
        width: 100%
    }
}

.re__ldp .re__broker-box .re__broker-info .re__broker-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media only screen and (min-width: 1024px) {
    .re__ldp .re__broker-box .re__broker-info .re__broker-name {
        font-family: "Roboto Medium" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__broker-box .re__broker-info .re__broker-name {
        font-family: "Nunito Bold" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #2c2f36;
        text-align: center
    }
}

.re__ldp .re__broker-box .re__broker-info .re__broker-phone {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #999;
    display: block
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__broker-box .re__broker-info .re__broker-phone {
        text-align: center
    }
}

.re__ldp .re__broker-box .re__broker-pagination {
    width: 100%;
    height: 32px
}

    .re__ldp .re__broker-box .re__broker-pagination::after {
        content: "";
        clear: both;
        display: block
    }

@media only screen and (min-width: 1024px) {
    .re__ldp .re__broker-box .re__broker-pagination {
        position: relative;
        height: 32px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__broker-box .re__broker-pagination {
        height: 24px;
        margin-top: 4px
    }
}

.re__ldp .re__broker-box .re__broker-pagination .swiper-pagination {
    position: relative;
    color: #ccc;
    z-index: auto
}

@media only screen and (min-width: 1024px) {
    .re__ldp .re__broker-box .re__broker-pagination .swiper-pagination {
        height: 32px;
        line-height: 32px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__broker-box .re__broker-pagination .swiper-pagination {
        height: 24px;
        line-height: 24px
    }
}

.re__ldp .re__broker-box .re__broker-pagination .swiper-pagination span {
    margin-right: 6px
}

    .re__ldp .re__broker-box .re__broker-pagination .swiper-pagination span.swiper-pagination-bullet-active {
        background: #2c2c2c
    }

.re__ldp .re__broker-box .re__broker-pagination [action] {
    position: absolute;
    width: 32px;
    height: 32px
}

@media only screen and (min-width: 1024px) {
    .re__ldp .re__broker-box .re__broker-pagination [action] {
        top: 0px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__broker-box .re__broker-pagination [action] {
        top: -72px;
        border: 1px solid #ccc
    }
}

@media only screen and (min-width: 1024px) {
    .re__ldp .re__broker-box .re__broker-pagination [action="go-left"] {
        left: 0px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__broker-box .re__broker-pagination [action="go-left"] {
        right: 40px
    }
}

.re__ldp .re__broker-box .re__broker-pagination [action="go-right"] {
    right: 0px
}

.re__ldp .re__broker-box .re__broker-pagination .swiper-button-disabled .re__btn {
    display: none
}

@media only screen and (min-width: 1024px) {
    .re__ldp .re__feng-shui-box {
        background-color: #f2f2f2
    }
}

@media only screen and (min-width: 1024px) {
    .re__ldp .re__product-keyword-box {
        background-color: #f2f2f2
    }
}

@media only screen and (min-width: 1024px) {
    .re__ldp .re__product-count-box {
        background-color: #f2f2f2
    }
}

.re__ldp .re__pr-scrollbar {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 68px;
    padding: 0px;
    background-color: #fff;
    box-shadow: 0px 4px 10px rgba(182,182,182,0.18);
    z-index: 8
}

    .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container {
        margin: 10px auto
    }

        .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container::after {
            content: "";
            clear: both;
            display: block
        }

@media only screen and (min-width: 1545px) {
    .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container {
        max-width: 1140px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1544px) {
    .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container {
        max-width: 936px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container {
        max-width: 100%
    }
}

.re__ldp .re__pr-scrollbar .re__pr-scrollbar-container .re__pr-s-info {
    float: left
}

    .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container .re__pr-s-info::after {
        content: "";
        clear: both;
        display: block
    }

    .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container .re__pr-s-info .re__pr-s-info-item {
        font-family: "Roboto Medium" !important;
        font-size: 18px;
        line-height: 28px;
        font-weight: normal !important;
        color: #2c2c2c
    }

        .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container .re__pr-s-info .re__pr-s-info-item:nth-of-type(n+2)::before {
            content: "·";
            margin: 0px 8px;
            font-size: 16px;
            line-height: 24px;
            color: #999
        }

    .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container .re__pr-s-info .re__pr-s-info-address {
        font-family: "Roboto Regular" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #999;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%
    }

.re__ldp .re__pr-scrollbar .re__pr-scrollbar-container .re__pr-s-contact {
    float: right
}

    .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container .re__pr-s-contact::after {
        content: "";
        clear: both;
        display: block
    }

    .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container .re__pr-s-contact > * {
        float: left
    }

    .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container .re__pr-s-contact .re__contact-avatar {
        font-family: "Nunito Bold" !important;
        font-size: 18px;
        line-height: 28px;
        font-weight: normal !important;
        color: #961b12;
        background-color: #ffeceb;
        text-align: center;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 50%;
        object-fit: cover;
        display: inline-block;
        margin-top: 8px;
        text-transform: uppercase
    }

    .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container .re__pr-s-contact .re__contact-name {
        font-family: "Nunito Bold" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        color: #2c2c2c;
        line-height: 48px;
        margin-left: 8px;
        margin-right: 16px
    }

    .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container .re__pr-s-contact .re__btn {
        margin-right: 8px
    }

        .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container .re__pr-s-contact .re__btn:last-of-type {
            margin-right: 0px
        }

    .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container .re__pr-s-contact .phone {
        position: relative
    }

        .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container .re__pr-s-contact .phone .tooltip-text {
            bottom: -58px
        }

            .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container .re__pr-s-contact .phone .tooltip-text::before {
                content: none
            }

            .re__ldp .re__pr-scrollbar .re__pr-scrollbar-container .re__pr-s-contact .phone .tooltip-text::after {
                position: absolute;
                top: -10px;
                left: calc(50% - 2.5px);
                content: "";
                display: block;
                border: 5px solid transparent;
                border-bottom: 5px solid rgba(10,13,20,0.8)
            }

.re__ldp .re__pr-scrollbar-tablet {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #fff;
    z-index: 8;
    padding: 16px;
    box-sizing: border-box;
    box-shadow: 0px -2px 2px rgba(203,203,203,0.25)
}

    .re__ldp .re__pr-scrollbar-tablet::after {
        content: "";
        clear: both;
        display: block
    }

@media only screen and (min-width: 1024px) {
    .re__ldp .re__pr-scrollbar-tablet {
        display: none
    }
}

.re__ldp .re__pr-scrollbar-tablet::before {
    content: "";
    display: block;
    position: absolute;
    top: -40px;
    width: 100%;
    height: 40px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 100%)
}

.re__ldp .re__pr-scrollbar-tablet.re__with-nobackground::before {
    background: none !important;
    pointer-events: none
}

.re__ldp .re__pr-scrollbar-tablet [class*="re__btn-"] {
    display: block
}

.re__ldp .re__pr-scrollbar-tablet .re__link-email {
    display: inline-block;
    float: left;
    margin-right: 12px
}

.re__ldp .re__pr-scrollbar-tablet .re__link-sms {
    display: inline-block;
    float: left;
    margin-right: 0px
}

.re__ldp .re__pr-scrollbar-tablet .re__link-phone {
    display: inline-block;
    width: calc(100% - 269px);
    height: 48px;
    border-radius: 8px;
    float: right
}

    .re__ldp .re__pr-scrollbar-tablet .re__link-phone .re__content {
        position: relative
    }

        .re__ldp .re__pr-scrollbar-tablet .re__link-phone .re__content i {
            position: absolute;
            left: -32px
        }

        .re__ldp .re__pr-scrollbar-tablet .re__link-phone .re__content span {
            line-height: 24px
        }

.re__ldp .re__pr-scrollbar-tablet.re__no-email .re__link-sms {
    margin-right: 0px
}

.re__ldp .re__pr-scrollbar-tablet.re__no-email .re__link-phone {
    width: calc(100% - 132px)
}

.vip0 .re__pr-title {
    text-transform: uppercase
}

.vip1 .re__pr-title {
    text-transform: uppercase
}

.vip2 .re__pr-title {
    text-transform: uppercase
}

.re__pr-media-slide {
    width: 100%;
    margin: 5px 0;
}

    .re__pr-media-slide .re__media-preview {
        width: 100%;
        height: calc(100% * 472 / 840);
        margin-bottom: 8px;
        border-radius: 4px;
        cursor: pointer
    }

@media only screen and (min-width: 1024px) and (max-width: 1545px) {
    .re__pr-media-slide .re__media-preview {
        width: 696px;
        height: calc(696px * 472 / 840)
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__pr-media-slide .re__media-preview {
        width: calc(100vw - 16px);
        height: calc((100vw - 16px) * 472 / 840);
        border-radius: 0px
    }
}

.re__pr-media-slide .re__media-preview .re__media-preview-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
    display: none
}

.re__pr-media-slide .re__media-preview .re__pr-image-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.re__pr-media-slide .re__media-preview .re__overlay {
    align-items: center;
    text-align: center
}

    .re__pr-media-slide .re__media-preview .re__overlay .pr-img {
        min-height: 100%;
        cursor: pointer;
        width: 100%;
        height: auto !important;
        object-fit: cover;
    }

        .re__pr-media-slide .re__media-preview .re__overlay .pr-img.error-photo {
            display: inline-block;
            width: 100%
        }

.re__pr-media-slide .re__media-preview .re__bg-media {
    position: absolute;
    left: calc(50% - 24px);
    top: calc(50% - 24px)
}

.re__pr-media-slide .re__media-preview .swiper-pagination {
    position: absolute;
    right: 16px;
    bottom: 16px;
    width: auto;
    background: rgba(0,0,0,0.6);
    border-radius: 4px;
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #fff;
    padding: 0px 8px
}

    .re__pr-media-slide .re__media-preview .swiper-pagination span {
        font-family: "Roboto Medium" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #fff
    }

    .re__pr-media-slide .re__media-preview .swiper-pagination.swiper-pagination-fraction {
        left: unset !important;
        right: 16px
    }

.re__pr-media-slide .re__media-preview [action] {
    position: absolute;
    top: 0px;
    width: 60px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition: 0.5s
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__pr-media-slide .re__media-preview [action] {
        display: none
    }
}

.re__pr-media-slide .re__media-preview [action="go-left"] {
    left: 0px
}

.re__pr-media-slide .re__media-preview [action="go-right"] {
    right: 0px
}

.re__pr-media-slide .re__media-preview:hover :not(.swiper-button-disabled)[action="go-left"] {
    background: linear-gradient(-90deg, rgba(44,44,44,0) 0%, rgba(44,44,44,0.8) 100%)
}

.re__pr-media-slide .re__media-preview:hover :not(.swiper-button-disabled)[action="go-right"] {
    background: linear-gradient(90deg, rgba(44,44,44,0) 0%, rgba(44,44,44,0.8) 100%)
}

.re__pr-media-slide .re__media-preview .swiper-button-disabled .re__btn {
    color: #999;
    background: #fff;
    border: 1px solid #ccc;
    cursor: unset
}

    .re__pr-media-slide .re__media-preview .swiper-button-disabled .re__btn i {
        color: #999
    }

    .re__pr-media-slide .re__media-preview .swiper-button-disabled .re__btn span {
        color: #999
    }

.re__pr-media-slide .re__media-thumbs {
    width: 100%;
    height: 80px;
    overflow: hidden
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__pr-media-slide .re__media-thumbs {
        padding-left: 8px
    }
}

.re__pr-media-slide .re__media-thumbs .re__media-thumb-item {
    width: 112px;
    max-width: 112px;
    margin-right: 8px;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    float: left
}

    .re__pr-media-slide .re__media-thumbs .re__media-thumb-item .re__bg-media {
        position: absolute;
        left: calc(50% - 16px);
        top: calc(50% - 16px);
        font-size: 32px
    }

        .re__pr-media-slide .re__media-thumbs .re__media-thumb-item .re__bg-media span {
            font-size: 32px
        }

    .re__pr-media-slide .re__media-thumbs .re__media-thumb-item.item-thumb-active img {
        border: 2px solid #2c2c2c
    }

    .re__pr-media-slide .re__media-thumbs .re__media-thumb-item img {
        width: 100%;
        height: 100% !IMPORTANT;
        object-fit: cover;
        cursor: pointer;
        border-radius: 4px
    }

    .re__pr-media-slide .re__media-thumbs .re__media-thumb-item .no-photo {
        object-fit: scale-down !important
    }

    .re__pr-media-slide .re__media-thumbs .re__media-thumb-item .error-photo {
        object-fit: scale-down !important
    }

.re__pr-media-slide .re__media-thumbs .slick-slider {
    display: flex;
    height: 100%
}

.re__pr-media-slide .re__media-thumbs .slick-track {
    height: 100%;
    width: 100%;
    margin: inherit
}

.re__pr-media-slide .re__media-thumbs .slick-list {
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .re__breadcrumb {
        margin-top: 24px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__breadcrumb {
        margin-top: 32px;
        margin-left: 32px;
        margin-right: 32px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__pr-info {
        margin-left: 32px;
        margin-right: 32px
    }
}

.re__pr-info .re__pr-title {
    font-family: "Nunito Bold" !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal !important;
    color: #2c2c2c;
    display: block
}

    .re__pr-info .re__pr-title * {
        font-family: "Nunito Bold" !important;
        font-size: 24px;
        line-height: 32px;
        font-weight: normal !important
    }

.re__pr-info .re__pr-short-description {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2c2c2c;
    display: block;
    margin-top: 8px
}

.re__pr-info .re__pr-short-info {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 15px 0px;
    box-sizing: border-box
}

    .re__pr-info .re__pr-short-info::after {
        content: "";
        clear: both;
        display: block
    }

@media only screen and (min-width: 1024px) {
    .re__pr-info .re__pr-short-info {
        margin: 24px 0px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__pr-info .re__pr-short-info {
        margin: 32px 0px
    }
}

.re__pr-info .re__pr-short-info .re__pr-short-info-item {
    float: left
}

@media only screen and (min-width: 1024px) {
    .re__pr-info .re__pr-short-info .re__pr-short-info-item {
        padding-left: 64px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__pr-info .re__pr-short-info .re__pr-short-info-item {
        padding-left: 48px
    }
}

.re__pr-info .re__pr-short-info .re__pr-short-info-item:first-of-type {
    padding-left: 0px
}

.re__pr-info .re__pr-short-info .re__pr-short-info-item .title {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #999;
    display: block
}

.re__pr-info .re__pr-short-info .re__pr-short-info-item .value {
    font-family: "Roboto Medium" !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    color: #2c2c2c;
    margin-top: 4px;
    display: block
}

.re__pr-info .re__pr-short-info .re__pr-short-info-item .ext {
    font-family: "Roboto Regular" !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #505050;
    display: block
}

.re__pr-info .re__pr-short-info .re__pr-short-info-action {
    float: right;
    position: relative;
    height: 48px;
    margin-top: 2px
}

    .re__pr-info .re__pr-short-info .re__pr-short-info-action .re__pr-short-info-action-context {
        display: none;
        position: absolute;
        top: 56px;
        left: 0px;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 16px 64px rgba(0,0,0,0.2);
        padding: 8px 0;
        z-index: 3
    }

        .re__pr-info .re__pr-short-info .re__pr-short-info-action .re__pr-short-info-action-context [class*="re__icon-"] {
            margin-right: 8px
        }

        .re__pr-info .re__pr-short-info .re__pr-short-info-action .re__pr-short-info-action-context a {
            white-space: nowrap;
            margin: 0;
            padding: 10px 16px;
            box-sizing: content-box;
            cursor: pointer;
            color: #2c2c2c
        }

            .re__pr-info .re__pr-short-info .re__pr-short-info-action .re__pr-short-info-action-context a:hover {
                background-color: #f2f2f2
            }

            .re__pr-info .re__pr-short-info .re__pr-short-info-action .re__pr-short-info-action-context a i {
                margin-right: 16px !important;
                font-size: 24px
            }

    .re__pr-info .re__pr-short-info .re__pr-short-info-action.re__btn {
        margin-left: 8px
    }

    .re__pr-info .re__pr-short-info .re__pr-short-info-action [aria-label][role~="tooltip"]::after {
        top: 98%
    }

.re__pr-info .re__pr-short-info .re__marking-product .re__icon-heart {
    display: block
}

.re__pr-info .re__pr-short-info .re__marking-product .re__icon-heart-pressed {
    display: none
}

.re__pr-info .re__pr-short-info .re__marking-product .re__marking-product-text::after {
    content: "LÆ°u tin"
}

.re__pr-info .re__pr-short-info .re__marking-product.re__pressed .re__icon-heart {
    display: none
}

.re__pr-info .re__pr-short-info .re__marking-product.re__pressed .re__icon-heart-pressed {
    display: block
}

.re__pr-info .re__pr-short-info .re__marking-product.re__pressed .re__marking-product-text::after {
    content: "ÄĂ£ lÆ°u tin"
}

.re__pr-info .re__pr-description {
    overflow: hidden
}

    .re__pr-info .re__pr-description .re__detail-content {
        font-family: "Roboto Regular" !important;
        font-size: 14px;
        line-height: 24px;
        font-weight: normal !important
    }

        .re__pr-info .re__pr-description .re__detail-content p, .re__pr-info .re__pr-description .re__detail-content div, .re__pr-info .re__pr-description .re__detail-content span, .re__pr-info .re__pr-description .re__detail-content b, .re__pr-info .re__pr-description .re__detail-content strong {
            font-family: "Roboto Regular" !important;
            font-size: 14px;
            line-height: 24px;
            font-weight: normal !important
        }

    .re__pr-info .re__pr-description .re__section-body {
        font-family: "Roboto Regular" !important;
        font-size: 14px;
        line-height: 24px;
        font-weight: normal !important
    }

        .re__pr-info .re__pr-description .re__section-body a {
            color: #007c80
        }

            .re__pr-info .re__pr-description .re__section-body a:hover {
                color: #009BA1
            }

            .re__pr-info .re__pr-description .re__section-body a:active {
                color: #007c80
            }

        .re__pr-info .re__pr-description .re__section-body a--actived {
            color: #007c80
        }

        .re__pr-info .re__pr-description .re__section-body a:disabled {
            color: #999
        }

    .re__pr-info .re__pr-description .re__section-footer {
        background-color: #fff
    }

.re__pr-info .re__pr-specs .title, .re__pr-info .re__pr-project .title {
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2c2c2c;
    width: 112px
}

.re__pr-info .re__pr-specs .value, .re__pr-info .re__pr-project .value {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2c2c2c;
    width: calc(100% - 112px)
}

.re__pr-info .re__pr-specs .link, .re__pr-info .re__pr-project .link {
    white-space: nowrap;
    position: absolute;
    right: 0
}

    .re__pr-info .re__pr-specs .link span, .re__pr-info .re__pr-project .link span {
        font-family: "Nunito Bold" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important
    }

    .re__pr-info .re__pr-specs .link i, .re__pr-info .re__pr-project .link i {
        font-weight: 600
    }

.re__pr-info .re__pr-specs .re__list-standard-1line--md, .re__pr-info .re__pr-project .re__list-standard-1line--md {
    align-items: flex-start;
    position: relative
}

.re__pr-info .re__pr-map .re__section-body {
    width: 100%;
    height: 240px
}

.re__pr-info .re__pr-map iframe {
    width: 100%;
    height: 240px;
    border-radius: 4px
}

@media only screen and (min-width: 1024px) {
    .re__pr-info .re__pr-config {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__pr-info .re__pr-config {
        border-bottom: none;
        padding: 24px 0;
        margin-bottom: 0
    }
}

.re__pr-info .re__pr-config .re__bad-report-recur {
    display: none
}

.re__pr-info .re__pr-config .re__popup-form {
    top: 56px;
    right: 0px;
    width: 420px
}

    .re__pr-info .re__pr-config .re__popup-form.re__pr-feedback-container .fb-input label[class*="re__label"] {
        float: left;
        width: 116px;
        margin-left: 12px
    }

    .re__pr-info .re__pr-config .re__popup-form.re__pr-feedback-container .fb-input div[class*="re__input--"] {
        width: 220px
    }

        .re__pr-info .re__pr-config .re__popup-form.re__pr-feedback-container .fb-input div[class*="re__input--"] input {
            width: 100%
        }

        .re__pr-info .re__pr-config .re__popup-form.re__pr-feedback-container .fb-input div[class*="re__input--"] > span {
            line-height: 20px;
            float: unset;
            width: unset
        }

            .re__pr-info .re__pr-config .re__popup-form.re__pr-feedback-container .fb-input div[class*="re__input--"] > span > span {
                line-height: 20px;
                font-size: 16px;
                float: unset;
                width: unset
            }

        .re__pr-info .re__pr-config .re__popup-form.re__pr-feedback-container .fb-input div[class*="re__input--"] > .re__hidden-icon {
            display: none !important
        }

    .re__pr-info .re__pr-config .re__popup-form.re__pr-feedback-container .fb-input span {
        line-height: 34px;
        float: left
    }

    .re__pr-info .re__pr-config .re__popup-form.re__pr-feedback-container .fb-input i {
        font-style: normal
    }

    .re__pr-info .re__pr-config .re__popup-form.re__pr-feedback-container label {
        cursor: pointer
    }

.re__pr-info .re__pr-config.re__pr-short-info .re__pr-short-info-item {
    margin-top: 2px
}

    .re__pr-info .re__pr-config.re__pr-short-info .re__pr-short-info-item .value {
        font-family: "Roboto Medium" !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important
    }

.re__pr-info .re__pr-config.re__pr-short-info .re__pr-short-info-action {
    margin-top: 0px
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__pr-info .re__pr-tags {
        margin-right: 0px;
        margin-left: 0px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__pr-tags {
        margin-right: 32px;
        margin-left: 32px
    }
}

.re__ldp .re__pr-tags .re__section-body {
    margin-top: -8px
}

    .re__ldp .re__pr-tags .re__section-body [class*="re__tag"] {
        margin-top: 8px
    }

@media only screen and (min-width: 1545px) {
    .re__ldp .re__pr-more-listing .re__card-compact {
        width: calc(220px - 2px);
        height: calc(283px - 2px);
        margin-right: 15px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1544px) {
    .re__ldp .re__pr-more-listing .re__card-compact {
        width: calc(212px - 2px);
        height: calc(283px - 2px);
        margin-right: 15px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__pr-more-listing .re__card-compact {
        width: 249px;
        height: 302px;
        margin-right: 24px
    }
}

.re__ldp .re__pr-more-listing .swiper-slide:last-child .re__card-compact {
    margin-right: 0
}

.re__ldp .re__pr-more-listing .re__section-title {
    position: relative
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__pr-more-listing .re__section-title {
        margin-left: 32px
    }
}

.re__ldp .re__pr-more-listing .re__section-title .re__btn {
    float: right;
    margin-left: 8px
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__pr-more-listing .re__section-title .re__btn {
        display: none
    }
}

.re__ldp .re__pr-more-listing .re__section-body {
    position: relative
}

.re__ldp .re__pr-more-listing .re__swiper-container {
    padding-left: 5px;
    margin-left: -5px
}

.re__ldp .re__pr-more-listing .swiper-button-disabled.re__btn {
    color: #999;
    background: #fff;
    border: 1px solid #ccc;
    cursor: unset
}

    .re__ldp .re__pr-more-listing .swiper-button-disabled.re__btn i {
        color: #999
    }

    .re__ldp .re__pr-more-listing .swiper-button-disabled.re__btn span {
        color: #999
    }

.re__ldp .re__pr-project .re__section-body {
    outline: 1px solid #f2f2f2;
    width: 100%;
    height: 128px;
    border-radius: 4px
}

    .re__ldp .re__pr-project .re__section-body::after {
        content: "";
        clear: both;
        display: block
    }

.re__ldp .re__pr-project .re__section-avatar {
    width: 216px;
    float: left
}

    .re__ldp .re__pr-project .re__section-avatar img {
        width: 100%;
        aspect-ratio: 216/128;
        border-radius: 4px 0 0 4px
    }

.re__ldp .re__pr-project .re__section-content {
    width: calc(100% - 216px);
    padding: 16px;
    float: right;
    position: relative
}

    .re__ldp .re__pr-project .re__section-content .re__project-item {
        margin-bottom: 16px
    }

        .re__ldp .re__pr-project .re__section-content .re__project-item:last-child {
            margin-bottom: 0
        }

        .re__ldp .re__pr-project .re__section-content .re__project-item::after {
            content: "";
            clear: both;
            display: block
        }

        .re__ldp .re__pr-project .re__section-content .re__project-item .title {
            width: 70px;
            margin-right: 16px;
            display: block;
            float: left
        }

        .re__ldp .re__pr-project .re__section-content .re__project-item .value {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            width: calc(100% - 86px);
            float: right
        }

    .re__ldp .re__pr-project .re__section-content .re__project-title {
        font-family: "Nunito Bold" !important;
        font-size: 16px;
        line-height: 24px;
        font-weight: normal !important;
        color: #2c2c2c;
        width: calc(100% - 150px);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    .re__ldp .re__pr-project .re__section-content .re__link-pr {
        position: absolute;
        right: 16px;
        top: 16px
    }

        .re__ldp .re__pr-project .re__section-content .re__link-pr span {
            font-family: "Nunito Bold" !important;
            font-size: 14px;
            line-height: 20px;
            font-weight: normal !important
        }

.re__ldp .re__similar-listing, .re__ldp .re__suggestion-listing, .re__ldp .re__history-listing {
    margin-bottom: 0
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__similar-listing .re__card-gradient-right, .re__ldp .re__suggestion-listing .re__card-gradient-right, .re__ldp .re__history-listing .re__card-gradient-right {
        display: none !important
    }
}

.re__ldp .re__similar-listing .re__swiper-container, .re__ldp .re__suggestion-listing .re__swiper-container, .re__ldp .re__history-listing .re__swiper-container {
    padding-bottom: 40px
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__similar-listing .re__swiper-container .swiper-slide:first-child, .re__ldp .re__suggestion-listing .re__swiper-container .swiper-slide:first-child, .re__ldp .re__history-listing .re__swiper-container .swiper-slide:first-child {
        margin-left: 32px
    }
}

.re__ldp .re__similar-listing .re__card-gradient-right, .re__ldp .re__suggestion-listing .re__card-gradient-right, .re__ldp .re__history-listing .re__card-gradient-right {
    position: absolute;
    height: 8px;
    width: 283px;
    top: 138px;
    right: -137px;
    z-index: 2;
    background: linear-gradient(180deg, rgba(44,44,44,0) 0%, #2c2c2c 108.75%);
    mix-blend-mode: multiply;
    opacity: 0.15;
    transform: rotate(-90deg)
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__similar-listing .re__card-gradient-right, .re__ldp .re__suggestion-listing .re__card-gradient-right, .re__ldp .re__history-listing .re__card-gradient-right {
        width: 304px;
        top: 147px;
        right: -147px
    }
}

.re__ldp .re__disclaimer {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050
}

@media only screen and (min-width: 1024px) {
    .re__ldp .re__disclaimer {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__disclaimer {
        margin: 32px
    }
}

@media only screen and (min-width: 1024px) {
    .re__ldp .re__divide-8 {
        display: none
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__ldp .re__divide {
        display: none
    }

    .re__ldp .re__divide-8 {
        margin-bottom: 32px
    }
}

@media only screen and (max-width: 1128px) {
    .re__bg-header {
        box-shadow: none;
        height: 161px
    }

        .re__bg-header .re__full-menu .re__nav h1, .re__bg-header .re__full-menu .re__nav h2 {
            transition: opacity 0.5s, margin-top 0.5s
        }

        .re__bg-header .re__full-menu.re__fix .re__nav h1, .re__bg-header .re__full-menu.re__fix .re__nav h2 {
            margin-top: -56px
        }
}

@media only screen and (max-width: 1128px) {
    .re__bg-header {
        height: 64px;
        position: fixed
    }

        .re__bg-header .re__full-menu {
            position: relative
        }

    #boxSearchForm {
        position: initial
    }

        #boxSearchForm.fix {
            height: auto
        }

        #boxSearchForm .search-bar {
            position: fixed
        }

            #boxSearchForm .search-bar.fix {
                border: 0px !important
            }

                #boxSearchForm .search-bar.fix .re__filter-wall, #boxSearchForm .search-bar.fix .re__state-icon--sm, #boxSearchForm .search-bar.fix .re__btn, #boxSearchForm .search-bar.fix .select-control {
                    display: none
                }

    .ui-autocomplete {
        top: 104px !important
    }

        .ui-autocomplete.fix {
            top: 58px !important
        }

    .re__ldp .re__pr-scrollbar {
        top: 64px !important
    }

    .re__sr-preview .re__ldp .re__pr-scrollbar {
        top: 0 !important
    }
}

@media only screen and (max-width: 1024px) {
    .re__ldp .re__pr-scrollbar {
        display: none !important
    }
}

.re__sr-preview .re__ldp .re__pr-scrollbar {
    display: none
}

.product-detail .short-detail {
    font-family: "Roboto Regular" !important
}

.product-detail .detail-product .title-detail {
    font-family: "Roboto Medium" !important;
    font-weight: normal
}

.product-detail .detail-product .detail-1 .des-product {
    font-family: "Roboto Regular" !important
}

.product-detail .detail-product .detail-2 .row-1 .r1 {
    font-family: "Roboto Medium" !important;
    font-weight: normal
}

.product-detail .detail-product .link {
    font-family: "Roboto Medium" !important;
    font-weight: normal
}

.detail-product .detail-2 .key {
    font-family: "Roboto Regular" !important
}

.product-detail ul.short-detail-2 .sp3 {
    font-family: "Roboto Regular" !important
}

#divSendContact .row input, #divSendContact .row textarea {
    font-family: "Roboto Regular" !important
}

#product-detail-web .des-product .hidden-mobile, .box-round-grey3 .r2 .hidden-mobil {
    font-family: "Roboto Regular" !important
}

    #product-detail-web .des-product .hidden-mobile:after, .box-round-grey3 .r2 .hidden-mobile:after {
        font-family: "Roboto Regular" !important
    }

.product-detail .detail-product .detail-1 .des-product a {
    font-family: "Roboto Regular" !important
}

.hidden-mobile, .hidden-phone {
    font-family: "Roboto Regular" !important
}

.product-detail .tile-product .hidden-mobile {
    font-family: "Roboto Regular" !important
}

.product-detail .detail-product .detail-2 .row-1 .r2 .hidden-mobile:after {
    font-family: "Roboto Regular" !important
}

.product-detail .swiper-pagination {
    font-family: "Roboto Regular" !important
}

.re__expiration {
    background-color: #f0eaf4;
    border-radius: 4px;
    margin-bottom: 24px
}

    .re__expiration .re__expiration-icon {
        float: left;
        margin-left: 16px;
        margin-top: 12px;
        margin-bottom: 12px
    }

        .re__expiration .re__expiration-icon img {
            width: 100%
        }

    .re__expiration .re__expiration-message {
        float: left;
        margin-left: 16px
    }

        .re__expiration .re__expiration-message .re__expiration-title {
            font-family: "Roboto Medium" !important;
            font-size: 14px;
            line-height: 20px;
            font-weight: normal !important;
            display: block;
            color: #2c2c2c
        }

        .re__expiration .re__expiration-message .re__expiration-content {
            font-family: "Roboto Regular" !important;
            font-size: 14px;
            line-height: 20px;
            font-weight: normal !important;
            display: block;
            color: #2c2c2c
        }

    .re__expiration.re__less-than-30-day .re__expiration-icon {
        width: 48px
    }

    .re__expiration.re__less-than-30-day .re__expiration-message {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .re__expiration.re__more-than-30-day {
        margin-top: calc(24px - 8px)
    }

        .re__expiration.re__more-than-30-day .re__expiration-icon {
            width: 80px
        }

        .re__expiration.re__more-than-30-day .re__expiration-message {
            margin-top: 22px;
            margin-bottom: 22px;
            width: calc(100% - 278px)
        }

        .re__expiration.re__more-than-30-day .re__expiration-btn {
            margin-left: 16px;
            margin-top: 36px;
            margin-bottom: 36px
        }

.re__expiration-ldp-title {
    border-top: 1px solid #f2f2f2;
    padding-top: 40px;
    margin-bottom: 12px;
    position: relative
}

    .re__expiration-ldp-title .re__ldp-content {
        position: absolute;
        top: -170px
    }

    .re__expiration-ldp-title span {
        font-family: "Roboto Medium" !important;
        font-size: 16px;
        line-height: 24px;
        font-weight: normal !important;
        color: #961b12
    }

.re__expiration-more-than-30day {
    border-bottom: none !important;
    margin-bottom: 0px !important
}

.re__expiration-fix-breadcrumbs {
    margin-top: -24px
}

@media only screen and (max-width: 1023px) {
    .re__expiration-fix-breadcrumbs {
        margin-top: 0px
    }

    .re__expiration.re__more-than-30-day {
        margin-left: 32px;
        margin-right: 32px
    }

    .re__expiration-ldp-title {
        margin-left: 32px
    }

    .re__pr-media-slide {
        width: 100%;
    }
}

.re__icon-chevron-right:before {
    content: "\e930";
}

.re__icon-chevron-left:before {
    content: "\e92f";
}

.re__btn.re__btn-icon--sm {
    line-height: 1px !important;
    text-decoration: none;
}

.re__btn {
    color: #999;
    background: #fff;
    border: 1px solid #ccc;
    cursor: unset;
}

.re__btn-se-border--sm {
    color: #2c2c2c;
    background: #fff;
    border: 1px solid #ccc;
    font-family: "Nunito Bold" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 5px 11px;
    border-radius: 4px;
}

.re__btn.re__btn-icon--sm i {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: -4px;
    margin-left: -4px;
    font-size: 16px !important;
    display: block;
}

[class^="re__icon-"], [class*=" re__icon-"] {
    font-family: "font-icon-bds" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    line-height: 1;
}