@keyframes zoomInLink {
    0% {
        transform: scale(0);
        visibility: hidden;
    }

    25% {
        transform: scale(0);
        visibility: visible;
    }

    100% {
        transform: scale(1);
        visibility: visible;
    }
}

@keyframes phone-icon {
    0% {
        transform: translate3d(0px, 0, 0);
    }

    2% {
        transform: translate3d(2px, 0, 0);
    }

    4% {
        transform: translate3d(-2px, 0, 0);
    }

    6% {
        transform: translate3d(2px, 0, 0);
    }

    8% {
        transform: translate3d(-2px, 0, 0);
    }

    10% {
        transform: translate3d(2px, 0, 0);
    }

    12% {
        transform: translate3d(-2px, 0, 0);
    }

    14% {
        transform: translate3d(2px, 0, 0);
    }

    16% {
        transform: translate3d(-2px, 0, 0);
    }

    18% {
        transform: translate3d(2px, 0, 0);
    }

    20% {
        transform: translate3d(-2px, 0, 0);
    }

    22% {
        transform: translate3d(2px, 0, 0);
    }

    24% {
        transform: translate3d(-2px, 0, 0);
    }

    26% {
        transform: translate3d(2px, 0, 0);
    }

    28% {
        transform: translate3d(-2px, 0, 0);
    }

    30% {
        transform: translate3d(2px, 0, 0);
    }

    32% {
        transform: translate3d(-2px, 0, 0);
    }

    34% {
        transform: translate3d(2px, 0, 0);
    }

    36% {
        transform: translate3d(-2px, 0, 0);
    }

    38% {
        transform: translate3d(2px, 0, 0);
    }

    40% {
        transform: translate3d(-2px, 0, 0);
    }

    42% {
        transform: translate3d(2px, 0, 0);
    }

    44% {
        transform: translate3d(-2px, 0, 0);
    }

    46% {
        transform: translate3d(0em, 0, 0);
    }
}

@keyframes rotateLeft {
    0% {
        visibility: hidden;
    }

    50% {
        opacity: 0;
        visibility: visible;
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(-180deg);
    }

    100% {
        opacity: 1;
        visibility: visible;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateY(0);
    }
}

@keyframes zoomSlide {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}

