@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: 'helvetica-neue-regular';
}

.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: 'HelveticaNeue-Bold';
    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: 1200px;
    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 .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: 'helvetica-neue-regular';
    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: helvetica-neue-regular;
    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: 'helvetica-neue-regular';
    width: 100%;
}

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

.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: 'HelveticaNeue-Bold';
    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: 'helvetica-neue-regular';
    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: 'helvetica-neue-regular';
    color: #2b2b2b;
}

.side-e-content p {
    font-size: 14px;
    font-family: 'helvetica-neue-regular';
    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: 'helvetica-neue-regular';
    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) {
    .search-link,
    #ShowMenu,
    .accountm {
        position: relative;
        width: 40px;
        height: 40px;
    }
    .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: 'helvetica-neue-regular';
    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: helvetica-neue-regular;
}

.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: helvetica-neue-regular;
    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: helvetica-neue-regular;
}

.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: helvetica-neue-regular;
}

.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: helvetica-neue-regular;
}

.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: helvetica-neue-regular;
    color: #333;
    margin: 0;
    margin-bottom: 2px;
}

.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: helvetica-neue-regular;
    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: helvetica-neue-regular;
    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: helvetica-neue-regular;
    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;
    position: absolute;
    right: 0;
    top: -2px;
}

.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;
}

.ttmemhelvetica-neue-regular {
    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: 'helvetica-neue-regular';
    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%;
}

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

.titmemhelvetica-neue-regular img {
    width: 25px;
    margin-right: 5px;
    display: none;
}

.menumemhelvetica-neue-regular {
    display: block;
    overflow: hidden;
}

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

.menumemhelvetica-neue-regular a:first-child {
    border: none
}

.menumemhelvetica-neue-regular 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: 'HelveticaNeue-Bold';
    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: 'helvetica-neue-regular';
}

.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: 'helvetica-neue-regular';
}

.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;
}

.menumemhelvetica-neue-regular a.active,
.menumemhelvetica-neue-regular 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: 'helvetica-neue-regular';
}

.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: 'helvetica-neue-regular';
    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: 'helvetica-neue-regular';
}

.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: 'helvetica-neue-regular';
    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: 'helvetica-neue-regular';
    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: 'helvetica-neue-regular';
    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;
}

.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: 'helvetica-neue-regular';
    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: 'helvetica-neue-regular';
}

.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: "helvetica-neue-regular", 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 */

.ttmemhelvetica-neue-regular {
    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: 'HelveticaNeue-Bold';
}

.ttaikhoan .nameuser {
    font-size: 14px;
    color: #6b7280;
}


/* Tiêu đề mục nhỏ */

.titmemhelvetica-neue-regular {
    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: 'HelveticaNeue-Bold';
}

.titmemhelvetica-neue-regular img {
    width: 18px;
    margin-right: 8px;
}


/* Menu liên kết */

.menumemhelvetica-neue-regular {
    display: flex;
    flex-direction: column;
}

.menumemhelvetica-neue-regular 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 */

.menumemhelvetica-neue-regular a:hover {
    background: #e0f2fe;
    color: #0d6efd;
    transform: translateX(4px);
}

.menumemhelvetica-neue-regular 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: 'helvetica-neue-regular';
    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: 'helvetica-neue-regular';
    padding: 8px 10px;
}

.suggestda li a:hover {
    background-color: #e8e8e8
}

.suggestda li:first-child {
    font-family: 'helvetica-neue-regular';
    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: 'helvetica-neue-regular';
    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: 'HelveticaNeue-Bold';
    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: 'HelveticaNeue-Bold';
    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: 'helvetica-neue-regular';
    color: #242424;
    font-size: 15px;
    cursor: pointer;
}

.value-ward {
    outline: none;
    background-color: #F2F2F2;
    height: 100%;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: 'helvetica-neue-regular';
    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: 'helvetica-neue-regular';
}

.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 .txtcreate {
    width: calc(50% - 10px) !important;
}