.mobile {
    display: none;
}

header {
}

.top-header {
    font-size: 16px;
    color: #4b4b4b;
    background: url(/Design/HongDuc/decor-header-top2.png) no-repeat;
    background-size: cover;
    height: 39px;
    z-index: 3;
    position: relative;
    display: flex;
    align-items: center;
    font-family: 'muli';
}

.lefttop {
    margin-right: 36px;
}

.mailhead {
    /* margin-top:5px; */
    display: block;
    position: relative;
}

.rightmail.right {
    display: flex;
}

.mailhead:before {
    content: "";
    position: absolute;
    width: 22px;
    height: 11px;
    background: url(/Design/img/decor-email.png);
    margin-right: 6px;
    margin-left: 1px;
    left: -30px;
    top: 5px;
}

.sdthead { /* margin-top:5px; */
    display: block;
}

.sdthead {
    position: relative;
    padding-left: 20px;
}

.hotlineCallCompa a.sdthead {
    padding-left: 0;
    margin-right: 32px;
}

.sdthead:before {
    content: "";
    /* font-family: fontawesome; */
    position: absolute;
    left: -19px;
    top: 3px;
    background: url(/Design/HongDuc/decor_phone.png) no-repeat;
    width: 15px;
    height: 15px;
}

.sdtheadm {
    display: none;
}

.dangtinbds {
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    background-color: #6cbd45;
    padding-right: 12px;
    width: 104px;
    height: 89px;
    display: flex;
    justify-content: end;
    align-items: center;
    margin-left: 43px;
    font-family: 'muli';
    /* border-radius: 3px; */
    position: relative;
    z-index: 99;
}

    .dangtinbds:before {
        content: "";
        position: absolute;
        width: 16px;
        height: 15px;
        background: url(/Design/HongDuc/decor_dangtin.png) no-repeat;
        margin-right: 5px;
        right: 100px;
        top: 36px;
        /* animation: tada 1.5s infinite; */
    }

    .dangtinbds:hover {
        color: #226dc4;
    }

.logo img {
    /* display: none; */
}

.logo canvas {
    display: block;
}
/*nav*/
nav {
    position: absolute !important;
    width: 100%;
    z-index: 3 !important;
    border-top: 1px solid #7bc9ed;
    background-image: url(/Design/HongDuc/decor-header-top.png);
    transition: all .3s;
}

    nav .container {
        height: 86px;
        position: relative;
        transition: all .3s ease-in-out;
    }

.logo {
    width: 140px;
    height: 161px;
    top: -36px;
    animation-name: bounceIn;
    animation-delay: 0s;
    animation-duration: 1s;
    position: absolute;
    left: 0px;
    margin: auto;
    z-index: 99;
}

    .logo img {
        position: relative;
        left: -3px;
        top: 7px;
    }

    .logo a {
        position: relative;
        display: block;
        width: 120px !important;
        height: 120px !important;
        left: 20px;
    }

    .logo a:after {
        content: "";
        position: absolute;
        width: 136px;
        height: 136px;
        left: -11px;
        top: -1px;
        z-index: -1;
        /* background: url(/Design/HongDuc/decor_logo.png) no-repeat; */
        background: #fff;
        border-radius: 50%;
    }

nav.scroll-to-fixed-fixed .logo a:after {
    content: "";
    position: absolute;
    top: 2px;
    left: -8px;
    z-index: -1;
    width: 100px;
    height: 100px;
    /* background: url(/Design/HongDuc/decor_logo.png) no-repeat; */
}

.menu_main {
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'muli';
    display: block;
}

    .menu_main.left {
        animation: bounceInLeft 2s;
    }

    .menu_main.right {
        animation: bounceInRight 2s;
    }

.mnlic1 {
    float: left;
    /* background-image: url(/Design/nav_li.png?v=1); */
    /* background-repeat: no-repeat; */
    /* background-position: left; */
    padding-left: 1px;
}

    .mnlic1:first-child {
        background: none;
    }

.mnliac1 {
    display: block;
    position: relative;
    padding: 28px 0;
    transition: all .3s ease-in-out;
}

.mnlic1:last-child .mnliac1 {
    padding-right: 0;
}

.mnliac1 span {
    display: block;
    position: relative;
    padding: 4.5px 11px;
    transition: all .3s ease-in-out;
    border-radius: 3px;
}

.homea span {
    border: none;
    z-index: 99;
}