@keyframes zoomSlide1 {
    0% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes Continue {
    0% {
        transform: translateY(10px);
    }

    50% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(10px);
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

a {
    text-decoration: none
}

.slideshow {
    position: relative;
    height: 304px;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
}

    .slideshow img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
    }

    .slideshow .photo {
        height: 100%;
        margin: 0;
        padding: 0;
    }

        .slideshow .photo li {
            height: 100%;
            position: absolute;
            display: none;
            width: 100%;
            top: 0;
            left: 0;
        }

            .slideshow .photo li:nth-child(2n+1) img {
                transform: scale(1.2);
                animation: zoomSlide 10s linear
            }

            .slideshow .photo li:nth-child(2n) img {
                transform: scale(1);
                animation: zoomSlide1 10s linear
            }

    .slideshow .next {
        cursor: pointer;
        width: 50px;
        height: 50px;
        background-size: 100% 100%;
        position: absolute;
        z-index: 999;
        bottom: 50%;
        right: 20px;
        opacity: .5;
    }

    .slideshow .prev {
        cursor: pointer;
        width: 50px;
        height: 50px;
        background-size: 100% 100%;
        position: absolute;
        z-index: 999;
        bottom: 50%;
        left: 20px;
        opacity: .5;
    }

        .slideshow .prev:hover, .slideshow .next:hover {
            opacity: 1;
        }

        .slideshow .prev:before {
            content: "\f104";
            font-family: fontawesome;
            font-size: 70px;
            color: #fff;
        }

    .slideshow .next:before {
        content: "\f105";
        font-family: fontawesome;
        font-size: 70px;
        color: #fff;
    }

    .slideshow .caption-over {
        position: absolute;
        width: 100%;
        height: 100%;
        display: table;
        position: relative;
        z-index: 5;
    }

    .slideshow .caption {
        margin: auto;
        transform: translateY(10%);
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        color: #fff;
    }

        .slideshow .caption h4 {
            font-size: 63px;
            text-transform: uppercase;
        }

        .slideshow .caption p {
            font-size: 23px;
            margin-top: 10px;
        }

        .slideshow .caption a {
            background: #2fb11a;
            padding: 12px 35px;
            display: inline-block;
            color: #fff;
            border-radius: 4px;
            text-transform: uppercase;
            margin-top: 25px;
            font-weight: bold;
            box-sizing: border-box;
        }

            .slideshow .caption a + a {
                margin-left: 10px;
                border: 2px solid #fff;
                background: transparent;
            }

            .slideshow .caption a:hover {
                background: #e98727;
            }

            .slideshow .caption a + a:hover {
                border-color: #fff;
                color: #313131;
                background: #fff;
            }

        .slideshow .caption .child {
            visibility: hidden;
        }

    .slideshow svg {
        position: absolute;
        z-index: 5;
        bottom: 10px;
        left: 49%;
        animation: Continue 1s infinite;
    }

.slogantop {
    width: 13%;
    float: left;
    margin-left: 7px;
    margin-top: 20px;
}

.register {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 6px;
}

    .register .my-avatar img {
        width: 100%;
        height: 100%;
    }

    .register .my-avatar span {
        color: #fff;
        padding: 0;
        margin: 0;
    }

    .register .my-avatar {
        width: 35px;
        height: 35px;
        background-color: #fff;
        color: #fff;
        border-radius: 50%;
        display: flex;
        overflow: hidden;
        align-items: center;
        justify-content: center;
        margin-right: 6px;
        box-shadow: 0 0 10px 0 #33333330;
    }

        .register .my-avatar img {
        }

        .register .my-avatar span {
            font-family: 'robotoM';
        }

.dangtin {
    float: left
}

.tencty {
    font-family: hadong;
    font-size: 40px;
    color: #0098da;
    display: block;
    line-height: 34px;
    text-transform: uppercase;
}

.slogancty {
    font-size: 13px;
    color: #f3aa1e;
    font-weight: bold;
    display: block
}

.register a {
    font-size: 15px;
    color: #3D4D65;
    transition: all ease .2s;
}

header.fixed-fixed .top-header .dangtin {
    display: none;
}

.top-header .dangtin {
    position: relative;
    font-family: 'MonSB';
    color: #3d4d65;
    font-size: 15px;
    border: 1px solid var(--default-color-3);
    border-radius: 5px;
    padding: 7px 14px;
    margin-left: 23px;
    padding-bottom: 8px;
}

    .top-header .dangtin:hover {
        background-color: var(--default-color-3);
        color: #fff
    }

.register a:hover {
    color: var(--default-color-2);
}

.dky {
    margin-left: 16px;
}

.register a.dnhap {
    position: relative;
    margin-left: 31px;
    margin-right: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .register a.dnhap::before {
        content: '';
        position: absolute;
        width: 1px;
        height: 15px;
        background-color: #b5b5b5;
        right: -17px;
    }

.dangxuat {
    background: url(/Design/top_btndangxuat.png?v=1);
    float: left;
    padding: 8px 0;
    text-transform: none;
    padding-left: 38px;
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none;
    display: none;
}

.register a.dnhap.dnthanhcong {
}

.lantop {
    float: right;
    margin-top: 26px;
}

    .lantop a {
        color: #4d4d4d;
        font-size: 13px;
        background-color: white;
        background-repeat: no-repeat;
        padding: 9px 0;
        padding-left: 30px;
        padding-right: 10px;
        border: 1px solid #e2e2e2;
        border-radius: 4px;
        background-position: 8px 9px;
        float: left;
    }

        .lantop a.lanen {
            background-image: url('/Design/lanen.png');
        }

        .lantop a.lanvn {
            background-image: url('/Design/lanvn.png');
        }

.project-nhadat {
    padding: 60px 0;
    padding-bottom: 30px;
    background: #f7f7f7;
}

    .project-nhadat .container {
    }

.project-news {
    position: relative;
    padding: 20px 0;
    width: 100%;
}

.proleft {
    width: 52%;
    float: left;
    min-height: 1px;
}

.protin {
    width: 21%;
    float: left;
    margin-left: 1.5%;
}

.proquangcao {
    width: 24%;
    float: left;
    margin-left: 1.5%;
}

.titnhadat {
    width: 100%;
    display: block;
    border-top-left-radius: 4px;
    overflow: hidden;
    position: relative;
    display: none;
    /* padding-top: 35px; */
}

    .titnhadat a {
        float: left;
        width: 50%;
        text-align: center;
        font-size: 15px;
        padding: 10px 0;
        background-color: #f8f8f8;
        color: #0098da;
    }

        .titnhadat a.activea {
            background-image: url('/Design/tin-tab.png');
            background-repeat: no-repeat;
            background-position: center bottom;
            font-weight: bold;
            margin: 0 auto;
            float: unset;
        }

        .titnhadat a:nth-child(2) {
            float: right
        }

    .titnhadat h3 {
        margin: auto;
        display: block;
        font-size: 16px;
        color: #0098da;
        border-bottom: 1px solid #0098da;
        float: left;
        width: 93%;
        padding: 9px 0;
        padding-left: 7%;
        padding-bottom: 10px;
        background-color: #f8f8f8;
        border-top: 1px solid #ebebeb;
        position: relative;
    }

    .titnhadat.tintcleft h3 {
        padding-left: 8%;
        width: 92%
    }

    .titnhadat h3:before {
        content: "";
        display: block;
        width: 45px;
        height: 40px;
        background-color: #0098da;
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 4px 4px 0 0; /* float: left; */
        position: absolute;
        left: 0;
        top: -1px;
    }

    .titnhadat.titmoigioi h3 {
        padding-left: 20%;
        width: 80%;
    }

        .titnhadat.titmoigioi h3:before {
            background-image: url('/Design/icon_moigioi.png?v=1');
        }

    .titnhadat.slidetim h3 {
        padding-left: 20%;
        width: 80%;
    }

    .titnhadat.tittlelh h3:before {
        background-image: url('/Design/icon_nguoi.png')
    }

    .titnhadat.tittlelh h3 {
        padding-left: 17%;
        width: 83%;
    }

    .titnhadat.slidetim h3:before {
        background-image: url('/Design/icon-search.png')
    }

    .titnhadat.slidetit.slidetittin {
        background-color: #f8f8f8;
        border-bottom: 1px solid #0098da;
        border-top: 1px solid #ebebeb;
    }

        .titnhadat.slidetit.slidetittin h3 {
            font-size: 16px;
            color: #f3aa1e;
            padding-left: 19%;
            width: auto;
            background-color: #f8f8f8;
            border: none;
        }

            .titnhadat.slidetit.slidetittin h3:before {
                background-image: url('/Design/tintuc_bgtit.png')
            }

    .titnhadat.hotrotit {
        background: none;
        border-radius: 4px 4px 0 0;
    }

        .titnhadat.hotrotit h3 {
            background-color: #0098da;
            border: none;
            padding: 13px 0;
            padding-left: 20%;
            color: #ffffff;
            width: 80%;
            font-size: 15px;
            text-transform: uppercase;
        }

            .titnhadat.hotrotit h3:before {
                background-image: url('/Design/icon_hotro.png?v=1');
                top: 2px;
            }

    .titnhadat.slidetit.slidetittin.tittrangconnew h3 {
        padding-left: 60px;
        color: #0098da
    }

.allttxacnhan {
    padding: 40px 20px;
    text-align: center;
    font-size: 18px;
    padding-bottom: 0;
}

.project-tinrao {
    display: block;
    margin-top: 0;
    overflow: hidden;
    padding: 15px 0px; /* border: 1px solid #ebebeb; */
}

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

.imgtinrao {
    height: 89px;
    width: 30%;
    float: left;
}

    .imgtinrao img {
        height: 100%;
        width: auto;
        min-width: 100%;
    }

.thongtinnews {
    width: 68%;
    float: right;
}

.tinrao {
    margin-bottom: 14px; /* padding-bottom:10px; */
    position: relative;
    background-color: white;
    display: block;
    overflow: hidden;
    border: 1px solid #f0f0f0;
}

    .tinrao:last-child {
        border: none
    }

.litinphu { /* float:left; */ /* width:97%; */
    background-repeat: no-repeat;
    background-position: left 6px;
    padding: 2px 0;
    padding-left: 3%;
    display: block;
    overflow: hidden;
}

.tentin {
    width: 100%; /* float:left; */
    display: block;
    overflow: hidden;
    margin-top: 10px;
}

.lefttin { /* width: 25%; */ /* float:left; */
    font-size: 13px;
    color: #3e3e3e;
    display: inline-block;
}

.righttin {
    font-size: 14px;
    color: #555f6e; /* width: 75%; */ /* float: left; */
    display: inline-block;
}

.tentin a {
    font-size: 20px;
    color: #1a98d5;
    text-decoration: none;
    font-weight: normal;
    float: left;
    width: 100%;
    height: 25px;
    white-space: nowrap;
}

.righttin a {
    color: #555f6e;
    text-decoration: none;
    font-size: 14px;
}

.rightcapa a {
    text-transform: capitalize;
}

.litinphu.litingia {
    display: inline-block;
    background-position: left 7px;
}

    .litinphu.litingia * {
        font-size: 19px
    }

.litinphu.litindientich {
    display: inline-block;
    background-position: left 5px;
    padding-top: 0;
    margin-left: 26px;
}

.litinplus {
    width: 100%;
    float: left;
    border-top: 1px dashed #e4e4e4;
    margin-top: 6px;
    padding-top: 6px;
}

.nguoidang {
    display: block;
    position: relative; /* border-top: 1px solid #e5e5e5; */
}

.gtpl {
    display: block;
    margin-bottom: 3px;
}

    .gtpl:nth-child(n+2) {
        display: inline-block;
        margin-right: 20px;
    }

    .gtpl p {
        display: inline-block;
        font-size: 14px;
        margin: auto;
        color: #555f6e;
    }

        .gtpl p:nth-child(2) {
            margin-left: 0px;
            font-weight: normal;
            color: #f3aa1e;
        }

    .gtpl:nth-child(1) p:nth-child(2) {
        margin-left: 5px
    }

.nguoidang:before {
    content: "";
    background-image: url('/Design/broker_small.jpg');
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    border-radius: 50%;
    float: left;
}

.nguoidang p {
    display: inline-block;
    margin: auto;
    font-size: 14px;
    margin-left: 15px;
    margin-top: 8px;
}

    .nguoidang p:nth-child(1) {
        color: #0098da;
        font-size: 15px;
        font-weight: bold;
        margin-left: 7px;
        text-transform: capitalize;
    }

.project-slidetin {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 25px;
}

    .project-slidetin ul {
        padding: 0;
        margin: auto;
        margin-top: 15px;
        width: 100%;
        overflow: hidden;
    }

    .project-slidetin li {
        list-style: none;
        display: block;
        overflow: hidden;
        width: 100%;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px dashed #d9d9d9
    }

.postImg.imgtinslide {
    width: 32%;
    float: left;
    height: 58px;
}

.project-slidetin li:first-child {
    padding-top: 0;
    margin-top: 0;
    border: none
}

.ttslide {
    width: 65%;
    float: right
}

    .ttslide a {
        font-size: 13px;
        color: #404040;
        text-decoration: none;
        line-height: 19px;
        float: left;
        max-height: 57px;
        overflow: hidden;
    }

.project-slidetin li.ttquyhoach .imgtinslide {
    display: none
}

.ttslide a:hover {
    color: #0098da;
}

.project-slidetin li.ttquyhoach .ttslide {
    width: 100%;
}

.project-slidetin li.ttquyhoach {
    border: none;
    padding-top: 0;
}

    .project-slidetin li.ttquyhoach:first-child .imgtinslide {
        display: block;
        width: 100%;
        height: auto
    }

        .project-slidetin li.ttquyhoach:first-child .imgtinslide img {
            position: relative;
            width: 100%;
            float: left;
        }

    .project-slidetin li.ttquyhoach .ttslide a {
        background-image: url('/Design/icon_litintuc.png');
        background-repeat: no-repeat;
        background-position: left 7px;
        padding-left: 10px;
    }

    .project-slidetin li.ttquyhoach:first-child .ttslide {
        margin-top: 10px
    }

        .project-slidetin li.ttquyhoach:first-child .ttslide a {
            background: none;
            padding: 0;
            font-size: 14px;
            font-weight: bold;
            color: #0098da;
            line-height: 20px
        }

    .project-slidetin li.ttquyhoach:first-child {
        border-bottom: 1px dashed #d9d9d9;
        padding-bottom: 10px
    }

.banner.box-side {
    margin-bottom: 15px
}

.showtthotro {
    border: 1px solid #0098da;
    overflow: hidden;
    padding: 20px 13px;
}

.lihotro {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.leftht {
    width: 44%;
    float: left;
    font-size: 14px;
    color: #424242;
}

.rightht {
    width: 52%;
    float: right;
    font-size: 14px;
    font-weight: bold;
    color: #f3aa1e;
    text-align: right;
}

.lihotro:first-child {
    margin-top: 0
}

.project-dangkynhan {
    width: 100%;
    overflow: hidden;
    background-color: #0098da;
    padding: 55px 0;
    background-size: 100% 100%;
}

.titdkmail {
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: white;
    margin-bottom: 3px;
}

.sloganmail {
    text-align: center;
    font-size: 17px;
    color: white;
    margin-bottom: 28px;
}

.textnhap {
    display: flex;
    overflow: hidden;
    text-align: center;
}

.flexmail {
    margin: auto;
}

    .flexmail input {
        font-size: 14px;
        color: #949ca8;
        padding: 15px 15px;
        border-radius: 4px;
        background-color: #f5f7f9;
        outline: none;
        background-repeat: no-repeat;
        background-position: 15px 15px;
        padding-left: 40px;
        height: 16px;
    }

    .flexmail .txtdk {
        margin-right: 10px;
    }

    .flexmail .btndk {
        background-color: #f3aa1e;
        color: white;
        text-transform: uppercase;
        background-position: 88px 14px;
        padding-left: 20px;
        padding-right: 40px;
        cursor: pointer;
        height: 46px;
    }

.project-khuvuc {
    display: block;
    overflow: hidden;
    width: 100%;
    background-color: white;
    padding: 60px 0;
    position: relative;
}

.titlekv {
    font-size: 23px;
    display: block;
    float: left;
    width: 100%;
    color: #0098da;
    text-transform: uppercase;
    font-weight: bold;
}

.leftkvanh {
    width: 49%;
    float: left;
}

.rightkvtext {
    width: 48%;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.righab {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.anhkv {
    width: 48%;
    float: left;
    overflow: hidden;
    height: 194px;
    margin-bottom: 21px;
    border-radius: 4px;
    position: relative;
}

    .anhkv a {
        width: 100%;
        float: left;
        height: 100%;
        position: relative;
        text-decoration: none;
    }

    .anhkv p {
        margin: auto;
        display: inline-block;
        color: white;
        font-size: 17px;
        padding: 15px 0;
    }

.tenkvanh {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
}

.anhkv:nth-child(n+3) {
    margin-bottom: 0
}

.anhkv:nth-child(2n+2) {
    float: right
}

.anhkv img {
    width: auto;
    float: left;
    height: 100%;
    min-width: 100%
}

.textkv {
    width: 32%;
    margin-left: 2%;
    float: left;
}

    .textkv:nth-child(3n+1) {
        margin-left: 0
    }

    .textkv a {
        text-decoration: none;
        float: left;
        background-position: left 10px;
        padding: 2px 0;
        padding-left: 7%;
        width: 93%;
        color: #0098da;
    }

    .textkv p {
        display: inline-block;
        margin: auto;
        font-size: 13px;
        color: #0098da;
    }

    .textkv:hover p {
        color: #f3aa1e
    }

.showkhuvuc {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 20px;
    float: left;
}

.col-address {
    width: 45%;
    float: left;
}

.col-menu {
    width: 33%;
    float: left;
    margin-left: 2%;
}

.col-share { /* width: 26%; */
    float: right;
}

.banquyen {
    font-size: 14px;
    color: #626262;
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
    margin-top: 20px
}

.col-menu1 {
    width: 49%;
    float: left
}

.col-menu2 {
    width: 49%;
    float: right
}

.shareft {
    float: right;
}

    .shareft a {
        width: 36px;
        height: 36px;
        float: left;
        background-color: #bbbbbb;
        border: 1px solid #bbbbbb;
        border-radius: 50%;
        margin-left: 6px;
    }

        .shareft a:hover {
            background-color: #0098da;
            border-color: #0098da
        }

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

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

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

.container {
    max-width: 1150px;
    margin: auto;
    box-sizing: border-box;
}

.header-top-right {
    flex: 1;
    position: relative;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}

header.fixed-fixed .header-top-right nav::before {
    display: none;
}

.header-top-right nav::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
    left: 0;
    width: 200vw;
    transform: translateY(-4px);
    top: -31px;
}

.top-header {
    width: 100%;
    z-index: 999;
    position: relative;
    backdrop-filter: blur(4px);
    box-shadow: 0 0 10px 0 #3333333d;
    background-color: #f2f2f2d6;
}

header.fixed-fixed .top-header .container {
    height: 75px;
}

.top-header .container {
    position: relative;
    display: flex;
    align-items: center;
    height: 106px;
}

header.fixed-fixed .top-header {
    position: fixed;
    top: 0;
    z-index: 999999;
    box-shadow: 0 0 10px 0 #3333331c;
    background-color: #f2f2f2;
    backdrop-filter: blur(4px);
}

nav {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
}

    nav .my-container {
    }

    nav .container {
        position: relative;
        height: 62px;
    }

    nav .logo {
        position: absolute;
        width: 218px;
        height: 113px;
        left: 0;
        top: 0;
        transition: all .5s;
        top: -2px;
    }

        nav .logo a, nav .logo canvas, nav .logo img {
            margin: 0 !important;
            padding: 0 !important;
            width: 100% !important;
            height: 100% !important;
            display: block;
            top: 0;
            left: 0;
            transition: all .5s;
            position: relative;
            z-index: 1;
        }

    nav .menu_main {
        list-style: none;
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
        bottom: 17px;
    }

    nav .menu-left {
        float: left;
    }

    nav .menu-right {
        float: right; /* margin-right:80px */
    }

    nav .menu_main > li {
        float: left;
        position: relative;
        color: #fff;
        display: flex;
        align-items: center;
    }

        nav .menu_main > li:first-child a {
            margin-left: 0;
            margin-right: 19px;
        }

        nav .menu_main > li:last-child a {
            margin-right: 0;
        }

        nav .menu_main > li > .mn1:hover {
            color: var(--default-color-2);
        }

        nav .menu_main > li.havesub {
            position: relative;
        }

            nav .menu_main > li.havesub::before {
                content: '';
                position: absolute;
                width: 100%;
                height: 30px;
                top: 100%;
                display: none;
            }

            nav .menu_main > li.havesub:hover::before {
                display: block;
            }

        nav .menu_main > li > a {
            text-transform: uppercase;
            position: relative;
            font-size: 15px;
            color: #3d4d65;
            font-family: 'robotoM';
            margin: 0 22px;
            transition: all ease .2s;
        }

    nav.fixed-fixed {
        height: 43px;
        width: 100%;
        top: 0;
    }

        nav.fixed-fixed .menu_main > li {
            font-size: 14px;
        }

        nav.fixed-fixed .menu_main {
            margin-left: 180px;
        }

            nav.fixed-fixed .menu_main > li > a {
                padding: 12px 25px;
            }

        nav.fixed-fixed .logo {
            height: 80px;
            width: 150px;
        }

        nav.fixed-fixed .home > a:before {
            top: 7px;
        }

        nav.fixed-fixed .hotline {
            top: 80%;
        }

            nav.fixed-fixed .hotline a {
                box-shadow: 0 0 3px rgba(0,0,0,.5);
            }

    nav .menu_main .havesub:hover > a:after {
        transform: rotate(180deg)
    }

    nav .menu_main > li:hover > a:before, nav .menu_main > li.active > a:before {
        display: none;
    }

    nav .menu_main > li.dangtin a {
        padding-left: 50px;
        background: #f26522
    }

    nav .menu_main > li.dangtin i {
        width: 29px;
        height: 29px;
        background: url(/Design/icon-dangtin.png);
        position: absolute;
        left: 15px;
        top: 5px;
    }

    nav .menusub {
        position: absolute;
        z-index: 999;
        list-style: none;
        text-transform: none;
        display: none;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 0 10px 0 #33333336;
        top: 140%;
        padding: 5px 0;
        background-color: #fff;
    }

    nav .menusubf2 {
        top: -1px;
        padding-top: 0;
        left: 100%;
        -webkit-transform: perspective(400) rotate3d(0,1,0,90deg);
        padding-left: 5px;
    }

        nav .menusubf2:before {
            content: "";
            position: absolute;
            top: 10px;
            left: -5px;
            z-index: 5;
            border: 5px solid transparent;
            border-right-color: #009ee3
        }

    nav .menusub li {
        position: relative;
        background-color: #fff;
        color: #fff;
        font-size: 14px;
        z-index: 1;
        transition: all ease .2s;
    }

    nav li:hover > .menusub {
        transform: rotateX(0deg);
        opacity: 1;
        display: block;
    }

    nav .menusub li:hover {
        background: #f2f2f2;
    }

    nav .menusub li a {
        display: block;
        position: relative;
        padding: 9px 14px;
        color: #3d4d65;
        white-space: nowrap;
    }

    nav .hotline {
        position: absolute;
        right: 0;
        top: calc(100% + 10px);
    }

        nav .hotline a {
            background: #fff;
            font-size: 18px;
            font-weight: 500;
            font-family: segoe ui;
            text-transform: uppercase;
            color: #1b80f4;
            position: relative;
            padding: 5px 25px 3px 35px;
            display: block;
            border-radius: 20px;
        }

        nav .hotline i {
            position: absolute;
            width: 36px;
            height: 36px;
            background: url(/Design/icon-phone1.png);
            left: -15px;
            top: -1px;
            animation: phone-icon 3s infinite;
        }

.booking-button {
    display: none;
}

.search-box {
    margin-top: 0px;
    width: fit-content;
    margin: 0 auto;
    border-radius: 30px;
    background: rgb(255 255 255 / 90%);
    padding: 19px 29px;
    width: 100%;
    position: relative;
}

    .search-box .top-search {
        position: absolute;
        bottom: 108%;
    }

    .search-box .container {
        background: rgba(255,255,255,.8);
        padding: 15px 30px;
        border-radius: 30px;
        overflow: hidden;
    }

    .search-box .ddl {
        text-transform: capitalize;
        height: 32px;
        border: 1px solid #cdcdcd;
        border-radius: 55px;
        padding: 0 20px;
        color: #959595;
        font-size: 14px;
        padding-right: 55px;
        font-family: 'openR';
        width: 100%;
    }

        .search-box .ddl option {
            text-transform: capitalize;
            font-family: 'openR';
        }

        .search-box .ddl:last-child, .search-box .txt:last-child {
            margin-right: 0;
        }

    .search-box .btn {
        border: none;
    }

.searchbox-over .button {
    margin-left: 5px;
    margin-right: 5px;
    user-select: none;
    flex: 1;
}

.searchbox-over .btn {
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    position: relative;
    width: fit-content;
    text-decoration: none;
    background: var(--default-color-1);
    text-transform: uppercase;
    margin: 0;
    padding: 0px 22px;
    border-radius: 45px;
    height: 42px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-family: 'MonSB';
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

    .searchbox-over .btn i {
        font-size: 15px;
        margin-right: 3px;
    }

    .searchbox-over .btn:hover {
        opacity: .8;
    }

.search-box .arrow.p-e {
    pointer-events: none;
    opacity: .3;
}

.search-box .arrow > span {
    pointer-events: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.jet-filter-items-dropdown {
    position: relative;
    cursor: pointer;
    margin: 3px;
    padding: 2px 6px;
    border-radius: 3px;
    background-color: #eee;
    font-size: 12px;
    font-family: 'MonR';
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    z-index: 1;
}

.jet-filter-items-dropdown-active {
    display: flex;
    flex-wrap: wrap;
    margin: -3px;
}

span.jet-filter-items-dropdown-remove {
    margin-left: 5px;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-box .arrow > i {
    pointer-events: none;
}

.side-e-content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

    .side-e-content a {
        padding: 5px 12px;
        background: #cdcdcd;
        border-radius: 50px;
        margin-left: 15px;
        font-size: 14px;
        font-family: 'MonR';
        color: #2b2b2b;
    }

    .side-e-content p {
        font-size: 14px;
        font-family: 'MonR';
        color: #2b2b2b;
    }

.search-box .arrow {
    position: relative;
    width: 230px;
    border: 1px solid #cdcdcd;
    border-radius: 55px;
    padding: 8px 15px;
    color: #656565;
    font-size: 14px;
    font-family: 'MonM';
    padding-right: 50px;
    display: flex;
    align-items: center;
    user-select: none;
    cursor: pointer;
    background-color: #fff;
    height: auto;
}

    .search-box .arrow > i {
        position: absolute;
        right: 18px;
        color: #4A4A4A;
        font-size: 17px;
    }

        .search-box .arrow > i:before {
            content: "";
            position: absolute;
            background: url(/Design/img/PhuTuan/drop.png) no-repeat;
            background-size: cover;
            right: 0;
            width: 11px;
            height: 7px;
            top: -3px;
        }

.searchbox-over {
    position: absolute;
    width: 100%;
    bottom: 30px;
    left: 0;
    z-index: 2;
}

    .searchbox-over.scroll {
        position: fixed;
        top: 75px;
        background-color: #fff;
        height: 60px;
        box-shadow: 0 0 10px 0 #3333331f;
    }

        .searchbox-over.scroll .my-search-location {
            bottom: -37px;
            box-shadow: unset;
            border-radius: unset;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            border: 1px solid #3333331f;
            border-top: 0;
        }

.title-searchbox {
    text-align: center;
}

    .title-searchbox strong {
        font-size: 25px;
        text-transform: uppercase;
        color: #1b80f4;
        display: block;
    }

    .title-searchbox span {
        font-size: 15px;
        color: #4f4f4f;
        display: block;
        margin-top: 10px;
    }

.infocompany {
    margin-top: 20px;
}

    .infocompany p {
        color: #3f3f3f;
        font-size: 15px;
        line-height: 2;
        color: #fff;
    }

    .infocompany * {
        font-size: 14px !important;
        line-height: 26px !important;
        color: #505050 !important;
    }

.top-footer {
    display: block;
    overflow: hidden;
    background-color: #0197da;
    padding: 30px 0;
}

.menu-ft {
    display: block;
    overflow: hidden;
}

    .menu-ft a {
        float: left;
        width: 18.6%;
        font-size: 13px;
        margin-left: 0.5%;
        color: #fff;
        background-image: url('/Design/list-footer.png');
        background-repeat: no-repeat;
        padding: 0px 0;
        padding-left: 1%;
        background-position: left 5px;
        margin: 4px 0;
        margin-bottom: 5px;
        height: 18px;
        overflow: hidden;
    }

        .menu-ft a:nth-child(5n+1) {
            margin-left: 0
        }

.infocompany p:nth-of-type(2):before {
    content: "\f095"
}

.infocompany p:nth-of-type(3):before {
    content: "\f0e0"
}

.infocompany p:nth-of-type(4):before {
    content: "\f0ac"
}

.infocompany p:nth-of-type(5):before {
    content: "\f0e0"
}

.form-leters {
    overflow: hidden;
}

    .form-leters .textbox {
        border-right: 0;
        width: 250px;
        background-color: #fff;
        display: block;
        float: left;
        font-size: 15px;
        padding: 11px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .form-leters .button {
        background-color: #0dd345;
        color: #fff;
        font-size: 15px;
        padding: 11px 20px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        cursor: pointer;
        display: block;
        float: left;
        position: relative;
    }

        .form-leters .button:before {
            content: "\f1d8";
            font-family: fontawesome;
        }

        .form-leters .button:hover {
            background-color: #0565a4;
        }

footer .foot {
    background: #242424;
    font-size: 14px;
    color: #fff;
    padding: 15px 0;
}

.parner-boxes {
    position: relative;
    overflow: hidden;
    padding: 15px 0;
    background: #fff;
}

    .parner-boxes .container {
        position: relative;
        z-index: 1; /* border-right:1px solid #e8e8e8; */
        box-sizing: border-box;
    }

    .parner-boxes .overHide {
        position: relative;
    }

.logo-over {
    overflow: hidden;
    position: relative;
    height: 60px;
}

.logo-item {
    float: left;
    height: 100%;
    width: 163px; /* border-left:1px solid #e8e8e8; */
}

    .logo-item img {
        max-height: 100%;
        max-width: 90%;
    }

.mobile {
    display: none;
}

@media only screen and (max-width :1279px) {
    nav .logo {
        width: 150px;
        height: 85px;
    }

    nav .container {
        height: 50px;
    }

    nav .menu_main { /* margin-left:180px; */
    }

        nav .menu_main > li {
            font-size: 13px;
        }

            nav .menu_main > li > a { /* padding:16px 17px; */
            }

            nav .menu_main > li.home > a:before { /* bottom:12px; */
            }

    nav .menu-right { /* margin-right:50px; */
    }

    footer .middle-footer .col-2 {
        display: none;
    }
}

@media only screen and (max-width :1023px) {
    nav .menu_main {
        margin-left: 0;
        width: 100%;
    }

        nav .menu_main > li.home > a {
            width: 100%;
            text-indent: 0;
            padding-left: 30px;
        }

        nav .menu_main > li > a:before {
            display: none;
        }

    nav {
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        overflow: auto;
        z-index: 999;
        background-color: #0098da;
        display: none;
        border-radius: 0;
    }

        nav .logo {
            position: relative;
            top: 0;
            margin: auto;
            margin-top: 0;
            margin-bottom: 20px;
            width: 125px;
            height: 75px;
        }

        nav .menu-left, nav .menu-right {
            float: none;
            margin: 0;
        }

        nav .menu_main > li:before {
            display: none;
        }

        nav .menu_main > li {
            padding-left: 0
        }

        nav .menu_main > li {
            color: #fff;
            float: none;
            position: relative;
            padding: 0;
            z-index: 9;
            border-left: 0;
            border-right: 0 !important;
            background: no-repeat;
        }

            nav .menu_main > li > a {
                padding: 10px 0;
                border-top: 1px solid #ffffff;
                display: block;
                padding-left: 10px;
                border-left: none !important;
            }

        nav .menu-right > li:last-child > a {
            border-bottom: 0;
        }

        nav .menu_main > li:first-child > a:before {
            text-align: left;
            bottom: 5px;
        }

        nav .menu_main .havesub:after {
            content: "\f107";
            font-family: FontAwesome;
            line-height: 2;
            text-indent: 4px;
            position: absolute;
            right: 0;
            top: 0;
            padding-top: 10px;
            width: 94%;
            text-align: right;
            padding-right: 6%;
            height: 35px;
        }

        nav .menu_main .havesub > a:after {
            display: none;
        }

        nav .menu_main .menusub {
            font-size: 12px;
            position: static;
            padding: 0 5px;
            margin: 0;
            padding: 0;
            display: none;
            transform: none;
            margin: 0;
            width: 100%;
        }

            nav .menu_main .menusub:before {
                display: none;
            }

            nav .menu_main .menusub li {
                background: #fdfdfd;
                line-height: 1.5;
                width: 100%;
                border: none !important;
            }

                nav .menu_main .menusub li a {
                    color: #333;
                    padding: 10px 0;
                    padding-left: 30px;
                    border-bottom: 1px solid #bdbdbd;
                }

        nav .menusubf2 {
            width: 100%;
            display: none !important;
        }

        nav .menusub li:before {
            color: #333
        }

        nav .menusub li a:hover {
            background: none
        }

        nav .menusub .havesub:after {
            color: #333
        }

        nav .menusub.menusubF2 li {
            background: #dedede;
        }

        nav .hotline {
            position: static;
        }

            nav .hotline a {
                font-size: 15px;
                padding: 5px 0;
                text-align: center;
            }

            nav .hotline i {
                display: none;
            }

    .search-link, #ShowMenu, .accountm {
        position: relative;
        width: 40px;
        height: 40px;
    }

    #ShowMenu {
    }

        #ShowMenu.close:after {
            background-color: rgba(0,0,0,.6);
            position: fixed;
            width: 100%;
            height: 100%;
            z-index: 8;
            top: 0;
            left: 0;
            content: "";
            z-index: 7;
        }

    .accountm {
        top: 5px; /* left: 105px; */
    }

    .search-link {
        top: 5px; /* left: 54px; */
    }

    searchbox-over {
        display: none;
    }

    .searchbox-over {
        display: block;
        position: relative;
        top: 0;
        bottom: auto;
    }

        .searchbox-over .container {
            padding: 20px 0;
        }

    .search-box {
        padding: 0;
    }
}

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

.content-inner {
    background: #fff;
}

.feature-default {
    margin-top: 50px;
    margin-bottom: 70px;
    width: 100%;
}

.content-duan {
    background-color: #ffffff;
    margin: auto;
    padding: 45px 0;
}

.bgwhite {
    background-color: white !important;
}

.feature-default.content-duan {
    background-color: #f2f2f2;
}

.title-cat {
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'robotoM';
    color: var(--default-color-3);
    font-weight: 500;
    text-align: center;
    margin: 0;
}

    .title-cat:before {
        content: "";
        display: block;
        height: 43px;
        background: url(/Design/logo.png) center no-repeat;
        margin-bottom: 5px;
        background-size: auto 100%;
        display: none;
    }

    .title-cat:after {
        content: "";
        width: 80px;
        border-top: 2px solid #096bc8;
        display: block;
        margin: auto;
        display: none;
        margin-top: 10px;
    }

.title-default {
    font-size: 15px;
    color: #3b3b3b;
    text-transform: uppercase;
    position: relative;
}

    .title-default i {
        font-style: normal;
    }

    .title-default span {
        font-size: 25px;
        color: #1b80f4;
        text-transform: uppercase;
        display: block;
        margin-bottom: 3px;
        font-weight: 500;
        font-family: segoe ui;
    }

    .title-default .link {
        position: absolute;
        right: 0;
        top: 20%;
    }

        .title-default .link a {
            font-size: 15px;
            color: #4f4f4f;
            padding-bottom: 5px;
        }

            .title-default .link a + a {
                margin-left: 20px;
            }

            .title-default .link a:hover, .title-default .link .active {
                color: #1ff25b;
                border-bottom: 1px solid #1ff25b;
            }

                .title-default .link .active:hover {
                    color: #1b80f4;
                    border-bottom: 1px solid #1b80f4;
                }

.bds-feature, .bds-feature-2 {
    overflow: hidden;
}

    .bds-feature .bds, .bds-feature-2 .bds {
        background: #fff;
        position: relative;
        box-sizing: border-box; /* border:1px solid transparent; */
    }

    .bds-feature .bds {
        width: 24%;
        float: left;
        margin-right: 1.333%;
        border-radius: 4px;
        overflow: hidden;
        border: none;
        padding-bottom: 10px;
        background-color: #fafafa;
    }

    .bds-feature-2 .bds {
        width: 19%;
        float: left;
        margin-right: 1.25%;
    }

    .bds-feature .bds:nth-child(4n+4) {
        margin-right: 0;
    }

    .bds-feature .bds:nth-child(n+5) {
        margin-top: 20px;
    }

    .bds-feature-2 .bds:nth-child(5n+5) {
        margin-right: 0;
    }

    .bds-feature-2 .bds:nth-child(n+6) {
        margin-top: 20px;
    }

    .bds-feature .postImg {
        height: 180px;
        width: 100%;
    }

    .bds-feature-2 .postImg {
        height: 150px;
    }

    .bds-feature .text, .bds-feature-2 .text {
        padding: 10px 10px; /* border: 1px solid #dfdfdf; */
        border-top: 0;
        padding-bottom: 0;
    }

    .bds-feature .postImg a {
        width: 100%;
        float: left;
        height: 100%
    }

    .bds-feature h4, .bds-feature-2 h4 {
        color: #0098da;
        overflow: hidden;
        font-size: 15px;
        margin: auto;
        margin-top: 5px;
        margin-bottom: 10px;
    }

        .bds-feature h4 a, .bds-feature-2 h4 a {
            color: #3d4d65;
            height: 39px;
            overflow: hidden;
            font-size: 15px;
            float: left;
            font-weight: bold;
            text-decoration: none;
        }

    .bds-feature-2 h4 {
        font-size: 15px;
        height: 64px;
    }

    .bds-feature .bds:hover h4 a, .bds-feature-2 .bds:hover h4 a {
        color: #1a98d5;
    }

    .bds-feature .bds:hover h4, .bds-feature-2 .bds:hover h4 {
        color: #1a98d5;
    }

    .bds-feature .bds:hover, .bds-feature-2 .bds:hover {
        border-color: #5fd01d;
    }

        .bds-feature .bds:hover .text, .bds-feature-2 .bds:hover .text {
            border-color: transparent;
        }

    .bds-feature .postImg .price, .bds-feature-2 .postImg .price {
        position: absolute;
        z-index: 2;
        background: rgb(244, 27, 27,0.8);
        color: #fff;
        font-size: 17px;
        bottom: 0;
        right: 0;
        padding: 5px 10px;
        font-weight: 500;
        font-family: segoe ui;
        border-top-left-radius: 7px;
    }

    .bds-feature .text ul, .bds-feature-2 .text ul {
        margin-top: 5px;
    }

    .bds-feature .text li, .bds-feature-2 .text li {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
        color: #2e2e2e;
    }

    .bds-feature .bottom, .bds-feature-2 .bottom {
        overflow: hidden;
        font-size: 13px;
        color: #5f5f5f;
        border-top: 1px dashed #dfdfdf;
        padding-top: 10px;
        margin-top: 13px;
    }

        .bds-feature .bottom .khuvuc {
            float: left;
        }

        .bds-feature .bottom .dientich {
            float: left;
            color: #0098da;
        }

        .bds-feature .bottom a, .bds-feature-2 .bottom a {
            color: #1b80f4;
        }

            .bds-feature .bottom a:hover, .bds-feature-2 .bottom a:hover {
                color: #f41b1b;
            }

        .bds-feature .bottom .price {
            float: right;
            color: #f3aa1e;
        }

    .bds-feature .khuvuc {
        font-size: 13px;
        color: #545454;
        height: 16px;
        overflow: hidden;
    }

    .bds-feature .bottom .khuvuc:before, .bds-feature-2 .bottom .khuvuc:before {
        content: "\f041";
        font-family: fontawesome;
    }

    .bds-feature .bottom .dientich:before, .bds-feature-2 .bottom .dientich:before {
        content: "\f047";
        font-family: fontawesome;
        transform: rotate(45deg);
        display: inline-block;
    }

    .bds-feature-2 .bottom .dientich {
        display: inline-block;
        margin-top: 5px;
    }

    .bds-feature-2 .bottom .price {
        display: inline-block;
        margin-top: 2px;
        color: #f41b1b;
        font-weight: bold;
        font-size: 16px;
        margin-left: 10px;
    }

.project-default {
    background: #fff;
    padding: 60px 0;
}

    .project-default .container {
        overflow: hidden;
    }

    .project-default .banner {
        width: 33%;
        float: left;
    }

    .project-default .project-over {
        width: 67%;
        float: right;
        box-sizing: border-box;
        border-left: 1px solid #fff;
        height: 607px;
    }

        .project-default .project-over .item {
            width: 50%;
            float: left;
            height: 50%;
            box-sizing: border-box;
            background: #f4f4f4;
            border-right: 1px solid #fff;
        }

            .project-default .project-over .item:nth-child(3).project-default .project-over .item:nth-child(4) {
                border-bottom: 0;
                border-right: 0;
            }

    .project-default .item h4 {
        font-size: 20px;
        color: #0c71e3;
        text-align: center;
        text-transform: uppercase;
        margin-top: 8px;
        padding: 0 10px;
    }

    .project-default .item .desc {
        text-align: center;
        font-size: 13px;
        margin-top: 6px;
        padding: 0 10px;
    }

    .project-default .project-over .postImg {
        height: 222px;
    }

.quymo-default {
    overflow: hidden;
    margin-top: 70px;
}

    .quymo-default p {
        width: 25%;
        float: left;
        color: #fff;
        text-align: center;
        font-size: 17px;
        padding: 20px 0;
    }

        .quymo-default p strong {
            font-size: 30px;
        }

            .quymo-default p strong:after {
                content: "+"
            }

        .quymo-default p:first-child {
            background: #51bf10;
        }

        .quymo-default p:nth-child(2) {
            background: #5fd01d;
        }

        .quymo-default p:nth-child(3) {
            background: #6ce327;
        }

        .quymo-default p:nth-child(4) {
            background: #7af533;
        }

.feature-default-2 {
    margin-top: 70px;
    margin-bottom: 70px;
}

.button-show {
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #1b80f4;
    font-weight: bold;
    font-family: segoe ui;
}

    .button-show a:hover {
        color: #5fd01d;
    }

.address-news {
    display: block;
    height: 21px;
    overflow: hidden;
}

    .address-news a {
        display: contents;
        color: black;
        font-size: 13px;
    }

.bds-feature .gtpl p {
    display: contents;
    color: #0098da;
    font-size: 15px;
}

    .bds-feature .gtpl p:nth-child(1) {
        display: none
    }

.bds-feature .nguoidang p:nth-child(2) {
    display: none
}

.bds-feature .nguoidang p:nth-child(1) {
}

.bds-feature .nguoidang:before {
    margin-right: 0;
}

.bds-feature .gtpl {
    margin-bottom: 5px
}

.bds-feature .litinplus {
    padding-top: 8px;
    margin-top: 5px;
}

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

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

.content-inner .container {
    overflow: hidden;
}

.col-section {
    width: 70%;
    float: left;
    box-sizing: border-box;
}

.col-side {
    width: 28%;
    float: right;
    box-sizing: border-box;
}

.content-inner .col-section {
    padding-top: 70px;
    padding-bottom: 70px;
    background: #fff;
}

.content-inner .box-side:first-child {
    padding-top: 70px;
    position: relative;
}

    .content-inner .box-side:first-child:before {
        content: "";
        position: absolute;
        height: 70px;
        border-right: 1px solid #e1e1e1;
        right: 0;
        top: 0;
        display: none;
    }

.content-inner .box-side:last-child {
    padding-bottom: 70px;
    position: relative;
}

    .content-inner .box-side:last-child:before {
        content: "";
        position: absolute;
        height: 70px;
        border-right: 1px solid #e1e1e1;
        right: 0;
        bottom: 0;
        display: none;
    }

.title-side {
    background-color: #1b80f4;
    color: #fff;
    font-size: 18px;
    font-family: hongha;
    padding: 8px 20px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.box-side + .box-side {
    margin-top: 10px;
}

.box-side .contain {
    background: #fff;
    padding: 15px 17px;
    border: 1px solid #0dd345;
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.khuvuc li {
    color: #5f5f5f;
    font-size: 15px;
}

    .khuvuc li a {
        display: block;
        padding: 8px 0;
    }

    .khuvuc li + li {
        border-top: 1px dashed #dfdfdf;
    }

    .khuvuc li:hover {
        color: #1b80f4;
    }

    .khuvuc li a:before {
        content: "";
        display: inline-block;
        width: 22px;
        height: 16px;
        background: url(/Design/icon-point.png);
    }

.title-about, .title-inner {
    color: #0098da;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 15px;
    position: relative;
    font-size: 25px;
}

    .title-about h1 {
        color: #0dd345;
        font-size: 25px;
    }

    .title-inner.tit-small {
        font-size: 20px;
        text-transform: none;
    }

    .title-about h4 {
        color: #5fd01d;
        font-size: 16px;
        color: #1b80f4;
    }

    .title-about:after, .title-inner:after {
        content: "";
        width: 111px;
        height: 2px;
        background: url(/Design/border-title.png);
        position: absolute;
        bottom: 0;
        left: 0;
    }

.product-list .item {
    overflow: hidden;
    position: relative;
    height: 147px;
    background: #fff;
}

    .product-list .item .edit-link {
        position: absolute;
        right: 0;
        bottom: 15px;
        border: 1px solid #1b80f4;
        padding: 4px 15px;
        color: #1b80f4;
    }

        .product-list .item .edit-link:hover {
            border-color: #ea0c0c;
            color: #ea0c0c;
        }

    .product-list .item .postImg {
        width: 23%;
        float: left;
        height: 100%;
    }

        .product-list .item .postImg img { /* margin-top:0 !important; */
        }

        .product-list .item .postImg .hot, .bds-feature .postImg .hot {
            position: absolute;
            z-index: 2;
            width: 70px;
            height: 70px;
            background: url(/Design/new1.gif);
            background-size: 100% 100%;
            right: 0;
            top: 0;
        }

    .product-list .item .text {
        width: 77%;
        float: right;
        box-sizing: border-box;
        height: 100%;
        border: 1px solid #e2e2e2;
        border-left: 0;
        padding: 10px 15px;
    }

    .product-list .item h4 {
        font-size: 20px;
        color: #1b80f4;
        height: 56px;
        display: flex;
    }

        .product-list .item h4 a {
            display: block;
            margin: auto;
            width: 100%;
        }

        .product-list .item h4:hover {
            color: #1b80f4;
        }

        .product-list .item h4:hover {
            color: #1ff25b;
        }

    .product-list .item .desc {
        height: 38px;
        font-size: 14px;
        color: #6f6f6f;
    }

    .product-list .item .diachi {
        margin-top: 8px;
        height: 20px;
        overflow: hidden;
        color: #3f3f3f;
    }

        .product-list .item .diachi:before {
            content: "\f041";
            font-family: fontawesome;
            color: #3f3f3f;
            display: inline-block;
            margin-right: 5px;
            font-size: 15px;
        }

    .product-list .item p {
        color: #333;
        font-size: 14px;
        margin-top: 10px;
        line-height: 1.6;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

        .bds-feature .text li a, .product-list .item p a {
            color: #1b80f4;
            font-weight: 500;
            font-family: segoe ui;
        }

    .product-list .item .bottom {
        border-top: 1px solid #e2e2e2;
        margin-top: 10px;
        padding-top: 8px;
        overflow: hidden;
    }

    .bds-feature .text li a:hover, .product-list .item p a:hover {
        color: #ea0c0c;
    }

    .product-list .item .left {
        width: 55%;
        padding: 0 20px;
        box-sizing: border-box;
        border-right: 1px solid #dbdbdb;
    }

    .product-list .item .right {
        width: 15%;
        margin-right: 10px;
    }

    .product-list .item .price {
        font-size: 18px;
        color: #f53232;
    }

    .product-list .item .dientich {
        color: #0098da;
        font-size: 13px;
        display: inline-block;
        margin-left: 30px;
    }

        .product-list .item .dientich:before {
            content: "";
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url(/Design/icon-area2.png);
            display: inline-block
        }

    .product-list .item .khuvuc {
        float: right;
        color: #1b80f4;
        font-size: 13px;
        display: inline-block;
        margin-top: 3px;
    }

        .product-list .item .khuvuc:before {
            content: "";
            display: inline-block;
            width: 22px;
            height: 16px;
            background: url(/Design/icon-khuvuc.png);
            display: inline-block;
            margin-right: 5px;
        }

    .bds-feature .bottom .price:before, .product-list .item .price:before {
        content: "\f155";
        font-family: fontawesome;
    }

    .product-list .item + .item {
        margin-top: 20px;
    }

.content-single {
    padding-top: 50px;
    padding-bottom: 70px;
    background: #ffffff;
}

.list-article-category .item {
    float: left;
    width: 24.2%;
    overflow: hidden;
    margin-right: 1%;
}

    .list-article-category .item:nth-child(4n+4) {
        margin-right: 0;
    }

    .list-article-category .item:nth-child(n+5) {
        margin-top: 30px;
    }

    .list-article-category .item .postImg {
        height: 180px;
    }

.list-article-category .postImg:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    transition: opacity .5s;
}

.list-article-category .postImg:after {
    content: "\f002";
    font-family: fontawesome;
    color: #fff;
    position: absolute;
    z-index: 5;
    font-size: 30px;
    padding: 4px 0;
    width: 50px;
    border: 1px solid #fff;
    border-radius: 100%;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    top: 35%;
    transform: translateX(500px);
    transition: transform .2s;
}

.list-article-category .postImg:hover:before {
    opacity: 1;
}

.list-article-category .postImg:hover:after {
    transform: translateX(0);
}

.list-article-category .item h4 {
    margin: 10px 0;
    color: #0098da;
    font-size: 17px;
    height: 44px;
    overflow: hidden;
    font-weight: normal;
}

.list-article-category .item .desc {
    border-top: 1px solid #e1e1e1;
    padding-top: 10px;
}

.list-article-category h4:hover, .nth-article h4:hover {
    color: #1b80f4;
}

.title-post {
    font-size: 25px;
    color: #0098da;
    border-bottom: 1px solid #0098da;
    padding-bottom: 10px;
    margin: 0;
}

.title-sub {
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #1b80f4;
    text-transform: uppercase;
    border-bottom: 1px solid #1b80f4;
}

    .title-sub span {
        display: inline-block;
        padding: 6px 0;
        padding-right: 20px;
    }

.list-same-post {
    overflow: hidden;
    margin-top: 18px;
}

    .list-same-post .item {
        width: 32%;
        margin-right: 2%;
        float: left;
        overflow: hidden
    }

        .list-same-post .item:nth-child(3n+3) {
            margin-right: 0
        }

        .list-same-post .item:nth-child(n+4) {
            margin-top: 20px;
        }

    .list-same-post .postImg {
        height: 180px;
    }

    .list-same-post h4 {
        color: #0dd345;
        font-size: 16px;
        font-weight: normal;
        height: 48px;
        margin-top: 6px;
        overflow: hidden;
    }

        .list-same-post h4:hover {
            color: #1b80f4;
        }

    .list-same-post .item .desc {
        font-family: segoe ui;
    }

.slider_contain {
    overflow: hidden;
    width: 100%;
    float: left; /* border: 1px solid rgba(0,0,0,.1); */
    padding: 0;
    margin-bottom: 20px;
}

    .slider_contain .sliderPhotos {
        position: relative;
        height: 500px;
        background: #fff;
        border: 1px solid #e1e1e1;
        box-sizing: border-box;
    }

    .slider_contain .productPhotos {
        height: 370px;
        background: #fff;
    }

    .slider_contain .sliderPhotos .next {
        cursor: pointer;
        background: url(../Design/icon_next.png)no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 43%;
        right: 10px;
        z-index: 99;
        width: 40px;
        height: 40px;
        display: none;
    }

    .slider_contain .sliderPhotos .prev {
        cursor: pointer;
        background: url(../Design/icon_prev.png)no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 43%;
        left: 10px;
        z-index: 99;
        width: 40px;
        height: 40px;
        display: none;
    }

    .slider_contain .sliderPhotos ul {
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .slider_contain .sliderPhotos li {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        text-align: center;
    }

        .slider_contain .sliderPhotos li img {
            min-width: auto;
        }

    .slider_contain .thumbnail {
        margin-top: 5px;
        text-align: center
    }

        .slider_contain .thumbnail img {
            width: auto;
            height: 30px;
            cursor: pointer;
            border: 1px solid transparent;
            opacity: .8;
            border: 1px solid #d1d1d1;
            padding: 3px;
            background: #fff;
        }

        .slider_contain .thumbnail .active {
            opacity: 1;
            border: 1px solid #1b80f4;
        }

#carousel {
    margin-top: 5px;
}

    #carousel .slides > li {
        height: 80px;
    }

.info_contain {
    width: 100%;
    float: right;
    margin-top: 0px;
}

.info100 {
    width: 100%
}

.title-promotion {
    font-size: 15px;
    font-family: robotoM;
    color: #333;
    margin: 0;
    margin-bottom: 15px;
}

.title-product {
    font-size: 22px;
    color: #0098da;
    margin: 0;
    margin-bottom: 15px;
    text-transform: uppercase;
    text-align: left;
}

.title-post {
    font-size: 23px;
    color: #096bc8;
    margin: 0; /* margin-bottom:20px; */
}

.tacgia, .nhaxuatban {
    font-size: 14px;
    color: #8f8f8f;
    font-family: segoe ui;
    display: inline-block;
}

.tacgia {
    margin-right: 20px;
}

    .tacgia:before {
        content: "\f007";
        font-family: fontawesome;
        display: inline-block;
        margin-right: 5px;
    }

.nhaxuatban:before {
    content: "\f02e";
    font-family: fontawesome;
    display: inline-block;
    margin-right: 5px;
}

.info_contain .contain { /* border-top:1px solid #dedede; */
    overflow: hidden;
}

.info_contain .left-content {
    float: left;
    width: 50%;
    text-align: left;
}

.info_contain .description {
    font-size: 15px;
    color: #222;
    margin-top: 0;
}

    .info_contain .description a {
        color: #1b80f4;
    }

        .info_contain .description a:hover {
            color: #ef0707;
        }

.info_contain .percent {
    position: absolute;
    right: 20px;
    width: 62px;
    padding-top: 30px;
    padding-bottom: 10px;
    background: url(/Design/sale-icon.png) no-repeat;
    color: #fff;
    text-align: center;
    top: 0;
}

.info_contain .price, .info_contain .link-order {
    margin-top: 20px;
    position: relative;
    padding: 17px 15px;
    text-align: center;
    border-radius: 4px;
    border-radius: 5px;
    background: #f1f1f1;
    display: block;
}

.info_contain .link-order {
    background: #0098da;
    border: 0;
}

.info_contain .contact-user {
    font-size: 14px;
    color: #3f3f3f;
    margin-top: 10px;
}

    .info_contain .contact-user .user-name {
        display: block;
        font-size: 17px;
        color: #1b80f4;
    }

    .info_contain .contact-user .sdt {
        display: block;
        font-size: 22px;
        color: #5fd01d;
    }

.info_contain .price-old {
    color: #8f8f8f;
    font-size: 18px;
    text-decoration: line-through;
    font-family: segoe ui;
    color: #1b80f4;
}

.info_contain .price-new {
    font-size: 30px;
    color: #e50000;
}

.info_contain .link-order {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}

.info_contain .contact-us {
    margin-top: 15px;
    font-size: 18px;
    display: block;
    padding: 10px 0;
    color: #fff;
    border-radius: 5px;
    position: relative;
    background: linear-gradient(#1b80f4,#1b80f4);
    font-weight: 500;
    font-family: segoe ui;
    text-align: center;
}

    .info_contain .contact-us span {
    }

    .info_contain .contact-us a {
        display: block;
        font-size: 22px;
        position: relative;
        margin-top: 5px;
    }

        .info_contain .contact-us a + a {
        }
/*.info_contain .contact-us a:before{content:"\f095";display:inline-block;font-family:fontawesome;border-radius:100%;position:absolute;color:#fff;margin-left:-35px;width:25px;height:25px;border:1px solid #fff;font-size:16px;box-sizing:border-box;padding-top:1px;top:3px;}*/
.info_contain .right-content {
    width: 46%;
    float: right;
}

.info_contain .promotion {
    border: 1px solid #1b80f4;
    border-radius: 20px;
    margin-top: 10px;
    padding: 30px 20px;
}

.info_contain li {
    font-size: 15px;
    color: #1e1e1e;
    position: relative;
    border-top: 1px solid #dedede;
    padding: 10px 0px;
    padding-left: 20px; /* border-radius: 4px; */
    font-weight: bold;
}

    .info_contain li strong {
        font-weight: normal
    }

.info100.info_contain li {
    border: none
}

.info_contain li + li { /* margin-top:8px; */
}

.info_contain li:first-child {
    border: none;
    padding-top: 0;
}

    .info_contain li:first-child:before {
        top: 4px
    }

.info_contain li:before {
    content: "\f00c";
    font-family: fontawesome;
    color: #0098da;
    position: absolute;
    left: 0px;
    font-size: 13px;
    top: 14px; /* width: 0; */
    overflow: hidden;
}

.info_contain li a:hover {
    color: #1b80f4;
}

.boxes-tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

    .boxes-tab .contain {
        display: none;
        position: relative;
    }

        .boxes-tab .contain:before {
            position: absolute;
            width: 100%;
            content: "";
            left: 0;
            z-index: 1;
            top: -1px;
        }

.title-tab a {
    width: 200px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background: #00a1dc;
    position: relative;
    z-index: 3;
    padding: 8px 0;
    border-radius: 4px;
    text-transform: uppercase;
}

    .title-tab a.active {
        background: #fff;
        color: #1b80f4;
        border: 1px solid #1b80f4;
        border-bottom: 0;
        padding: 10px 0;
        border-radius: 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

.boxes-tab:nth-child(2) .title-tab {
    margin-left: 205px;
}

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

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

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

.title-duan {
    display: block;
    position: relative;
    width: 100%;
}

    .title-duan h3 {
        margin: auto;
        display: block;
        font-size: 25px;
        color: #0098da;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    .title-duan h4 {
        margin: auto;
        font-size: 13px;
        color: #626262;
        font-weight: normal;
        text-transform: uppercase;
    }

    .title-duan a {
        position: absolute;
        right: 0;
        top: 24px;
        font-size: 13px;
        text-transform: uppercase;
        color: #6d7580;
        text-decoration: none;
        border: 1px solid #e0e0e0;
        border-radius: 3px;
        padding: 5px 10px;
    }

    .title-duan h3 a {
        color: #0098da;
        position: relative;
        padding: 0;
        margin: auto;
        display: block;
        top: 0;
        font-size: inherit;
        border: none;
    }

        .title-duan h3 a:after {
            display: none
        }

.rightbot {
    float: right;
}

.menubot {
    text-align: right;
    overflow: hidden;
}

.designbot {
    text-align: right;
    overflow: hidden;
    font-size: 13px;
    color: #8b8b8b;
    margin-top: 5px;
}

.menubot a {
    font-size: 13px;
    color: #8b8b8b;
    border-right: 1px solid #8b8b8b;
    padding: 0 7px;
    line-height: 12px;
    float: left;
}

    .menubot a:hover {
        color: white;
    }

    .menubot a:last-child {
        padding-right: 0;
        border: none
    }

.designbot a {
    color: #f3aa1e
}

footer .foot .left {
    margin-top: 9px;
}

.fancybox-slide--iframe .fancybox-content {
    background: none
}

.lefttrangcon {
    width: 76%;
    float: right;
    padding-left: 10px;
}

.righttrangcon {
    width: 265px;
    float: left;
}

.boxcontaint {
    float: left;
    width: 100%;
}

.formtimkiem {
    overflow: hidden; /* background-color: #0098da; */
    margin-top: 10px;
}

.timtop {
    float: left;
    width: 100%;
    overflow: hidden;
}

    .timtop input {
        display: none;
    }

    .timtop tr {
        display: inline-block;
        margin: auto;
        width: 50%;
        float: left;
        border: none;
    }

.selected {
    color: white;
    width: 100%;
    float: left;
}

.timtop tr td {
    width: 100%;
    color: #0098da;
    text-transform: uppercase;
    font-size: 15px;
    border: none;
    padding: 0;
    float: left;
    text-align: center;
    cursor: pointer;
}

.timtop .drsearch {
    width: 100%;
    float: left;
    border-spacing: 0;
}

.timtop tr td label {
    width: 100%;
    float: left;
    padding: 13px 0;
    background-color: #f8f8f8;
    cursor: pointer;
}

.timtop tr td .selected label {
    background-color: #0098da;
    color: white
}

.contentim {
    overflow: hidden;
    float: left;
    width: 89.2%;
    padding: 5px 5%;
    padding-top: 15px; /* background-color: #0098da; */
    border: 1px solid #dbdbdb;
    border-top: none;
}

.txtsearch {
    width: 100%;
    float: left;
    margin-bottom: 6px;
    position: relative;
}

    .txtsearch select {
        background: #fff;
        font-size: 16px;
        width: 100%;
        padding: 10px 5%;
        border-radius: 4px;
        outline: none;
        border: 1px solid #dbdbdb;
    }

        .txtsearch select option {
            padding: 9px 0;
            font-size: 16px;
        }

.btnserachdm {
    float: left;
}

    .btnserachdm input {
        background: #0098da;
        font-size: 15px;
        text-transform: uppercase;
        padding: 10px 20px;
        border-radius: 4px;
        outline: none;
        cursor: pointer;
        margin-bottom: 15px;
        color: white;
    }

.project-phuongxa a {
    text-decoration: none;
    float: left;
    background-image: url(/Design/khuvuc_iconli.png);
    background-repeat: no-repeat;
    background-position: left 14px;
    padding: 6px 0;
    padding-left: 6%;
    width: 94%;
    color: #0098da;
    border-top: 1px solid #e5e5e5;
    font-size: 17px;
}

.project-phuongxa {
    overflow: hidden;
    border: 1px solid #dbdbdb;
    border-top: none;
    margin-right: 1px;
    padding: 10px 20px;
}

    .project-phuongxa a:first-child {
        border: none
    }

    .project-phuongxa a span:nth-child(2) {
        margin-left: 5px;
        color: #0098da;
    }

    .project-phuongxa a:hover {
        color: #f3aa1e
    }

.thontindc {
    overflow: hidden;
    background-image: url('/Design/mapicon.png');
    background-repeat: no-repeat;
    padding-left: 12px;
    background-position: left 4px;
    margin-bottom: 5px; /* text-align: center; */
}

    .thontindc span {
    }

        .thontindc span a {
            color: black;
            font-size: 15px;
        }

            .thontindc span a:hover {
                color: #f3aa1d
            }

.info.infonhadat {
    font-size: 13px;
}

.info_contain .left100 {
    width: 100%;
    float: none;
    margin-top: 15px;
}

.all-li-dt {
    display: block;
    overflow: hidden;
    background-color: #f8f8f8;
    padding: 15px;
}

.info_contain .left100 ul {
    display: block;
    overflow: hidden;
}

.lienhengban {
    width: 100%;
    float: left; /* background-color: #0098da; */
    margin-top: 20px;
}

.info-nguoiban {
    padding: 10px 10px;
    margin-top: 10px; /* background-color: #0098da; */ /* border: 1px solid #dbdbdb; */
    border-bottom: 0;
    display: block;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
    background-color: #f5f5f5;
}

.imgper {
    float: left;
    width: 150px;
    overflow: hidden;
    margin-right: 20px;
}

    .imgper img {
        max-width: 100%;
    }

.ttsales { /* width: 73%; */
    float: right;
    display: block;
    overflow: hidden;
    min-width: 220px;
    margin-top: 5px;
}

    .ttsales span { /* float:left; */ /* width:100%; */
        font-size: 15px;
        background-color: #0198da;
        text-align: center;
        padding: 6px 20px;
        border-radius: 16px;
        display: block;
    }

        .ttsales span:nth-child(1) {
            color: #fff;
            margin-bottom: 6px;
        }

        .ttsales span:nth-child(2) {
            color: #fff;
            background-color: red;
        }

        .ttsales span:nth-child(3) {
            color: #000000;
        }

.formdkmua {
    padding: 15px 3%; /* padding-bottom: 22px; */ /* background-color: #0098da; */
    border: 1px solid #f5f5f5;
    border-top: none;
    display: block;
    overflow: hidden;
    margin-top: 0px;
}

.txtdkmua {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .txtdkmua input {
        width: 92%;
        font-size: 15px;
        padding: 8px 4%;
        border: 1px solid #dbdbdb;
        outline: none;
        border-radius: 3px;
    }

    .txtdkmua.haft {
        float: left;
        width: 49%;
    }

        .txtdkmua.haft:nth-child(3) {
            float: right
        }

    .txtdkmua textarea {
        width: 94%;
        padding: 10px 3%;
        border: 1px solid #dbdbdb;
        outline: none;
        font-size: 15px;
        border-radius: 4px;
    }

.btndatmua {
    border: none;
    background: #0098da;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 17px;
    font-weight: bold;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    outline: none;
}

.showthongtinnews {
    width: 100%;
    float: left;
    margin-top: 23px;
    margin-bottom: 30px;
}

.showtienich {
    margin-top: 0
}

.box100 {
    width: 100%;
    float: left;
    margin-top: 0px;
}

#tabs {
    width: 100%;
    float: left
}

.c-tabs-nav {
    width: 100%;
    float: left; /* background-color: #0098da; */
    border-radius: 4px 4px 0 0; /* overflow: hidden; */
    display: table;
}

    .c-tabs-nav a {
        background: none;
        color: #0098da;
        font-size: 15px;
        text-transform: uppercase;
        padding: 10px 20px;
        float: left;
        border-radius: 4px;
        margin-top: 2px;
        margin-left: 8px;
        border: 1px solid #f8f8f8;
        margin-bottom: 2px;
        background-color: #f8f8f8;
    }

        .c-tabs-nav a:first-child {
            margin-left: 0
        }

        .c-tabs-nav a.is-active {
            background: #0198da;
            color: #fff;
            border-color: #f8f8f8;
        }

.c-tab {
    width: 100%;
    float: left;
    margin-top: 10px;
    display: none;
}

    .c-tab.is-active {
        display: block;
    }

    .c-tab iframe {
        width: 100%;
        float: left;
        height: 450px
    }

.leftthongtinmua {
    border: 1px solid #dbdbdb;
    display: block;
    overflow: hidden;
    border-top: none;
}

.lblithongtinp {
    width: 46%;
    float: left;
    border-top: 1px solid #dbdbdb;
    padding: 10px 2%;
    position: relative;
    font-size: 14px;
}

    .lblithongtinp:nth-child(2n+1):before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #dbdbdb;
        width: 1px;
    }

    .lblithongtinp p { /* display:inline-block; */
        margin: auto;
        color: #0098da;
    }

        .lblithongtinp p:first-child {
            float: left;
            color: black;
            display: block;
            margin-right: 5px;
        }

.lbtinfull {
    width: 96%;
}

    .lbtinfull:before {
        display: none
    }

.martop30 {
    margin-top: 30px
}

.martop20 {
    margin-top: 20px
}

.dangnhapthanhvien {
    width: 300px;
    margin: auto;
    padding: 50px 0
}

.floatleft {
    float: left;
}

.floatright {
    float: right
}

.project-dangtin {
    background: #dcdcdc;
    padding-left: 25px;
}

    .project-dangtin .container {
        max-width: 100%;
        padding: 0;
    }

.boxmaneger {
    display: block;
    position: relative;
}

.ttmember {
    display: block;
    padding: 20px 5%;
    border-top: none;
    display: flex;
    align-items: center;
    position: relative;
}

.imgmem {
    display: block;
    text-align: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 2px 2px 10px 0 #33333359;
}

.ttuser {
    display: block;
    text-align: left;
    color: #2c2c2c;
    font-size: 14px;
    margin-top: 6px;
    flex: 1;
    font-family: 'robotoM';
    font-size: 19px;
    margin-left: 13px;
}

.ttaikhoan {
    background-color: #f3aa1d;
    font-size: 16px;
    display: none;
}

.righttrangcon.floatleft {
    width: 276px;
}

    .righttrangcon.floatleft .titnhadat.tittlelh h3 {
        padding-left: 20%;
        width: 80%;
    }

.imgmem img {
    width: 100%;
    height: 100%;
}

.titmember {
    color: #2c2c2c;
    font-size: 14px;
    font-weight: bold;
    font-family: robotoR;
    display: flex;
    align-items: center;
    padding: 10px 15px;
}

    .titmember img {
        width: 25px;
        margin-right: 5px;
        display: none;
    }

.menumember {
    display: block;
    overflow: hidden;
}

    .menumember a {
        color: #333;
        font-size: 14px;
        display: block;
        padding: 10px 15px;
        position: relative;
    }

        .menumember a:first-child {
            border: none
        }

        .menumember a.aboder {
            border-top: 1px solid #ebebeb
        }

.lefttrangcon.floatright {
    width: calc(100% - 276px);
    padding: 20px 50px;
}

.boxcreate {
    display: block;
}

.titcreate {
    display: block;
    overflow: hidden;
    color: #2c2c2c;
    font-size: 24px;
    font-family: 'MonSB';
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 14px;
    margin-bottom: 27px;
    margin-top: 10px;
}

.contentcreate {
    overflow: hidden;
}

    .contentcreate.contentpad1 {
    }

.txtcreate {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 25px;
    position: relative;
}

.txt49 {
    width: 49%;
}

.txtl {
    float: left;
}

.txtr {
    float: right
}

.txtcreate label {
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
    color: #999999;
}

.txt33 {
    width: 24%;
    float: left;
    margin-left: 1%;
}

    .txt33:nth-child(3n+1) {
        margin-left: 0
    }

    .txt33:nth-child(3) {
        width: 50%;
        float: left;
    }

.txtcreate.txtnonewidth label {
    display: inline-block
}

.txtcreate.txtnonewidth input {
    display: inline-block;
    width: 15%;
    padding: 10px 1%;
}

.txtcreate.txt70 label {
    float: left;
    width: 40%;
    margin-bottom: 0;
    margin-top: 10px;
}

.request {
    color: var(--default-color-3) !important;
    font-family: 'robotoM';
}

.txtcreate select:hover {
    border-color: #2c2c2c;
}

.txtcreate select {
    border: 1px solid #CBCBCB;
    display: block;
    width: 100%;
    outline: none;
    height: 30px;
    padding: 0 15px;
    font-size: 14px;
    color: #333333c9;
    border-radius: 3px;
}

.txtcreate input {
    border: 1px solid #cbcbcb;
    padding: 0 15px;
    display: block;
    width: 100%;
    outline: none;
    color: #2c2c2c;
    height: 30px;
    font-size: 14px;
    border-radius: 3px;
}

    .txtcreate input:hover {
        border-color: #2c2c2c;
    }

.txtcreate.txt49 input:hover {
    border-color: #2c2c2c;
}

.txtcreate.txt49 input {
    width: 100%;
    border: 1px solid #CBCBCB;
    display: block;
    outline: none;
    height: 30px;
    padding: 0 15px;
    font-size: 14px;
    color: #333;
    border-radius: 3px;
}

.txtpricenew {
    width: 49%;
    float: left
}

    .txtpricenew:nth-child(5) {
        float: right
    }

    .txtpricenew label {
        width: 100%;
        float: left
    }

    .txtpricenew input {
        width: 16%;
        float: left;
    }

    .txtpricenew select {
        width: 20%;
        float: left;
        padding: 10px 1%;
        margin-left: 2%;
    }

.txtcreate input.btn-add-file {
    width: auto;
    background-color: #0098da;
    margin-bottom: 10px;
    margin-top: 10px;
    height: auto;
    padding: 10px 18px;
    color: white;
    border-radius: 4px;
    float: left;
    cursor: pointer;
}

.txtcreate a.form-control-feedback:hover {
    opacity: .8;
}

.txtcreate a.form-control-feedback {
    position: absolute;
    bottom: 0;
    left: 99%;
    width: 40px;
    /* border: 1px solid red; */
    background-color: var(--default-color-3);
    color: white;
    text-align: center;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

#tabdangtin {
    display: block;
    overflow: hidden;
}

.c-tab-dangtin {
    display: block;
    overflow: hidden;
    display: none;
    float: left;
    width: 100%;
    padding: 20px 0;
}

    .c-tab-dangtin.is-active {
        display: block
    }

#tabdangtin .txtcreate {
    width: 100%;
}

.txtcreate textarea:hover {
    border-color: #2c2c2c;
}

.txtcreate textarea {
    padding: 10px 15px;
    width: 100%;
    border: 1px solid #0098da;
    min-height: 80px;
    font-size: 14px;
    resize: none;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    font-family: 'openR';
}

    .txtcreate textarea.txtnoidung {
        min-height: 200px;
    }

.c-tabs-nav.tabs-nav-dangtin {
}

    .c-tabs-nav.tabs-nav-dangtin a {
        color: #0098da;
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 0;
        padding: 10px 10px;
        float: none;
        display: table-cell;
        text-align: center;
        border: 1px solid #0098da;
        border-radius: 0;
        background-color: white;
        margin-right: 1px;
    }

        .c-tabs-nav.tabs-nav-dangtin a.is-active, .c-tabs-nav.tabs-nav-dangtin a:hover {
            background-color: #0098da; /* border: 1px solid #ffffff; */
            color: #ffffff;
        }

        .c-tabs-nav.tabs-nav-dangtin a:nth-child(2) {
            border-left: 1px solid white
        }

.thongbaobv {
    display: block;
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 20px;
    color: #333;
}

.uploadImage {
    display: block;
    overflow: hidden;
    margin-top: 20px;
}

#result {
    display: block;
    overflow: hidden;
}

.thumbnail {
    width: 24.7%;
    float: left;
    height: 120px;
    margin-left: 0.3%;
}

    .thumbnail:nth-child(4n+1) { /* margin-left:0 */
    }

.spchuthich {
    width: 100%;
    display: block;
    margin-top: 5px;
}

.relatecreate {
    overflow: hidden;
    position: relative;
}

.rowcreate {
    border: 1px solid #0098da;
    padding: 10px 10px;
    overflow: hidden;
    /* display: none; */
}

.upalbum .my-grid-item .btn:hover {
    opacity: .8;
}

.upalbum .my-grid-item .btn {
    width: 20px;
    height: 20px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #333;
    font-size: 11px;
}

.upalbum .my-grid-item {
    height: 80px;
    position: relative;
}

.upalbum {
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(4,minmax(0,1fr));
    column-gap: 10px;
    row-gap: 10px;
    margin-top: 20px;
    border: none;
}

.create50 {
    width: 50%;
    float: right
}

.show-avatar {
    width: 49%;
    float: left;
    text-align: center
}

    .show-avatar img {
        max-width: 120px;
        text-align: center;
    }

.boxnew {
    display: block;
    overflow: hidden;
    width: 100%;
    float: left
}

.half {
    float: left;
    margin-top: 35px;
}

.centerradio {
    float: left;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 2%;
}

    .centerradio td {
        margin: 0 8px;
        float: left;
        text-align: center;
    }

        .centerradio td input {
            margin: auto;
            display: block;
            width: 17px !important;
            float: none !important;
        }

        .centerradio td label {
            margin-bottom: 0;
            float: none !important;
            margin-top: 5px !important;
        }

.txt70 {
    width: 80%;
}

.txtcreate.txt70 input {
    width: 50%;
    float: right;
}

    .txtcreate.txt70 input[readonly] {
        pointer-events: none;
        opacity: .5;
    }

.txtcreate.txt70 select {
    width: 56%;
    float: right;
}

.readonly {
    background-color: #e8eef5;
    cursor: no-drop;
}

.btnguitin {
    display: block;
    margin-top: 20px;
    text-align: center;
}

    .btnguitin input {
        cursor: pointer;
        border-radius: 3px;
        color: white;
        font-size: 15px;
        text-transform: uppercase;
        padding: 10px 20px;
        background-color: var(--default-color-3);
    }

        .btnguitin input:hover {
            opacity: .8;
        }

.requestnew {
    width: 100%;
    float: left
}

.thongbaomk {
    text-align: center;
    display: block;
    color: #333333bf;
    font-size: 14px;
    font-weight: bold;
}

.col-md-4create {
    width: 24.2%;
    float: left;
    position: relative;
    overflow: hidden;
    margin-left: 1%;
    height: 115px;
}

    .col-md-4create:nth-child(4n+1) {
        margin-left: 0
    }

    .col-md-4create img {
        width: auto;
        min-width: 100%;
        height: 100%
    }

    .col-md-4create i {
        background-color: #0098da;
        width: 30px;
        text-align: center;
        padding: 7px 0;
        color: white;
    }

.menumember a.active, .menumember a:hover {
    background-color: #F2F2F2;
    color: rgb(116, 21, 15);
}

.panel-heading {
    display: block;
    background-color: #fff;
    padding: 15px 17px;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 5px;
}

.showcontentar {
    display: block;
    overflow: hidden;
}

.tablearticle {
    overflow: hidden;
}

.headtable {
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #F2F2F2;
}

.li-table {
    float: left;
    padding: 0 10px;
    color: #2c2c2c;
    font-size: 14px;
}

    .li-table strong {
        float: left;
        margin-right: 5px
    }

.li-baiviet {
    width: 100%;
    border-top: 1px dashed #ebebeb;
    padding: 7px 0.5%;
    margin-top: 10px;
}

.li-table.li-baiviet a {
    float: none;
    display: block;
    width: auto;
}

.li-dienthoai {
    width: 17%;
}

.li-hoten {
    width: 30%;
}

.li-email {
    width: 30%;
}

.li-noidungnt {
    width: 98%;
    border-top: 1px dashed #ebebeb;
    padding: 8px 0.5%; /* border-bottom: 2px solid #0098da; */
}

.li-new-article:last-child .li-noidungnt {
    border-bottom: none
}

.content-table {
    overflow: hidden;
}

.li-new-article {
    width: 100%;
    float: left;
    border-top: 1px solid #ebebeb;
    padding: 10px 0;
}

.li-gray {
    background-color: #f8f8f8
}

.headtable .li-table {
    color: #2c2c2c;
    font-family: 'robotoM';
}

.li-table.licheck {
    /* width: 3%; */
}

.li-update {
    width: 15%
}

.li-table.li-update a {
    background-color: #0098da;
    color: white;
    width: auto;
    padding: 5px 7px;
    border-radius: 3px;
    margin-top: -3px;
}

.li-table.li-tieude {
    width: 47%;
}

.li-table.li-theloai {
    width: 25%;
}

.li-table.li-gia {
    width: 15%;
    text-align: center;
}

.li-table.li-id {
    width: 5%;
    text-align: center;
}

.li-table.li-sua {
    float: right;
    width: 5%;
    text-align: center;
}

.li-ngaygd {
    width: 30%;
}

.content-table .li-ngaygd {
    font-size: 15px;
    color: gray;
}

.li-sotien {
    width: 20%;
    color: #0098da;
}

.li-diengiai {
    width: 46%;
}

.li-table.li-sua a:hover {
    opacity: .8;
}

.li-table.li-sua a {
    background-color: #f2f2f2;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #333;
    border-radius: 3px;
}

.li-table a {
    color: #2c2c2c;
    font-size: 14px;
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

.pull-right {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.panel-heading select {
    font-size: 15px;
    padding: 0 10px;
    width: 25%;
    outline: none;
    border: 1px solid #CCCCCC;
    height: 35px;
    font-family: 'MonM';
    color: #2c2c2c;
    border-radius: 3px;
    margin-right: 5px;
}

.panel-heading input:hover {
    border-color: #2c2c2c;
}

.panel-heading input {
    font-size: 15px;
    padding: 5px 1%;
    width: 25%;
    outline: none;
    float: left;
    margin-right: 1%;
    border: 1px solid #99999982;
    height: 35px;
    border-radius: 3px;
    overflow: hidden;
    font-size: 15px;
    color: #2c2c2c;
    font-family: 'MonR';
}

    .panel-heading input.formdate {
        width: 17%
    }

.panel-heading .btn.btn-primary {
    width: auto;
    background-color: var(--default-color-3);
    color: #fff;
    cursor: pointer;
    height: 35px;
    font-size: 14px;
    border: none;
}

    .panel-heading .btn.btn-primary:hover {
        opacity: .8;
    }

.panel-heading .pull-right a.btn i {
    margin-right: 5px;
}

.panel-heading .pull-right a.btn:hover {
    background-color: #f2f2f2;
}

.panel-heading .pull-right a.btn:hover {
    opacity: .8;
}

.panel-heading .pull-right a.btn {
    background-color: transparent;
    color: #2c2c2c;
    float: left;
    height: 35px;
    font-size: 14px;
    font-family: 'MonM';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    border-radius: 3px;
    padding: 6px 14px;
    border: 1px solid #bababa;
}

.quangcaoslide {
    overflow: hidden;
}

.kv-content-left {
    overflow: hidden;
}

.hotroslide {
    overflow: hidden;
    margin-bottom: 15px;
}

.project-moigioi {
    overflow: hidden;
}

.showmoigioi {
    display: block;
    overflow: hidden;
    border: 1px solid #ebebeb;
    padding: 15px;
    border-top: none;
}

.mg {
    width: 48%;
    float: left;
    margin-bottom: 10px;
}

    .mg:nth-child(2n+2) {
        float: right
    }

    .mg:nth-child(n+5) {
        width: 32%;
        margin-left: 1.5%;
        float: left;
    }

    .mg:nth-child(5) {
        margin-left: 0
    }

    .mg:nth-child(n+5) .immg {
        height: 86px;
        border-radius: 50%;
    }

    .mg:nth-child(n+5) .sdtmg {
        display: none
    }

.immg { /* background-color:#0098da; */
    width: 100%;
    float: left;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #ebebeb;
}

    .immg img {
        max-width: 100%; /* max-height: 100%; */
        margin: auto;
        height: 100%;
        width: 100%;
    }

    .immg a {
        width: 100%;
        float: left;
        height: 100%;
        display: flex;
        overflow: hidden;
    }

.hotenmg {
    width: 100%;
    float: left;
    margin-top: 10px
}

    .hotenmg a {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #0098da;
        height: 18px;
        overflow: hidden;
    }

.xemthemtk {
    width: 100%;
    float: left;
}

    .xemthemtk a {
        font-size: 13px;
        color: #606060;
        background-image: url('/Design/moigioi_beforexemthem.png');
        background-repeat: no-repeat;
        background-position: left 5px;
        padding-left: 13px;
    }

.sdtmg {
    width: 88%;
    float: left;
    color: #f3aa1e;
    font-size: 13px;
    height: 18px;
    overflow: hidden;
    background-image: url('/Design/moigioi_iconcall.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 12%;
}

.list-moigioi {
    overflow: hidden;
}

.item-user {
    width: 24%;
    float: left;
    margin-left: 1%;
    margin-bottom: 9px;
}

.imuser {
    width: 89%;
    float: left;
    height: 160px;
    overflow: hidden; /* background-color: #096bc8; */
    display: flex;
    border-radius: 50%;
    border: 1px solid #dbdce0;
    margin-left: 5%;
}

    .imuser img {
        max-width: 100%;
        margin: 0;
        width: 100%;
        height: 100%;
    }

.item-user:nth-child(4n+1) {
    margin-left: 0
}

.text-user {
    width: 100%;
    float: left;
    padding: 10px 0;
}

.imuser a {
    display: flex;
    width: 100%;
    height: 100%;
    float: left;
}

.name-user {
    width: 100%;
    float: left
}

    .name-user a {
        float: left;
        font-size: 14px;
        color: #0098da;
        height: 18px;
        overflow: hidden;
        width: 100%;
    }

.phone-user {
    width: 100%;
    float: left;
    color: #f3aa1e;
    font-size: 14px;
    height: 18px;
    overflow: hidden; /* background-image: url(/Design/moigioi_iconcall.png); */
    background-repeat: no-repeat;
    background-position: left; /* padding-left: 9%; */
    margin-top: 10px;
}

.address-user {
    width: 100%;
    float: left;
    font-size: 13px;
    height: 36px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 0px;
}

    .address-user a:hover {
        color: #0098da
    }

.bottom-search {
    float: right;
    margin-top: 5px;
    display: none;
}

.searchbox-over.scroll .content-search {
    border-radius: 0;
    box-shadow: unset;
}

.content-search {
    max-width: 100%;
    border-radius: 55px;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    display: flex;
}

.side-b {
    width: calc(100% / 4);
}

.bottom-search .lbdemtin {
    font-size: 13px;
    color: #fff;
    background-color: #0098da;
    padding: 11px 17px;
    float: left;
    border-radius: 4px;
    margin-left: 5px;
}

    .bottom-search .lbdemtin:nth-child(2n+1) {
        background-color: #ffffff;
        color: #414141;
        margin-right: 0px;
    }

    .bottom-search .lbdemtin:nth-child(1) strong {
        color: #0098da
    }

.loaddingnew {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(43, 43, 43, 0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .loaddingnew img {
        width: 215px;
    }

.content-search .s-wrap {
    padding: 14px 5px;
    z-index: 5;
}

.drsearch {
}

    .drsearch tr {
        float: left;
        border-spacing: 0;
    }

.checkboxlist.f table {
    margin-bottom: 15px;
}

.checkboxlist, .checkboxlist1 {
    position: absolute;
    top: 100% !important;
    background-color: #fff;
    z-index: 99;
    width: 248px;
    padding: 10px 0;
    display: none;
    left: 0 !important;
    box-shadow: 0 0 10px 0 #33333324;
    border-radius: 5px;
    overflow: hidden;
}

    .checkboxlist.showcheck {
        display: block;
        z-index: 9999;
        pointer-events: all;
    }

    .checkboxlist1.showcheck {
        display: block;
        z-index: 9999;
        pointer-events: all;
        margin-top: -4px;
    }

.drsearch1.drmenu1 {
    margin-bottom: 8px;
}

    .drsearch1.drmenu1 td {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 10px;
    }

.checkboxlist.checkboxlisttim label {
    color: white;
}

.checkboxlist.checkboxlisttim {
    width: 268px;
}

    .checkboxlist.checkboxlisttim td {
        font-size: 16px;
        padding: 5px 0
    }

.drsearch.drmenu tr {
    float: none;
    cursor: pointer;
    pointer-events: none;
}

.my-banner .grid.wide {
    position: relative;
}

.box-tim {
    position: relative;
    border: 1px solid #cdcdcd;
    border-radius: 55px;
    user-select: none;
    padding: 0 20px;
    display: flex;
    align-items: center;
    font-family: 'openR';
    width: 190px;
    margin: 0 5px;
}

.texttim {
    margin-right: 5px;
    height: 59.48px;
    margin-bottom: 10px;
}

    .texttim input {
        display: block;
        border: 1px solid #dcdcdc;
        color: #666666;
        outline: none;
        height: 32px;
        border-radius: 55px;
        padding: 0 20px;
        font-size: 14px;
        width: 100%;
        font-size: 17px;
        height: 100%;
    }

.label-search {
}

.searchbox-over .container {
    overflow: initial;
}

.drsearch.drtheloai input {
    width: 0;
    height: 0;
    border: none;
    opacity: 0;
}

.drsearch.drtheloai label:hover {
    background-color: #fafafa;
}

.drsearch.drtheloai label {
    font-size: 14px;
    color: #474747;
    background-color: #fff;
    border-radius: 4px;
    padding: 9px 20px;
    float: left;
    font-family: 'robotoM';
    cursor: pointer;
    border-radius: 55px;
    margin: 0 3px;
    margin-bottom: 5px;
}

.drsearch.drtheloai .selectedtl label {
    background-color: var(--default-color-3);
    color: white
}

.drsearch.drmenu label {
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 6px 16px;
    color: #2c2c2c;
    font-size: 15px;
    position: relative;
    padding-right: 40px;
    /* padding-left: 4px; */
    pointer-events: all;
}

.drsearch1.drmenu1 label {
    cursor: pointer;
    width: 100%;
    display: block;
    padding: 6px 16px;
    color: #2c2c2c;
    font-size: 15px;
    position: relative;
    padding-right: 0;
    padding-left: 4px;
    pointer-events: all;
}

.drsearch.drmenu label:hover {
    background-color: #f2f2f2;
}

.checkboxlist td {
    pointer-events: none;
}

.drsearch.drmenu input {
    background: white;
    border: none;
    visibility: hidden;
    width: 0;
    display: none;
    pointer-events: none;
}

.drsearch.drmenu label::before {
    content: "";
    position: absolute;
    right: 10px;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid #3333333b;
    z-index: 2;
    pointer-events: none;
}

.drsearch.drmenu label::after {
    content: "\f00c";
    position: absolute;
    font-family: FontAwesome;
    right: 10px;
    width: 14px;
    height: 14px;
    font-size: 10px;
    border-radius: 3px;
    border: 1px solid transparent;
    background-color: var(--default-color-1);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    color: #fff;
    pointer-events: none;
}

.drsearch.drmenu .selectedtl label::after, .drsearch.drmenu label:hover::after,
.drsearch.drmenu label.active::after {
    opacity: 1;
}

.detailuser {
    display: block;
    overflow: hidden;
}

.ttuserdt {
    width: 100%;
    float: left;
    padding: 15px 0;
}

.lhnguoibandt {
    width: 100%;
    float: right;
}

.detail-user {
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-bottom: 20px;
}

.dtimguser {
    width: 20%;
    float: left; /* background-color: #096bc8; */
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #dedfe2;
}

    .dtimguser img {
        max-width: 100%;
        margin: auto;
    }

.dtttphu {
    width: 77%;
    float: right;
}

.li-dtuser {
    display: block;
    font-size: 14px;
    color: black;
    padding: 4px 0;
}

    .li-dtuser.lidt1 {
        color: #0098da;
        font-weight: bold;
        font-size: 16px;
        text-transform: capitalize;
    }

.thongtin-share {
    width: 100%;
    float: left;
    border-top: 1px solid #d9d9d9;
    padding-top: 10px;
    margin-top: 10px;
}

.s-dtuser {
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: #404040;
    margin: 5px 0%;
    width: 47%;
    float: left;
    height: 18px;
    border: 1px solid #0098da;
    padding: 5px 1%;
    border-radius: 4px;
}

.li-dtuser a {
    color: black
}

.s-dtuser:nth-child(2n+2) {
    float: right
}

.lhnguoibandt .formdkmua {
    background-color: white;
    padding: 20px 0;
    width: 99%;
}

.lhnguoibandt .titnhadat.tittlelh h3 {
    padding-left: 10%;
    width: 90%
}

.lhnguoibandt .txtdkmua input, .lhnguoibandt .txtdkmua textarea {
    border: 1px solid #0098da
}

.lhnguoibandt .btndatmua {
    background-color: #0098da;
    color: white;
}

.titnhadat.titdetail-user h3 {
    padding-left: 10%;
    width: 90%
}

.detail-user * {
    background: none !important;
}

.lbluuy {
    font-size: 15px;
    margin-bottom: 30px;
    text-align: justify;
    color: #2c2c2c;
}

.imgdanew {
    float: left;
    width: 32.3%;
    margin-left: 1.5%;
    margin-bottom: 10px;
    height: 195px;
    overflow: hidden;
}

    .imgdanew:nth-child(3n+1) {
        margin-left: 0;
    }

    .imgdanew img {
        height: 100%;
        float: left;
        min-width: 100%;
    }

.lidemmn {
    background-color: #0098da;
    color: white;
    font-size: 11px;
    padding: 5px 0;
    margin-left: 5px;
    height: 25px;
    width: 25px;
    float: right;
    text-align: center;
    position: absolute;
    right: 44px;
    top: 8px;
    border-radius: 50%;
}

.ttda {
    float: left;
    font-size: 13px;
    color: #ffffff;
    background-color: #0098da;
    padding: 10px 10px 10px 29px;
    margin: 0 2px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: 10px 8px;
    opacity: 1;
    margin-bottom: 5px;
}

    .ttda:nth-child(1) {
        background-image: url('/Design/da_vitri.png');
        background-position: 9px 9px;
        margin-left: 0;
    }

    .ttda:nth-child(2) {
        background-image: url('/Design/da_quymo.png');
        background-position: 9px 8px;
    }

    .ttda:nth-child(3) {
        background-image: url('/Design/da_tongcanho.png');
        background-position: 7px 7px;
    }

    .ttda:nth-child(4) {
        background-image: url('/Design/da_dientichcan.png');
        background-position: 7px 9px;
    }

    .ttda:nth-child(5) {
        background-image: url('/Design/da_dukien.png');
        background-position: 9px 10px;
    }

.titdabot.titdabottc {
    color: #0098da;
    font-size: 33px;
    text-align: center;
    margin-bottom: 15px;
}

.tomtatda {
    width: 100%; /* float:left; */
    margin-left: 0%;
    margin-top: 30px;
    font-size: 15px;
    color: #0198da;
    font-weight: bold;
    overflow: hidden;
}

.dangaydang {
    width: 100%; /* float:left; */
    margin-left: 0%;
    margin-top: 6px;
    overflow: hidden;
}

.flexda {
    width: 100%; /* float:left; */
    display: flex;
    overflow: hidden;
}

.dacenter {
    margin: auto;
}

.thongtinphuda {
    overflow: hidden;
    display: block;
}

.showanhda {
    display: block;
    margin-top: 20px;
    overflow: hidden;
}

.marbot30 {
    margin-bottom: 30px
}

.pagetin {
    display: block;
    overflow: hidden;
    border: 1px solid #ebebeb;
    border-top: 1px solid #0098da;
    padding: 14px 11px;
}

    .pagetin .left {
        font-size: 13px;
        color: #474747;
        float: none;
        display: inline-block;
        margin-top: 3px;
        margin-right: 5px;
    }

.pagertc {
    margin: auto;
    line-height: normal;
    width: auto;
    display: inline-block;
}

.xemtctinrao {
    float: right;
}

    .xemtctinrao a {
        font-size: 13px;
        color: #0098da;
    }

.capa {
    text-transform: capitalize !important
}

.registermobile {
    display: none
}

.linone {
    display: none
}

.project-tinnoibat {
    display: block;
    margin-top: 20px;
    margin-bottom: 40px;
}

    .project-tinnoibat .contain {
        margin-top: 20px
    }

.favorite {
    width: 20px;
    height: 18px;
    position: absolute;
    right: 10px;
    bottom: 15px;
    z-index: 98;
    background-size: 100% 100%;
}

.favo {
    width: 20px;
    height: 18px;
    position: absolute;
    right: 10px;
    bottom: 15px;
    z-index: 99;
    background-size: 100% 100%;
}

.bds.item .favorite, .bds.item .favo {
    bottom: 10px;
}

.form-tienich {
    width: 49%;
    float: left;
    margin-top: 14px;
}

    .form-tienich:nth-child(2) {
        float: right
    }

    .form-tienich select {
        padding: 20px 10px;
    }

.form-group {
    width: 100%;
    position: relative;
    float: left;
}

.txtcreate .form-group select {
    height: 250px;
    overflow: auto;
}

.form-group span {
    font-size: 15px;
    display: block;
    margin-bottom: 0;
    background-color: #fff;
    color: #333;
    font-size: 15px;
    padding: 7px 10px;
    position: absolute;
    top: -19px;
    z-index: 2;
    border-radius: 5px;
    left: 14px;
    font-family: 'robotoM';
}

.txtcreate .form-group select option {
    font-size: 14px;
    padding: 5px 4px;
    color: #2c2c2c;
}

    .txtcreate .form-group select option:nth-child(2n+2) {
        background-color: white;
    }

.btn-dangtin:hover {
    opacity: .8;
}

.btn-dangtin:hover {
    background-color: #f2f2f2;
}

.btn-dangtin {
    font-size: 12px;
    background-color: transparent;
    width: 60px;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    margin-bottom: 5px;
    margin-top: 10px;
    color: #2c2c2c;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid rgb(204, 204, 204);
}

.form-group span.lbremove.show, .form-group span.text-success.show {
    opacity: 0;
}

.form-group span.lbremove, .form-group span.text-success {
    color: black;
    background: none;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 0;
    position: relative;
    top: 0;
    left: 0;
    color: #07a35d;
    background-color: #e7fff4;
    width: fit-content;
    font-size: 13px;
    height: 30px;
    width: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.lbchuthich {
    width: 100%;
    font-size: 14px;
    display: block;
    overflow: hidden;
}

    .lbchuthich.lbluuy {
        color: red;
        font-weight: bold;
        margin-top: 15px;
        display: none;
    }

.otherlb {
    display: block;
    overflow: hidden;
    border: 1px solid #0098da;
    padding: 5px 2%;
    margin-top: 20px;
    display: none;
}

.lbhaft {
    width: 49%;
    float: left
}

    .lbhaft:nth-child(2) {
        float: right;
    }

.lbchuthich strong {
    font-size: 16px;
    color: #333;
    font-family: 'robotoM';
    font-weight: 100;
}

    .lbchuthich strong.strongct {
        cursor: pointer;
    }

.lbtdchuthich {
    font-size: 16px;
    color: #0098da;
    display: none;
}

.borthanhtien {
    border: 1px solid #0098da;
    display: flex;
    margin-top: 20px;
    display: none;
}

.litt {
    display: inline-block;
    width: 33.333333%;
    padding: 0%;
    border-left: 1px solid #ebebeb;
}

    .litt span {
        background-color: #0098da;
        display: block;
        text-align: center;
        font-size: 16px;
        color: white;
        padding: 8px 0;
    }

        .litt span:nth-child(2) {
            background-color: white;
            font-size: 17px;
            text-align: center;
            font-weight: bold;
            padding: 15px 0;
            color: #0098da;
        }

    .litt:first-child {
        border: none
    }

.s_icon {
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

.alltienich {
    width: 100%;
    float: left;
    background: #f5f5f5;
    padding: 15px 0;
}

.stienich {
    width: 24.6%;
    float: left;
    margin-left: 0.5%;
    padding: 13px 0;
    margin-bottom: 10px;
}

    .stienich:nth-child(4n+1) {
        margin-left: 0
    }

    .stienich img {
        height: 50px;
        width: auto;
        display: block;
        margin: auto;
    }

    .stienich p {
        margin: auto;
        display: block;
        text-align: center;
        font-size: 15px;
        margin-top: 17px;
        height: 38px;
        overflow: hidden;
    }

.tittiennghi {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #0098da;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px
}

.list-slidebds ul {
    width: 100%;
    padding: 0;
    margin: auto;
}

.list-slidebds li {
    width: 100%;
    display: block;
    overflow: hidden;
}

.list-slidebds .owl-controls {
    margin-top: 30px; /* display: none !important; */
}

.showdiadanh {
    display: block;
    overflow: hidden;
}

.alldidanh {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.sdiadanh {
    float: left;
    background-color: #0098da;
    font-size: 15px;
    padding: 5px 10px;
    margin-bottom: 2px;
    margin-right: 2px;
    color: white;
    border-radius: 4px;
}

.timnangcao {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 7777;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    overflow: auto;
    display: none;
}

.showtimad {
    display: flex;
}

.boxnangcao {
    width: 420px;
    margin: auto;
    background-color: white;
    padding: 20px 20px;
    border-radius: 6px;
}

.titbox {
    background-color: #f4f4f4;
    display: block;
    padding: 8px 10px;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.box-s {
    display: block;
    margin-bottom: 10px;
}

.box-close {
    margin-top: 20px;
    overflow: hidden;
}

.box-s span {
    display: block;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding: 9px 0;
    height: 20px;
    cursor: pointer;
}

.box-s select {
    border: 1px solid #ccc;
    display: block;
    width: 100%;
    font-size: 15px;
    padding: 5px 5%;
    outline: none;
    border-radius: 4px
}

.drsearchnc {
    width: 100%;
    display: block;
    overflow: hidden;
}

    .drsearchnc tr {
        width: 49%;
        float: left;
        font-size: 15px;
        padding: 3px 0;
        cursor: pointer;
    }

        .drsearchnc tr:nth-child(2n+2) {
            float: right;
        }

        .drsearchnc tr * {
            cursor: pointer
        }

.lbclose {
    width: 49%;
    float: left;
    background-color: #0098da;
    text-align: center;
    color: white;
}

.lbsubmit {
    width: 49%;
    float: right;
    background-color: #0098da;
    font-size: 15px;
    color: white;
    padding: 10px 0;
    text-transform: uppercase;
    height: 38px;
    cursor: pointer;
}

.textbox-serch-all {
    width: 100%;
    display: block;
    margin: 20px 0;
    float: left;
}

.txt-box {
    width: 32%;
    float: left;
    margin-left: 1%;
    margin-bottom: 20px;
    position: relative;
}

    .txt-box select {
        width: 100%;
        font-size: 16px;
        padding: 7px 5%;
        border: 1px solid #e8e8e8;
        background: #ebebeb;
        height: 34px;
        outline: none;
        cursor: pointer;
        border-radius: 4px;
        text-transform: capitalize;
    }

        .txt-box select option {
            text-transform: capitalize
        }

    .txt-box:nth-child(3n+1) {
        margin-left: 0
    }

.label-search {
    font-size: 14px;
    color: #959595;
    white-space: nowrap;
    width: 100%;
    padding-right: 10px;
    pointer-events: none;
}

    .label-search span {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        pointer-events: none;
    }

    .label-search i {
        position: absolute;
        right: 11px;
        top: 10px;
        color: #959595;
        font-size: 10px;
    }

.label-searchtim {
    padding: 7px 5%;
    background-color: #ebebeb;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    color: black;
}

.hiden-nangcao {
    width: 100%;
    overflow: hidden;
    display: none;
}

.show-hiden {
    display: block
}

.s_hnangcao {
    background-color: #096bc8;
    color: white;
    text-align: center;
    font-size: 16px;
    padding: 5px 0;
    cursor: pointer;
    height: 22px;
    border-radius: 4px;
}

.txt-box-100 {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 0px;
}

    .txt-box-100 a {
        background-color: #f8f8f8;
        font-size: 14px;
        color: #096bc8;
        margin-right: 5px;
        padding: 5px 10px;
        height: 20px;
        float: left;
        margin-bottom: 5px;
        border-radius: 4px;
        font-weight: bold;
        text-transform: capitalize;
    }

        .txt-box-100 a:hover {
            background-color: #f3aa1d;
            color: white
        }

.btntim-new {
    background-color: #f3aa1d;
    color: white;
    text-align: center;
    font-size: 16px;
    padding: 5px 0;
    cursor: pointer;
    height: 34px;
    border-radius: 4px;
    display: block;
    width: 100%;
    outline: none;
}

    .btntim-new.btntim-map {
        width: fit-content;
        margin-right: 10px;
        box-sizing: border-box;
        padding: 10px 10px;
        height: 38px;
    }

.btnhuytl {
    display: block;
    padding: 9px 10px;
    width: 100%;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
    outline: none;
    position: relative;
    background-image: url('/Design/x.png');
    background-repeat: no-repeat;
    background-position: 96% 12px;
}

.tit-dm {
    display: block;
    background-color: #096bc8;
    color: white;
    padding: 10px 10px;
    font-size: 17px;
    font-weight: bold;
    border-radius: 4px 4px 0 0;
}

.content-dm {
    display: block;
    width: 100%;
}

.drsearch-pro {
    display: block;
    overflow: hidden;
}

    .drsearch-pro tbody {
        display: block;
    }

    .drsearch-pro tr {
        display: block;
        border-top: 1px solid #f5f5f5;
        position: relative;
    }

        .drsearch-pro tr:first-child { /* border:none */
        }

    .drsearch-pro td {
        display: block;
        padding: 0;
        margin: auto;
    }

    .drsearch-pro input {
        position: absolute;
        z-index: 1;
        background: none;
        border: none;
        width: 100%;
        height: 100%;
        margin: auto;
    }

    .drsearch-pro label {
        background-color: white;
        display: block;
        padding: 9px 10px;
        border-spacing: 0;
    }

    .drsearch-pro tr:hover label {
        background-color: #dddddd
    }

.mapshow {
    width: 100%;
    height: 400px;
    float: left;
    margin-top: 20px;
}

.paddfull {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.mapnew {
    width: 100%;
    height: 710px;
    display: block;
    overflow: hidden;
    float: right;
}

.lblink {
}

    .lblink a {
    }

.titthongke {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 0px;
    /* margin-top: 10px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .titthongke .lblinkcount {
        font-size: 15px;
        color: #2c2c2c;
        font-family: 'MONM';
    }

.lblink.lblinkmap {
}

.lblink a:hover {
    background-color: #f2f2f2;
    color: #333;
}

.showtimmap {
    display: flex;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 20px;
}
/* Khung tổng */
.boxmaneger {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 20px;
    max-width: 320px;
    font-family: "Segoe UI", Tahoma, sans-serif;
    color: #333;
}

/* Tiêu đề chính */
.titnhadat h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    color: #0d6efd;
    border-bottom: 2px solid #e5e7eb;
    padding-bottom: 8px;
}

/* Thông tin thành viên */
.ttmember {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 12px;
    background: #f9fafb;
    border-radius: 10px;
}

.imgmem img {
    border-radius: 50%;
}

.ttuser .nameuser {
    font-size: 18px;
    font-weight: normal;
    color: #111827;
    font-family: 'MonSB';
}

.ttaikhoan .nameuser {
    font-size: 14px;
    color: #6b7280;
}

/* Tiêu đề mục nhỏ */
.titmember {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    margin: 20px 0 10px;
    color: #374151;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'MonB';
}

    .titmember img {
        width: 18px;
        margin-right: 8px;
    }

/* Menu liên kết */
.menumember {
    display: flex;
    flex-direction: column;
}

    .menumember a {
        display: block;
        padding: 10px 14px;
        margin-bottom: 6px;
        border-radius: 8px;
        text-decoration: none;
        color: #374151;
        font-size: 14px;
        font-weight: 500;
        transition: all 0.25s ease;
    }

        /* Hover và Active */
        .menumember a:hover {
            background: #e0f2fe;
            color: #0d6efd;
            transform: translateX(4px);
        }

        .menumember a.active {
            background: #0d6efd;
            color: #fff;
            font-weight: 600;
        }

.my-fix-map {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.ddrmap {
    font-size: 13px;
    color: #959595;
    display: block;
    outline: none;
    cursor: pointer;
}

    .ddrmap option {
        font-size: 14px;
    }

#ctl00_ContentPlaceHolder1_uppn1 {
    margin: auto;
    display: block;
    overflow: hidden;
}

.chuthichmap {
    width: 100%;
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #2c2c2c;
    margin-top: 22px;
}

.showcontent-map {
    max-width: 1430px;
    margin: auto;
    display: block;
    overflow: hidden;
    margin-top: 20px;
    width: 98%;
}

.showcatagory-map {
    width: 30%;
    float: left;
    height: 400px;
    background-color: red;
}

.tinmap {
    width: 300px;
    overflow: hidden;
}

.postImgmap {
    float: left;
    width: 35%;
    overflow: hidden;
    margin-right: 5%
}

    .postImgmap img {
        width: 100%;
    }

.thongtin-map { /* overflow:hidden; */
    font-size: 13px;
}

.tentin-map {
    font-size: 13px;
    color: #096bc8;
    font-weight: bold;
    display: block;
    margin-bottom: 5px
}

.litinphu-map {
    display: block; /* overflow:hidden */
}

.lefttin-map {
    float: left;
    margin-right: 5px;
}

.righttin-map { /* overflow:hidden; */
}

.litinphu-map a {
    color: red;
    font-weight: bold;
    margin-top: 5px;
    display: block
}

.capacity {
    text-transform: capitalize
}

#search-result,
#search-result-sub {
    position: absolute;
    left: 0px;
    right: 5px;
    top: 100%;
    background-color: white;
    z-index: 2;
    box-shadow: 0 0 10px 0 #3333331a;
    border-radius: 5px;
    overflow: hidden;
    /* padding: 5px 0; */
    width: 100%;
}

    #search-result.show,
    #search-result-sub.show {
        display: block;
    }

.suggest {
    width: 100%;
    display: block; /* padding-top: 6px; */
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

.bds-page-search .suggest {
    /* padding: 10px 0; */
    padding: 0;
}

.bds-page-search.fixed-fixed {
}

.suggest li {
    font-size: 14px;
    display: block;
    cursor: pointer;
    margin-bottom: 1px
}

    .suggest li a {
        color: #3d4d65;
        padding: 10px 22px;
        display: flex;
        align-items: center;
        position: relative;
    }

        .suggest li a .delete-his {
            position: absolute;
            right: 20px;
            color: 3333;
            transition: all ease .2s;
        }

            .suggest li a .delete-his:hover {
                color: var(--default-color-3);
            }

        .suggest li a img {
            margin-right: 8px;
        }

    .suggest li:hover {
        background-color: #f2f2f2;
    }

    .suggest li:first-child {
        pointer-events: none;
        font-family: 'robotoM';
        color: #333;
        padding: 0 22px;
        padding-top: 10px;
        padding-bottom: 5px;
        font-size: 15px;
    }

.suggest.capti li:nth-child(n+2) {
    text-transform: capitalize;
}

.sort_da {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 1px 0px;
    color: white;
    border-radius: 4px;
}

.lbsapxep {
    font-size: 13px;
    margin-right: 5px;
    color: black;
}

.sort_da select {
    outline: none;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 4px;
    background: #0098da;
    color: white;
    cursor: pointer;
    text-transform: capitalize;
}

    .sort_da select option {
        color: #0198da;
        background: white;
        text-transform: capitalize;
    }

.timkiemduan > div {
    display: flex;
}

.timkiemduan {
    display: block;
    margin-bottom: 15px;
    text-align: center;
    position: relative;
    width: fit-content;
}

.lbtimduan {
    font-size: 15px;
    margin-right: 10px;
    white-space: nowrap;
    display: none;
}

.txttimduan {
    font-size: 14px;
    outline: none;
    border: 1px solid transparent;
    overflow: hidden;
    border-radius: 3px;
    background-color: #F2F2F2;
    height: 40px;
    width: 305px;
    margin-right: 18px;
    padding: 0 15px;
}

#search-duan {
    position: absolute;
    left: 0;
    top: 110%;
    z-index: 99;
    background-color: #fff;
    max-height: 350px;
    border-radius: 6px;
    width: 111%;
    box-shadow: 0 0 13px 0 #3333333d;
    overflow-x: hidden;
    overflow-y: auto;
}

    /* width */
    #search-duan::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    #search-duan::-webkit-scrollbar-track {
        background: transparent;
    }

    /* Handle */
    #search-duan::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 5px
    }

        /* Handle on hover */
        #search-duan::-webkit-scrollbar-thumb:hover {
            background: #ccc;
        }

.suggestda {
    padding: 0;
    margin: 0;
    width: 100%;
}

    .suggestda li {
        list-style: none;
        background-color: white;
        padding: 0px 0%;
        display: block;
        text-align: left;
        font-weight: bold;
        font-size: 14px;
        color: #2c2c2c;
    }

        .suggestda li a {
            display: block;
            color: #2c2c2c;
            font-weight: normal;
            text-transform: capitalize;
            text-decoration: none !important;
            font-size: 14px;
            font-family: 'robotoM';
            padding: 8px 10px;
        }

            .suggestda li a:hover {
                background-color: #e8e8e8
            }

        .suggestda li:first-child {
            font-family: 'robotoM';
            color: #999;
            font-weight: 100;
            font-size: 14px;
            padding: 8px 10px;
        }

.dientich1 {
    color: #f3aa1e;
    display: block;
    font-size: 14px;
    height: 18px;
    overflow: hidden;
}

.txttimtc {
    background: #fff;
    font-size: 16px;
    width: 90%;
    padding: 10px 5%;
    border-radius: 4px;
    outline: none;
    border: 1px solid #dbdbdb;
}

#searchtc {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 999;
}

.project-slidetin ul.suggesttc {
    padding: 0;
    margin: auto;
    display: block;
    overflow: auto;
    background-color: white;
}

    .project-slidetin ul.suggesttc li {
        list-style: none;
        display: block;
        padding: 0;
        margin: 0;
        border: none
    }

        .project-slidetin ul.suggesttc li:first-child {
            padding: 5px 5%;
            width: 90%;
        }

    .project-slidetin ul.suggesttc a {
        color: #0198da;
        background-color: white;
        padding: 5px 5%;
        display: block;
        width: 90%;
        margin: auto;
        border: none;
        font-size: 13px
    }

        .project-slidetin ul.suggesttc a:hover {
            background-color: #f5f5f5
        }

.countchar {
    position: absolute;
    right: 29px;
    bottom: -8px;
    font-size: 12px;
    background-color: white;
    padding: 5px 5px;
    color: #2c2c2c;
}

.showgoiy {
    display: block;
    overflow: hidden;
    padding: 15px 15px;
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
}

.my-banner {
    position: relative;
}

.showgoiy a {
    display: inline-block;
    width: 49%;
    float: left;
    font-size: 14px;
    color: #0198da;
    padding: 5px 0;
    text-transform: capitalize;
}

    .showgoiy a:nth-child(2n+2) {
        float: right
    }

    .showgoiy a span {
        font-size: 13px;
    }

    .showgoiy a:hover {
        color: red
    }

.showduangoiy a {
    width: 100%;
    padding: 0;
    margin-bottom: 5px;
    text-transform: none;
}

.nhadatdm {
    width: 49%;
    float: left;
}

    .nhadatdm:nth-child(2n+2) {
        float: right
    }

.imgnd {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100px
}

    .imgnd img {
        height: 100%;
        width: auto;
        min-width: 100%;
        display: block
    }

    .imgnd a {
        width: 100%;
        height: 100%;
        display: block
    }

.quangcao {
    display: block;
}

    .quangcao a {
        display: block;
        width: 100%;
    }

    .quangcao img {
        display: block;
        width: 100%;
    }

.bds-feature.list-bds.list-slidebds.bdsleft {
    width: 75%;
    float: left
}

.dangtin-ledft {
    float: right;
    width: 24%
}

    .dangtin-ledft a {
        display: block;
    }

    .dangtin-ledft img {
        width: 100%;
        display: block
    }

.bds-feature.list-bds.list-slidebds.bdsleft .bds {
    width: 31.5%;
    background-color: white;
    float: left;
    margin-right: 1.333%;
    margin: 0 1%;
}

    .bds-feature.list-bds.list-slidebds.bdsleft .bds:nth-child(3) {
        margin-right: 0
    }

.margin40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.bds-feature .duan-slide {
    padding: 0;
    margin: auto;
    display: block;
    overflow: hidden;
    width: 100%;
}

    .bds-feature .duan-slide .bds {
        width: 96%;
        margin: 0 2%;
    }

.width100 {
    width: 100% !important;
}

.photo-dt {
    width: 24%;
    float: left;
    overflow: hidden;
    height: 48.5%;
    margin-right: 1%;
}

    .photo-dt a {
        width: 100%;
        height: 100%;
        display: block;
    }

    .photo-dt img {
        width: 100%;
        float: left;
        min-width: 100%;
    }

    .photo-dt:first-child {
        height: 100%;
        width: 50%;
        margin-right: 1%;
    }

    .photo-dt:nth-child(3), .photo-dt:nth-child(5) {
        margin-right: 0
    }

    .photo-dt:nth-child(4), .photo-dt:nth-child(5) {
        margin-top: 1%;
    }

.lfet-li {
    width: 49%;
    float: left; /* display: inline-block; */
}

.right-li {
    width: 49%;
    float: right; /* display: inline-block; */ /* margin-right: 0; */
}

.padtop30 {
    padding-top: 30px
}

.btnupimg {
    display: none
}

.upload {
    display: block;
    background: none;
    outline: none;
    color: #fff;
    margin: auto;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}

.txtcreateimg {
    display: block;
    overflow: hidden;
    position: relative;
}

.full-up {
    display: block;
    overflow: hidden;
    margin-bottom: 40px
}

.col-md-auto {
    width: 100px;
    height: 68px;
    display: inline-block;
    position: relative;
}

    .col-md-auto a { /* width:100%; */ /* height:100%; */
    }

    .col-md-auto img {
        min-width: 100%;
        height: 100%;
        width: auto;
        display: block;
    }

    .col-md-auto i {
        background-color: #0098da;
        width: 30px;
        text-align: center;
        padding: 7px 0;
        color: white;
    }

.content-up {
    display: block;
    width: 325px;
    margin: auto;
    text-align: center;
    background-image: url(/Design/camera.png);
    background-size: 70px auto;
    margin: auto;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center 63px;
    overflow: hidden;
    position: relative;
    border: 1px solid #f2f2f2;
    padding: 15px;
    border-radius: 4px;
}

    .content-up h3 {
        font-size: 14px;
        color: #2c2c2c;
        font-weight: normal;
        margin: auto;
        font-family: 'robotoM';
        margin-bottom: 76px;
    }

    .content-up h4 {
        font-size: 13px;
        color: #000;
        font-weight: normal;
        margin: auto;
    }

.user-container {
    background-color: #fff;
    width: 78%;
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 10px 0 #33333329;
    padding: 14px 23px;
}

    .user-container.full {
        width: 100%;
    }

.bds-page-search {
    top: 100% !important;
    box-shadow: 0 9px 18px 0 #33333324 !important;
}

    .bds-page-search.fixed-fixed {
        top: 137px !important;
    }

.my-input-space {
    position: relative;
    display: flex;
    align-items: center;
}

    .my-input-space .fake-money {
        position: absolute;
        left: 15px;
        color: #333;
        font-size: 14px;
        z-index: 2;
    }

    .my-input-space .space {
        position: absolute;
        font-size: 13px;
        color: #2c2c2c;
        width: 100%;
        display: flex;
        pointer-events: none;
        align-items: center;
        top: 108%;
        right: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .my-input-space input {
        color: transparent !important;
        user-select: none;
    }

        .my-input-space input::selection {
            background-color: #fff;
        }

        .my-input-space input::placeholder {
            color: #333333c9;
        }

.img-map-how {
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    object-position: center center;
    /* width: 100%; */
    cursor: pointer;
}

.home-new-drop.quan-huyen .drop-item.show {
    display: block;
}

.home-new-drop.quan-huyen .drop-item {
}

.sub-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: #fff;
    /* height: 55px; */
    width: 100%;
    box-shadow: 0 0 15px 0 #33333329;
    display: none;
    align-items: center;
    justify-content: center;
    display: none !important
}

.sub-menu-item i {
}

.sub-menu-item span {
    font-size: 12px;
    margin: 0 10px;
    display: block;
    margin-top: 4px;
}

.sub-menu-item:hover {
    opacity: .7;
}

.sub-menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #2c2c2c75;
}

    .sub-menu-item:nth-child(3) {
        color: var(--default-color-3)
    }

    .sub-menu-item .icon {
        width: 34px;
        height: 22px;
        background-color: var(--default-color-3);
        color: #fff;
        border-radius: 3px;
    }

.my-drop-moneys {
    position: absolute;
    top: 0;
    left: 0;
    top: 100%;
    z-index: 99999;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 4px 0;
    border: 1px solid #CBCBCB;
    display: none;
}

    .my-drop-moneys.show {
        display: block;
    }

    .my-drop-moneys .item {
        font-size: 14px;
        padding: 6px 12px;
        cursor: pointer;
        user-select: none;
    }

        .my-drop-moneys .item:hover {
            background-color: #f2f2f2;
        }

.help-tag-text {
    display: block;
    color: #2c2c2c;
    font-family: 'openSB';
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 14px;
}

.help-tag-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.help-tag-item {
    background-color: var(--default-color-3);
    color: #fff;
    border-radius: 55px;
    font-size: 14px;
    margin: 4px 6px;
    padding: 6px 12px;
    cursor: pointer;
    transition: all linear .2s;
    user-select: none;
}

    .help-tag-item:hover {
        opacity: .7;
    }

.my-search-location.df {
    bottom: unset;
    top: 100%;
    border-radius: unset;
    transition: unset;
}

    .my-search-location.df.fixed-fixed {
        position: fixed;
        top: 137px;
        z-index: 54;
    }

.my-search-location {
    display: none !important;
}

.my-search-location {
    user-select: none;
    display: flex;
    align-items: center;
    border-radius: 55px;
    background-color: #fff;
    width: fit-content;
    position: absolute;
    bottom: 118%;
    box-shadow: 0 0 10px 0 #3333335e;
    padding: 6px 20px;
    font-size: 14px;
    cursor: pointer;
    transition: all linear .2s;
    backdrop-filter: blur(10px);
    z-index: 2;
}

    .my-search-location:hover {
        background-color: rgba(255, 255, 255, 0.64);
    }

    .my-search-location img {
        width: 23px;
    }

    .my-search-location span {
        margin-left: 6px;
        color: #333;
        display: block;
    }

.p-drop-map {
    display: flex;
    align-items: center;
    border: 1px solid #2c2c2c29;
    border-radius: 5px;
    overflow: hidden;
    margin: 5px;
}

    .p-drop-map select {
        padding: 4px 12px;
        padding-right: 34px;
        width: fit-content;
        height: 32px;
    }

    .p-drop-map i {
        top: unset !important;
    }

.my-tienich {
    width: 100%;
}

    .my-tienich tbody {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(3,minmax(0,1fr));
        column-gap: 20px;
        row-gap: 20px;
        width: 100%;
        height: 200px;
        overflow-y: auto;
    }

    .my-tienich input {
        border: none;
        padding: 0;
        width: unset;
        outline: none;
        height: unset;
        font-size: unset;
        border-radius: unset;
    }

    .my-tienich td {
        display: flex;
        /* align-items: center; */
    }

    .my-tienich label {
        font-size: 15px;
        color: #333;
        display: block;
        margin-left: 7px;
        margin: 0;
        margin-left: 6px;
        user-select: none;
        cursor: pointer;
    }

.my-heading-open {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
    border-bottom: 1px solid #F2F2F2;
    margin-bottom: 23px;
    padding-bottom: 15px;
    cursor: pointer;
    user-select: none;
    padding: 20px 10px;
}

    .my-heading-open:hover {
        background-color: #f2f2f2;
    }

.my-open .contentcreate {
    display: none;
}

.my-open.show .contentcreate {
    display: block;
}

.decor-dbs.dexor {
    opacity: 0;
    visibility: hidden;
}

.my-heading-open .titcreate {
    border: none;
    padding: 0;
    margin: 0;
}

.content-search .button .decor-dbs {
    opacity: 0;
    visibility: hidden;
}

.decor-title-se h4 {
    font-size: 17px;
    pointer-events: none;
    margin-bottom: 5px;
    color: #2c2c2c;
    margin-top: 10px;
    font-family: 'MonB';
    font-weight: normal;
}
/*Loc*/
.filter-box {
    display: flex;
    align-items: center;
    padding: 12px 5px;
    padding-right: 15px;
}

.filter-select {
    min-width: 180px;
    outline: none;
    background-color: #fff;
    height: 100%;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: 'MONM';
    color: #242424;
    font-size: 15px;
    cursor: pointer;
}

.value-ward {
    outline: none;
    background-color: #F2F2F2;
    height: 100%;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: 'MONM';
    color: #242424;
    font-size: 15px;
}

.filter-btn {
    background-color: #fc5e1d;
    border: none;
    color: #fff;
    cursor: pointer;
    border-radius: 6px;
    width: max-content;
    position: relative;
    top: 18px;
    padding: 11px 10px;
    font-size: 15px;
    font-family: 'MonM';
}

    .filter-btn:hover {
        background-color: #0056b3;
    }

/*End*/
.my-open.show .my-heading-open .my-btn {
    transform: rotate(0);
}

.my-heading-open .my-btn {
    color: #333;
    font-size: 15px;
    transform: rotate(-180deg);
}

.my-dt-group {
}

    .my-dt-group .txtcreate {
        width: calc(50% - 10px) !important;
    }