:root {
    --bs-count-space: "0px";
    --bs-count-space-top: "0px";
    --bs-height-video: 400px;
    --bs-height-image-news: 379px;
    --bs-height-image-event: 405px;
    --bs-height-news: 309px;
    --bs-count-border-radius: 0px;
    --bs-color-footer: "#2D286C";
    --bs-color-bottom-line: #f34423;
    --bs-font-size-title: "20px";
    --bs-bg-color-body-mobile: #fff;
    --bs-bg-color-body: #fff;
    --animate-duration: 2s;
    /**********/
    --c-body: #fff;
    --c-chon-tab: #2b2666;
    --c-footer: #2D286C;
    --c-footer-mobile: #2D286C;
    --c-footer-font: 11px;
    --c-header: #2D286C;
    --c-white: #fff;
    --c-count-space: 0rem;
    --c-overload: 88px;
    --c-main: #fff;
    --c-secondary: #f8f9fa;
    /*#e2eaf#1#;*/
    --c-secondary-menu: #f8f9fa;
    --c-dark: #333;
    --c-border-color: #6c757d;
    --c-background: #fff;
    --c-background-dark: #f7d7b5;
    --c-background-lich: #fff;
    --c-color-number: #f34423;
    --c-border-radius: 0px;
    --c-myevent: 300px;
    --c-video: 400px;
    --main-color: rgb(1, 120, 212);
    --main-bold-color: #0D47A1;
    --main-color-hover: #442f0d;
    --main-color-xam: #ededed;
    --main-color-xam-1: #dedede;
    --text-color: #263238;
}



img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.text-over {
    width: var(--c-overload);
    overflow: hidden;
    text-overflow: ellipsis;
}

i.fa.fa-home {
    font-size: 130%;
}

/* Trang chu */
.gtgioithieu-img img {
    height: 490px;
    width: 100%;
}

.gtchucnang-div {
    height: 300px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.gtsumenh-div {
    height: 223px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.gtgiatricotloi-div {
    height: 300px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.gttamnhin-div {
    height: 197px;
    width: 100%;
    overflow: hidden;
    position: relative;
}


.full-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* end trang chu */




.text-justify {
    text-align: justify;
}

/*img{
    max-width: 100%;
    height: auto;
}*/
/*=======*/

li.lkha-img {
    height: 100px;
    width: 100px;
}

li.lkha-img a {
    border-radius: var(--c-border-radius);
    border: 0px;
    padding-left: 8px;
}

img.no-img {
    object-fit: cover;
    object-position: 50% 50%;
}

a.p-1.lkha-img img {
    width: auto;
    height: 100px;
}


/*carousel-item*/
div.carousel-item.carousel-item-top,
div.carousel-item.carousel-item-top .active {
    height: 600px;
    width: 100%;
}

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

    div.carousel-item.carousel-item-top,
    div.carousel-item.carousel-item-top .active {
        height: 500px;
        width: 100%;
    }
}



div.carousel-item.carousel-item-top img,
div.carousel-item.carousel-item-top .active img {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}

ol.carousel-indicators.carousel-indicators-home {
    position: absolute;
    bottom: 99px;
}


div.carousel-item.carousel-item-video-top,
div.carousel-item.carousel-item-video-top .active img {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}

div.carousel-inner.carousel-video-inner {
    max-height: 366px;
}

ol.carousel-indicators.carousel-indicators-home {
    position: absolute;
    bottom: 99px;
}



div.carousel-video-caption.d-none.d-md-block {
    position: absolute;
    top: 200px;
    left: 0px;
    padding: 38px;
    max-width: 500px;
    text-align: center;
    word-wrap: break-word;
}

div.carousel-video-caption.d-none.d-md-block h5 {
    font-size: 13.96;
    font-weight: 500;
}





/*-------*/

/*menu tren*/


.sologan {
    position: absolute;
    left: 67px;
    top: 38px;
    margin-bottom: 0;
    white-space: nowrap;
    color: var(--c-chon-tab);
    font-size: 11px;
    font-weight: 600;
    text-align: right;
    letter-spacing: -0.9px;
    padding-right: 5px;
    z-index: 2;
}



@keyframes keyappear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



i.fas.fa-search.text-bg-dark.nutsearch {
    position: absolute;
    top: 4px;
}

div#iddanhmucmenusec section .container {
    transition: 0.4s;
    transform: scale(1);
}

@media only screen and (max-width: 768px) {
    div#iddanhmucmenusec section .container {
        transform: scaleX(0.9);
    }

    /* .sologan {
        left: 72px;
    }*/
    .container-fuild {
        margin: 0px;
        padding: 0px;
    }

    .mylogo {
        /* width: 180px;
        height: 65px;*/
        transform: scaleY(1);
        height: 55px;
        width: 288px;
    }


    div.flex-grow-1.search-control {
        transform: scaleX(0.9);
    }

    button[type="button"].btnmenu {
        transform: scaleX(0.9) scaleY(0.9);
    }

    #search-addon {
        transform: scaleX(0.9);
    }

    div.flex-grow-1.search-control {
        transform: scaleX(0.9);
    }

    div.row.block-footer {
        transform: scaleX(0.9);
    }

    div.carousel-item.carousel-item-top,
    div.carousel-item.carousel-item-top .active {
        height: 500px;
        width: 100%;
    }

    .carousel-item-video-top {
        height: 500px;
    }

    a img {
        max-height: 500px;
    }
}

@media only screen and (max-width: 576px) {
    .mylogo {
        transform: scaleY(0.8);
        height: 55px;
        width: 288px;
        /*
        height: 37px;*/
    }

    /*  .dvlogo{
        height:37px;
    }*/
    /* .sologan {
        top: 28px;
        left: 57px;
    }*/
    button[type="button"].btnmenu {
        transform: scale(0.8);
    }

    #search-addon {
        transform: scale(0.8);
    }

    div.flex-grow-1.search-control {
        transform: scale(0.8);
    }

    div.row.block-footer {
        transform: scaleX(0.8);
    }

    div.carousel-item.carousel-item-top,
    div.carousel-item.carousel-item-top .active {
        height: var(--c-myevent);
        width: 100%;
    }

    .carousel-item-video-top {
        height: var(--c-myevent);
    }

    a img {
        max-height: var(--c-video);
    }
}

@media only screen and (max-width: 389px) {
    .mylogo {
        transform: scale(0.7);
        height: 55px;
        width: 288px;
    }

    /*  .dvlogo {
        transform: scaleY(0.8) scaleX(0.9);
    }*/

    button[type="button"].btnmenu {
        transform: scaleX(0.9) scaleY(0.9);
    }

    #search-addon {
        transform: scaleX(0.7);
    }

    div.flex-grow-1.search-control {
        transform: scaleX(0.7);
    }

    div.row.block-footer {
        transform: scaleX(0.7);
    }

    .carousel-item-video-top {
        height: 350px;
    }

    a img {
        max-height: 250px;
    }
}

@media only screen and (max-width: 290px) {
    .mylogo {
        transform: scaleY(0.3);
        width: 129px;
        height: 45px;
    }

    /*  .dvlogo {
        height: 49px;
    }*/
    .sologan {
        top: 34px;
        left: 29px;
        transform: scaleX(0.8);
    }

    button[type="button"].btnmenu {
        transform: scale(0.3);
    }

    #search-addon {
        transform: scaleX(0.6);
    }

    div.flex-grow-1.search-control {
        transform: scaleX(0.6);
    }

    div.row.block-footer {
        transform: scaleX(0.6);
    }

    div.carousel-item.carousel-item-top,
    div.carousel-item.carousel-item-top .active {
        height: 290px;
        width: 100%;
    }

    .carousel-item-video-top {
        height: 290px;
    }

    a img {
        max-height: 150px;
    }
}

/* ket thuc*/
div.img.img-tintuc img {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    border: 0px;
}

.img {
    border-radius: var(--c-border-radius);
    border: 1px solid #ccc;
}

.img-width-auto {
    width: auto;
}