.dangtinbds:after {
    content: "";
    position: absolute;
    background-color: #6cbd45;
    transform: skew(0deg, 0deg);
    -moz-transform: skew(0deg, 0deg);
    -webkit-transform: skew(335deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    width: 62px;
    height: 89px;
    left: -31px;
    top: 0px;
    z-index: -1;
    /* transition: all .1s ease-in-out; */
}

.mnliac1 span i {
    height: 21px;
}

.mnliac1:hover span:after, .homea:hover:after {
    width: 100%;
}

.mnliac1:hover span {
    background-color: #6cbd45;
    color: #fff;
}

.menusub {
    position: absolute;
    z-index: 8;
    list-style: none;
    -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 50% 0;
    -webkit-transition: transform .5s;
    opacity: 0;
    text-transform: none;
    width: 220px;
}

.mnlic1:hover > .menusubf1 {
    transform: rotateX(0deg);
    opacity: 1;
}

.menusubf1:before {
    content: "";
    position: absolute;
    left: 20px;
    top: -10px;
    z-index: 5;
    border: 5px solid transparent;
    border-bottom-color: #199ddb;
}

.mnlic2 {
    position: relative;
    background: #226dc4;
    color: #fff;
    font-size: 14px;
    font-family: 'muli';
    z-index: 1;
    border-top: 1px solid #d1d1d1;
    transition: all .3s ease-in-out;
}

.mnliac2 {
    display: block;
    position: relative;
    padding: 12px 15px;
    padding-left: 25px;
    transition: all .3s ease-in-out;
}

    .mnliac2:before {
        position: absolute;
        top: 33%;
        left: 13px;
        content: "\f0da";
        font-family: fontawesome;
        font-size: 13px;
    }

.mnlic2:hover .mnliac2 {
    background-color: #6cbd45;
}

nav.scroll-to-fixed-fixed {
    background-color: #31a9e0;
    position: fixed !important;
    z-index: 1000 !important;
}

    nav.scroll-to-fixed-fixed .container {
        height: 0px;
    }

    nav.scroll-to-fixed-fixed .logo a {
    top: 38px;
    width: 90px !important;
    height: 90px !important;
    left: 50px;
    }

    nav.scroll-to-fixed-fixed .mnliac1 {
        padding: 6px 0;
    }

        nav.scroll-to-fixed-fixed .mnliac1 span {
            padding: 4.5px 12px;
        }

    nav.scroll-to-fixed-fixed .menu_main {
        font-size: 15px;
    }

    nav.scroll-to-fixed-fixed .dangtinbds {
        /* margin: 6px 0; */
        margin-left: 34px;
        height: 45px;
        font-size: 17px;
        /* transition: height .3s ease-in-out; */
    }

        nav.scroll-to-fixed-fixed .dangtinbds:after {
            height: 101%;
            width: 38%;
            left: -23px;
            /* transition: all .1s ease-in-out; */
        }

        nav.scroll-to-fixed-fixed .dangtinbds:before {
            top: 14px;
            left: -11px;
        }
/*slideshow*/

.pix_diapo {
    height: 100%;
}

.pix_relativize {
    width: 100% !important;
    height: 100% !important;
    display: block;
    overflow: hidden;
}

    .pix_relativize img {
        display: block;
        object-fit: cover;
    }

    .pix_relativize a {
        display: block;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

/*.search-box*/
.search-box {
    position: relative;
    width: 100%;
    z-index: 1;
    padding: 20px 0;
}

    .search-box .bosearch {
        position: relative; /* bottom:100%; */
        width: 100%;
    }

    .search-box .title-searchbox {
        text-align: center;
        margin-bottom: 20px; /* text-shadow:2px 2px 3px rgba(0,0,0,0.4); */
    }

        .search-box .title-searchbox h3 {
            font-size: 42px;
            color: #31a9e0;
            font-family: BB;
            text-transform: uppercase;
        }

        .search-box .title-searchbox h6 {
            font-size: 20px;
            color: #383838; /* font-weight:normal; */
        }

    .search-box .container {
        background: rgb(49 169 224 / 88%);
        padding: 14px 30px;
        border-radius: 50px;
        overflow: hidden; /* margin-bottom: 20px; */
    }

    .search-box .ddl, .search-box .txt {
        float: left;
        width: 16.8%;
        margin-right: 1%;
        box-sizing: border-box;
        padding: 8px 10px;
        font-size: 12px;
        border-radius: 50px;
        color: #959595;
        display: block;
        font-style: italic;
    }

    .search-box .btn {
        float: right;
        width: 11%;
        background: #213468;
        color: #fff;
        text-transform: uppercase;
        font-size: 12px;
        position: relative;
        text-align: center;
        font-family: mulib;
        padding: 6.5px 0;
        border-radius: 50px;
    }

        .search-box .btn:before {
            content: "\f002";
            font-family: fontawesome;
            font-size: 14px;
        }
/*abouthome*/
.rotateLeft {
    animation: rotateLeft 2s;
}

.titabout {
    width: 100%;
    float: right;
    /* padding: 40px 0px; */
    padding-top: 9px;
    padding-bottom: 10px;
}

.about-child-left {
    float: left;
    width: 68%;
}

.titabout h2 {
    font-size: 40px;
    color: #226dc4;
    margin: 0;
    font-family: swiss721;
    text-transform: uppercase;
}

.wp-banner-top-side img {
    display: block;
    width: 355px;
    height: 373px;
    object-fit: cover;
}

.wp-banner-top-side {
    margin-bottom: 19px;
}

.titabout h5 {
    margin: 0;
    color: #6cbd45;
    font-size: 22px;
    font-family: muli;
    position: relative;
}

.right-about-home {
    float: right;
    width: 44%;
    height: 0;
}

.left-about-home {
    float: left;
    width: 55%;
}

.linkgt {
    margin-top: 30px;
}

.img-about-home {
    text-align: right;
    position: relative;
}

    .img-about-home img {
        width: 480px;
        height: 480px;
        object-fit: cover;
        position: relative;
        top: -127px;
        z-index: 99;
        border-radius: 50%;
        border: 14px solid #fff;
    }

    .img-about-home:before {
        content: "";
        position: absolute;
        width: 464px;
        right: 0;
        top: -137px;
        z-index: 99;
        height: 475px;
    }

.linkgt a {
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'muli';
    border: 1px solid #226dc4;
    color: #226dc4;
    text-decoration: none;
    padding: 13px 28px;
    display: inline-block;
    border-radius: 50px;
    transition: all .3s ease-in-out;
}

    .linkgt a:hover {
        background: #226dc4;
        color: #fff;
    }

.banner {
    padding-top: 90px;
}

.top-about-home h3 {
    font-size: 19px;
    color: #6f6f6f;
    font-family: muli;
    margin: 0;
}

.top-about-home h2 {
    font-size: 40px;
    color: #226dc4;
    margin: 0;
    font-family: swiss721;
    text-transform: uppercase;
}

.wp-estate-new-thue {
    padding-bottom: 30px;
}

.top-about-home h5 {
    margin: 0;
    color: #6cbd45;
    font-size: 22px;
    font-family: muli;
    position: relative;
}

    .top-about-home h5:after {
        content: "";
        position: absolute;
        background: #226dc4;
        width: 62px;
        height: 3px;
        bottom: -9px;
        left: 0;
    }

span.detail-about-home {
    font-family: muli;
    display: block;
    color: #4c4c4c;
    font-size: 17px;
    line-height: 1.5;
    padding-top: 18px;
    text-align: justify;
}

.abouthome {
    padding-top: 68px;
    padding-bottom: 80px;
}
/*nhadathome*/
.nhadathome {
    /* background: #f8f8f8; */
    position: relative;
}

    .nhadathome .container {
        padding: 45px 0;
        position: relative;
        padding-bottom: 35px;
    }

.titnd {
    margin-bottom: 25px;
    display: inline-block;
}

    .titnd h2 {
        font-family: BB;
        color: #31a9e0;
        text-transform: uppercase;
        font-size: 30px;
        margin-bottom: 5px;
    }

    .titnd h5 {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: normal;
        background-image: url("/Design/bd1.png");
        width: 79px;
        height: 5px;
    }

.ulnd {
}

.lind {
}

.lind {
}

    .lind:nth-child(3n+3) {
        margin-right: 0;
    }

.imgnd {
    height: 249px;
    border-radius: 3px 3px 0 0;
}

    .imgnd:before {
        content: "";
        background-image: url("/Design/hot1.png");
        background-repeat: no-repeat;
        width: 63px;
        height: 41px;
        position: absolute;
        z-index: 9; /* animation: tada 1.5s infinite; */
    }

    .imgnd span {
        color: #fff;
        font-size: 18px;
        z-index: 999;
        position: absolute;
        padding: 4px 6px;
        animation: tada 1.5s infinite;
    }

.imgnd1 {
    height: 249px;
    border-radius: 3px 3px 0 0;
}

    .imgnd1:before {
        content: "";
        background-image: url("/Design/hot1.png");
        background-repeat: no-repeat;
        width: 63px;
        height: 41px;
        position: absolute;
        z-index: 9; /* animation: tada 1.5s infinite; */
    }

    .imgnd1 span {
        color: #fff;
        font-size: 18px;
        z-index: 999;
        position: absolute;
        padding: 4px 6px;
        animation: tada 1.5s infinite;
    }

.ngaytao1 {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: rgb(108 189 69 / 50%);
    padding: 5px 9px;
    padding-left: 24px;
    font-size: 14px;
    font-family: BR;
    color: #fff;
    border-radius: 3px;
}

    .ngaytao1:before {
        content: "";
        background-image: url("/Design/ngay.png");
        position: absolute;
        background-position: left;
        width: 12px;
        height: 12px;
        left: 8px;
        top: 9px;
    }

.ngaytao3 {
    position: relative;
    bottom: 5px;
    right: 5px;
    padding: 5px 9px;
    padding-left: 20px;
    font-size: 14px;
    font-family: BR;
    color: #adadad;
    border-radius: 3px;
    width: auto;
    display: inline-block;
}

    .ngaytao3:before {
        content: "";
        background-image: url("/Design/ngay1.png");
        position: absolute;
        background-position: left;
        width: 12px;
        height: 12px;
        left: 5px;
        top: 9px;
    }

.ulbdsp .imgnd:before {
    display: none;
}

.sumnd {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    padding: 10px;
    padding-bottom: 0;
}

.sumndtop {
    /* padding:10px; */
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
}

    .sumndtop h4 {
        font-size: 18px;
        font-family: 'muli';
        color: #226dc4;
        text-decoration: none;
        font-weight: normal;
        height: 44px;
        margin-bottom: 10px;
    }

        .sumndtop h4 a {
            display: block;
            line-height: 1.2;
            min-height: 40px;
        }

.lind:hover .sumnd h4 {
    color: #6cbd45;
}

.dcnd {
    font-size: 14px;
    color: #353535;
    font-family: 'muli';
    text-decoration: none;
    margin-top: 3px;
    height: auto;
    padding-left: 21px;
    margin-bottom: 9px;
}

    .dcnd:before {
        content: "";
        /* font-family:fontawesome; */
        background-image: url("../Design/HongDuc/icon-address-estate.png");
        width: 15px;
        height: 15px;
        position: absolute;
        background-position: left;
        background-repeat: no-repeat;
        /* top: 0; */
        margin-left: -19px;
        margin-top: 1px;
    }

.sohong {
    font-size: 14px;
    display: inline-block;
    color: #616161;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 5px;
    /* padding-left: 21px; */
    font-family: 'muli';
}

.ttnd {
    padding: 10px 0;
    overflow: hidden;
    /* margin-top: 10px; */
}

.giand {
    font-size: 18px;
    font-family: muli;
    color: #ec0e0e;
    /* float: left; */
    position: relative;
    margin-left: 25px;
}

    .giand:before {
        content: "";
        background-image: url(../Design/HongDuc/icon-price-estate.png);
        width: 18px;
        height: 17px;
        position: absolute;
        background-position: left;
        background-repeat: no-repeat;
        /* top: 0; */
        margin-left: -19px;
        margin-top: 4px;
    }

.dtnd {
    /* float: right; */
    font-size: 16px;
    color: #5a5a5a;
    font-family: muli;
    position: relative;
    padding-left: 24px;
}

    .dtnd:before {
        content: "";
        background-image: url(../Design/HongDuc/icon-area-estate.png);
        width: 18px;
        height: 17px;
        position: absolute;
        background-position: left;
        background-repeat: no-repeat;
        /* top: 0; */
        margin-left: -19px;
        margin-top: 3px;
    }

.ulnd.owl-carousel .owl-nav button {
    position: absolute;
    top: -61px;
    right: 0;
    margin: 0;
    border-radius: 100%;
    border: 1px solid #c7c7c7;
    color: #ababab;
    width: 37px;
    height: 37px;
    outline: 0;
}

    .ulnd.owl-carousel .owl-nav button.owl-prev {
        right: 43px;
    }

    .ulnd.owl-carousel .owl-nav button.owl-next {
    }

        .ulnd.owl-carousel .owl-nav button.owl-next:before {
            content: "\f054";
            font-family: fontawesome;
        }

    .ulnd.owl-carousel .owl-nav button.owl-prev:before {
        content: "\f053";
        font-family: fontawesome;
    }

    .ulnd.owl-carousel .owl-nav button span {
        display: none;
    }

    .ulnd.owl-carousel .owl-nav button:hover {
        background-color: #199ddb;
    }
/*baner*/

/*homepage*/

.homepage {
    background-color: #f8f8f8;
}

    .homepage .container {
        padding: 55px 0 40px;
    }

.bdshome {
    float: left;
    width: 100%;
    position: relative;
}

.titbds {
}

    .titbds h2 {
        color: #31a9e0;
        font-family: BB;
        text-transform: uppercase;
        font-size: 30px;
    }

    .titbds h5 {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: normal;
        background-image: url("/Design/bd1.png");
        width: 79px;
        height: 5px;
    }

.homepage .dcnd {
    font-size: 16px;
    color: #29bcff;
    height: 22px;
    font-family: BR;
    border-top: 1px solid #f0f0f0;
    padding: 5px 0;
    padding-left: 19px;
    padding-top: 11px;
}

.linkbds {
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
}

.nhadathome .linkbds {
    position: absolute;
    top: 48px;
    right: 0;
    display: inline-block;
}

    .nhadathome .linkbds a {
        display: block;
        color: #31a9e0;
        font-size: 14px;
        text-transform: uppercase;
        border: 1px solid #31a9e0;
        padding: 3px 12px;
        border-radius: 3px;
        font-family: BR;
    }

    .nhadathome .linkbds i {
        font-size: 12px;
    }

.linkbds a {
    display: block;
    color: #31a9e0 !important;
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid #31a9e0;
    padding: 5px 24px;
    border-radius: 3px;
    font-family: BR;
    padding-left: 17px; /* background-color: #fff; */
}

.linkbds i {
    font-size: 12px;
}

.nhadathome .linkbds:hover {
    background-color: #31a9e0 !important;
}

.nhadathome .linkbds a:hover {
    color: #fff !important;
}

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

.ctnhadat .ulbds {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.c-tab:nth-child(3) .imgP img {
    margin-left: 0 !important;
}

.libds {
    overflow: hidden;
    border: 1px solid #f0f0f0;
    background-color: #fff;
    margin-bottom: 1.6%;
    width: 23.63%;
    display: inline-block;
    float: left;
    margin-right: 1.6%;
}

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

.imgbds {
    height: 239px;
    float: left;
    width: 100%;
}

.sumbds {
    float: left;
    width: 100%;
    padding-right: 0;
    box-sizing: border-box; /* color:#555f6e; */
    font-size: 14px;
}

.sumbdstop { /* border-bottom: 1px solid #f0f0f0; */
    padding: 15px 10px;
    background-color: #fff;
    padding-bottom: 10px;
}

    .sumbdstop h4 {
        color: #383838;
        font-size: 19px;
        font-weight: normal;
        margin-bottom: 2px;
        font-family: BR;
    }

        .sumbdstop h4 a {
            display: block;
            line-height: 1.2;
            min-height: 46px; /* color: #383838; */
        }

.libds:hover .sumbdstop h4 {
    color: #199ddb;
}

.dcbds {
    margin-bottom: 2px;
}

    .dcbds:before {
        content: "\f5a0";
        font-family: fontawesome;
        font-weight: 900;
        margin-right: 5px;
    }

.dtbds {
    display: block;
    float: right;
    margin-top: 1px; /* padding-left: 20px; */
    margin-left: 20px;
    color: #5a5a5a;
    font-family: BR;
    font-size: 17px;
    position: relative;
}

    .dtbds:before {
        content: "";
        background-image: url("/Design/dientich.png"); /* margin-right:5px; */
        width: 12px;
        height: 12px;
        position: absolute;
        background-position: left;
        background-repeat: no-repeat;
        margin-left: -16px;
        margin-top: 6px;
    }

.datebds {
    display: inline-block;
    margin-left: 25px;
}

    .datebds:before {
        content: "\f017";
        font-family: fontawesome;
        font-weight: 500;
        margin-right: 5px;
    }

.ttbds {
    overflow: hidden;
    padding: 3.5px 0;
    padding-bottom: 0;
}

.giabds {
    float: left;
    font-size: 19px;
    color: #ec0e0e;
    font-family: blm;
    position: relative;
    display: block; /* width: 100%; */
}

.giayto {
    float: left;
    color: #767676;
    font-size: 14px;
    display: block;
    width: 100%;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 4px;
    font-size: 15px;
}

    .giayto:before {
        content: ""; /* font-family:fontawesome; */
        background-image: url("/Design/phaply.png");
        width: 17px;
        height: 20px;
        position: absolute;
        background-position: left;
        background-repeat: no-repeat; /* left: 0; */
        margin-left: -21px;
        margin-top: -1px;
    }

    .giayto span { /* color: #199ddb; */ /* display: block; */ /* float: left; */
    }
/*camnhan*/
.uldv {
    background-color: #fff;
    border: 1px solid #efefef;
    margin-top: 31px;
    padding-bottom: 17px;
    width: 99%;
}

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

.avatar {
    width: 147px;
    height: 143px;
    border-radius: 50%; /* float:left; */
    overflow: hidden;
    position: relative; /* left: 39%; */
    top: 34px;
    margin: auto;
}

.imgN img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform .5s;
}

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

.lidv:nth-child(n+3) {
    margin-top: 2%;
}

.imgdv {
    height: 131px;
    box-sizing: border-box;
}

    .imgdv img {
        max-width: 107%;
    }

.nddv {
    width: 100%;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    background-color: #ffffffc9;
    margin-top: 1px;
    padding: 33px;
    padding-bottom: 0;
}

    .nddv:before { /* content:""; */
        width: 100%;
        position: absolute;
        bottom: 0; /* border: 2px solid #3bc4fa; */
        opacity: 0;
        margin-left: -21px;
    }

    .nddv a {
        margin: auto;
    }

    .nddv h4 {
        margin: auto;
        font-size: 22px;
        font-family: blm;
        opacity: 1;
        margin-top: 8px;
        color: #31a9e1;
    }

    .nddv p {
        color: #a3a3a3;
        font-size: 18px;
        font-family: BR;
        font-style: italic;
    }

    .nddv:hover {
    }

        .nddv:hover h4 {
            color: #00a2e2;
        }

        .nddv:hover:before {
        }

.cmt { /* background: linear-gradient(rgba(0, 0, 0, 0.2) 0%,rgba(0, 0, 0, .2) 100%),url(/Design/bg5.png) no-repeat center; */
    background-size: cover;
}

.cmt {
    width: 33%;
    float: right;
    height: 365px;
}

.ttlidv { /* margin-top:10px; */
    height: 101px;
    font-size: 20px;
    margin-top: 5px;
}

    .ttlidv p {
        height: 100px;
        line-height: 1.2;
        color: #3d3d3d;
        font-size: 19px;
        font-style: normal;
    }
/*tintuchome*/
.tt-cn {
    padding: 50px 0;
    background-color: #f8f8f8;
}

.tintuchome { /* padding:50px 0; */
    float: left;
    width: 65%;
}

    .tintuchome .container {
        position: relative;
    }

.titnews h2 {
    font-size: 32px;
    font-family: 'swiss721';
    color: #226dc4;
    text-transform: uppercase;
    margin: 0;
}

.titnews h6 {
    font-family: 'muli';
    color: #6cbd45;
    font-size: 16px;
    margin: 0;
    font-weight: 500;
}

a.detail-view-news {
    font-size: 15px;
    color: #676767;
    font-family: 'muli';
    text-transform: uppercase;
    text-decoration: none;
    padding: 8px 20px;
    border-radius: 50px;
    border: 1px solid #676767;
    transition: all linear .2s;
}

.wp-top-new-home {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wp-news-home {
    padding-top: 80px;
}

ul.listNewHome {
    padding: 0;
    margin: 0;
    display: grid;
    grid-auto-rows: minmax(min-content, max-content);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 12px;
    margin-top: 29px;
    margin-bottom: 84px;
}

li.itemNewHome {
    list-style: none;
}

a.detail-view-news:hover {
    background: #226dc4;
    color: #fff;
    border: 1px solid #226dc4;
}

.wp-img-new-home a img {
    width: 100%;
    height: 223px;
    object-fit: cover;
    overflow: hidden;
    transition: all .2s;
}

.titnews h5 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: normal;
    background-image: url("/Design/bd1.png");
    width: 79px;
    height: 5px;
}

h4.title-new-home a {
    font-size: 18px;
    font-family: 'muli';
    color: #226dc4;
    text-decoration: none;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

    h4.title-new-home a:hover {
        color: #6cbd45;
    }

.content-new-home {
    font-size: 15px;
    font-family: 'muli';
    color: #3d3d3d;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

h4.title-new-home {
    margin-bottom: 8px;
    margin-top: 17px;
}

.views-new-home {
    font-size: 14px;
    color: #767676;
    font-family: muli;
    margin-bottom: 8px;
}

    .views-new-home:before {
        content: "\f06e";
        font-family: fontawesome;
        display: inline-block;
        margin-right: 5px;
        font-size: 14px;
        color: #9b9b9b;
        font-weight: 900;
    }

.wp-img-new-home a img:hover {
    transform: scale(1.1);
}

.wp-img-new-home a {
    height: 223px;
    overflow: hidden;
}

.wp-img-new-home {
    height: 223px;
    overflow: hidden;
}

.ultt {
    margin-top: 30px;
}

.imgtt {
    height: 189px; /* border-radius:3px */
}

.ndtt h4 {
    font-size: 18px;
    font-family: 'muli';
    color: #226dc4;
    text-decoration: none;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 10px;
}

    .ndtt h4 a {
        display: block;
        line-height: 1.2;
        min-height: 40px;
    }

.litt:hover h4 {
    color: #6cbd45;
}

.viewtt {
    margin-top: 5px;
    display: none;
}

.t4 {
    color: #6c6c6c;
    font-size: 16px;
    margin-top: 9px;
    height: 54px;
    font-family: 'muli';
    line-height: 1.1;
}

.tintuchome .litt {
    width: 30%;
    display: inline-block;
    float: left;
}

    .tintuchome .litt:nth-child(1) {
        width: 46%;
        margin-right: 20px;
    }

        .tintuchome .litt:nth-child(1) .imgtt {
            height: 229px;
            border-radius: 3px;
            width: 100%;
        }

    .tintuchome .litt:nth-child(2), .tintuchome .litt:nth-child(3), .tintuchome .litt:nth-child(5), .tintuchome .litt:nth-child(4) {
        width: 51%;
        float: left;
        margin-bottom: 18px;
    }

        .tintuchome .litt:nth-child(5) .imgtt, .tintuchome .litt:nth-child(2) .imgtt, .tintuchome .litt:nth-child(3) .imgtt, .tintuchome .litt:nth-child(4) .imgtt {
            width: 113px;
            height: 86px;
            display: inline-block;
            float: left;
            margin-right: 9px; /* border: 1px solid; */
        }

        .tintuchome .litt:nth-child(5) .ndtt, .tintuchome .litt:nth-child(2) .ndtt, .tintuchome .litt:nth-child(3) .ndtt, .tintuchome .litt:nth-child(4) .ndtt {
            width: 61%;
            display: inline-block;
            float: left;
        }

        .tintuchome .litt:nth-child(2) .xtc, .tintuchome .litt:nth-child(5) .xtc, .tintuchome .litt:nth-child(3) .xtc, .tintuchome .litt:nth-child(4) .xtc {
            display: none;
        }

        .tintuchome .litt:nth-child(2) .t4, .tintuchome .litt:nth-child(5) .t4, .tintuchome .litt:nth-child(3) .t4, .tintuchome .litt:nth-child(4) .t4 {
            height: 35px;
            margin-top: 5px;
        }

        .tintuchome .litt:nth-child(2) .ndtt h4, .tintuchome .litt:nth-child(5) .ndtt h4, .tintuchome .litt:nth-child(3) .ndtt h4, .tintuchome .litt:nth-child(4) .ndtt h4 {
            margin-top: 0;
        }

        .tintuchome .litt:nth-child(2):hover .imgtt, .tintuchome .litt:nth-child(3):hover .imgtt, .tintuchome .litt:nth-child(4):hover .imgtt, .tintuchome .litt:nth-child(5):hover .imgtt {
            outline: 4px solid #199ddb;
        }

.xtc {
    width: auto;
    float: left;
    margin-top: 14px;
}

    .xtc a {
        display: block;
        color: #fff !important;
        font-size: 14px;
        text-transform: uppercase;
        border: 1px solid #31a9e0;
        padding: 7px 29px;
        border-radius: 3px;
        font-family: BR;
        padding-left: 21px;
        background-color: #50b6e5 !important;
    }

        .xtc a:after {
            content: "";
            background-image: url("/Design/xtc1.png") !important;
            width: 4px;
            height: 7px;
            position: absolute;
            background-position: right;
            padding-right: 6px;
            background-repeat: no-repeat;
            padding-top: 15px;
        }
/*footer*/
footer {
    float: left;
    width: 100%;
}

.copyf {
    /* padding-left:10px; */
    padding: 7px;
    padding-left: 10px;
    color: #7d7d7d;
}

.rightf {
    padding: 15px 0;
}

.topfoot {
    background: url(/Design/HongDuc/backFooter.png) center;
    background-size: cover;
    color: #fff;
    font-size: 14px;
    font-family: muli;
}

    .topfoot .container {
        padding: 55px 0;
    }

.logof {
    height: 52px;
    margin-top: 5px;
}

    .logof img {
        height: 100%;
    }

.infof {
    margin-left: 0;
    display: inline-block;
}

.righttf {
    display: inline-block;
    width: 68%;
}

.menufoot1 {
    margin-right: 45px;
    margin-top: 34px;
    width: 35%;
}

.menufoot2 {
    margin-right: 9px;
    margin-top: 34px;
}

.menufoot3 {
    width: 35%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    float: right;
    text-align: end;
}

.titif {
    font-size: 26px;
    font-family: swiss721;
    text-transform: uppercase;
    color: #ffffff;
    position: relative;
    padding-bottom: 10px;
    /* margin-left: -112px; */
}

.left.infof {
    width: 28%;
}

span.slogan-footer-left {
    display: block;
    text-align: justify;
    margin: 20px 0;
    margin-top: 12px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #f6f5f5;
    font-family: muli;
    line-height: 1.5;
}

.top-footer-left {
    /* text-align: center; */
}

a.view-detail-footer-about:after {
    content: "\f101";
    font-family: fontawesome;
    font-weight: 300;
    font-size: 16px;
    position: relative;
    top: 1px;
}

a.detail-view-news:after {
    content: "\f105";
    font-family: fontawesome;
    font-weight: 300;
    font-size: 19px;
    position: relative;
    top: 1px;
    right: -3px;
}

.top-footer-left a.logo-footer-compa {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    background: #fff;
    border-radius: 14px;
}

a.view-detail-footer-about {
    display: inline-block;
    text-align: left;
    color: #6cbd45;
    font-size: 14px;
    font-family: muli;
}

    a.view-detail-footer-about:hover {
        color: #fff;
    }

span.name-footer-company {
    color: #226dc4;
}

.titif:before {
    content: "";
    background: #6cbd45;
    width: 58px;
    height: 2px;
    position: absolute;
    bottom: 0;
    background-repeat: no-repeat;
}

.ifcty {
    margin-top: 20px;
}

    .ifcty * {
        line-height: 1.8;
    }

    .ifcty > *:nth-child(3), .ifcty > *:nth-child(4) { /* display:inline-block */
    }

    .ifcty > *:nth-child(4) { /* margin-left:25px */
    }

    .ifcty > *:before {
        content: "\f0f3";
        font-family: fontawesome;
        font-weight: 900;
        width: 100%;
        margin-left: 3px;
        color: #6cbd45;
    }

    .ifcty > *:nth-child(1):before {
        content: "\f3c5";
    }

    .ifcty > *:nth-child(2):before {
        content: "";
    }

    .ifcty > *:nth-child(3):before {
        content: "\f879";
    }

    .ifcty > *:nth-child(4):before {
        content: "\f879";
        font-weight: 500;
    }

    .ifcty > *:nth-child(5):before {
        content: "\f0e0";
        font-weight: 500;
    }

    .ifcty > *:nth-child(6):before {
        content: "\f0ac";
        font-weight: 500;
    }

.mxhf { /* margin-top: 7px; */
    overflow: hidden;
    margin: 8px 0;
}

    .mxhf a {
        float: left;
        width: 38px;
        height: 38px;
        display: flex;
        /* background-color:#fff; */
        border-radius: 50%;
        transition: background-color .3s ease-in-out;
        border: 1px solid #bcbcbc;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .mxhf a + a {
            margin-left: 5px;
        }

        .mxhf a i {
            color: #bcbcbc;
            margin: auto;
        }

        .mxhf a:hover i {
            color: #226dc4;
        }

        .mxhf a:hover {
            border: 1px solid #226dc4;
        }

.titlef {
    font-size: 25px;
    text-transform: capitalize;
    color: #ffffff;
    position: relative;
    padding-bottom: 9px;
    margin-top: 5px;
    font-family: 'swiss721';
}

    .titlef:before {
        content: "";
        background: #6cbd45;
        width: 58px;
        height: 2px;
        position: absolute;
        bottom: 0;
        background-repeat: no-repeat;
    }

.ulmnf {
    margin-top: 20px;
}

    .ulmnf li {
        transition: transform .5s;
        line-height: 1.8;
    }

        .ulmnf li:before {
            content: "\f105";
            font-family: fontawesome;
            font-weight: 300;
        }

        .ulmnf li:hover {
            transform: translateX(10px);
            color: #6cbd45;
        }

.mnfht {
    margin-left: 4px;
}

.spanmail { /* max-width: 337px; */
    display: block;
    margin-top: 23px;
    margin-right: 0;
}

.form-leters {
    width: 285px;
    position: relative;
    margin-top: 10px;
}

    .form-leters .textbox {
        width: 100%;
        color: #213468;
        font-size: 14px;
        padding: 7.5px 13px;
        box-sizing: border-box;
        background: #fff;
        outline: 0;
        border-radius: 3px;
        border: 1px solid #fff;
    }

        .form-leters .textbox::-webkit-input-placeholder {
            color: #5a6f7e;
        }

    .form-leters .button {
        background-color: #213468;
        border-radius: 3px;
        color: #fff;
        font-size: 15px;
        padding: 7px 15px;
        cursor: pointer;
        position: absolute;
        right: 0px;
        top: 0px;
    }

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

.testmail1, .testmail2, .testmail3 {
    position: absolute;
    font-size: 13px;
    top: 100%;
    margin-top: 5px;
    left: 0;
}

.dcf {
    margin-top: 11px;
}

.ttf {
    margin-left: 20px;
}

    .ttf span, .rttf span {
        margin-top: 13px;
    }

        .ttf span:last-child, .rttf span:last-child {
            margin-top: 14px;
        }

        .ttf span:before {
            content: "\f095";
            padding: 2.5px 4.5px;
        }

        .ttf span:last-child:before {
            content: "\f0e0";
        }

        .rttf span:before {
            content: "\f68e";
            padding: 0.5px 1.25px 4.5px 5.25px;
        }

        .rttf span:last-child:before {
            content: "\f013";
            padding: 2.5px 4.5px;
        }
/*foot*/
.foot {
    font-size: 16px;
    color: #7d7d7d;
    font-family: muli;
    background: #f6f5f5;
    /* border-top: 1px solid #77d4ff; */
    border-bottom: 5px solid #6cbd45;
}

    .foot .container {
        padding: 7px 0;
    }

.totalf {
    display: inline-block;
    position: relative;
    padding-right: 9px;
    margin-right: 5px;
    font-size: 14px;
    color: #545454;
    font-family: muli;
}

    .totalf:before {
        content: "\f080";
        font-family: fontawesome;
        font-weight: 900;
        color: #226dc4;
    }

    .totalf:after {
        content: "";
        border-right: 1px solid;
        position: absolute;
        height: 11px;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: none;
    }

    .totalf span {
        color: #545454;
        font-size: 20px;
        /* font-weight: bold; */
    }

.design {
    display: inline-block;
}

    .design a {
        color: #6cbd45;
    }

        .design a:hover {
            color: #226dc4;
        }
/*inner-page*/
.inner-page {
    padding: 50px 0 80px;
}

ul.ulsp.uldap {
    padding: 0;
    margin: auto;
    display: grid;
    grid-auto-rows: minmax(min-content, max-content);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 8px;
    row-gap: 8px;
    padding-top: 40px;
}

    ul.ulsp.uldap .imgScale.imgP.imgsp a img {
        display: block;
        margin-top: 0 !important;
        height: 500px;
        overflow: hidden;
        width: 100%;
        object-fit: cover;
        transition: 0.5s;
    }

.text.ndsp {
    position: absolute;
    width: 100%;
    height: 24%;
    opacity: 0;
    top: calc(50% - -54px);
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(34 109 196 / 72%);
}

ul.ulsp.uldap li.lisp:hover .text.ndsp {
    top: calc(50% - 90px);
    opacity: 1;
    transition: all linear .3s;
}

.titspsame span {
    font-size: 30px;
    color: #226dc4;
    font-family: 'swiss721';
    text-transform: uppercase;
}

.text.ndsp h2 a {
    font-size: 24px;
    font-family: 'muli';
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}

.imgScale.imgP.imgsp a {
    overflow: hidden;
}

ul.ulsp.uldap li.lisp {
    height: 500px;
    overflow: hidden;
}

    ul.ulsp.uldap li.lisp .imgScale.imgP.imgsp {
        height: 500px;
        overflow: hidden;
        display: block;
    }

.inner-page.ctduanpage .col-section {
    width: 69%;
}

.flex-direction-nav a:before {
    font-size: 34px;
}

.flexslider .slides img {
    width: 100%;
    height: 100%;
    display: inline-block;
    object-fit: cover;
}

.inner_page {
    padding: 50px 0 49px; /* margin-top:120px; */
    background: #f8f8f8;
    float: left;
    width: 100%;
}

.content-single {
    padding-top: 90px;
    padding-bottom: 70px;
    background: #f9f9f9;
}

.title-inner {
    color: #226dc4;
    font-family: 'swiss721';
    margin: 0;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 9px;
    position: relative;
    font-size: 25px;
    font-family: BB;
}

    .title-inner:after {
        content: "";
        width: 79px;
        height: 5px;
        background: url(/Design/bd1.png);
        position: absolute;
        bottom: 0;
        left: 0;
    }

.title-cat {
    font-size: 30px;
    text-transform: uppercase;
    font-family: swiss721;
    color: #226dc4;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}

    .title-cat:after {
        content: "";
        position: absolute;
        background: url(/Design/botit.png);
        bottom: 0;
        width: 95px;
        height: 15px;
        left: 0;
        right: 0;
        margin: auto;
    }
/*aboutpage*/
.aboutpage {
    padding: 40px 0;
    background-color: #f8f8f8;
}

.picture-about {
    position: relative;
    z-index: 1;
    padding-top: 10px;
    float: left;
    width: 100%;
    height: 400px;
}

    .picture-about:before {
        content: "";
        position: absolute;
        width: 70%;
        height: 100%;
        background: url(/Design/background.jpg) center;
        background-size: auto 100%;
        top: 0;
        left: 0;
        outline: 1px solid #f1bc3d;
        outline-offset: -8px;
        box-sizing: border-box;
        display: none;
    }

    .picture-about a {
        position: relative;
        z-index: 3;
        display: block;
        outline: 1px solid #fff;
        outline-offset: -8px;
        box-sizing: border-box;
        overflow: hidden;
        border-right: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        .picture-about a img { /* width:100%; */
            height: 100%;
        }

.text-about {
    width: 49%;
    float: right;
    overflow: hidden;
}

    .text-about h5 {
        font-size: 18px;
        line-height: 1.3;
        color: #09850d;
    }

    .text-about h2 {
        font-size: 50px;
        font-weight: normal;
        font-family: hongha;
        line-height: 1.3;
        color: #fdb834;
    }

    .text-about .border {
        width: 80px;
        height: 3px;
        background-color: #fac201;
        margin-top: 15px;
    }

    .text-about .contain {
        font-size: 17px;
        color: #333;
        margin-top: 15px;
    }

.hagtp .container {
    max-width: 1366px;
    width: 100%;
}

.hagtp img {
    width: 99%;
    height: auto;
}

.albumgt {
    padding: 14px 0; /* background-color: #a71818; */
}

.album-design {
    overflow: hidden;
    background-color: #f8f8f8;
}

    .album-design li {
        height: 200px;
        width: 32%;
        float: left;
        margin-bottom: 2%;
        border-radius: 5px;
        margin-left: 2%;
    }

        .album-design li:nth-child(2n+2) { /* float:right; */
        }

        .album-design li:nth-child(1) {
            margin-left: 0;
        }

        .album-design li:nth-child(4) {
            margin-left: 0;
        }

.tt {
    margin-bottom: 4%;
}

.mucgt {
    display: inline-block;
    position: relative;
    color: #fdb834;
    font-family: avo;
    padding-left: 35px;
}

    .mucgt:before {
        content: "";
        background: url(/Design/logoicon.png)no-repeat;
        height: 33px;
        width: 28px;
        background-size: auto 100%;
        position: absolute;
        left: 0;
    }

.aboutpage .detail strong { /* color:#fdb834; */ /* font-family:avo; */ /* font-weight:normal; */
    font-size: 18px;
}

.gioithieu2 { /* background-color:#f7f7f7; */ /* padding-top:50px; */
}

.gioithieu4 {
    background-color: #f6f6f6; /* padding-bottom: 70px; */
    padding-top: 20px;
}

.midgtp {
}

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

.imggt50 {
    width: 50%;
    float: left;
}

    .imggt50 img {
        width: 100%;
        float: left;
    }

.gt50 {
    width: 44%;
    padding: 0 3%;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    background-color: #f2f2f2;
}

    .gt50 * {
        margin: auto;
        color: #333;
    }

.sdtcgt img {
    width: 100%;
    height: auto;
}
/*ctnhadatpage*/
.ctnhadat .info span {
    float: left;
    margin-left: 4px;
}

    .ctnhadat .info span + span {
        margin-left: 10px;
    }

.ctnhadat .info {
    margin-top: 5px;
}

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

.nhadatcl {
    float: left;
    width: 100%;
    text-indent: 0 !important;
}

.ctnhadat {
    padding-top: 0;
}

.cttong {
    float: left;
    width: 70%;
    text-indent: -9999px;
}

.background-white {
    min-height: 128px;
    padding: 10px;
    border: 1px solid #dddfe2;
    margin: 20px 0;
    background-color: #fff;
    margin-bottom: 12px;
    border-radius: 5px;
}

.info_contain {
    width: 100%;
    float: left;
    margin-top: 25px;
    text-indent: 0 !important;
}

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

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

.title-product {
    display: block;
    font-size: 26px;
    color: #226dc4;
    font-family: 'muli';
    margin: 0;
    margin-bottom: 13px;
    margin-top: 25px;
}

.inner-page.ctduanpage .info {
    display: flex;
    margin-bottom: 10px;
}

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

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

.info_contain .description {
    font-size: 15px;
    color: #28343d;
    margin-top: 6px;
}

    .info_contain .description a {
        color: #6cbd45;
        text-decoration: none;
    }

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

.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 {
    margin-top: 20px;
    position: relative;
    padding: 8px 15px;
    text-align: center;
    border-radius: 4px;
    border-radius: 5px;
    background: #ffffff;
    display: inline-block;
    width: 45%;
    margin-right: 10px;
    border: 1px solid #226dc4;
}

.info_contain .link-order {
    margin-top: 20px;
    position: relative;
    padding: 8px 15px;
    text-align: center;
    border-radius: 4px;
    border-radius: 5px;
    background: #ffffff;
    display: inline-block;
    width: 46%;
    margin-right: 0;
    border: 1px solid #31a9e0;
}

.info_contain .link-order {
    background: #6cbd45;
    border: 0;
}

    .info_contain .link-order:hover {
        background-color: #226dc4;
    }

.info_contain .mtop10 a {
    color: #226dc4;
    text-decoration: none;
    font-family: muli;
}

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

.info_contain .mtop10 a:hover {
    color: #1d2129;
}

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

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

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

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

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

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

.info_contain .contact-us {
    margin-top: 15px;
    font-size: 20px;
    display: block;
    padding: 10px 0;
    color: #fff;
    border-radius: 5px;
    position: relative;
    background: #fff;
    font-weight: 500;
    font-family: muli;
    text-align: center;
    border: 1px dashed #226dc4;
}

    .info_contain .contact-us span {
        text-align: left;
        display: inline-block;
        width: auto;
        color: #1d2129;
    }

        .info_contain .contact-us span:before {
            content: "\f059";
            font-family: fontawesome;
            color: #31a9e0;
            display: inline-block;
            margin-right: 6px;
        }

    .info_contain .contact-us a {
        font-size: 20px;
        position: relative;
        margin-top: 5px;
        display: inline-block;
        color: #e82121; /* font-family: BB; */
    }

        .info_contain .contact-us a + a {
        }

.info_contain .right-content {
    width: 100%;
    float: right;
}

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

.info_contain li {
    font-size: 17px;
    color: #28343d;
    padding-left: 23px;
    position: relative;
    width: 45%;
    display: inline-block;
}

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

    .info_contain li a:hover {
        color: #fdb834;
    }

    .info_contain li:nth-child(1):before {
        content: "";
        /* font-family:fontawesome; */
        background-image: url("../Design/HongDuc/icon-address-estate.png");
        width: 15px;
        height: 15px;
        position: absolute;
        background-position: left;
        background-repeat: no-repeat;
        /* left: 0; */
        margin-left: -21px;
        margin-top: 4px;
    }

    .info_contain li:nth-child(2):before {
        content: "";
        background-image: url("../Design/HongDuc/icon-area-estate.png");
        /* margin-right:5px; */
        width: 18px;
        height: 17px;
        position: absolute;
        background-position: left;
        background-repeat: no-repeat;
        margin-left: -20px;
        margin-top: 3px;
    }

    .info_contain li:nth-child(3):before {
        content: ""; /* font-family:fontawesome; */
        background-image: url("/Design/phaply.png");
        width: 17px;
        height: 20px;
        position: absolute;
        background-position: left;
        background-repeat: no-repeat; /* left: 0; */
        margin-left: -21px;
        margin-top: -1px;
    }

    .info_contain li:nth-child(4):before {
        content: "";
        background-image: url("/Design/theloai.png");
        width: 16px;
        height: 16px;
        position: absolute;
        background-position: left;
        background-repeat: no-repeat;
        margin-left: -18px;
        margin-top: 2px;
    }

    .info_contain li:nth-child(4) {
        float: right;
    }

.slider_contain {
    /* overflow: hidden; */
    /* width: 100%; */
    /* float: left; */
    /* display: inline-block; */
    /* text-indent: -9999px; */
    /* position: relative; */
}

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

    .slider_contain .productPhotos {
        height: 350px;
        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 #0758bc;
        }

.thumbnail_slider {
    width: 100px;
    float: left;
    border: 1px solid #dddfe2;
    height: 535px !important;
}

.ninja_slider {
    float: right;
    height: auto;
    border: 1px solid #eaeaea;
}

.cttong .thumbnail_slider ul li img {
    max-width: 100%;
    cursor: pointer;
    text-indent: 9976px !important;
}

.slider-inner, #ninja-slider ul {
    height: 100% !important;
}

.ninja_slider li a {
    position: relative;
    display: flex;
    height: 100%;
}

    .ninja_slider li a img { /* max-height:100%; */
        position: relative; /* left:50%; */ /* top:50%; */ /* transform:translateX(-50%) translateY(-50%); */
        width: auto;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

#carousel {
    margin-top: 5px;
}

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

        #carousel .slides > li img {
            min-width: 100%;
        }

/*ctnhadat samebox*/
.linds {
    overflow: hidden;
    position: relative;
    height: 140px;
    background: #fff;
    margin-bottom: 20px;
}

    .linds:last-child {
        margin-bottom: 0;
    }

.imgnds {
    width: 22%;
    float: left;
    height: 100%;
}

.sumnds {
    width: 78%;
    float: right;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid #e2e2e2;
    border-left: 0;
    padding: 10px 15px;
}

.tdnds {
    position: relative;
}

    .tdnds h4 {
        font-size: 20px;
        color: #424242;
        height: 56px;
        display: flex;
        font-family: mulib;
    }

        .tdnds h4 a {
            margin: auto;
            width: 100%;
        }

.diachinds {
    color: #6e6e6e;
    display: inline-block;
}

    .diachinds:before {
        content: "\f5a0";
        font-family: fontawesome;
        font-weight: 900;
        display:;
    }

.giands {
    display: inline-block;
    color: #fff;
    position: absolute;
    right: 0;
    background: linear-gradient(135deg, transparent 8px, #fdb834 0px);
    padding: 6px 21px;
    bottom: 0;
}

.ttnds {
    border-top: 1px solid #e2e2e2;
    margin-top: 8px;
    padding-top: 10px;
    overflow: hidden;
    position: relative;
}

.khuvucnds {
    color: #fdb834;
}

    .khuvucnds:before {
        content: "\f3c5";
        font-family: fontawesome;
        font-weight: 900;
        margin-right: 3px;
        margin-left: 1px;
    }

.dientichnds {
    position: absolute;
    right: 0;
    bottom: 0;
}

    .dientichnds:before {
        content: "\f31e";
        font-family: fontawesome;
        margin-right: 2px;
    }

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

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

.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 h4:hover {
    color: #fdb834;
}

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

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

.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: #fdb834;
        font-weight: 500;
        font-family: segoe ui;
    }

        .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;
}
/*tintucpage*/
.tintucpage {
}

.ulttp li {
    width: 23.653%;
    float: left;
    margin-right: 1.796%;
    margin-bottom: 20px;
}

    .ulttp li:nth-child(4n+4) {
        margin-right: 0;
    }
/*baivietpage*/
.baivietpage {
}

.title-post {
    font-size: 25px;
    color: #383838;
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 10px;
    font-family: 'muli';
    margin-top: 0;
}
/*sidebar*/
.col-section {
    width: 71.4%;
    float: left;
    box-sizing: border-box;
}

.nhadatpage .col-section {
    width: 100%;
}

.col-side {
    width: 30%;
    float: right;
}

.bnside {
    margin-bottom: 10px;
}

    .bnside a {
        display: block;
        overflow: hidden;
    }

    .bnside img {
        width: 100%;
        float: left;
    }

.title-side {
    background-color: #199ddb;
    color: #fff;
    font-size: 18px;
    padding: 1px 1px 1px;
    position: relative;
}

    .title-side span {
        background: #31a9e0;
        display: block;
        color: #fff;
        text-transform: uppercase;
        padding: 10px 15px 8px;
        position: relative;
        font-family: blm;
        padding-left: 61px;
    }

        .title-side span:before {
            content: "";
            position: absolute;
            background-image: url("/Design/txn1.png");
            width: 49px;
            height: 58px;
            left: -1px;
            top: -14px;
        }

        .title-side span:after {
            content: "";
            border: 5px solid transparent;
            border-left-color: #199ddb;
            position: absolute;
            transform: rotate(45deg);
            bottom: -5px;
            right: -5px;
            display: none;
        }

.box-side .contain {
    padding: 20px 10px;
    border: 1px solid #dfdfdf;
    border-top: 0;
    background-color: #fff;
}

.box-side .tt100 {
    padding-bottom: 7px;
}

.khuvuc li {
    color: #199ddb;
    font-size: 16px;
    font-family: blm;
}

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

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

    .khuvuc li:hover {
        color: #383838;
    }

    .khuvuc li a:before {
        content: "\f3c5";
        font-family: fontawesome;
        font-weight: 900;
    }

.ulside { /* padding:0 5px */ /* width: 100%; */ /* float: left; */
    position: relative;
}

    .ulside li {
        overflow: hidden;
        height: 55px;
    }

        .ulside li + li {
            margin-top: 0;
        }

        .ulside li:last-child { /* margin-bottom:10px */
        }

    .ulside li {
        overflow: hidden;
        height: 73px;
    }

    .ulside .imgside {
        height: 73px;
        float: left;
        width: 88px;
        box-sizing: border-box; /* height: 58px; */
    }

    .ulside .imgS img { /* width:100%; */ /* height:100%; */
    }

    .ulside .sumside {
        width: calc(100% - 95px);
        float: right;
        font-size: 14px;
        padding: 5px 0;
    }

    .ulside li:nth-child(1) {
        padding-bottom: 10px;
    }

    .ulside li + li { /* margin-top: 12px; */
        border-top: 1px dashed #dddddd; /* margin-bottom: 10px; */
        padding: 10px 0;
    }

.sumside h4 a {
    display: block;
    max-height: 41px;
    line-height: 1.3;
    color: #3e3e3e;
}

.sumside:hover h4 a {
    color: #31a9e0;
}

.sumside h4 {
    font-size: 15px; /* font-weight: bold; */
    font-family: BR;
    font-weight: normal;
}

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

    .project-default .container {
        overflow: hidden;
        background-color: #213468;
        padding: 52px 0;
    }

.titnhadat {
    width: 100%;
    display: block;
    border-top-left-radius: 4px;
    overflow: hidden;
}

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

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

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

    .titnhadat h3 {
        margin: auto;
        display: block;
        font-size: 16px;
        color: #086bc8;
        border-bottom: 1px solid #fdb834;
        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: #fdb834;
        background-image: url('/Design/tin_bgtit.png');
        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');
        }

    .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 #fdb834;
        border-top: 1px solid #ebebeb;
    }

        .titnhadat.slidetit.slidetittin h3 {
            font-size: 16px;
            color: #fdb834;
            padding-left: 24%;
            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: #fdb834;
            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');
                top: 2px;
            }

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

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

.project-news {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.lefttrangcon.floatright {
    width: 73%;
}

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

.titcreate {
    display: block;
    overflow: hidden;
    font-size: 17px;
    text-transform: uppercase;
    font-family: muli;
    color: #ffffff;
    font-weight: 500;
    background: #226dc4;
    padding: 10px;
    margin: 0;
    position: relative;
}

.contentcreate {
    overflow: hidden;
    border: 1px solid #226dc4;
    padding: 10px 3%;
}

    .contentcreate.contentpad1 {
        padding: 10px 1%;
    }

.lbluuy {
    font-size: 17px;
    margin-bottom: 30px;
    text-align: justify;
}

.txtcreate select {
    border: 1px solid #226dc4;
    padding: 10px 3%;
    display: block;
    width: 100%;
    font-size: 15px;
    outline: none;
    height: 41px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    position: relative;
}

.theloaitin:after, .tinhthanh:after, .quanhuyen:after, .phuongxa:after, .giaytophaply:after {
    content: '\25BC';
    position: absolute;
    top: 25px;
    right: 0;
    padding: 0.9em 1em;
    cursor: pointer;
    font-size: 13px;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    color: #919191;
}

.txtcreate input {
    border: 1px solid #199ddb;
    padding: 10px 3%;
    display: block;
    width: 94%;
    font-size: 15px;
    outline: none;
    height: 47px;
}

.txtcreate.txt49 input {
    width: 93%;
}

.txtcreate textarea {
    padding: 20px 2%;
    width: 96%;
    border: 1px solid #199ddb;
    min-height: 80px;
    font-size: 15px;
}

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

.txtcreate.txt49 .request {
    position: absolute;
    right: 0;
    top: 0;
}

.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: #6cbd45;
    }

.panel-heading {
    display: block;
    background-color: #f8f8f8;
    padding: 10px 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

    .panel-heading select {
        font-size: 15px;
        padding: 5px 1%;
        width: 25%;
        outline: none;
        float: left;
        margin-right: 1%;
        border: 1px solid #fdb834;
        height: 31px;
    }

    .panel-heading input {
        font-size: 15px;
        padding: 5px 1%;
        width: 25%;
        outline: none;
        float: left;
        margin-right: 1%;
        border: 1px solid #fdb834;
        height: 19px;
    }

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

    .panel-heading .btn.btn-primary {
        width: auto;
        background-color: #fdb834;
        color: white;
        cursor: pointer;
        height: 31px;
    }

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

.panel-heading .pull-right a.btn {
    background-color: #fdb834;
    padding: 5px 1%;
    color: white;
    float: left;
    margin-right: 1%;
    height: 21px;
}

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

.tablearticle {
    overflow: hidden;
}

.headtable {
    overflow: hidden;
    background-color: #fdb834;
    padding: 10px 0;
}

.li-table {
    float: left;
    padding: 0 0.5%;
    font-size: 15px;
}

    .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 #fdb834; */
}

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

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

.li-update {
    width: 15%;
}

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

.li-table.li-tieude {
    width: 47%;
    font-size: 12px;
}

.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: #fdb834;
}

.li-diengiai {
    width: 46%;
}

.li-table a {
    color: #fdb834;
    font-size: 15px;
    width: 100%;
    float: left;
}

.righttrangcon.floatleft {
    width: 25%;
}

.boxmaneger {
    display: block;
}

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

.ttmember {
    display: block;
    padding: 20px 5%;
    border: 1px solid #ebebeb;
    border-top: none;
}

.imgmem {
    display: block;
    text-align: center;
}

    .imgmem img {
        max-width: 75%;
        border: 1px solid #fdb834;
        padding: 15px;
    }

.ttuser {
    display: block;
    text-align: left;
    background-color: #fdb834;
    color: white;
    font-size: 14px;
    padding: 10px 4%;
    margin-top: 6px;
}

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

.titmember {
    display: block;
    background: #fdb834;
    padding: 10px 5%;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

.menumember {
    display: block;
    padding: 5px 5%;
    border: 1px solid #ebebeb;
    overflow: hidden;
}

    .menumember a {
        color: black;
        font-size: 14px;
        display: block;
        padding: 10px 0;
        border-top: 1px solid #ebebeb;
        background-image: url('/Design/icon_litintuc.png');
        background-repeat: no-repeat;
        background-position: left 18px;
        padding-left: 8px;
        position: relative;
    }

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

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

        .menumember a.active, .menumember a:hover {
            color: red;
        }
/*lienhepage*/
.lienhepage {
    background: url(/Design/background.jpg) fixed center;
}

.title-promotion {
    font-size: 17px;
    font-family: segoe ui;
    color: #199ddb;
    margin: 0;
    margin-bottom: 15px;
}
/*chat*/

/*tienich*/
.tienich {
    top: calc((100% - 188px) / 2);
    position: fixed;
    width: 63px;
    height: 189px;
    right: 2px;
    z-index: 999;
    font-family: muli;
    display: none;
}

.cd-dangtin {
    position: relative;
    /* bottom: 0; */
    /* right: 10px; */
    width: 63px;
    height: 63px;
    text-indent: -1000px;
    background: #ffffff url(/Design/dangtin.png) no-repeat center 14px;
    z-index: 134;
    /* top: 0; */
    /* margin: auto; */
    background-color: #226dc4;
    border-radius: 3px;
    display: block;
    float: right;
    font-family: muli;
}

.cd-timkiem {
    position: relative;
    /* bottom: 0; */
    /* right: 10px; */
    width: 63px;
    height: 63px;
    text-indent: -1000px;
    background: #ffffff url(/Design/timkiem.png) no-repeat center 14px;
    z-index: 134;
    /* top: 0; */
    /* margin: auto; */
    background-color: #226dc4;
    border-radius: 3px;
    display: block;
    float: right;
    font-family: muli;
    margin: 6px 0;
    /* animation: tada 1.5s infinite; */
}

.cd-lienhe {
    position: relative; /* bottom: 0; */ /* right: 10px; */
    width: 63px;
    height: 63px;
    text-indent: -1000px;
    background: #ffffff url(/Design/lienhe.png) no-repeat center 14px;
    z-index: 134; /* top: 0; */ /* margin: auto; */
    background-color: #31a9e0;
    border-radius: 3px;
    display: block;
    float: right;
}

.cd-dangtin:hover {
    background-color: #6cbd45;
}

.cd-timkiem:hover {
    background-color: #6cbd45;
}

.cd-lienhe:hover {
    background-color: #213468;
}

/*other*/
.linkdutoan {
    display: none;
}

.navhover.owl-theme .owl-nav button, .navhover.owl-theme .owl-nav button:hover {
    background: none;
    border: none;
    outline: none;
}

    .navhover.owl-theme .owl-nav button span {
        display: none;
    }

.navhover .owl-nav button.owl-prev {
    position: absolute;
    width: 7%;
    background-color: transparent;
    height: 100%;
    top: 0;
    left: 0;
    cursor: url(/Design/back.png), auto !important;
    margin: 0;
}

.navhover .owl-nav button.owl-next {
    position: absolute;
    width: 7%;
    background-color: transparent;
    height: 100%;
    top: 0;
    right: 0;
    cursor: url(/Design/next.png), auto !important;
    margin: 0;
}

.button-phone {
    position: fixed;
    bottom: 50px;
    right: 10px;
    width: 50px;
    height: 50px;
    text-indent: -1000px;
    background: #ffffff url(/Design/icon-mphone.png) no-repeat center 14px;
    background-size: 50%;
    border-radius: 100%;
    z-index: 134;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
}

    .button-phone:before {
        animation: phone-inner 3s infinite;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(220, 31, 38);
        border-radius: 100%;
        position: absolute;
        content: "";
    }

    .button-phone:after {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        border-radius: 100%;
        position: absolute;
        content: "";
        animation: phone-outer 3s infinite 1.5s;
        z-index: 1;
    }

@media only screen and (max-width: 1150px) {
    .slideshow {
        height: 489px;
    }

    .righttf {
        width: 100%;
    }

    .menufoot1 {
        margin-right: 0;
        width: 32%;
        display: inline-block;
        /* display: none; */
    }

    .menufoot2 {
        margin-right: 29px;
        width: 20%;
        display: inline-block;
        /* display: none; */
    }

    .menufoot3 {
        width: 27%;
    }

    .ttlidv p {
        height: 111px;
        font-size: 17px;
    }

    .mnliac1 span {
        padding: 4.5px 14px;
    }

    .project-default .project-item {
        width: 28.2%;
        float: left; /* margin-right:1.25%; */
        transition: transform .5s;
        padding: 20px 23px;
        border-right: 1px solid #26578d;
    }

    .slideshow .next {
        cursor: pointer;
        width: 34px;
        height: 32px;
        background-size: 100% 100%;
        position: absolute;
        z-index: 8;
        bottom: 41%;
        right: 6.1%;
        opacity: .7;
        background-color: #31a9e0;
    }

    .slideshow .prev {
        cursor: pointer;
        width: 34px;
        height: 32px;
        background-size: 100% 100%;
        position: absolute;
        z-index: 8;
        bottom: 41%;
        right: 10%;
        opacity: .7;
        background-color: #31a9e1;
    }

    .libds {
        overflow: hidden;
        border: 1px solid #f0f0f0;
        background-color: #fff;
        margin-bottom: 1.6%;
        width: 23.59%;
        display: inline-block;
        float: left;
        margin-right: 1.6%;
    }

    .tintuchome .litt:nth-child(5) .imgtt, .tintuchome .litt:nth-child(2) .imgtt, .tintuchome .litt:nth-child(3) .imgtt, .tintuchome .litt:nth-child(4) .imgtt {
        width: 103px;
        height: 86px;
        display: inline-block;
        float: left;
        margin-right: 9px; /* border: 1px solid; */
    }

    .tintuchome .litt:nth-child(5) .ndtt, .tintuchome .litt:nth-child(2) .ndtt, .tintuchome .litt:nth-child(3) .ndtt, .tintuchome .litt:nth-child(4) .ndtt {
        width: 56%;
        display: inline-block;
        float: left;
    }

    .tintuchome .litt:nth-child(2), .tintuchome .litt:nth-child(3), .tintuchome .litt:nth-child(5), .tintuchome .litt:nth-child(4) {
        width: 48%;
        float: left;
        margin-bottom: 18px;
    }

    .nddv {
        width: 100%;
        color: #fff;
        box-sizing: border-box;
        text-align: center;
        background-color: #ffffffc9;
        margin-top: 1px;
        padding: 33px;
        padding-bottom: 0;
    }

    .infof {
        margin-left: 0;
        display: inline-block;
        width: 100%;
    }

    .titif:before {
        right: 0;
        margin: auto;
        width: 90px;
        left: -26%;
    }

    #ninja-slider {
        width: calc(100% - 127px);
        background: #fff;
        padding: 0px;
        margin: 0 auto;
        height: auto !important;
    }

    .thumbnail_slider {
        height: auto !important;
    }
}

@media only screen and (max-width: 1117px) {
    .giabds {
        font-size: 17px;
        width: 100%;
    }

    .dtbds {
        font-size: 17px;
        width: 93%;
        box-sizing: border-box;
    }

    .slideshow {
        height: 475px;
    }

    nav.scroll-to-fixed-fixed .mnliac1 span {
        padding: 4.5px 10px;
    }

    .topfoot {
        text-align: center;
    }

    .titif {
        margin-left: 0;
    }

    .topfoot .container {
        padding: 20px 0;
    }

    .logof {
        margin-top: 0;
    }

    .topfoot .left, .topfoot .right {
        /* float: none; */
    }

    .wp-img-new-home a img {
        width: 100%;
        height: 210px;
    }

    .wp-img-new-home a, .wp-img-new-home {
        height: 210px;
    }

    .titlef:before {
        right: 0;
        margin: auto;
        width: 50px;
        left: -29%;
    }

    .mxhf {
        display: inline-block;
    }

    .mnfht {
        margin-left: 0;
    }

    .spanmail {
        margin: 15px auto;
        max-width: 90%;
    }

    .form-leters {
        margin: auto;
    }
}

@media only screen and (max-width: 1024px) {
    .slideshow {
        height: 436px;
    }

    .giabds {
        font-size: 15px;
        width: 100%;
    }

    .dtbds {
        font-size: 16px;
        width: 100%;
    }

    .topfoot .left, .topfoot .right {
        float: none;
    }
.titlef{
    font-size:20px;
}
    .menufoot1 {
        width: 100%;
    }

    .menufoot2 {
        width: 100%;
    }

    .titlef:before {
        /* right: 0; */
        margin: auto;
        width: 50px;
        left: calc(50% - 441px);
    }

    .titif:before {
        margin: auto;
        width: 90px;
        left: calc(50% - 441px);
    }

    .ulmnf li {
        display: inline;
        padding: 0 8px;
    }
}

@media only screen and (max-width: 989px) {
    .giand {
        /* width: 100%; */
    }

    .sumnd {
        padding: 5px
    }

    .imgnd {
        height: 300px;
    }

    .slideshow {
        height: 421px;
    }

    .boxes {
        overflow: visible;
    }

    .cttong {
        width: 100%;
    }

    .col-side {
        display: none;
    }

    .abouthome {
        text-align: center;
        width: 100%;
        padding-bottom: 26px;
    }

    .info_contain .link-order {
        background: #31a9e0;
        border: 0;
    }

    .info_contain .price {
        margin-top: 20px;
        position: relative;
        padding: 8px 15px;
        text-align: center;
        border-radius: 4px;
        border-radius: 5px;
        background: #ffffff;
        display: inline-block;
        width: 45%;
        margin-right: 10px;
        border: 1px solid #31a9e0;
    }

    .info_contain .link-order {
        margin-top: 20px;
        position: relative;
        padding: 8px 15px;
        text-align: center;
        border-radius: 4px;
        border-radius: 5px;
        /* background: #ffffff; */
        display: inline-block;
        width: 45%;
        margin-right: 0;
        border: 1px solid #31a9e0;
        font-size: 22px;
    }

    #ninja-slider {
        height: 458px !important;
        width: 100% !important;
    }

    #thumbnail-slider div.inner ul {
        margin: 0;
        padding: 0;
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(6, minmax(0, 1fr));
        column-gap: 0;
        row-gap: 15px;
        width: 100%;
        transform: unset !important;
    }

    #thumbnail-slider {
        width: 100%;
    }

    .cttong .thumbnail_slider ul li img {
        height: 100px;
        width: 100%;
    }

    #thumbnail-slider-prev, #thumbnail-slider-next {
        display: none;
    }

    .album-design li {
        height: 157px;
    }

    .menufoot3 {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .khuvuc li {
        font-size: 15px;
    }

    .dangtinbds {
        color: #213569;
        font-size: 16px;
        text-transform: uppercase;
        background-color: #fff;
        padding: 5.5px 11px;
        margin: 24px 0;
        margin-left: 74px;
        font-family: blm; /* margin: auto; */ /* left: 0; */ /* right: 0; */
    }

    #tab .linkbds a:after {
        padding-top: 12px;
    }

    #tab {
        margin-top: -44px;
    }

    .mxhf {
        overflow: hidden;
        margin: 3px 0;
    }

    .rightf {
        padding: 2px 0;
    }

    .cmt {
        width: 100%;
        float: right;
        height: 365px;
    }

    .tintuchome {
        width: 100%;
    }

    .libds {
        overflow: hidden;
        border: 1px solid #f0f0f0;
        background-color: #fff;
        margin-bottom: 1.6%;
        width: 31.9%;
        display: inline-block;
        float: left;
        margin-right: 1.6%;
    }

        .libds:nth-child(3n+3) {
            margin-right: 0;
        }

        .libds:nth-child(4n+4) {
            margin-right: 1.6%;
        }

        .libds:nth-child(12) {
            margin-right: 0;
        }

    .project-default .project-item {
        width: 27.2%;
        float: left; /* margin-right:1.25%; */
        transition: transform .5s;
        padding: 20px 22px;
        border-right: 1px solid #26578d;
    }

    .cd-dangtin { /* width: 50px; */ /* height: 50px; */
    }

    .cd-timkiem {
        width: 63px;
        height: 63px;
    }

    .cd-lienhe {
        width: 63px;
        height: 63px;
    }

    .titabout {
        width: 100%;
        float: right;
        padding-top: 10px;
    }

    .picture-about a img { /* width: 100%; */ /* height: 100%; */
    }

    .mobile {
        display: block;
        position: relative;
        z-index: 9;
        width: 100%;
        /* top:0; */
        height: 50px;
        background-color: #226dc4;
    }

    .logo-mobile {
        position: absolute;
        width: 87px;
        top: 0;
        margin: auto;
        z-index: -1;
    }

        .logo-mobile:after {
            content: "";
            position: absolute;
            width: 160px;
            height: 108px;
            top: -36px;
            left: 0;
            z-index: -1;
            background: url(/Design/HongDuc/decor-logo-mobi.png) no-repeat;
        }

    .fixmn .logo-mobile:after {
        top: 0;
        left: -4px;
    }

    .fixmn .logo-mobile img {
        top: 0;
    }

    .logo-mobile img {
        position: relative;
        left: 29px;
        top: -28px;
    }

    .logo-mobile img {
        width: 100%;
        border-radius: 50%;
    }
