header {
    padding: 0;
    flex-direction: row;
    justify-content: center;
    transition: -webkit-transform .35s .1s;
    transition: transform .35s .1s;
    transition: transform .35s .1s, -webkit-transform .35s .1s;
    transition-timing-function: ease-in-out;
}

.position-fixed {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0;

}

.slider_destop {}

.slider_mobile {
    display: none;
}

.div-button .btn-button {
    outline: 5px;
    border: 5px solid #fff;
    border-radius: 25px;
    padding: 10px 25px;
    color: #fff;
}

.item-news {
    position: relative;
}

.item-news__image img {
    margin-bottom: 5px;
}

.list-news a {
    color: #333333;
}

.list-news .meta-data-info {
    display: table;
    background: #0074c8;
    width: 58px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    color: #f3f3f3;
    font-size: 18px;
}

.list-news .meta-data-info b {
    border-bottom: 1px solid #f3f3f3;
    margin-top: 2px;
    display: inline-block;
}

.list-news .meta-data-info .date-posted {
    margin-bottom: 0;
    text-align: center;
}

.item-news__title {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 400;
}

.item-news__excerpt {
    color: #9c9c9c;
    font-size: 16px;
    font-weight: 300;
}

.ft-company {
    background: #B2B2B2;
}

.ft-company .p-title {
    font-weight: bolder;
    text-align: center;
    color: #000000;
}

.ft-company .mst {
    /*color: #c7a412;*/
}

.ft-lienhe .p-title,
.ft-diachi .p-title {
    font-weight: 400;
    color: #fff;
    font-size: 24px;
}

.ft-lienhe,
.ft-diachi {
    color: #fff
}

.ft-lienhe a,
.ft-diachi a {
    color: #fff;
}

/**/
.socialMedia-0-2-17 {
    display: flex;
    padding: 2rem 0px;
    flex-wrap: wrap;
    justify-content: center;
}

.socialMedia-0-2-17.layout7 {
    left: auto;
    z-index: 5;
    position: fixed;
    right: 1.7rem;
    bottom: 11.215rem;
}

.socialLink-0-2-20 {
    margin: 0;
    padding: 0;
    padding-inline-start: 0;
    list-style: none;
}

.socialLink-0-2-20 li {
    width: 45px;
    height: 45px;
    background: var(--main-bg-hover);
    border-radius: 50%;
    margin-bottom: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.socialLink-0-2-20 li a {
    cursor: pointer;
}

.socialLink-0-2-20 li a i {
    font-size: 22px;
    color: #fff;
}

.modal-content.bg2 {
    padding: 0;
}

.goTop {
    color: rgb(19, 29, 68);
    right: 20px;
    width: 50px;
    bottom: 55px;
    height: 50px;
    border: 1px solid;
    cursor: pointer;
    display: flex;
    position: fixed;
    flex-flow: column;
    align-items: center;
    border-radius: 10px;
    justify-content: center;
    box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .6);
    background-color: #fff;
}

.goTop .flex {
    flex-direction: column;
    align-items: center;
    align-content: center;
}

.link-a {
    cursor: pointer;
}

.mobile-lang {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #212529;
    padding-inline-start: 0;
}

.mobile-lang .hs-menu-children-wrapper {
    -webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, .05);
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, .05);
    line-height: 1;
    max-width: 250px;
    width: max-content;
    z-index: 1000;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: opacity .3s ease-in-out, transform .25s cubic-bezier(.7, 0, .3, 1), -webkit-transform .25s cubic-bezier(.7, 0, .3, 1);
    box-shadow: 0 3px 18px -2px rgba(0, 0, 0, .3);
    -webkit-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
}

.mobile-lang .hs-item-has-children:hover .hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.hhs-nav-grid__extras {
    /*opacity: 0;*/
    display: none
}

.bg_img1 {
    background-image: url(../img/image1.png);
    background-size: 100% 100%;
    padding: 3em 0;
}

.bg_img2 {
    background-image: url(../img/image2.png);
    background-size: 100% 100%;
    padding: 3em 0;
}
.block-element .p-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: left;
    margin: 0;
    padding: 0;
}
.category-title a {
    font-size: 20px;
    color: var(--main-bg-hover);
    font-weight: 700;
}
.category-tree .list-group {
    padding: .65rem 0;
}
.category-tree .list-group a {
    color: rgba(0, 0, 0, 0.6);
}
.category-tree .list-group a:hover {
    color: rgba(41, 63, 148, 0.7);
}
.category-tree .list-group a.active {
    color: var(--main-bg-hover);
    font-weight: 700;
}
.news-detail .detail-title {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    padding: 0;
    margin-bottom: 15px;
    color: var(--main-bg);
}
.page-contact {
    margin-top: 74px;
}
.red {
    color: red;
}
.carousel {
  /* background: #FAFAFA; */
  margin-bottom: 15px;
}

.carousel-nav .carousel-cell {
  margin-right: 10px;
}

/* cell number */


.carousel-nav .carousel-cell {
  width: 100px;
}

.carousel-nav .carousel-cell:before {
  /* font-size: 50px; */
  /* line-height: 80px; */
}

.carousel-nav .carousel-cell.is-nav-selected {
      border: 2px solid #000;
          opacity: .5;
}
.flickity-button {
    background: transparent!important
}
.prod-detail .p-title {
    padding-top: 0;
    font-size: 24px;
}
.prod-detail .col-detail {
    padding: 15px 0;
}
.footer-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}
.footer-nav a {
    color: rgb(255, 255, 255)
}
.copyright-box a {
    color: rgba(255, 255, 255, 0.7)
}
.page-doitac {
    position: relative;
}
.row-relative {
    position: relative;
}
@media(max-width: 768px) {
    .hhs-nav-grid__extras {
        /*opacity: 1;*/
        display: block;
    }

    .slider_destop {
        display: none
    }

    .slider_mobile {
        display: block;
    }
    .bg_img1 .col-md-5 {
        order: 1;
    }
    .bg_img1 .col-md-7 {
        order: 0;
    }
    .item-news__title {
        font-size: 18px;
    }
    .flickity-button.next, .flickity-button.prev {
        width: 15px;
        height: 15px;
    }
    .logo img {
        max-width: 80px
    }
    .hamburger-icon .line {
        background-color: #000
    }
    .mobile-lang i, .mobile-lang .hs-item-has-children>a::after {
        color: #000
    }
}
@media(max-width: 768px) {
}