.hinhanh-benphai {
    height: 197px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.logomobile {
    display: none;
}

.logomobile.active {
    display: inline-block;
    height: 27px;
    width: 27px;
}

.logoweb.an {
    display: none;
}

.sologan.an {
    display: none;
}

.mauchon {
    background-color: var(--c-chon-tab);
    color: var(--c-white);
    padding-left: 15px;
    padding-right: 15px;
}

/* khoi tin */

.tinto {
    width: 100%;
    height: var(--bs-height-news);
    overflow: hidden;
    position: relative;
    float: left;

}

.tinto-nho {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
    float: left;
    padding-top: 19px;
}

img.layer2 {
    width: 100%;
    height: 140px;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.tinto-nho div.layer2 {
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

img.layer1 {
    width: 100%;
    height: 250px;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.tinto div.layer1 {
    width: 100%;
    height: 250px;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.xam {
    /* width: 412px;*/
    width: 100%;
    height: 250px;
    background: rgba(0, 0, 0, 0.32);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    transition: 0.2s;
}

.xam-nho {
    width: 100%;
    height: 150px;
    background: rgba(0, 0, 0, 0.32);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    transition: 0.2s;
}

.tinto:hover .xam {
    opacity: 0;
}

.tinto-nho:hover .xam-nho {
    opacity: 0;
}

.gradient {
    /*width: 412px;*/
    width: 100%;
    height: 250px;
    background: -webkit-linear-gradient(45deg, #5dcd6a 0%, #d38253 40%, #4b4a4a 100%);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    transition: 0.2s;
    opacity: 0;
}

.gradient-nho {
    width: 100%;
    height: 150px;
    background: -webkit-linear-gradient(45deg, #5dcd6a 0%, #d38253 40%, #4b4a4a 100%);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    transition: 0.2s;
    opacity: 0;
}


.chuto,
a .chuto {
    font-size: 13.96;
    position: absolute;
    height: 59px;
    bottom: 0;
    left: 0%;
    z-index: 4;
    font-weight: 700;
    background: #fff;
    color: #333;
    text-align: center;
    width: 100%;
    padding: 8px;
    cursor: pointer;
}


.newsitem {
    
    margin-left: 8px;
    margin-right: 8px;
    padding: 8px;
    border-radius: 0px;
}

/*.row > *
{
    margin:0px;
}*/
@media only screen and (max-width: 768px) {

    /**{
        padding:0;
        margin:0;
    }*/
    body {
        background-color: var(--c-secondary) !important;
    }

    .tinto.other {
        width: calc(100% - 0px) !important;
        margin: 0px 0px 0px 0px;
        border-radius: var(--c-border-radius);
        background-color: var(--c-white);
        margin-bottom: 13.96;
    }

    .tinto.first {
        width: calc(100% - 0px) !important;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        border-bottom-left-radius: var(--c-border-radius);
        border-bottom-right-radius: var(--c-border-radius);
        background-color: var(--c-white);
        margin-bottom: 13.96;
    }

    .tinto-nho.other {
        width: calc(100% - 0px) !important;
        margin: 0px 0px 0px 0px;
        border-radius: var(--c-border-radius);
        background-color: var(--c-white);
        margin-bottom: 13.96;
        height: var(--bs-height-news);
    }

    .tinto-nho.first {
        width: calc(100% - 0px) !important;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        border-bottom-left-radius: var(--c-border-radius);
        border-bottom-right-radius: var(--c-border-radius);
        background-color: var(--c-white);
        margin-bottom: 13.96;
        height: var(--bs-height-news);
    }

    .footer-top {
        width: calc(100% - 0) !important;
        border-radius: var(--c-border-radius);
        color: #333;
        background-color: var(--c-white);
        margin-top: 13px;
        padding: 19px;
    }


    .links-footer li a {
        color: #333;
    }

    .blutrangchu,
    .blog-content,
    .hinhanh-quangcao,
    .box_left_home {
        width: calc(100% - 0px) !important;
        margin: 0px 0px 0px 0px;
        padding: 0px 2px;
        border-radius: var(--c-border-radius);
        background-color: var(--c-white);
        margin-bottom: 13.96;
    }




    .chuto,
    a .chuto {
        background-color: var(--c-white);
        opacity: 1;
        color: #333;
    }


    img.layer1 {
        width: calc(100% - 0px) !important;
    }

    img.layer2 {
        width: calc(100% - 0px) !important;
        height: 240px;
    }

    .tinto a {
        width: calc(100% - 0px) !important;
    }

    .tinto-nho a {
        width: calc(100% - 0px) !important;
    }

    .xam {
        width: calc(100% - 0px) !important;
    }

    .gradient {
        width: calc(100% - 0px) !important;
    }
}


.hinhvuong {
    width: 80%;
    height: 35%;
    position: absolute;
    z-index: 3;
    top: 46%;
    left: 8%;
    background-color: #fff;
    border: 1px solid #fff;
    transition: 0.2s;
    opacity: 0;
    transform: scale(0);
}

.hinhvuong-nho {
    width: 80%;
    height: 35%;
    position: absolute;
    z-index: 3;
    top: 35%;
    left: 8%;
    background-color: #fff;
    border: 1px solid white;
    transition: 0.2s;
    opacity: 0;
    transform: scale(0);
}

.tinto:hover .hinhvuong {
    transform: scale(1);
    opacity: 1;
}

.tinto-nho:hover .hinhvuong-nho {
    transform: scale(1);
    opacity: 1;
}

.tinto:hover .chuto {
    transform: translateY(0px);
}

.tinto-nho:hover .chuto {
    transform: translateY(0px);
}


.chunho {
    font-size: 13.96;
    position: absolute;
    top: 60%;
    left: 15%;
    z-index: 5;
    color: var(--c-white);
    text-align: center;
    width: 70%;
    text-transform: uppercase;
    transition: 0.2s;
    opacity: 0;
    transform: scale(0);
}

.tinto:hover .chunho {
    opacity: 1;
    transform: scale(1);
    color: #333;
}

.tinto-nho:hover .chunho {
    opacity: 1;
    color: #333;
    top: 45%;
    transform: scale(1);
}

.ngay-thongbao {
    opacity: 0;
}






.block-tintuc-home div.block-tintuc-home-item {
    background-color: var(--c-white);
    padding: 0px; 
}


/* ket thuc tin to */



/*Hinh anh ben phai*/
div.hinhanh-benphai.other {
    position: relative;
    width: 100%;
    height: 234px;
    margin-top: 19px;
}

div.hinhanh-benphai.first {
    margin-top: 0px;
    position: relative;
    width: 100%;
    height: 234px;
}

div.hinhanh-benphai.other a img {
    border: 3px solid #fff;
    border-top-right-radius: 27px;
    border-bottom-left-radius: 27px;
}

div.hinhanh-benphai.first a img {
    border: 3px solid #fff;
    border-bottom-left-radius: 27px;
}

/*Ket thuc hinh anh ben phai*/
/*cat dong*/
.two-line-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.one-line-text {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*-----------*/


/*Tin chi tiet*/


@keyframes keyblockdetail {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

div.block-detail,
.block-detail {
    margin-left: calc(var(--c-count-space) * 1);
    margin-right: calc(var(--c-count-space) * 1);
    margin-top: calc(var(--c-count-space) * 1);
    padding: calc(var(--c-count-space) * 1);
    border-radius: var(--c-border-radius);
    background: #fff !important;
    max-width: 100%;
    height: auto;
}

/*====================Ket thuc tin=========*/

@keyframes layzy-video {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



.img-home-video {
    border: 0px solid #fff;
    /* border-radius: 12px;*/
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius:0;
    animation-duration: 4s;
    animation-name: layzy-video;
}

.carousel-caption.img-thongtin-video h5 a.link-tieude-video {
    opacity: 1;
    cursor: pointer;
    color: var(--c-white);
    background-color: transparent;
}

.carousel-caption.img-thongtin-video:hover h5 a.link-tieude-video {
    opacity: 1;
    cursor: pointer;
    color: #333;
    background-color: transparent;
}

.carousel-caption.img-thongtin-video p {
    opacity: 1;
    cursor: pointer;
    color: var(--c-white);
    background-color: transparent;
}

.carousel-caption.img-thongtin-video:hover p {
    opacity: 1;
    cursor: pointer;
    color: #333;
    background-color: transparent;
    -webkit-line-clamp: 5;
}

.carousel-caption.img-thongtin-video:hover {
    opacity: 1;
    background-color: #fff;
    color: #333;
    padding: 19px;
}

.carousel-caption.img-thongtin-video {
    background: dimgrey;
    opacity: 0.3;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: 0.8s;
    width: calc(100% - 0px);
    position: absolute;
    left: 2px;
    border-radius: 0px;
    bottom: 3px;
}

a.link-tieude-video {
    cursor: pointer;
    color: var(--c-white);
}

a.link-tieude-video:hover {
    color: rgb(55, 228, 73);
}

div.carousel-indicators.carousel-indicators-video {
    bottom: 99px;
    opacity: 1.8;
    transition: 0.4s;
}

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

    div#carouselHomeSilderVideo {
        margin-left: calc(var(--c-count-space) * 1);
        margin-right: calc(var(--c-count-space) * 1);
        margin-top: calc(var(--c-count-space) * 1);
    }

    .carousel-caption.img-thongtin-video {
        border-bottom-left-radius: var(--c-border-radius);
        border-bottom-right-radius: var(--c-border-radius);
    }

    .img-home-video {
        border: 0px solid #fff;
    }

    .carousel-caption.d-none.d-md-block.img-thongtin-video {
        width: calc(100%);
        left: 0px;
    }
}

/* end video home */




/* video home top*/
.carousel-item-video-top {
    height: calc(var(--c-myevent) *1);
}

.carousel-caption.img-thongtin-video-top {
    background: gray;
    opacity: 0.8;
    width: calc(100% - 3px);
    position: absolute;
    left: 2px;
    bottom: 3px;
    transition: 0.8s;
    padding: 19px;
    text-align: center;
    cursor: pointer;
}

@keyframes layzy-img {
    0% {
        transform: scale(5);
    }

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

img.img-home-video-top {
    animation-duration: 4s;
    animation-name: layzy-img;
}

a img.img-home-video-top {
    animation-duration: 4s;
    animation-name: layzy-img;
}

.carousel-caption.img-thongtin-video-top h5 a.link-tieude-video-top {
    opacity: 1;
    cursor: pointer;
    color: var(--c-white);
    background-color: transparent;
}

.carousel-caption.img-thongtin-video-top:hover h5 a.link-tieude-video-top {
    opacity: 1;
    cursor: pointer;
    color: #333;
    background-color: transparent;
}

.carousel-caption.img-thongtin-video-top p {
    opacity: 1;
    cursor: pointer;
    color: var(--c-white);
    background-color: transparent;
}

.carousel-caption.img-thongtin-video-top:hover p {
    opacity: 1;
    cursor: pointer;
    color: #333;
    background-color: transparent;
    -webkit-line-clamp: 5;
}

.carousel-caption.img-thongtin-video-top:hover {
    opacity: 1;
    background-color: #fff;
    color: #333;
    padding: 19px;
}

div.carousel-indicators.carousel-indicators-top {
    bottom: 99px;
    opacity: 1.8;
    transition: 0.4s;
}

div.block-heading.block-carousel-home-hide-title {
    display: none;
}

.block-carousel-home {
    position: relative;
}

.block-tintuc-home {
    position: relative;
    padding: 0px;
}

.block-tintuc-video {
    position: relative;
}


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

    .block-tintuc-video {
        margin-top: calc(var(--c-count-space) * 1);
        margin-left: calc(var(--c-count-space) * 1);
        margin-right: calc(var(--c-count-space) * 1);
    }
}

.block-tintuc-video div.block-carousel-home {
    padding:0px;
}

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

@media only screen and (max-width: 768px) {
    div .block-heading.block-carousel-home-hide-title {
        display: block;
        text-align: center;
    }

    .block-video-noi-bat {
        margin-top: calc(var(--c-count-space) * 1);
        margin-left: calc(var(--c-count-space) * 1);
        margin-right: calc(var(--c-count-space) * 1);
        background: white;
        padding-top: 19px;
        padding-bottom: 19px;
        border-radius: var(--c-border-radius);
    }

    .block-video-noi-bat div.block-heading {
        text-align: center;
    }

    .block-carousel-home {
        margin-top: calc(var(--c-count-space) * 1);
        margin-left: calc(var(--c-count-space) * 1);
        margin-right: calc(var(--c-count-space) * 1);
        background: white;
        padding-bottom: 19px;
        border-radius: var(--c-border-radius);
    }

    .carousel-caption.img-thongtin-video-top {
        border-bottom-left-radius: var(--c-border-radius);
        border-bottom-right-radius: var(--c-border-radius);
    }



    a img.img-home-video-top {
        border-radius: var(--c-border-radius);
    }

    img.img-home-video-top {
        border-radius: var(--c-border-radius);
    }
}

/* ---------------end video home -top -------*/


/*tin tuc thong bao*/
.item-new {
    overflow: hidden;
    position: relative;
    float: left;
    margin: 20px;
    padding-top: 19px;
}

/*************/


/* *footer* */
.thongtinkhoi-footer {
    padding: 19px;
    justify-content: flex-start;
    margin-left: 19px;
    margin-bottom: 3px;
}

/* ------Ket thuc */





/* *footer* */
.thongtinkhoi-footer {
    padding: 19px;
    justify-content: flex-start;
    margin-left: 19px;
    margin-bottom: 3px;
}

/* ------Ket thuc */


div.number-sukien-noibat {
    width: 45px;
    height: 45px;
}

.block-tintuc-home {
    margin-top: 13.96;
}

.tinto-ngay {
    display: block;
    clear: both;
    text-align: center;
    margin-bottom: calc(var(--c-count-space) * 1);
}

div.tinto-ngay span {
    padding: 5px 19px;
    border-radius: var(--c-border-radius);
    font-size: 80%;
    color: #808080;
    animation-duration: 4s;
    animation-name: key-view-all;
}



.view-all {
    opacity: 1;
    text-align: center;
    position: relative;
    margin-top: calc(var(--c-count-space) * 1);

}

.view-all::before {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    background-color: lightblue;
}

.view-all .view-all-outer {
    display: inline-block;
    padding: 0 1em;
    position: relative;
    z-index: 1;
    font-size: 14px;
}

@media only screen and (min-width: 992px) {
    .view-all .btn {
        min-width: 230px;
        font-size: 15px;
        color: var(--c-chon-tab);
        font-weight: 600;
        text-transform: none;
    }

    .view-all::before {
        content: '';
        height: 1px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 50%;
        background-color: #ccc;
    }
}

/*lien ket hinh anh*/
div.block-lienket-hinhanh {
    margin-top: calc(var(--c-count-space) * 1);
    margin-left: calc(var(--c-count-space) * 1);
    margin-right: calc(var(--c-count-space) * 1);
    border-radius: var(--c-border-radius);
    background-color: var(--c-white);
}

.block-tintuc-home-item {
    padding: 0;
}

.block-lienket-hinhanh div.block-tintuc-home-item {
    padding-left: 0;
    padding-right: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


.block-lienket-hinhanh div.block-heading {
    /*text-align: center;*/
    margin-bottom: 0px;
    /*  text-align: center;*/
    background-color: var(--c-white);
    margin-bottom: 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.block-lienket-hinhanh div.block-tintuc-home-item {
    background-color: var(--c-white);
}

.block-lienket-hinhanh div.block-tintuc-home-item div.item-lienket-hinhanh {
    background-color: var(--c-white);
    padding: 13.96;
    position: relative;
    margin-bottom: 19px;
    margin-top: 19px;
}

.item-hinhanh-quangcao {
    display: inline-block;
    height: 100px;
    margin: 3px;
}

div.item-hinhanh-quangcao a img {
    height: 100px;
}

.block-title {
    display: inline-block;
    border-bottom: 2px solid #f34423;
    line-height: 1.4;
    margin-bottom: -2px;
    font-size: 19px;
    font-weight: bold;
    color: #2b2666;
    padding-bottom: 8px;
    padding: 13.96 0px;
    text-transform: uppercase;
}

.block-heading {
    padding: 0px 0px;
    border-bottom: 2px solid #eeeeee;
}


@media only screen and (max-width: 768px) {
    .block-heading {
        border-bottom: 2px solid var(--c-white);
    }

    .menu-tren {
        background-color: var(--c-secondary-menu);
    }

    div .block-lienket-hinhanh {
        background-color: var(--c-white);
        border-radius: 8px
            /*calc(var(--c-border-radius)*1)*/
        ;
        margin-top: calc(var(--c-count-space) * 1);
        margin-left: calc(var(--c-count-space) * 1);
        margin-right: calc(var(--c-count-space) * 1);
    }
}

/* **********Footer************/
footer.footer-site {
    background-color: var(--bs-color-footer);
}



.bg-footer {
    background-color: var(--c-footer);
    color: #fff;
}

.block-danhmuc h2,
.block-danhmuc p a,
.block-danhmuc {
    color: var(--c-white);
}

.block-danhmuc {
    padding: 36px 13.96;
}

.bg-footer {
    font-size: var(--c-footer-font) !important;
}



/**********/

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

    .main-news {
        margin-bottom: 20px;
        margin: 0 0px 31px 0px;
        border-bottom-left-radius: var(--c-border-radius);
        border-bottom-right-radius: var(--c-border-radius);
        padding: 13.96;
        background-color: var(--c-white);
    }

    div.footer-top {
        margin: 19px;
    }

    footer.footer-site {
        background-color: transparent;
    }

    .block-sukien-noibat {
        margin-top: calc(var(--c-count-space) * 1);
        margin-left: calc(var(--c-count-space) * 1);
        margin-right: calc(var(--c-count-space) * 1);
        padding-left: 13.96;
        padding-right: 13.96;
        background: white;
        padding-top: 10px;
        padding-bottom: 19px;
        border-radius: var(--c-border-radius);
    }

    .block-sukien-noibat div.block-heading {
        text-align: center;
    }

    /*blocktin*/

    .block-tintuc-home {
        margin-top: calc(var(--c-count-space) * 1);
        margin-left: calc(var(--c-count-space) * 1);
        margin-right: calc(var(--c-count-space) * 1);
        padding-top: 10px;
        border-radius: var(--c-border-radius);

    }

    .block-tintuc-home div.block-heading {
        background-color: var(--c-white);
        text-align: center;
        border-top-left-radius: var(--c-border-radius);
        border-top-right-radius: var(--c-border-radius);
    }

    .block-sukien-noibat-hot-item {
        background-color: var(--c-white);
        border-radius: var(--c-border-radius);
    }

    .block-tintuc-home div.block-tintuc-home-item {
        background-color: var(--c-secondary);
    }

    /*ket thuc*************/


    /*block-sukien-noibat*/
    .block-sukien-noibat-hot {
        margin-left: calc(var(--c-count-space) * 1);
        margin-right: calc(var(--c-count-space) * 1);
        margin-top: calc(var(--c-count-space) * 1);
        border-radius: var(--c-border-radius);
        /*background-color: #b9b9b9;*/
    }

    .block-sukien-noibat-hot div.block-heading {
        text-align: center;
        background-color: var(--c-white);
        margin-bottom: 0px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .block-tintuc-home div.block-carousel-home {
        margin: 0px;
        padding: 0px;
    }

    .block-sukien-noibat-hot div.block-sukien-noibat-item {
        background-color: #fff;
    }

    div.ngay-thongbao {
        display: block;
        clear: both;
        opacity: 1;
        text-align: center;
        padding: 0px 23px;
        margin-bottom: 32px;
    }

    div.ngay-thongbao span {
        padding: 5px 19px;
        border-radius: 13.96;
        font-size: 80%;
        color: var(--c-white);
        background-color: #b9b9b9;
        animation-duration: 4s;
        animation-name: key-view-all;
    }

    .item-tintuc {
        padding: 13.96 13.96;
    }

    .item-tintuc.other {
        width: calc(100% - 0px) !important;
        margin: 0px 0px 0px 0px;
        padding: 13.96 13.96;
        border-radius: var(--c-border-radius);
        background-color: var(--c-white);
        margin-bottom: 8px;
    }

    .item-tintuc.first {
        width: calc(100% - 0px) !important;
        margin: 0px 0px 0px 0px;
        padding: 13.96 13.96;
        border-bottom-left-radius: var(--c-border-radius);
        border-bottom-right-radius: var(--c-border-radius);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background-color: var(--c-white);
        margin-bottom: 8px;
    }

    /*************/


    .logomobile {
        display: inline-block !important;
    }



    .logoweb {
        display: none !important;
    }



}




/* Thong bao */

.lop-lich-ngay {
    position: absolute;
    z-index: 2;
    bottom: 3%;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: 900;
}

.lop-lich-thang {
    position: absolute;
    top: -2%;
    left: 0;
    text-align: center;
    z-index: 1;
    font-size: 10px;
    font-weight: 600;
    background-color: var(--main-color);
    color: #fff;
    width: 100%;
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: 1px solid #fff;
    padding: 4px 3px;
}

.lop-lich {
    position: relative;
    width: 62px;
    height: 58px;
    border: 1px solid var(--c-background-lich);
    border-radius: 0;
    background-color: var(--main-color);
    text-align: center;
    vertical-align: middle;
    margin-left: calc(var(--c-background-lich) -5);
    margin-bottom: calc(var(--c-background-lich) -5);
    transform: scale(1);
    transition: .4s;
}

/* Ket thuc thong bao */


.bg-block-1 {
    /*background-color: #fff;*/
    border-radius: var(--c-border-radius);
    /* padding:19px 0px;*/
    margin-top: 13.96;
    margin-bottom: 13.96;
}

/*number*/
.number-d {
    background-color: #fff;
    color: #333;
    font-style: normal;
    width: 72px;
    height: 72px;
    border-radius: 8px;
    font-weight: 900;
    font-size: 27px;
    text-align: center;
    vertical-align: middle;
}

.number-0 {
    background-color: var(--c-color-number);
    color: #fff;
}

.number-1 {
    background-color: var(--bs-success);
    color: #fff;
}

.number-2 {
    background-color: var(--bs-secondary);
    color: #fff;
}

.number-3 {
    background-color: var(--bs-primary);
    color: #fff;
}

.number-4 {
    background-color: var(--bs-purple);
    color: #fff;
}

.number-5 {
    background-color: var(--bs-orange);
    color: #fff;
}
/*menu search*/
#search-addon {
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 5px;
    right: 12px;
}

.flex-ngay {
    font-size: 14px;
    padding: 9px 0px;
}


.flex-search {
    top: 0;
    font-size: 13px;
    padding: 9px 9px;
}

.flex-search-btn {
    padding: 9px 9px;
}

/**.......*/


/* Kiểu CSS cho bảng trên màn hình nhỏ */

@media (max-width: 768px) {
    .table-responsive-sm {
        overflow-x: auto;

    }

    .table-responsive-lg {
        overflow-x: hidden;
    }
}

.lazy {
    transition: all 2s ease-in-out;
}

.h-250px {
    height: 250px !important;
}

.lazy:hover {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

a {
    color: #263238;
    text-decoration: none !important;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #04A7FF;
}

button {
    cursor: pointer;
}

button:focus {
    outline: none;
}

textarea {
    resize: none;
}

time {
    font-size: 14px;
}

.separator-2,
.separator-3 {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    height: 1px;
}

.separator-2:after {
    height: 1px;
    background: #d1d1d1;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    left: 0px;
    content: "";
    width: 100%;
}

.separator {
    width: 100%;
    margin: 20px auto 15px;
    position: relative;
    height: 1px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0) scale(1, 1);
    -webkit-transform: translateZ(0) scale(1, 1);
}

.separator:after {
    height: 1px;
    background: #e8e8e8;
    background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    content: "";
    width: 100%;
    left: 0;
}

/* Header */

.hdmenu {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 13.96;
}

.opensearch {
    display: none;
    width: 0px;
}

.time_text {
    font-size: 13px;
    font-style: normal;
    justify-content: center;
    position: absolute;
    top: 5px;
}

input.form-control.rounded.m-0.p-0.hdsearch {
    background-color: #2b2666;
    border: 0;
    color: #fff;
    transition: all 1ms ease-out;
    font-size: 13px;
    height: 27px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition-duration: 4s;
    transition-delay: 2s;
}

.loadinputsearch {
    opacity: 1;
    transition: opacity 1s;
    transition: all 1ms ease-out;
}

input.form-control.rounded.m-0.p-0.hdsearch::placeholder {
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    color: #fff;
}

input.form-control.rounded.m-0.p-0.hdsearch::-ms-input-placeholder {
    font-size: 13px;
    color: #fff;
}





.btnxemthem {
    background: transparent !important;
    color: grey !important;
    text-transform: math-auto !important;
}

.btnxemthem-outline {
    float: right;
    font-size: 12px;
    margin-top: 8px;
}


@media only screen and (min-width: 768px) {
    .block-heading {
        margin-bottom: 20px;
    }
}


.logo {
    height: 69px;
}

.form-control-submit,
.form-label {
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    width: 40px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    font-size: 0;
    line-height: 32px;
    cursor: pointer;
}

.search-form-group .form-control {
    line-height: 25px;
    height: 35px;
    padding: 4px 30px 4px 12px;
    transition: all 1s ease;
    display: none;
    font-size: 13px;
}

.search-form-group.open {
    width: 100%;
}

.hdsearch {
    position: relative;
    height: 34px;
    width: 0%;
    transition: width 1s ease;
    float: right;
}

/* End Header */
.breadcrumb {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin: 0;
    background-color: transparent;
    font-size: 14px;
}

@media only screen and (min-width: 768px) {
    .breadcrumb {
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 768px) {
    .breadcrumb-item+.breadcrumb-item {
        padding-left: 10px;
    }
}

.breadcrumb-item+.breadcrumb-item::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f105";
    color: #FFF;
}

@media only screen and (min-width: 768px) {
    .breadcrumb-item+.breadcrumb-item::before {
        padding-right: 6px;
    }
}

.breadcrumb-item.active {
    color: #333;
}


/* Menu body */
.section-title-page {
    background-size: cover;
    background-position: center;
    padding-bottom: 45px;
    padding-top: 45px;
    background: url('/Content/images/page-title.jpg');
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}

h1.title-page {
    font-size: 20px;
}

p.sub-title {
    font-size: 20px;
    text-transform: uppercase;
}

ol.breadcrumb.breadmenucenter {
    background-color: transparent;
}

ol.breadcrumb.breadnewsitem {
    background-color: transparent;
}

ul.breadcrumb.breadmenucenter {
    background-color: transparent;
}

ul.breadcrumb.breadnewsitem {
    background-color: transparent;
}

.section-title-page .sub-title {
    max-width: 890px;
    margin: 0 auto;
    color: #fff;
    font-size: 19px;
    position: relative;
    padding-bottom: 15px;
    line-height: 1.2;
    text-align: center;
    /*text-transform: none;*/
}

ol.breadcrumb.breadnewsitem>li.breadcrumb-item+li.breadcrumb-item::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f105";
    color: #333;
}

ol.breadcrumb.breadmenucenter>li.breadcrumb-item+li.breadcrumb-item::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f105";
    color: #333;
}

ul.breadcrumb.breadnewsitem>li.breadcrumb-item+li.breadcrumb-item::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f105";
    color: #333;
}

ul.breadcrumb.breadmenucenter>li.breadcrumb-item+li.breadcrumb-item::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f105";
    color: #333;
}

.section-title-page .breadcrumb li a {
    position: relative;
    color: #333;
    padding: 0 4px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.3;
}

.section-title-page .breadcrumb li a span {
    position: relative;
    color: #FFF;
    padding: 0 4px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.3;
}

.section-title-page .sub-title::after {
    position: absolute;
    width: 80px;
    height: 5px;
    background: #0093dd;
    content: '';
    display: block;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.section-title-page .breadcrumb {
    /* align-self: end; */
    /* align-items: flex-end; */
    margin-left: auto;
}



.section-title-page li.breadcrumb-item.active {
    position: relative;
    color: #FFF;
    /* padding: 0 4px; */
    text-transform: uppercase;
    font-size: 15px;
    /* line-height: 1.3; */
}

.section-title-page .breadcrumb ul li {
    display: inline-block
}



.related .new-link {
    line-height: 30px;
    color: #847878;
}

.related .new-link a {
    color: #847878;
}

.related {
    padding-left: 0;
    margin-top: 10px;
}

.blog-detail .title-page {
    float: left
}

.blog-detail .nav-breadcrumb {
    float: right
}

.blog-detail li.breadcrumb-item a {
    color: #c1c1c1;
    /* text-transform: none; */
}
/*------------------------------------------------------------------
[Footer]
*/
.footer-page {
    color: #909090;
    margin-top: 40px;
    font-size: 14px;
}

@media only screen and (min-width: 992px) {
    .footer-page {
        margin-top: 80px;
    }
}

.footer-page .footer-logo {
    margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
    .footer-page .footer-logo {
        margin-bottom: 41px;
    }
}
.footer-page a {
    color: #909090;
}

.footer-page a:hover {
    color: #2b2666;
}

.title-footer {
    font-size: 13.96;
    font-weight: 700;
    /* color: #212121; */
    margin-bottom: 11px;
    text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
    .title-footer {
        margin-bottom: 22px;
    }
}

.social-footer {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.social-footer li {
    display: inline-block;
}

.social-footer li:not(:last-child) {
    margin-right: 6px;
}

.social-footer li a {
    display: inline-block;
    background-color: #ffffff;
    color: #01a6ff;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 19px;
}

.social-footer li a:hover {
    background-color: #2b2666;
    color: #fff;
}

.links-footer {
    /* list-style: none; */
    padding-left: 0;
    margin: 0 0 0 17px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.hdbtnsearch {
    font-size: 11px;
    font-weight: 700;
}

@media only screen and (min-width: 992px) {
    .links-footer {
        display: block;
    }
}

.links-footer li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 6px;
}

@media only screen and (min-width: 992px) {
    .links-footer li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .links-footer li {
        margin-bottom: 12px;
    }
}

.links-footer li a {
    color: #fff;
}

.links-footer li a:hover {
    color: #01a6ff;
}

.contact-info-footer {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.contact-info-footer li {
    position: relative;
    padding-left: 36px;
}

.contact-info-footer li:not(:last-child) {
    margin-bottom: 11px;
}

.contact-info-footer li i {
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 14px;
}

.footer-top {
    /* border-top: 20px solid #2b2666; */
    background-color: #2D286C;
    padding: 20px 0;
    margin-top: 10px;
    color: #fff;
    font-family: "Roboto Condensed", sans-serif !important;
}

footer.footer-bottom {
    padding: 10px 0;
    background: #01a6ff;
    color: #FFF;
    font-size: 13.96;
}

/* =========================================
Social Button
========================================= */
.social-button {
    position: fixed;
    top: 33vh;
    right: 8px;
    min-width: 38px;
    text-align: center;
    z-index: 99999;
}

.social-button.hiennut {
    display: inline-grid;
}
.social-button-content {
    display: inline-grid;
}

.social-button a {
    padding: 8px 0;
    cursor: pointer;
    position: relative;
}

.social-button i {
    width: 40px;
    height: 40px;
    background: #43a1f3;
    color: #fff;
    border-radius: 100%;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 999;
}
.social-button i.iconzalo {
    width: 40px;
    height: 40px;
   
    border-radius: 100%;
   
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 999;
    background-image: url('./images/zalo.png') !important;
    background-size: 45px 45px;
    background-repeat: no-repeat;
    object-fit: fill;
}
.social-button.hide{
    display: none;
}

.social-button img {
    width: 40px;
    height: 40px;
    background: #43a1f3;
    color: #fff;
    border-radius: 100%;
    font-size: 20px;
    text-align: center;
    line-height: 1.9;
    position: relative;
    z-index: 999;
}

.social-button span {
    display: none;
}

.alo-circle {
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: zoomIn;
    width: 50px;
    height: 50px;
    top: 3px;
    right: -3px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    border-color: #0089B9;
    opacity: .5;
}

.alo-circle-fill {
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: pulse;
    width: 60px;
    height: 60px;
    top: -2px;
    right: -8px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    background-color: rgba(0, 175, 242, 0.5);
    opacity: .75;
}

.social-button .facebook-icon i {
    background-color: #036CE4;
}

.social-button .youtube-icon i {
    background-color: #FF0000;
}
.social-button .viber-icon img {
    background: #8158a1 !important;
}
.call-icon:hover>span,
.call-icon:hover>span,
.zalo-icon:hover>span,
.youtube-icon:hover>span,
.ontop-icon:hover>span,
.facebook-icon:hover>span,
.mail-icon:hover>span {
    display: block
}

.social-button a span {
    border-radius: 2px;
    text-align: center;
    background: #F7A001;
    padding: 9px;
    display: none;
    width: 180px;
    margin-right: 10px;
    position: absolute;
    color: #ffffff;
    z-index: 999;
    top: 9px;
    right: 40px;
    transition: all 0.2s ease-in-out 0s;
    -moz-animation: headerAnimation 0.7s 1;
    -webkit-animation: headerAnimation 0.7s 1;
    -o-animation: headerAnimation 0.7s 1;
    animation: headerAnimation 0.7s 1;
}

@-webkit-keyframes headerAnimation {
    0% {
        margin-top: -70px;
    }

    100% {
        margin-top: 0;
    }
}

@keyframes headerAnimation {
    0% {
        margin-top: -70px;
    }

    100% {
        margin-top: 0;
    }
}

.social-button a span:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0px 10px 10px;
    border-color: transparent transparent transparent #F7A001;
    position: absolute;
    right: -10px;
    top: 10px;
}

li.list-group-item.bg-transparent.text-light.p-0.pb-2.m-0.pl-1.itemtruycap::before {
    content: "●";
    margin-right: 0rem;
    /*  color: #fff;*/
    --color-text-color: var(--bs-body-color);
}

li.list-group-item.bg-transparent.text-light.p-0.pb-2.m-0.pl-1.itemtruycaplink::before {
    content: "●";
    margin-right: 0rem;
    --color-text-color: var(--bs-body-color);
}

.meta-time:before {
    content: "\f073";
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    /* background-color: #909090; */
    width: 10px;
    height: 10px;
    margin-right: 6px;
    vertical-align: -1px;
}

@media only screen and (min-width: 768px) {
    .meta-time:before {
        content: "\f073";
        font-family: 'Font Awesome 5 Pro';
        display: inline-block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        /* background-color: #909090; */
        width: 10px;
        height: 10px;
        margin-right: 6px;
        vertical-align: -1px;
    }
}

/* ==================================*/
.side-category .list-group {
    border: 1px solid #dddddd;
    border-radius: 0;
    padding: 10px 0;
    background-color: #f5f5f5;
}

.side-category .list-group-item {
    border: none;
    border-radius: 0 !important;
    background-color: #f5f5f5;
}

.side-category .list-group-item a {
    font-size: 19px;
    display: inline-block;
    color: #333;
    font-family: "Roboto Condensed", sans-serif;
}

@media only screen and (min-width: 992px) {
    .side-category .list-group-item a {
        font-size: 19px;
        font-weight: 500;
        border-left: 4px solid transparent;
        padding-left: 10px;
    }
}

.side-category .list-group-item a:hover {
    color: #29166f;
    border-left-color: #2499dc;
}

.side-category .list-group-item.active a {
    color: #29166f;
    border-left-color: #2499dc;
}



/*Trang con*/
/*img{
    width:100%!important;
    height:auto !important;
    object-fit:contain !important;
}*/
.blog-detail img {
    width: 100% !important;
    height: auto !important;
    background-size: cover;
    background-attachment: fixed;
    object-fit: contain !important;
}


.thumb-art.thunb-art-list picture img {
    width: 100%;
    height: 100%;
    background-size: cover;
}

/*Khoi tin trang chu*/
.thumb-art.thunb-art-list.homepagenewhost-img {
    width: 85px;
    height: 68px;
}

.thumb-art.thunb-art-list.homepagenewhost-img picture img {
    width: 100%;
    height: 100%;
    background-size: cover;
}

/*End Khoi tin*/



/*Khoi tin catalo*/
.thumb-art.thunb-art-list.homepagenewhost-img {
    width: 85px;
    height: 68px;
}

.thumb-art.thunb-art-list.homepagenewhost-img picture img {
    width: 100%;
    height: 100%;
    background-size: cover;
}

/*Tin dau*/
.btn-default {
    border-color: #e0e0e0;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    color: #212121;
}

.btn-default:hover {
    background-color: #e6e6e6;
    border-color: #e0e0e0;
}

.homepagenewhostfirst-img {
    width: 100%;
    height: 100%;
}

.homepagenewhostfirst-img picture img {
    width: 100%;
    height: 100%;
    background-size: cover;
}


@media only screen and (min-width: 768px) {
    .box-other-news {
        padding-bottom: 10px;
    }
}

.item-wrap-full .img {
    margin-bottom: 15px;
}

.item-wrap-full {
    margin-bottom: 15px;
}

.item-full-caption .desc {
    margin-top: 13px;
    margin-bottom: 14px;
    color: #53585C;
    font-size: 13.96;
    line-height: 1.5;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.meta-time {
    color: #847878;
    font-size: 14px;
    margin-bottom: 10px;
}

.meta-time:before {
    content: "\f073";
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    /* background-color: #909090; */
    width: 10px;
    height: 10px;
    margin-right: 6px;
    vertical-align: -1px;
}

.meta-time-overlay {
    color: #fff;
    font-size: 11px;
}

.meta-time-overlay i {
    margin-right: 4px;
}

.main-news {
    margin-bottom: 20px;
}

.main-news .title {
    line-height: 1.5;
}

.main-news .meta-time {
    margin-bottom: 10px;
}

.main-news .desc {
    font-size: 13.96;
    margin-bottom: 10px;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.news-item .desc-news {
    text-align: justify;
}

.meta-time-icon {
    color: #fff;
    font-size: 11px;
}

.meta-time-icon i {
    margin-right: 4px;
}

.photo-item-text .meta-time-icon {
    color: #fff;
}

.photo-item-text h3 a {
    color: #fff;
    font-size: 13.96;
}

.category-featured .item-wrap .meta-time {
    color: #fff;
}

.single-post .meta-time {
    font-size: 13.96;
}


.desc-2-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.desc-3-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.desc-4-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}


.desc-5-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.desc-6-line {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*End Khoi tin*/

/* Fixed navigation
---------------------------------- */

/* Small devices (tablets, 768px and up) */



.number {
    display: block;
    width: 44px;
    height: 44px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 44px;
    background-color: #e5e5e5;
    font-weight: 700;
    color: #333;
    font-style: normal;
    font-size: 19px;
}

.list-news-special .number {
    position: absolute;
    top: 0;
    left: 0;
}

.list-news-special h3 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 500;
    font-size: 13.96;
    line-height: 20px;
    /*  max-height: 40px;*/
}

/*------------------------------------------------------------------
[Header]
*/
.header-page {
    -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
}

.header-top {
    margin-bottom: 0;
    padding-top: 0;
    background-color: #2b2666;
    position: relative;
    z-index: 100;
    color: #FFF;
}

@media (max-width: 767.98px) {
    .header-top {
        margin-bottom: 10px;
    }
}

.header-top-left {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
}

@media (max-width: 767.98px) {
    .header-top-left {
        display: none;
    }
}

.header-top-right {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (min-width: 768px) {
    .header-top-right {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
}

.header-top-right ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    height: 34px;
    float: right;
}

@media (max-width: 767.98px) {
    .header-top-right ul {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
    }
}

.header-top-right ul li {
    float: left;
    min-width: 30px;
    overflow: hidden;
    text-transform: uppercase;
}

.header-top-right ul li+li {
    border-left: 2px solid #f7f7f7;
    padding-left: 12px;
    margin-left: 12px;
}

@media only screen and (min-width: 768px) {
    .header-top-right ul li+li {
        padding-left: 10px;
        margin-left: 0;
        line-height: 33px;
    }
}

.search-form-group {
    position: relative;
    height: 34px;
    width: 0%;
    transition: width 1s ease;
    float: right;
}

.search-form-group .form-control {
    line-height: 25px;
    height: 35px;
    padding: 4px 30px 4px 12px;
    transition: all 1s ease;
    display: none;
    font-size: 13px;
}

.search-form-group .form-control:focus {
    box-shadow: none;
    border-color: #2b2666;
}

.search-form-group.open {
    width: 100%;
}

.search-form-group.open .form-control {
    display: block;
    background: #14317e;
    border: 0;
    border-radius: 0;
    padding: 0 0 0 15px;
    color: #FFF;
}

.search-form-group.open .form-control-submit {
    z-index: 10;
}

.form-control-submit,
.form-label {
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    width: 40px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    font-size: 0;
    line-height: 32px;
    cursor: pointer;
}

.form-control-submit {
    z-index: -1;
}

.form-label i {
    font-size: 19px;
}

.header-middle {
    padding: 10px 0;
    border: 1px solid #CCC;
}

.toggle-menu {
    padding-left: 15px;
    right: 20px;
    position: absolute;
}

.box-news-special div div div div.carousel-inner div.carousel-item.position-relative {
    height: 435px;
}

div#recipeCarouselSlide-Top {
    height: 600px;
}

div#recipeCarouselSlide-Top .carousel-inner {
    height: 100%;
    width: 100%;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 33px;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
}

button.carousel-control-prev {
    position: absolute;
    height: 100%;
}

button.carousel-control-next {
    position: absolute;
    height: 100%;
}

.carousel-item.carousel-item-video {
    height: 100%;
    width: 100%;
}

@media only screen and (max-width: 991px) {
    div#recipeCarouselSlide-Top {
        height: 180px;
    }
}

.container.vung-header {
    padding: 0;
}

.container.menutop {
    padding: 0;
}

nav.menu-tren {
    height: auto;
}

.search-box-group {
    position: relative;
    width: 100%;
    height: 100%;
}

.search-box-input {
    width: 100%;
    max-width: 222px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 45px;
    z-index: 1;
}

.search-box-btn {
    position: absolute;
    top: 0;
    right: -5px;
    width: 38px;
    height: 100%;
    z-index: 333;
}

.row.block-tintuc-home-top .col-md-4:not(:last-child) {
    padding-right: 8px;
}

.row.block-tintuc-home-top .col-md-4 {
    padding-bottom: 8px;
}



@keyframes keysearch {
    0% {
        opacity: 0;
        transform: translateX(200px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}


#idinputSearch {
    position: absolute;
    top: 5px;
    right: 45px;
    transition: 2s;
    opacity: 1;
    max-width: 222px;
    animation-duration: 0.4s;
    animation-name: keysearch;
}

input#txtSearchMain {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    animation-duration: 0.4s;
    animation-name: keysearch;
}

button#btnSearchMain.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    height: 20px;
    padding: 2px 8px;
}

.input-group-append {
    margin-left: 9px;
}

.row.vung-4-first .col-md-6:nth-child(1) {
    padding-right: 8px;
    padding-bottom: 8px;
}

.row.vung-4-first .col-md-6:nth-child(2) {
    padding-bottom: 8px;
}


.row.vung-4-other .col-md-4:not(:last-child) {
    padding-right: 8px;

}

.row.vung-4-other .col-md-4 {
    padding-bottom: 8px;
}

img.lazy.khong-them {
    width: 100%;
    height: auto;
    padding: 0;
    display: block;
    cursor: pointer;


}

.tin-boc-ngoai-img-286 {
    width: 100%;
    max-height: 286px;
    height: auto;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.tin-boc-ngoai-img-250 {
    width: 100%;
    max-height: 250px;
    height: auto;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.tin-boc-ngoai-img {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.row.tin-to-group .col-md-4:not(:last-child) {
    padding-right: 8px;

}

.row.tin-to-group .col-md-4 {
    padding-bottom: 8px;
}

.container.vung-5 {
    padding: 0;
}

.container.vung-6 {
    padding: 0;
}

.container.vung-footer {
    padding: 0;
}




/* =========================================
Social Button
========================================= */


.social-button.hiennut {
    display: inline-grid;
}

.social-button-content {
    display: inline-grid;
}

.social-button a {
    padding: 8px 0;
    cursor: pointer;
    position: relative;
}

.social-button i {
    width: 40px;
    height: 40px;
    background: #43a1f3;
    color: #fff;
    border-radius: 100%;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 999;
}

.social-button img {
    width: 40px;
    height: 40px;
    background: #43a1f3;
    color: #fff;
    border-radius: 100%;
    font-size: 20px;
    text-align: center;
    line-height: 1.9;
    position: relative;
    z-index: 999;
}

.social-button span {
    display: none;
}

.alo-circle {
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: zoomIn;
    width: 50px;
    height: 50px;
    top: 3px;
    right: -3px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    border-color: #0089B9;
    opacity: .5;
}

.alo-circle-fill {
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: pulse;
    width: 60px;
    height: 60px;
    top: -2px;
    right: -8px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    background-color: rgba(0, 175, 242, 0.5);
    opacity: .75;
}

.social-button .facebook-icon i {
    background-color: #036CE4;
}

.social-button .youtube-icon i {
    background-color: #FF0000;
}

.call-icon:hover>span,
.youtube-icon:hover>span,
.facebook-icon:hover>span,
.mail-icon:hover>span {
    display: block
}

.social-button a span {
    border-radius: 2px;
    text-align: center;
    background: #F7A001;
    padding: 9px;
    display: none;
    width: 180px;
    margin-right: 10px;
    position: absolute;
    color: #ffffff;
    z-index: 999;
    top: 9px;
    right: 40px;
    transition: all 0.2s ease-in-out 0s;
    -moz-animation: headerAnimation 0.7s 1;
    -webkit-animation: headerAnimation 0.7s 1;
    -o-animation: headerAnimation 0.7s 1;
    animation: headerAnimation 0.7s 1;
}

@-webkit-keyframes headerAnimation {
    0% {
        margin-top: -70px;
    }

    100% {
        margin-top: 0;
    }
}

@keyframes headerAnimation {
    0% {
        margin-top: -70px;
    }

    100% {
        margin-top: 0;
    }
}

.social-button a span:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0px 10px 10px;
    border-color: transparent transparent transparent #F7A001;
    position: absolute;
    right: -10px;
    top: 10px;
}

div.social-button-content a div.alo-circle {
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: zoomIn;
    width: 50px;
    height: 50px;
    top: 3px;
    right: -5px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid var(--c-white);
    opacity: .1;
    border-color: var(--c-color-primary);
    opacity: .5;
}

div.social-button-content a div.alo-circle-fill {
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: pulse;
    width: 39px;
    height: 39px;
    top: 8px;
    right: 1px;
    position: absolute;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    background-color: var(--c-color-primary-1);
    opacity: .75;
}

.social-button i#gotoTop {

    width: 38px;
    height: 38px;
    margin-left: 10px;
    padding-left: 0px;
    background: #43a1f3;
    color: #fff;
    border-radius: 100%;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 999;
}

li.icon_list.clearfix:not(:last-child) {
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}

.container.bg-white {
    padding: 8px;
}

.container.vung-5 {
    padding: 8px;
}

.container.vung-6 {
    padding: 8px;
}

.row.vung-tin-tuc .col-md-4 {
    padding-left: 8px;
}

@media only screen and (max-width: 992px) {
    .row.vung-tin-tuc .col-md-4 {
        padding-left: 0px;
    }

    .social-button.hiennut {
        left: 8px;
        top: 33vh;
        min-width: 38px;
        width: 38px;
        text-align: left;
        z-index: 99999;
    }

    .row.block-tintuc-home-top .col-md-4:not(:last-child) {
        padding-right: 0px;
    }

    .row.vung-4-first .col-md-6:nth-child(1) {
        padding-right: 0px;

    }

    .row.vung-4-other .col-md-4:not(:last-child) {
        padding-right: 0px;
    }

    .row>* {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        /* padding-right: 0;
        padding-left: 0; */
        margin-top: var(--bs-gutter-y);
    }

    div.hinhanh-benphai.other a img,
    div.hinhanh-benphai.first a img {
        border: 0px solid #fff;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        max-height: 200px;
    }

    .newsitem {
        
        margin-left: 0;
        margin-right: 0;
        padding: 8px;
        border-radius: 0;
        text-align: justify;
    }
}

.video-block-left {
    width: calc(100%);
    position: relative;
    height: 288px;
    left: 0px;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    padding-bottom: 19px;
}

.card-video-item-other p.card-video-text {
    position: absolute;
    height: 55px;
    width: calc(100%);
    z-index: 2;
    font-size: 12px;
    top: 3px;
    left: 8px;
}

.card-video-line {
    position: absolute;
    top: 48px;
    width: calc(100%);
    border-bottom: 1px solid #dfdfdf;
}

.video-block-right {
    height: calc(100%);
    width: calc(100%);
    background: #fff;
}

.card-video-item-other {
    position: relative;
    cursor: pointer;
    height: 50px;
    background: #fff;
    color: #333;
    width: 100%;
}

.card-video-item-other p.card-video-text {
    position: absolute;
    height: 56px;
    width: calc(100% - 65px);
    z-index: 2;
    font-size: 12px;
    top: 3px;
    left: 68px;
}

.text-hai-dong-canh-le {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
}

.card-video-line {
    position: absolute;
    top: 48px;
    width: calc(100% - 21px);
    border-bottom: 1px solid #dfdfdf;
}

.container.vung-sau-navbar {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.btn-vang {
    border-color: rgba(0, 0, 0, 0.05);
    background-color: #d26e4b;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    color: #fff;
}

.btn-vang i {

    color: #fff;
}

.lien-he {
    position: relative;
    width: 100%;
    height: 345px;
}

h3.lien-he-title {
    position: absolute;
    top: 0;
    vertical-align: middle;
    text-align: center;
    z-index: 2;
    width: 100%;
    height: 100%;
    font-size: 28px;
    font-weight: 700;
    color: #7d7d7d;
    text-transform: uppercase;
}

p.lien-he-dia-chi-1 {
    position: absolute;
    top: 63px;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    z-index: 3;
    text-align: center;
    color: #939598;
}

p.lien-he-dia-chi-2 {
    position: absolute;
    top: 90px;
    left: 0;
    z-index: 4;
    font-size: 14px;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #939598;
}

.lien-he-vi-tri {
    position: absolute;
    width: calc(100% - 8px);
    left: 0;
    top: 117px;
    height: 100%;
}


.text-center.contact-info h3 {
    text-align: center;
    text-transform: uppercase;
    padding: 19px;
    font-size: 32px;
}

.albumhome {
    width: 100% !important;
    height: auto;
}


@keyframes keynhomnganh {
    0% {
        opacity: 0;
        transform: translateY(200px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* *group-nhom-nganh-dao-tao* */
.group-nhom-nganh-dao-tao {
    width: 100%;
    height: 353px;
    position: relative;


}

.group-nhom-nganh-dao-tao:hover .nhom-nganh-dao-tao-hieu-ung {
    opacity: 0.8;
}

.group-nhom-nganh-dao-tao:hover ul.nhom-nganh-dao-tao-title {
    opacity: 1;
    transform: translateY(0);
}

h5.nhom-nganh-dao-tao-title {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    font-size: 19px;
    font-weight: 700;
    z-index: 1;
}

.nhom-nganh-dao-tao-boc-img {
    position: absolute;
    width: 100%;
    height: 260px;
    top: 29px;
    left: 0;
    z-index: 2;
}

img.nhom-nganh-dao-tao-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

ul.nhom-nganh-dao-tao-title {
    position: absolute;
    top: 67px;
    left: 0;
    opacity: 0;
    padding-top: 19px;
    width: 100%;
    height: calc(100%);
    color: #fff;
    font-size: 13.96;
    font-weight: 600;
    z-index: 4;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity .5s ease, transform .5s ease;
}

.nhom-nganh-dao-tao-hieu-ung {
    position: absolute;
    width: 100%;
    height: 260px;
    top: 29px;
    left: 0;
    background: #026bb5;
    z-index: 3;
    opacity: 0;

}

.block-danhmuc {
    padding: 0;
    padding-top: 12px;
}

.block-danhmuc-luot-truy-cap {
    padding: 0;
    padding-top: 0;
}

ul.column-margin-left {
    list-style-type: none;
    padding: 0;
}

.container-fluid.menutop.section.wrap-main-nav.bg-white {
    padding: 0px;
}

.container-fluid.vung-footer {
    padding: 0;
}

.container-fluid.vung-carousel {
    padding: 0px;
}
ul.tin-tuc-box-category-group {
    list-style-type: none;
    padding: 8px;
}
.page-item:not(:first-child) .page-link {
    margin-left: 14px;
    height: 43px;
    width: 43px;
    font-size: 19px;
    padding: 8px;
}
.pagination .page-link {
    float: left;
    margin: 0 2.5px;
    width: 28px;
    background: var(--color-main-color);
    text-align: center;
    height: 28px;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    border-radius: 0;
    border: 1px solid var(--color-main-color) !important;
    text-decoration: none;
    border-radius: 3px !important;
    padding: 0;
    height: 43px;
    width: 43px;
    font-size: 19px;
    padding: 8px;
}
.block-sukien-noibat-hot.animate__animated.animate__backInRight
{
    background-color: #e5e5e5;
}
ul.block-sukien-noibat-hot-item {
    padding: 0px 14px;
  
}
.block-heading-tin-noi-bat >a>h3 {
    border-bottom: 2px solid #f34423;
    display: inline-block;
    font-size: 19px;
}
.block-heading-tin-noi-bat >a {
    border-bottom: 1px solid #e3e2e1;
    display: block;
 
}
.block-heading-tin-noi-bat {
    padding: 9px 15px;
}
.bg-header-body>.row>.col-md-12>ul.breadcump>li>a>i,
.bg-header-body>.row>.col-md-12>ul.breadcump>li>a>i::before,
.bg-header-body>.row>.col-md-12>ul.breadcump>li>a>span
{
    font-size: 19px;
}
@media screen and (max-width: 992px) {
    ul.block-sukien-noibat-hot-item {
        padding: 0px 0px;
    }
    .container.bg-white {
        padding: 8px;
        padding-left: 8px;
        padding-right: 8px;
        margin: 0;
    }

    .block-carousel-home {
        padding: 8px;
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 8px;
    }

    .block-video-noi-bat {
        padding: 8px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .vung-video .col-md-12 {
        padding: 8px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .container.vung-5 {
        padding: 8px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .container.vung-6 {
        padding: 8px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .container.vung6-bg {
        padding: 8px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .container.bg-header-body {
        padding: 8px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .block-tintuc-home {
        padding: 8px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .block-lienket-hinhanh {
        padding: 8px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .container.vung-contact .row .col-md-3 {
        padding: 8px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .row {
        /* padding: 0 !important;
        margin: 0 !important; */
    }

    .tinto-ngay {
        display: block;
        clear: both;
        text-align: center;
        margin-bottom: 19px;
        background-color: transparent;
    }
}

img.tinhinhchunhat-img.khong-them {
    height: 199px;
    width: 100%;
}

.col-md-3.vung-thong-bao {
    padding: 13.96 0px;
    padding-right: 12px;
}

.block-thong-bao {
    height: 403px;
    background: #fff;
    padding: 2px 14px;
}

.col-md-12.vung-hinh-su-kien-tren {
    padding: 0;
}

.row.vung-3>.col-md-9 {
    padding: 0;
}

.row.vung-3>.col-md-3 {
    padding-right: 0;
    padding-top: 13.96;
}

li.item-thongbao>a>h3>span {
    font-size: 12px;
    font-weight: normal;
    color: #182940;
    text-align: justify;
    font-family: 'Roboto Condensed';
    padding-bottom: 12px;
}

ul.block-thong-bao-item>li:not(:last-child)>a>h3>span {
    border-bottom: 2px dashed #eee;
}

li.item-thongbao {
    padding-left: 0px;
    margin: 0;
}

ul.block-thong-bao-item {
    padding: 0;
}

.row.vung-4>div {
    padding: 0;
}

.col-md-12.vung-4-1 {
    padding: 0;
    padding-right: 12px;
}

.col-md-12.vung-4-2 {
    padding: 0;
    padding-right: 12px;
}

.col-md-12.vung-4-3 {
    padding: 0;
}

.row.vung-video>.col-md-9 {
    padding: 0;
    padding-right: 12px;
}

.row.vung-video>.col-md-3 {
    padding: 0;
}

.video-block-left {
    width: calc(100% - 0px);
    position: relative;
    height: 453px;
    left: 13.96;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    padding-bottom: 0px;
}

.card-video-item-other {
    position: relative;
    cursor: pointer;
    height: 77px;
    background: #fff;
    color: #333;
    width: 100%;
}

span.text-hai-dong-canh-le {
    font-size: 12px;
    font-family: 'Roboto Condensed';
    line-height: 20px;
}

img.card-img-top.card-img-size {
    position: absolute;
    top: 0px;
    left: 0;
    width: 65px;
    height: 56px;
    z-index: 1;
    border: 1px solid #f3f2f1;
}

.card-video-item-other p.card-video-text {
    position: absolute;
    height: 56px;
    width: calc(100% - 21px);
    z-index: 2;
    font-size: 12px;
    top: 9px;
    left: 75px;
}

.col-md-12.vung-video {
    padding: 0px 12px;
}

.van-ban-module {
    background-color: #fff;
    padding: 0;
    height: 599px;
    width: 100%;
    border-top: 1px solid #e3e3e3;
    margin-top: 0px;
}

.me-2 {
    margin-right: .5rem !important;
    padding-top: 0px;
}

.col-md-12.vung-chuyen-de {
    padding: 0;

}

.chuyen-de-website {
    background: #fff;
    padding: 27px;
}

.chuyen-de-group {
    background: #fff;
    padding: 27px;
    height: 341px;
}

.vung-cuoi-cung>.row>.col-md-9 {
    padding: 0px;
}

.col-md-6.lien-ket-website-item {
    padding: 10px 17px;
    border-bottom: 1px solid #ccc;
}

.col-md-6.lien-ket-website-item>a>h3>span {
    font-size: 14px;
    font-family: 'Roboto Condensed';
    color: #182940;
}

.col-md-8.vung-block-trai {
    padding-left: 0px;
}

.col-md-12.vung-chuyen-de-web {
    padding-right: 0px;
}

.container.vung-cuoi-cung>.row>.col-md-3>.row>.col-md-12 {
    padding: 0;
    background: #fff;
}

.danh-sach-van-ban {
    height: 472px;
    padding: 27px;
}

.van-ban-item {
    position: absolute;
    top: 15px;
    left: 19px;
    width: calc(100% - 38px);
    height: 100%;
    font-size: 12px;
    line-height: 22px;
    font-size: 12px;
    font-family: 'Roboto Condensed';
    color: #182940;
}

ul.van-ban-group {
    padding: 0;
    font-size: 12px;
    color: #182940;
    text-align: justify;
    font-family: 'Roboto Condensed';
    padding-bottom: 12px;
}

ul.van-ban-group>li>h1 {
    color: #EC1B24;
    font-size: 12px;
    text-transform: uppercase;
}

ul.van-ban-group>li:not(:last-child) {
    border-bottom: 2px dashed #eee;
}

ul.van-ban-group>li {
    padding-left: 0px;
    margin: 0;
}

ul.van-ban-group>li {
    padding: 12px 0px;
}


/* footer */
footer {
    padding: 0;
    margin: 0;

}

.footer-bg-row {
    padding: 0;
    margin: 0;

    background-image: url('./images/bg-footer.png');
    background-size: 100% 100%;
    opacity: 0.8;
}

.footer-bg-col {

    background-color: #f3f2f1;
    opacity: 1;
    z-index: 1000;

}

.container-fluid.vung-footer {
    padding: 0;
}

h5.tieu-de-footer {
    color: #f3101d;
    font-weight: bold;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 19px;
}

div.info-footer>h1 {
    color: #bc561b;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
}

div.info-footer {
    font-size: 14px;
    font-family: 'Roboto Condensed';
}

div#collapsibleNavIdFooter {
    height: 27px;
}

.mynumber {
    padding: 6px;
    font-weight: bold;
    background-color: #BE1A23;
    color: #fff;
    font-size: 10px;
    font-family: 'Roboto Condensed';
    display: inline-block;
}

.canh-trai {
    text-align: left;
}

.container-fluid.vung-ngay {
    padding: 0px 13.96;
    background-color: #fff;
    height: 39px;
}

.container-fluid.vung-ngay>.row>.col-3 {
    display: flex;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
}

.col-2.ngayhomnay>span {
    font-family: 'Roboto';
    font-size: 13px;

    color: #182940;
}

.top_bar>div>div>marquee>a {
    font-weight: 700;
    font-size: 13px;
    color: #3b4e68;
    font-family: 'Roboto Condensed' !important;
    padding: 12px 0px;
}

div.list-data-item {
    padding-top: 12px;
    height: 76px;
}

.block-title {
   
    display: block;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 8px;
}

.lich-lam-viec {
    display: block;
    width: 100%;
    background: #fff;
    padding: 0px 12px;
    margin-bottom: 0px;
}

.lich-lam-viec>.block-heading {
    padding: 0px 0px;
}

.lich-lam-viec>.row>div {
    font-size: 13px;
    padding: 12px 12px;
    font-family: 'Roboto Condensed';
}

.lich-lam-viec>.row>div {
    padding: 12px 12px;
}

.lich-lam-viec>.row:not(:last-child)>div {
    border-bottom: 1px dotted #eee;

}

.col-2.lich-lam-viec-thoi-gian {
    color: #ef3941;
}

.block-title span {
    color: #8dc63f;
    font-size: 10px;
    text-transform: lowercase;
    float: right;
    font-weight: bold;
    padding: 10px 0px;
    font-family: 'Roboto Condensed';
}

.block-title span::first-letter {

    text-transform: uppercase;

}



.block-heading {
    padding: 0;
    /* padding-top: 27px; */
}

ul.list_news_show_home {
    padding: 0;
}
.so-luot-truy-cap-trai>div
{
    float: right;
}
.so-luot-truy-cap-giua>div
{
    text-align: center;
}
.so-luot-truy-cap-phai>div
{
    float: left;
}
h5.canh-trai
{
    color: #ef3941;
    font-size: 12px;
    
    font-weight: bold;
    
    font-family: 'Roboto Condensed';
    
}
.card-video-item-other {
    
    cursor: pointer;
    height: 77px;
    background: #fff;
    color: #333;
    width: 100%;
    margin-bottom: 17px;
    margin-left: 19px;
}
.tim-kiem-van-ban {
    background: #fff;
    padding: 19px 19px;
    font-size: 14px;
    line-height: 38px;
    font-family: 'Roboto Condensed';
    height: 599px;
}
.lien-ket-website {
    border: 0px solid #e1e1e1;
    padding: 0;
}
div.lien-ket-website>select {
    width: 100%;
    border: 1px solid #eee;
    padding: 8px 10px;
    font-size: 14px;
    font-family: 'Roboto Condensed';
    outline-color: #eee;
    border-radius: 5px;
}
.tim-kiem-van-ban>.block-heading {
    padding: 0px;
}

.mauchon {
    
   background-color: #af2e2c;
}


/* category */
.tin-tuc-box-category-tom-tat {
    text-align: justify;
    width: calc(100%);
    padding-bottom: 8px;
    font-size: 14px;
    font-family: 'Roboto Condensed';
    color: #3B4E68;
}
.tin-tuc-box-category-title h3 {
    line-height: 29px;
    padding: 19px 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 22px;
    color:#031739;
    font-family: 'Roboto Condensed';
}

.tin-tuc-box-category-boc-img {
    width: 200px;
    height: 120px;
    overflow: hidden;
    margin-right: 27px;
}
ul.tin-tuc-box-category-group {
    margin: 0;
    padding: 0;
}
.col-4.ngayhomnay {
    padding: 11px 0px;
    font-size: 13px;
}
.block-tintuc-home {
    position: relative;
    background-color: #fff;
    padding: 24px;
}
.container.vung-video-hinhanh {
    margin-top: 19px;
}
.container>.row.vung-4 {
    margin-top: 19px;
}
.container.vung-thu-ba {
    margin-top: 19px;
}
.row.vung-1-b {
    margin-top: 19px;
}
.container.vung-thu-hai {
    margin-top: 19px;
}
.chuyen-de-website {
    background: #fff;
    padding: 27px;
    height: 471px;
}
.video-block {
    background: #fff;
    padding: 27px;
    height: 599px;
}
.row.vung-3>.col-md-3 {
    padding-right: 0;
    padding-top: 0;
}
.block-thong-bao {
    height: 388px;
    background: #fff;
    padding: 2px 14px;
}
@media all and (max-width: 992px) { 
    .so-luot-truy-cap-trai>div
{
    float:none;
    text-align: center;
}
.so-luot-truy-cap-giua>div
{
    text-align: center;
}
.so-luot-truy-cap-phai>div
{
    float: none;
    text-align: center;
}
.tin-tuc-box-category-mo-ta.d-block.d-md-none {
    padding: 19px 0px;
} 

.meta-time {
    color: #847878;
    font-size: 14px;
    padding: 19px 0px;
    margin-bottom: 10px;
}
.tin-dau-tien-title>a>span.text-hai-dong {
    padding: 15px 0px;
    text-align: justify;
    width: calc(100%);
    padding-bottom: 8px;
    font-size: 17px;
    font-family: Roboto Condensed;
    color: #3B4E68;
}
.tin-dau-tien-tom-tat>span.text-hai-dong {
    font-size: 14px;
    padding: 19px 0px;
    font-family: 'Roboto Condensed';
    color: #3B4E68;
    line-height: 23px;
    padding-top: 0px;
}
.block-tintuc-home-item-first-info {
    background-color: #fff;
    padding: 0;
    height: 100%;
    text-align: justify;
}
div#idGroupSearch button#btnSearchMain {
    position: absolute;
    width: 35px;
    height: 27px;
    top: 19px;
    padding: 10px 20px;
    right: 8px;
    transform: translateY(-50%);
    z-index: 2;
    color: #ff0a6a;
    font-size: 13.96;
}
.myCarouseltintronVungMot div.carousel-inner.carousel-inner-cicrle .carousel-item>.tinvuong {
    width: 100%;
    height: 250px;
}   
.video-block-right {
    margin-top: 0px;
    height: 100%;
    background: #fff;
    height: calc(100%);
    width: 100%;
    padding: 0;
    margin-bottom: 0;
}
.card-video-item-other {
    cursor: pointer;
    height: 77px;
    background: #fff;
    color: #333;
    width: 100%;
    margin-bottom: 17px;
    margin-left: 0;
}
.video-block {
    background: #fff;
    padding: 0px;
}
.row.vung-video>.col-md-9 {
    padding: 0;
    padding-right: 0;
}
.myCarouseltintronVungBa div.carousel-inner.carousel-inner-cicrle .carousel-item>.tinvuong:not(:last-child) {
    margin-right: 0;
    width: 100%;
}
.myCarouseltintronVungBa div.carousel-inner.carousel-inner-cicrle .carousel-item>.tinvuong {
    width: 100%;
    height: 269px;
}
.vung-1-b>.col-md-12 {
    padding: 27px;
   
}
.col-md-12.vung-2-a {
    padding: 27px;
}
.col-md-12.vung-2-b {
    padding: 27px;
}
.col-md-12.vung-hinh-su-kien-tren {
    padding: 27px;
}
.row.vung-3>.col-md-9 {
    padding: 27px;
}
.row.vung-3>.col-md-3 {
  
    padding: 27px;
}
.col-md-12.vung-4-1 {
  
    padding: 27px;
}
.col-md-12.vung-4-1 {
  
    padding: 27px;
}
.col-md-12.vung-4-3 {
    padding: 27px;
}
.row.vung-video>.col-md-9 {
  
    padding: 27px;
}
body {
    background-color: #fff;
}
.col-md-12.vung-4-2 {
  
    padding: 27px;
}
.video-block-left {
  
    left: 0;
 
}
.row.vung-1-a>.col-md-7 {
    padding: 12px;
    background-color: #fff;
    height: 292px;
}
.tim-kiem-van-ban {
    background: #fff;
    padding: 19px 19px;
    font-size: 14px;
    line-height: 38px;
    font-family: 'Roboto Condensed';
    height: 443px;
}
.block-thong-bao {
    height: 269px;
    background: #fff;
    padding: 2px 14px;
}
.block-title {
   
    text-align: center;
}
.HomePageNewsTabs_ListData {
    padding: 0;
    height: 100%;
    background: #fff;
    margin-right: 0;
}
.chuyen-de-website {
    background: #fff;
    padding: 19px;
}
.card-video-item-other {
    cursor: pointer;
    height: 281px;
    background: #fff;
    color: #333;
    width: 100%;
    margin-bottom: 0px;
    margin-left: 0;
    margin: 0;
    padding: 19px 0;
}
}
.ngay-hom-nay>div {
   
    display: block;
    white-space: nowrap;
    padding: 14px 0;
    padding-right: 19px;
 
}
.vung-2-b>.row>.col-md-12>.block-tintuc-home {
    height: 697px;
}
.col-md-4.vung-category-ben-phai { 
    padding-left: 12px;
}
.vung-category-ben-phai>div>.HomePageNewsTabs_ListData {
    padding: 19px;
    height: 100%;
    background: #fff;
    margin-right: 0;
}

ul.block-hinh-anh-ben-phai {
    padding: 0;
    background: #fff;
    height: 597px;
}
ul.block-hinh-anh-ben-phai>li {
    padding: 0px 12px;
}

ul.block-hinh-anh-ben-phai>li:not(last-child) {
    padding-bottom: 12px;
}
ul.block-hinh-anh-ben-phai>li:first-child{
    padding-top: 12px;
}
img.block-hinh-anh-ben-phai-img.khong-them {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.col-md-9.vung-video {
    padding: 27px;
    background: #fff;
    padding-bottom: 0px;
    
}

.block-hinh-anh-ben-phai-boc-img {
    height: 63px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #f3f2f1;
    position: relative;
}
ul.lien-ket-website-group > li:not(last-child) {
    margin-bottom: 6px;
}
ul.lien-ket-website-group {
    padding: 0px;
   
}
ul.lien-ket-website-group >li{
    background-color: #fff;
}

.footer-lien-ket-khac {
    padding: 27px 27px;
}
.footer-lien-ket-khac>div {
    padding: 38px;
    background: #fff;
    height: 100%;
   
}
.footer-gioi-thieu>p>a{
    font-size: 9px;
    font-family: Roboto Condensed;
    color: #3b4e68;
    line-height: 10px;
}
.footer-gioi-thieu>a>img, .footer-gioi-thieu>a>i {
    width: 23px;
   
    display: inline-block;
    margin-bottom: 6px;
}
.container.vung-van-ban.mt-3>div>div {
    padding: 0;
}
.col-md-12.vung-chuyen-de-web {
    padding-right: 0;
    padding: 0;
}
.container.vung-lien-he.bg-white {
    padding: 27px;
}
.container.vung-newsitem {
    padding: 19px;
   
}
ul.row.link.right {
    padding: 0;
}
ul.row.link.right>li {
    padding: 19px 0;
}
ul.row.link.right>li>a {
    font-size: 12px;
    font-family: Roboto Condensed;
    color: #000;
}
ul.row.link.right>li:not(:last-child) {
    border-bottom:1px solid #eee ;
    padding: 12px 0;
}

ul.row.link.right {
    padding: 20px;
    background: fff;
    
    height: 100%;
    border: 1px solid #fff;
    background-image:url('../images/bgfooter.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;



    padding: 20px;
    background: #fff;
    height: 100%;
    border: 1px solid #f3f2f1;
}
ul.row.link.right>li>a>img, ul.row.link.right>li>a>i {
    margin-right: 14px;
    font-size: 19px;
    color: #ee1b23;
}

p.list-data-item-title {
   
color: #031739;
font-weight: bold;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    font-size: 13.96;
}
@media (max-width: 991px) {
p.list-data-item-title {
    font-size: 15px;
    
   
}
}