a.nameCall{
    display:none;
}
    .slideshow .next {
        cursor: pointer;
        width: 34px;
        height: 32px;
        background-size: 100% 100%;
        position: absolute;
        z-index: 8;
        bottom: 4%;
        right: 2.1%;
        opacity: .7;
        background-color: #31a9e0;
    }

    .slideshow .prev {
        cursor: pointer;
        width: 34px;
        height: 32px;
        background-size: 100% 100%;
        position: absolute;
        z-index: 8;
        bottom: 4%;
        right: 8%;
        opacity: .7;
        background-color: #31a9e1;
    }

    .search-link { /* position:fixed; */ /* left:10px; */ /* top: 75px; */ /* background:#fdb834; */ /* color:#fff; */ /* border-radius:100%; */ /* width:35px; */ /* height:35px; */ /* box-shadow:0 0 3px rgba(0,0,0,.6); */ /* box-sizing:border-box; */ /* padding-top: 7px; */ /* padding-left: 8px; */
    }

        .search-link i {
            font-size: 18px;
            font-weight: 500;
        }

    #ShowMenu {
        position: fixed;
        right: 10px;
        color: #fff;
        width: 35px;
        height: 35px;
        /* box-shadow:0 0 3px rgba(0,0,0,.6); */
        top: 41px;
        border-radius: 3px;
        background: #6cbd45;
        display: flex;
    }

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

    #ShowMenu i {
        margin: auto;
        font-size: 18px;
    }

    .banner {
        padding-top: 0;
    }

    .breadcrums {
        float: left;
        display: none;
    }

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

    .slideshow .caption-over {
        display: none;
    }

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

    .fixmn {
        position: fixed;
        z-index: 999999;
        margin-top: 0;
        top: 0;
    }

        .fixmn #ShowMenu {
            top: 9px;
        }

    nav {
        height: 100%;
        position: fixed !important;
        top: 0;
        left: 0;
        width: 240px;
        z-index: 9999999 !important;
        background-color: #31a9e0;
        display: none;
    }

        nav .container {
            width: 100%;
        }

    .logo {
        position: relative;
        top: 0;
        width: auto;
        text-align: center;
        height: 105px;
        animation-name: slideInDown;
        margin-bottom: 10px;
    }

    .menu_main {
        float: none;
        animation: unset !important;
    }

    .mnlic1 {
        color: #fff;
        float: none;
        position: relative;
    }

        .mnlic1.havesub:after {
            content: "\f107";
            font-family: fontawesome;
            position: absolute;
            right: 10px;
            font-weight: 300;
            top: 10px;
        }

    .mnliac1 {
        border-bottom: 1px solid #ffffff6b;
        padding: 0;
        text-align: center;
    }

        .mnliac1 span {
            padding: 10px 5px;
            border-radius: 0;
        }

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

        .menusub:before {
            display: none;
        }

    .mnlic2 {
        background: #fdfdfd;
        line-height: 1.5;
        width: 100%;
        border: none !important;
    }

        .mnlic2:before {
            color: #333;
        }

    .mnliac2 {
        color: #333;
        padding: 6px 0;
        padding-left: 30px;
        border-bottom: 1px solid #bdbdbd;
    }

        .mnliac2:hover {
            background: none;
        }

    .search-box {
        display: none;
    }
    /*inner*/
    .homepage .col-side, .project-news .col-side, .baivietpage .col-side {
        display: none;
    }

    .bdshome, .lefttrangcon {
        float: none;
        width: 100%;
    }

    .col-section, .col-side { /* float:none; */
        width: 100%;
        margin-top: 20px;
    }

    .inner-page.ctduanpage .col-section {
        width: 100%;
        float: unset;
    }

    .ulttp li {
        width: 33%;
        margin-right: 0.5%;
    }

        .ulttp li:nth-child(4n+4) {
            margin-right: 0.5%;
        }

        .ulttp li:nth-child(3n+3) {
            margin-right: 0;
        }

    .hotlineCallCompa {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    .slideshow {
        height: 340px;
    }

    .abouthome p {
        width: 100%;
    }

    .formdktv {
        width: 100%;
    }

    .foot {
        text-align: center;
    }

        .foot .container {
            padding: 10px;
        }

        .foot .left, .foot .right {
            float: none;
        }
    /*inner*/
    .ulttp li {
        width: 49%;
        margin-right: 0 !important;
    }

        .ulttp li:nth-child(2n+2) {
            float: right;
        }

    .info_contain .left-content, .info_contain .right-content {
        width: 100%;
        /* float: none; */
    }

    .info_contain li {
        font-size: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .slideshow {
        height: 327px;
    }
}

@media only screen and (max-width: 600px) {
    .slideshow {
        height: 255px;
    }

    .abouthome {
        width: 100%;
    }

    .logo-mobile:after {
        content: "";
        position: absolute;
        width: 160px;
        height: 108px;
        top: -28px;
    }

    .col-side {
        display: none;
    }

    .imgnd {
        height: 217px;
        border-radius: 3px 3px 0 0;
    }

    .project-default .project-item {
        width: 92%;
    }

    .slideshow .prev, .slideshow .next {
        width: 20px;
        height: 20px;
    }

        .slideshow .prev:before, .slideshow .next:before {
            font-size: 40px;
        }

    ul.ulsp.uldap .imgScale.imgP.imgsp a img {
        height: 250px;
    }

    ul.ulsp.uldap li.lisp .imgScale.imgP.imgsp {
        height: 250px;
    }

    ul.ulsp.uldap li.lisp {
        height: 250px;
    }

    .sohong {
        font-size: 12px;
    }

    span.name-giayto {
        font-size: 12px !important;
    }

    .lefttop {
        display: none;
    }

    .album-design li {
        height: 188px;
        width: 49%;
        float: left;
        margin-bottom: 2%;
        border-radius: 5px;
    }

        .album-design li:nth-child(2n+1) {
            margin-left: 0;
        }

        .album-design li:nth-child(2n+2) { /* float:right; */
        }

        .album-design li:nth-child(1) {
            margin-left: 0;
        }

        .album-design li:nth-child(4) {
            margin-left: 7px;
        }

    .tt {
        margin-bottom: 3%;
    }

    .picture-about {
        position: relative;
        z-index: 1;
        padding-top: 10px;
        float: left;
        width: 100%;
        /* height: 385px; */
    }

    .titabout h2 {
        font-size: 26px;
    }

    .titabout h5 {
        font-size: 15px;
    }

    .abouthome p {
        font-size: 19px;
    }

    .tuvanhome .container, .homepage .container, .tintuchome {
        padding: 20px 0;
    }

    .formdktv {
        text-align: center;
    }

    .odktv {
        width: 100%;
    }

    .btndktv {
        position: relative;
        top: auto;
        right: auto;
    }

    .tittv h2 {
        font-size: 21px;
    }

    .tittv h3 {
        font-size: 13px;
    }

    .titnd h2, .titbds h2, .titnews h2 {
        font-size: 26px;
    }

    .titnd h5, .titbds h5, .titnews h5 { /* display:none */
    }

    .ulnd.owl-carousel .owl-nav button {
        width: 25px;
        height: 25px;
        font-size: 10px;
    }

    .wp-img-new-home a img {
        width: 100%;
        height: 200px;
    }

    .titnews h6 {
        font-family: 'muli';
        color: #6cbd45;
        font-size: 17px;
    }

    .ulnd.owl-carousel .owl-nav button.owl-prev {
        right: 27px;
    }

    .linkbds { /* top: 25px; */
    }

    .linktt {
        top: 0;
    }

    .linkbds a {
        font-size: 11px;
        padding: 5px;
    }

    .libds { /* margin-bottom:5px; */ /* border-color:#fdb834 */
    }

    .imgbds {
        height: 182px;
    }

    .sumbds { /* padding:0 */
    }

    .sumbdstop { /* padding:0 */
        padding: 10px 10px;
    }

        .sumbdstop h4 {
            font-size: 16px;
            margin: 0;
        }

            .sumbdstop h4 a {
                min-height: 38px;
            }

    .datebds {
        display: none;
    }

    .ttbds {
        padding: 0;
    }

    .giabds {
        font-size: 15px; /* float:none */
    }

    .giayto { /* float:none; */ /* margin:0; */
    }

    .logof {
        height: 100px;
    }
    /*inner*/
    .title-cat, .title-product, .title-post {
        font-size: 22px;
        padding-top: 10px;
    }

    .info_contain {
        width: 100%;
        float: none;
    }

    .slider_contain {
        width: 100%;
        float: none;
        margin-top: 30px;
    }

        .slider_contain .productPhotos {
            height: 250px;
        }

    .txt49 {
        width: 100%;
        float: none;
    }
}

@media only screen and (max-width: 505px) {
    .giand, .dtnd {
        float: none;
        display: block;
        font-size: 15px;
    }

    .imgtt {
        height: 150px;
    }

    .dtnd {
        /* margin-left: 24px; */
    }
}

@media only screen and (max-width: 484px) {
    .slideshow {
        height: 176px;
    }

        .slideshow .prev, .slideshow .next {
            width: 20px;
            height: 20px;
        }

    .giayto {
        width: auto;
    }

    .logof img {
        height: 88%;
    }

    .logof {
        height: 75px;
    }

    .imgnd1 {
        height: 169px;
        border-radius: 3px 3px 0 0;
    }

    .ulbds {
        margin-top: 15px;
    }

    .nhadatcl .ulbds {
        margin-top: 0px;
    }

    .dcnd {
        height: auto;
    }

    .info_contain .contact-us {
        margin-top: 14px;
        font-size: 16px;
    }

    .info_contain li:nth-child(2):before {
        margin-left: -20px;
    }

    .content-single {
        padding-top: 32px;
        padding-bottom: 37px;
        background: #f9f9f9;
    }

    .slideshow .prev:before, .slideshow .next:before {
        font-size: 15px;
        width: 20px;
        height: 22px;
        background-size: 24%;
    }

    .cd-dangtin {
        width: 50px;
        height: 52px;
        background-size: 68%;
    }

    .cd-timkiem {
        width: 50px;
        height: 52px;
        background-size: 68%;
    }

    .cd-lienhe {
        width: 50px;
        height: 52px;
        background-size: 68%;
    }

    .tittv h2 {
        font-size: 23px;
    }

    .tienich {
        top: calc((100% - 237px) / 2);
        position: fixed;
        width: 51px;
        height: 189px;
        right: 10px;
        z-index: 999;
    }

    .fixmn .logo-mobile:after {
        top: -12px;
        left: 4px;
    }

    .ngaytao1 {
        padding: 1px 9px;
        padding-left: 24px;
    }

    .titlef:before {
        right: 0;
        margin: 0;
        width: 50px;
        left: calc(50% - 28px);
    }

    .titif:before {
        right: 0;
        margin: 0;
        width: 90px;
        left: calc(50% - 41px);
    }

    .info_contain li {
        width: 100%;
    }

        .info_contain li:nth-child(4) {
            float: right;
            margin-left: 43px;
            width: 95.1%;
        }

    #ninja-slider {
        height: 295px !important;
    }

    .slider_contain {
        width: 100%;
        float: none;
        margin-top: 1px;
    }

    #ninja-slider {
        width: 100% !important;
        background: #fff;
        padding: 0px;
        margin: 0 auto;
        /* overflow:hidden; */
        /* box-sizing:border-box; */
        height: 600px;
    }

    #thumbnail-slider {
        height: 94px !important;
        width: 100% !important;
        display: inline-block;
        padding: 0px 0; /*Increse its value if want to move the arrows out of the div.inner */
        position: relative;
        -webkit-user-select: none;
        user-select: none;
        display: none !important;
    }

    #ninja-slider-prev, #ninja-slider-next {
        position: absolute;
        display: inline-block;
        width: 42px;
        height: 56px;
        line-height: 56px;
        top: 50%;
        margin-top: -28px;
        background-color: rgb(49 169 225) !important;
        background-color: #ccc9; /*IE8 hack*/
        backface-visibility: hidden;
        color: white;
        overflow: hidden;
        white-space: nowrap;
        -webkit-user-select: none;
        user-select: none;
        border-radius: 2px;
        z-index: 10;
        opacity: 0.5 !important;
        font-family: sans-serif;
        font-size: 13px;
        cursor: pointer;
        -webkit-transition: all 0.7s;
        transition: all 0.7s;
    }

    .cttong {
        float: left;
        width: 100%;
        text-indent: 0 !important;
    }

    .ngaytao1:before {
        top: 5px;
    }

    .c-tab.is-active {
        display: block; /* margin-bottom: 19px; */
        margin-top: 2px;
    }

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

    .imgnd {
        height: 169px;
    }

    .lind:nth-child(3n+3) {
        margin-right: 1.66%;
    }

    .lind:nth-child(6) {
        margin-right: 0;
    }

    .dtnd:before {
        /* margin-left: 10px; */
    }

    #tab {
        margin-top: 14px;
    }

    .nhadathome .container {
        padding: 25px 0;
        position: relative;
        padding-bottom: 35px;
    }

    .nhadathome .linkbds {
        position: absolute;
        top: 25px;
        right: 0;
        display: inline-block;
    }

    .titnd {
        margin-bottom: 11px;
    }

    .c-tabs-nav a.is-active {
        font-size: 13px;
    }

    .tuvanhome .container {
        padding: 20px 31px;
    }

    .c-tabs-nav-link {
        font-size: 13px;
    }

    #tab .linkbds a {
        font-size: 13px;
        display: inline-block;
    }

    .c-tabs-nav {
        padding-right: 0;
        margin-bottom: 10px;
    }

    .libds:nth-child(3n+3) {
        margin-right: 1.66%;
    }

    .libds {
        width: 48.5%;
    }

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

    .tintuchome .litt:nth-child(1) {
        width: 100%;
        margin-right: 20px;
        margin-bottom: 18px;
    }

        .tintuchome .litt:nth-child(1) .xtc {
            display: none;
        }

    .tintuchome .litt:nth-child(2), .tintuchome .litt:nth-child(3), .tintuchome .litt:nth-child(5), .tintuchome .litt:nth-child(4) {
        width: 100%;
        float: left;
        margin-bottom: 18px;
    }

    .tt-cn {
        padding: 10px 0;
        background-color: #f8f8f8;
        padding-bottom: 18px;
    }

    .ttlidv p {
        height: 107px;
        font-size: 17px;
    }

    .cmt {
        width: 100%;
        float: right;
        height: 472px;
    }

    .menufoot3 {
        width: 100%;
    }

    .c-tabs-nav a.is-active:after {
        height: 4px;
    }

    .c-tabs-nav-link:after {
        height: 4px;
    }

    #tab .linkbds a:after {
        padding-top: 0;
        height: 17px;
    }

    .lind:nth-child(12) {
        margin-right: 0;
    }

    .lind:nth-child(18) {
        margin-right: 0;
    }

    .inner_page {
        padding: 2px 0 29px;
    }

    .titabout {
        width: 100%;
        float: right;
        padding-top: 3px;
    }

    .info_contain .price {
        width: 39%;
    }

    .info_contain .link-order {
        width: 39%;
    }
}

