.news { /*font-family: Roboto,sans-serif;*/ }

    .news .count-view { color: rgb(27, 130, 236); font-size: 12px; }

        .news .count-view p { color: rgb(27, 130, 236); margin-bottom: 3px; }

        .news .count-view i { margin-bottom: 2px; }

    .news .title-product { font-size: 16px; font-weight: 600; -webkit-line-clamp: 2; margin-bottom: 7px; line-height: 1.5; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box; /*text-transform: uppercase;*/ }

    .news .total-product { font-size: 16px; -webkit-line-clamp: 2; line-height: 1.5; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box; }

.item-news { font-family: K2D; }
.item-list-news h3 { font-size: 15px; }

.item-list-news p { font-size: 15px; }

.tags-wrap { margin: 10px 0 0; padding: 0; list-style: none; }
    .tags-wrap li.label { color: #333; line-height: 26px; }
    .tags-wrap li { line-height: 18px; margin: 10px 10px 0 0; display: inline-block; }
        .tags-wrap li.label b { font-weight: 600; }
        .tags-wrap li a { display: block; padding: 4px 12px; color: #666; background: #f1f5f9 none; border-radius: 13px; font-weight: 500; }
            .tags-wrap li a:hover { background: rgb(24, 144, 255); color: #fff; }

.news-note { color: #737373; }
    .news-note.news-info { display: flex; justify-content: space-between; }

    .news-note span { font-size: 12px; color: rgb(115, 115, 115); }

.relate-news { font-size: 16px; margin-bottom: 10px; }

.detail-news .infor-product { font-size: 16px; font-weight: 600; }

.detail-news { font-family: K2D; }

.title-news { margin-top: 10px; font-size: 24px; font-weight: bold; margin-bottom: 15px; line-height: 32px; }

.detail-news .post-meta-date, .detail-news .post-meta-tag { font-size: 12px; color: #737373; }

.detail-news .count-view { color: #737373; }

    .detail-news .count-view p { color: #737373; }

    .detail-news .count-view i { margin-bottom: 2px; }

.detail-news .news-image img { max-width: 100%; margin: 0 auto 15px; }

.detail-news .description { line-height: 24px; font-style: italic; font-weight: 600; margin-bottom: 5px; }

.item-list-news img { width: 100%; height: 120px; border-radius: 4px; object-fit: cover; }

.item-list-news { transition: all 0.5s; }

.lst-right-img { position: relative; overflow: hidden }

    .lst-right-img::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }

.item-list-news:hover .lst-right-img::before { -webkit-animation: shine .75s; animation: shine .75s; }

.detail-news .news-wraper { display: block; padding: 0px 0 7px; border-bottom: 1px solid rgb(230, 230, 230); margin-bottom: 10px; }
.detail-news .item-list-news { cursor: pointer; }
    .detail-news .item-list-news:hover * { color: rgb(10, 82, 145) !important; }
/*.detail-news .item-list-news:hover * .view-count > i { color: #fff !important; }*/

figure.image { display: table; clear: both; text-align: center; margin: .9em auto; min-width: 50px; }
    figure.image > figcaption { display: table-caption; caption-side: bottom; word-break: break-word; color: rgb(51, 51, 51); background-color: rgb(247, 247, 247); padding: .6em; font-size: .75em; outline-offset: -1px; }
span[lang] { font-style: italic; }


/*.item-list-news:hover{
    transform: translateY(-5px);
}*/

.wrap-tags .tags { font-weight: 400; font-size: 20px; line-height: 24px; text-transform: uppercase; color: rgb(31, 126, 208); margin-bottom: 0; padding: 8px; border-radius: 16px; }

.news-note span { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; }
    .news-note span i { text-align: center; font-weight: 600; width: 20px; }

.news-note .enterprise-mail { margin-bottom: 3px; white-space: pre; }

.news-note .enterprise-phone { }

.news-note .enterprise-mail i { }

.news-note .enterprise-phone i { font-weight: 600; width: 20px; }

.check-tieubieu { border: 1px solid #28a745; border-radius: 3px; padding: 1px 6px; color: #28a745; font-weight: bold; background-color: #effbf7; font-size: 12px; }
.item-tieubieu { text-align: right; position: absolute; top: 5px; right: 10px; }

.image-circle { display: flex; justify-content: center; align-items: center; height: 120px; margin-top: 3px; }

.title-company { display: flex; align-items: center; justify-content: center; height: 50px; }
    .title-company span { font-size: 16px; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box; }

.image-circle img { max-width: 100%; max-height: 120px; object-position: center center; }
.ceo-company { color: rgb(130, 130, 130); font-size: 15px; }

.enterprise-block-infor { background-color: #f2f8fd; padding: 10px; border-radius: 4px; margin-top: 5px; }

.enterprise a:hover { color: unset; }
.enterprise .enterprise-block-infor { transition: all 1s; }
.enterprise .category-right { transition: all 0.4s; }

    .enterprise .category-right:hover { box-shadow: 0 0.0625rem 20px 0 rgb(0 0 0 / 30%); transform: translateY(-1px); }

        .enterprise .category-right:hover .enterprise-block-infor { background-color: #28a745; }
        .enterprise .category-right:hover .item-tieubieu { transform: translateY(-1px); }

        .enterprise .category-right:hover .item-bottom span, .enterprise .category-right:hover .item-top-date p, .enterprise .category-right:hover .item-top-phone p { color: #fff; }

.item-top-phone { font-size: 14px; }

    .item-top-phone .phone { color: #3a4a4c; font-size: 14px; font-weight: 600; }

.item-top-date { font-size: 14px; }

    .item-top-date .date { font-size: 14px; color: #3a4a4c; font-weight: 600; }

.item-bottom span { color: #3a4a4c; font-size: 14px; }
.menu { padding: auto; display: flex; justify-content: center; align-items: center; }

.menu-link { transition: all 0.5s; cursor: pointer; }

/*.menu-link:hover {
        background: rgb(27, 130, 236);
        color: white;
    }*/

.btn-category-product { position: relative; }

    .btn-category-product li { position: relative; overflow: hidden; cursor: pointer; border-radius: 0.25rem; }

        .btn-category-product li:hover #circle { width: 300%; height: 500%; opacity: 1; top: -70px; left: -70px; border-radius: 0.25rem; }

        .btn-category-product li:hover .menu-link { color: white; }


        .btn-category-product li .menu-link { position: relative; transition: all .45s ease-Out; }

.btn-news { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid rgb(27, 130, 236); padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; color: rgb(27, 130, 236); }

#circle { width: 0%; height: 0%; opacity: 0; line-height: 40px; border-radius: 50%; background: rgb(27, 130, 236); position: absolute; transition: all .75s ease-Out; top: 20px; left: 42px; }

.menu-active { background: rgb(27, 130, 236); color: white; }

@media(max-width: 991px) {
    .content { margin-bottom: 20px; }
}

@media (max-width:575px) {
}