@media only screen and (max-width :400px) {
    .hotlinehead {
        display: block;
        font-size: 12px;
    }

    .sdtheadm {
        display: none;
        /* float: right; */
        padding-left: 5px;
    }

    .titif {
        margin-left: 0;
        font-size: 20px;
    }

    .titlef:before {
        right: 0;
        margin: 0;
        width: 50px;
        left: calc(50% - 28px);
    }

    .titif:before {
        right: 0;
        margin: 0;
        width: 90px;
        left: calc(50% - 41px);
    }

    .sdthead:before {
        /* content: "\f87b"; */
        /* font-family: fontawesome; */
        position: absolute;
        left: 2px;
        /* font-size: 16px; */
        /* animation: tada 1.5s infinite; */
    }
}

@media only screen and (max-width: 375px) {
    .slideshow {
        height: 159px;
    }

    .titabout h2 {
        font-size: 24px;
    }

    .album-design li:nth-child(4) {
        margin-left: 6px;
    }

    .picture-about {
        position: relative;
        z-index: 1;
        padding-top: 10px;
        float: left;
        width: 100%;
        height: 354px;
    }
}

@media only screen and (max-width: 360px) {
    .slideshow {
        height: 153px;
    }
}

@media only screen and (max-width: 320px) {
    .slideshow {
        height: 136px;
    }
}

/*Img*/
ul.list-img-home li {
    list-style: none;
    display: block;
    height: 315px;
    position: relative;
}

ul.list-img-home {
    padding: 0;
    display: grid;
    grid-auto-rows: minmax(min-content, max-content);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 0;
    row-gap: 0;
    margin: 0;
    display: none;
}

li.itemImgLibHome a img {
    width: 100%;
    height: 315px;
    object-fit: cover;
}

li.itemImgLibHome a {
    width: 100%;
    display: block;
    height: 100%;
    position: relative;
}

.wp-content-tag {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    display: block;
    background: url(/Design/HongDuc/decor-estate-sha.png) no-repeat;
    background-size: cover;
    transition: all linear .2s;
}

ul.list-img-home li:hover .wp-content-tag {
    opacity: 1;
    visibility: visible;
}

h3.title-tag-item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-family: 'swiss721';
    color: #ffffff;
    text-transform: uppercase;
    font-size: 25px;
    width: 100%;
    height: 100%;
}

.wp-content-tag span {
    font-size: 18px;
    color: #6cbd45;
    font-family: 'muli';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 34px;
    left: 0px;
    right: 0;
    bottom: 0;
    position: absolute;
}
/*End*/

/*san giao dich bds*/
.right-estate-form {
    float: right;
    width: 30%;
}

.left-estate {
    float: left;
    width: 67%;
    margin-right: 23px;
}

.top-estate-title h2 {
    font-size: 34px;
    color: #226dc4;
    font-family: 'swiss721';
    margin: 0;
    text-transform: uppercase;
}

.top-estate-new-price-title h2 {
    font-size: 34px;
    color: #226dc4;
    font-family: 'swiss721';
    margin: 0;
    text-transform: uppercase;
    text-align: center;
}

span#ctl00_ContentPlaceHolder1_lbchothue {
    font-size: 16px;
    color: #6cbd45;
    font-family: 'muli';
}

.wp-estate-new-price {
    background: #f6f5f5;
    padding-bottom: 30px;
}

.top-estate-new-price-title {
    padding-top: 30px;
}

.wp-banner-top-side a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp-banner-top-side.bannerSide2 a img {
    border-radius: 50%;
}
.top-estate-title h5 {
    font-size: 16px;
    color: #6cbd45;
    font-family: 'muli';
    margin-top: 5px;
    font-weight: 500;
}

span.hot-estate {
    font-size: 13px;
    color: #e20606;
    padding: 5px;
    border-radius: 5px;
    /* background: #fdb834; */
    font-family: 'muli';
    animation: tada 3s infinite;
    position: absolute;
    top: 23px;
    right: 0;
}

    span.hot-estate img {
        width: 65px;
        height: 65px;
    }

h4.title-estate a {
    font-size: 18px;
    font-family: 'muli';
    font-weight: normal;
    color: #226dc4;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.price-estate {
    font-size: 18px;
    color: #e20606;
    font-family: 'muli';
    margin-right: 10px;
}

.area-estate {
    font-size: 15px;
    color: #353535;
    font-family: 'muli';
    /* padding-left: 17px; */
    /* padding-top: 3px; */
}

.adress-estate a {
    font-size: 14px;
    color: #353535;
    font-family: 'muli';
    text-decoration: none;
}

.date-estate {
    font-size: 14px;
    color: #616161;
    font-family: 'muli';
    display: inline-block;
    padding: 5px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.right-estate-right span {
    color: #ffffff;
    font-size: 14px;
    background: #6cbd45;
    font-family: 'muli';
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 0 5px;
    text-transform: uppercase;
}

.wp-bottom-estate-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

li.item-estate {
    list-style: none;
    display: block;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

ul.list-estate {
    margin: 0;
    padding: 0;
    display: grid;
    grid-auto-rows: minmax(min-content, max-content);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: 0;
    row-gap: 15px;
}

.left-img-estate a img {
    width: 200px;
    height: 174px;
    object-fit: cover;
    display: block;
    overflow: hidden;
    transition: all .2s;
    border-radius: 5px 0 0 5px;
}

.left-img-estate a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    border-radius: 5px 0 0 5px;
}

span.name-giayto {
    font-size: 14px;
    color: #6cbd45;
}

li.item-estate:hover .left-img-estate a img {
    transform: scale(1.1);
}

h4.title-estate {
    margin: 0;
}

.right-estate-content {
    padding: 15px;
    float: right;
    width: 75%;
    position: relative;
    /* right: 0; */
}

.wp-side-estate-right {
    display: flex;
    align-items: center;
    margin: 8px 0;
}

.adress-estate {
    margin-bottom: 9px;
}

section {
    display: block;
}

.wp-side-home {
    background: #f6f5f5;
    padding-top: 70px;
    padding-bottom: 70px;
}

.price-estate img {
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.area-estate img {
    position: relative;
    top: 2px;
    margin-right: 3px;
    left: -1px;
}

.adress-estate img {
    position: relative;
    top: 2px;
    left: 1px;
    margin-right: 1px;
}

.date-estate img {
    position: relative;
    top: 0px;
    margin-right: 4px;
}

.left-img-estate {
    float: left;
    width: 200px;
    display: block;
    height: 100%;
    border-radius: 5px 0 0 5px;
}
/*End*/

h3.title-estate-search, h3.title-estate-tag-search, .title-new-right-sidebar {
    text-transform: uppercase;
    font-family: muli;
    font-size: 20px;
    color: #ffffff;
    font-weight: 500;
    background: #226dc4;
    padding: 10px;
    margin: 0;
    padding-left: 80px;
    position: relative;
}

span.decor-left-search {
    width: 68px;
    position: absolute;
    display: block;
    left: 5px;
    top: -13px;
    height: 69px;
    background: url(/Design/HongDuc/decor-left-search.png) no-repeat;
}

li.item-search-form {
    margin-bottom: 10px;
    list-style: none;
    position: relative;
}

    li.item-search-form:nth-child(5):after {
        content: unset;
    }

.box-right-search, .box-right-search-tag, .box-right-new-right-sidebar {
    background: #6cbd45;
    width: 63px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

    span.box-right-search:before, span.box-right-search-tag:before, .box-right-new-right-sidebar:before {
        content: "";
        position: absolute;
        background-color: #6cbd45;
        transform: skew(0deg, 0deg);
        -moz-transform: skew(0deg, 0deg);
        -webkit-transform: skew(330deg, 0deg);
        -o-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        width: 37px;
        height: 100%;
        left: -13px;
        top: 0px;
        /* z-index: -1; */
    }

li.item-search-form select {
    padding: 10px;
    border: 1px solid #e0e0e0;
    outline: none;
    width: 100%;
    font-size: 16px;
    color: #919191;
    font-family: muli;
    border-radius: 5px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    position: relative;
}

li.item-search-form:after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.9em 1em;
    cursor: pointer;
    font-size: 13px;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    color: #919191;
}
/* Transition */
li.item-search-form select:hover::after {
    color: Gainsboro;
}

ul.list-search-form.wow.fadeInUp {
    padding: 0;
    margin: 0;
    display: grid;
    grid-auto-rows: minmax(min-content, max-content);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    /* column-gap: 0; */
    /* row-gap: 15px; */
    padding: 0 15px;
    padding-bottom: 14px;
    border: 1px solid #e0e0e0;
    border-top: unset;
    padding-top: 23px;
    border-radius: 0 0 5px 5px;
    margin-bottom: 18px;
}

.wp-search-estate-right {
    background: #ffffff;
    margin-top: 19px;
}

li.item-search-form a.btn {
    color: #ffffff;
    font-size: 14px;
    background: #6cbd45;
    font-family: 'muli';
    width: 107px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none;
}

ul.list-tag-search-estate li {
    list-style: none;
    position: relative;
}

    ul.list-tag-search-estate li:hover {
        background: #ededed;
    }

        ul.list-tag-search-estate li:hover:before {
            background: #226dc4;
            color: #fff;
            border: 1px solid #226dc4;
        }

        ul.list-tag-search-estate li:hover a {
            color: #226dc4;
        }

ul.list-tag-search-estate {
    margin: 0;
    padding: 0;
    background: #ffffff;
    padding-top: 15px;
    border: 1px solid #e0e0e0;
    border-top: unset;
    border-radius: 0 0 5px 5px;
}

    ul.list-tag-search-estate li a {
        text-decoration: none;
        font-size: 15px;
        color: #7c7c7c;
        font-family: muli;
        display: block;
        margin: 0 23px;
        padding: 12px 0px;
        padding-left: 30px;
        border-bottom: 1px solid #ededed;
    }

    ul.list-tag-search-estate li:last-child a {
        border-bottom: none;
    }

    ul.list-tag-search-estate li:before {
        content: "\f3c5";
        font-family: fontawesome;
        position: absolute;
        font-weight: 900;
        left: 20px;
        top: 8px;
        color: #7c7c7c;
        width: 26px;
        font-size: 14px;
        height: 23px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 3px;
        border: 1px solid #7c7c7c;
        border-radius: 50px;
        transition: all linear .2s;
    }

h3.title-estate-tag-search {
}

span.decor-left-search-tag {
    width: 68px;
    position: absolute;
    display: block;
    left: 5px;
    top: -13px;
    height: 69px;
    background: url(/Design/HongDuc/decor-left-search1.png) no-repeat;
}

h4.title-new-sidebar a {
    font-size: 16px;
    color: #4a4a4a;
    font-family: muli;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}

    h4.title-new-sidebar a:hover {
        color: #6cbd45;
    }

li.item-new-sidebar {
    list-style: none;
    display: flex;
}

ul.listNewSidebar {
    padding: 22px;
    margin: 0;
    display: grid;
    grid-auto-rows: minmax(min-content, max-content);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: 0;
    row-gap: 12px;
    margin: 0;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-top: unset;
    border-radius: 0 0 5px 5px;
}

.imgNewSidebar a img {
    width: 103px;
    height: 84px;
    object-fit: cover;
    background: #226dc4;
}

.imgNewSidebar a {
    width: 100%;
    height: 84px;
    display: block;
    position: relative;
}

    .imgNewSidebar a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.507);
        color: #fff;
        opacity: 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        font-size: 18px;
        -webkit-transition: all linear .3s;
        -o-transition: all linear .3s;
        transition: all linear .3s;
    }

    .imgNewSidebar a:after {
        content: "\f06e";
        font-family: fontawesome;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        color: #9b9b9b;
        font-weight: 900;
        width: 100%;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
    }

li.item-new-sidebar:hover .imgNewSidebar a:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

li.item-new-sidebar:hover .imgNewSidebar a:after {
    opacity: 1;
}

h4.title-new-sidebar {
    margin: 0;
}

.right-new-sidebar {
    padding-left: 10px;
}

span.decor-left-new-right-sidebar {
    width: 72px;
    position: absolute;
    display: block;
    left: 5px;
    top: -13px;
    height: 71px;
    background: url(/Design/HongDuc/decor-left-search2.png) no-repeat;
}

.wp-search-estate-tag-right {
    margin-bottom: 20px;
}

.wp-banner-home-between img {
    display: block;
    width: 100%;
    height: 100%;
}

.wp-banner-home-between {
    width: 100%;
    height: 100%;
}

.fill {
    width: 100%;
    height: 100%;
}

.swiperBanner .swiper-button-prev {
    color: #fff;
    width: 50px;
    height: 50px;
    font-weight: bold;
    border-radius: 10px;
    opacity: .8;
    transform: translateX(-40px);
    transition: all linear .3s;
    background-color: rgb(255 255 255 / 20%) !important;
    border: 2px solid #fff;
    opacity: 1;
    left: 150px;
    top: 45%;
}

.swiperBanner:hover .swiper-button-prev {
    transform: translateX(0);
}

.swiperBanner:hover .swiper-button-next {
    transform: translateX(0);
}

.swiperBanner .swiper-button-prev:after {
    font-size: 20px;
}

.swiperBanner .swiper-button-next {
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    font-weight: bold;
    opacity: 0.8;
    transition: all linear .3s;
    transform: translateX(40px);
    background-color: rgb(255 255 255 / 20%) !important;
    border: 2px solid #fff;
    opacity: 1;
    right: 150px;
}

    .swiperBanner .swiper-button-next:hover {
        background-color: #90ce4e !important;
        border-color: #90ce4e;
        opacity: 0.8 !important;
    }

.swiperBanner .swiper-button-prev:hover {
    background-color: #90ce4e !important;
    border-color: #90ce4e;
    opacity: 0.8 !important;
}

.swiperBanner .swiper-button-next:after {
    font-size: 20px;
}

.zalo {
    position: fixed;
    right: 14px;
    bottom: 107px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 999;
    background-color: #0A7CFF;
}

.message .icon {
    position: fixed;
    right: 14px;
    bottom: 189px;
    width: 40px;
    display: flex;
    height: 40px;
    cursor: pointer;
    user-select: none;
    border-radius: 50%;
    z-index: 999;
    align-items: center;
    justify-content: center;
    background-color: #0A7CFF;
}

    .message .icon img {
        pointer-events: none;
    }

.message .content {
    position: fixed;
    right: 15px;
    opacity: 0;
    pointer-events: none;
    z-index: 999;
    bottom: 69px;
    transition: all ease .3s;
}

    .message .content.show {
        opacity: 1;
        pointer-events: all;
        right: 84px;
    }

.hotline-phone-ring-wrap {
    position: fixed;
    bottom: -11px;
    right: -24px;
    z-index: 999999;
}

    .hotline-phone-ring-wrap.sdt-2 {
        bottom: 90px;
        left: -20px;
    }

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}

.hotline-phone-ring-circle {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #e60808;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
    pointer-events: none;
}

.hotline-phone-ring-circle-fill {
    width: 55px;
    height: 55px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    pointer-events: none;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

/*hot line*/

.hotline-phone-ring-img-circle {
    background-color: #e60808;
    width: 33px;
    height: 33px;
    top: 36px;
    left: 36px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .hotline-phone-ring-img-circle .pps-btn-img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .hotline-phone-ring-img-circle .pps-btn-img img {
            width: 20px;
            height: 20px;
        }

    .hotline-phone-ring-img-circle span {
        position: absolute;
    }

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
    }

    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-fix .icon img {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    transform: scale(0.6);
}

.icon-fix img {
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

.icon-fix .decor-1 {
    position: absolute;
    width: 140%;
    height: 140%;
    border-radius: 50%;
    background-color: #0A7CFF;
    opacity: .4;
    animation: forDecor-1 linear 1s infinite;
    pointer-events: none;
}

.icon-fix .decor-2 {
    position: absolute;
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #0A7CFF;
    animation: forDecor-2 linear 1s infinite;
    transition-delay: 1s;
    pointer-events: none;
}

.gm {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: fixed;
    right: 14px;
    background-color: green;
    bottom: 276px;
    z-index: 999;
}

    .gm img {
        width: 75%;
        height: 75%;
        border-radius: 50%;
    }

    .gm .decor-1 {
        background-color: green !important;
    }

    .gm .decor-2 {
        border-color: green !important;
    }

@keyframes forDecor-2 {
    0% {
        transform: scale(1);
        opacity: 0;
    }

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

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

    80% {
        transform: scale(1.1);
    }

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

@keyframes animate {
    0% {
        stroke-dashoffset: 200%;
        stroke-opacity: .8;
    }

    100% {
        stroke-dashoffset: 0%;
        stroke-opacity: 0;
    }
}

@media only screen and (min-width :1390px) {
    ul.list-img-home li {
        list-style: none;
        display: block;
        height: 315px;
    }

    li.itemImgLibHome a img {
        width: 100%;
        height: 315px;
        object-fit: cover;
    }
}

.right-estate-right a {
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.logo a canvas,.logo a img {
    width: 100%;
    height: 100%;
    border-radius:50%;
}

@media only screen and (max-width: 989px) {
    .top-estate-new-price-title h2 {
        font-size: 18px;
    }

    ul.ulsp.uldap {
        padding: 0;
        margin: auto;
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .text.ndsp {
        opacity: 1;
        top: calc(50% - 23px);
    }

    .inner-page {
        padding-top: 20px;
    }

    .wp-side-estate-right {
        display: block;
    }
}