/* @keyframe */
@font-face {
    font-family: 'arimo';
    font-display: block;
    src: url('../fonts/Arimo-Bold.woff2');
    font-display: swap;
}

@font-face {
    font-family: 'ftv';
    font-display: block;
    src: url('../fonts/1FTV-Sen-ExtraBold.woff2');
    font-display: swap;
}

@font-face {
    font-family: 'op';
    font-display: block;
    src: url('../fonts/OpenSans-Regular.woff2');
    font-display: swap;
}

@font-face {
    font-family: 'op';
    font-display: block;
    src: url('../fonts/OpenSans-SemiBold.woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'op';
    font-display: block;
    src: url('../fonts/OpenSans-SemiBoldItalic.woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'op';
    font-display: block;
    src: url('../fonts/OpenSans-Bold.woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'op';
    font-display: block;
    src: url('../fonts/OpenSans-BoldItalic.woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@keyframes spin{
to{transform:rotate(360deg);}
}
@keyframes blink{
0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
@keyframes shake-anim{
0%{transform:rotate(0) scale(1) skew(1deg);}
10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg);}
20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg);}
100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg);}
}
@keyframes rotate{
from{transform:rotate(0);}
to{transform:rotate(360deg);}
}
@keyframes fadeup{
from{opacity:0;transform:translateX(-20px);}
to{opacity:1;transform:translateX(0);}
}
@keyframes pulse-animation{
0%{transform:scale3d(1,1,1);opacity:0;}
10%{transform:scale3d(1.1,1.1,1.1);opacity:1;}
100%{transform:scale3d(1.6,1.6,1.6);opacity:0;}
}
@keyframes border-animation{
0%{transform:scale3d(0.6,0.6,0.6);opacity:0;}
20%{transform:scale3d(1.2,1.2,1.2);opacity:1;}
100%{transform:scale3d(1.4,1.4,1.4);opacity:0;}
}
:root{--color-main:#07459a;--color-social:#f00;--color-hover:#f00;--color-text:#f00;--menu-border:rgb(255 255 255 / 20%);--menu-color:#fff;}
body{font-size:14px;line-height:1.5;font-family:'op';}
.seo-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none;}
.w-clear:after{display:block;content: "";clear:both;}
.max-width,.wrap-content{margin:0px auto;max-width:1200px;}
.container-custom{padding:0px 10px;margin:0px auto;}
img{max-width:100%;display:inline-block;-o-object-fit:cover;object-fit:cover;}
*{box-sizing:border-box;}
a{text-decoration:none;}
.social-plugin{display:flex;margin-top:10px;}
.scale-img{overflow:hidden;}
.scale-img img,.scale-img picture{transition:all 0.5s;}
.scale-img:hover img,.scale-img:hover picture{transform:scale(1.2,1.2);}
.hover-img{position:relative;overflow:hidden;display:block;}
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}
.p-relative{position:relative;}
/* Transition All */
.transition,.btn-frame .kenit-alo-circle-fill,.control-owl button,.carousel-comment-media .carousel-control a span,.menu ul li a.has-child:after,.menu ul li ul,.menu ul li:hover > ul,.scale-img img,.scale-img:hover > img,.support-online .kenit-alo-circle-fill{transition:0.3s all;}
.gutter-x-20{--bs-gutter-x:20px;}
.gutter-x-5{--bs-gutter-x:5px;}
/*   Header   */
.header{background:#fff;position:relative;}
.flex-header{display:flex;justify-content:space-between;align-items:center;}
.header-cart{border:1px solid var(--color-main);padding:10px;border-radius:5px;position:relative;color:var(--color-main);}
.header-cart:hover{color:#fed402;}
.header-cart i{font-size:20px;}
.header-cart .count-cart{position:absolute;z-index:999;color:#fff;background:#f00;border-radius:50%;top:-10px;right:20px;width:20px;height:20px;text-align:center;}
.menu-head{display:flex;gap:20px;justify-content:space-between;align-items:center;}
.menu-head a{color:#fff;}
.menu-head a:hover{color:#fed402;}
.line-head{background-color:#72b2fd;height:32px;width:1px;}
/* slideshow */
.slideshow{position:relative;}
/* Search */
.search{background:#fff;position:absolute;right:0;border-radius:10px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;opacity:0;}
.search input{width:100%;font-size:13px;color:#333;border-radius:10px;border:none;}
.search input:focus{border:none;box-shadow:none;}
.search label{height:35px;cursor:pointer;text-align:center;font-size:16px;background:#f00;color:#fff;border-radius:10px;margin-right:3px;padding:5px 10px;}
.search label i{font-weight:bold;color:#999;}
.box-search{padding:10px;border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;align-items:center;}
.ds-item-search{width:calc(100% - 70px);}
.ds-item-search a{font-size:14px;color:#333;}
.show-search{position:absolute;z-index:9999;top:100%;background:#fff;width:100%;border-radius:10px;box-shadow:0 1px 8px rgba(0,0,0,0.3);}
.box-search .price-product{width:100%;margin:0px;text-align:left;}
.box-search .price-product .price-new{color:#f00;font-size:14px;font-weight:bold;}
.box-search .price-product .price-old{color:#999;text-decoration-line:line-through;}
.search-res{position:relative;}
.search-res .icon-search{width:35px;height:35px;cursor:pointer;text-align:center;line-height:35px;color:var(--color-main);font-size:15px;margin:0px;border:1px solid var(--color-main);border-radius:50%;}
.search-res .icon-search.active{color:var(--color-main);background:#ffffff;border-radius:100%;}
.search-res .search-grid{position:absolute;top:50px;right:0px;width:0px;height:40px;overflow:hidden;background:#ffffff;border:1px solid var(--color-main);z-index:2;opacity:0;border-radius:25px;line-height:normal;}
.search-res .search-grid p{float:left;width:40px;height:38px;cursor:pointer;outline:none;border:none;margin:0px;font-size:17px;display:block;color:var(--color-main);line-height:40px;text-align:center;}
.search-res .search-grid input{width:calc(100% - 40px);float:right;outline:none;border:none;color:#333;box-shadow:none;}
.search-res .search-grid input::-webkit-input-placeholder{color:#313131;}
.search-res .search-grid input:-moz-placeholder{color:#313131;}
.search-res .search-grid input::-moz-placeholder{color:#313131;}
.search-res .search-grid input:-ms-input-placeholder{color:#313131;}
/* Mmenu */
.offcanvas-body{flex-grow:1;padding:1rem 1rem;overflow:scroll;}
.offcanvas-body::-webkit-scrollbar{width:4px;height:4px;transition:all 1s;}
.offcanvas-body::-webkit-scrollbar-thumb{background-color:#0d6efd;border-radius:5px;transition:all 1s;}
.offcanvas-body::-webkit-scrollbar-track{background:#fff;width:4px;height:4px;transition:all 1s;}
.btn-close-menu{position:absolute;right:20px;top:20px;}
.menu-mobile ul{padding:0px;}
.menu-mobile ul li{position:relative;}
.menu-mobile ul li > span i{transition:transform 0.3s ease;    /* Adjust duration and easing as needed */}
/* .menu-mobile ul li:last-child a{
border-bottom: none;
} */
.menu-mobile ul li a{display:block;padding-right:30px;color:#333;font-size:15px;padding:10px 0px;border-bottom:1px solid #f1f1f1;}
.menu-mobile ul li a i{margin-right:10px;}
.menu-mobile ul li li a{font-weight:normal;}
.menu-mobile ul li a:hover{color:#f00;}
.menu-mobile ul li .scroll{position:absolute;right:0px;top:9px;background:#0253a4;font-size:17px;line-height:18px;height:25px;color:#fff;width:35px;border-radius:5px;display:flex;justify-content:center;align-items:center;cursor:pointer;}
.menu-mobile ul li:hover{color:#f00;}
.menu-mobile ul ul li .scroll{background:none;color:#0253a4;}
.menu-mobile ul li ul{padding-left:10px;}
.company{border-bottom:1px solid #f1f1f1;padding-bottom:10px;}
.company p{margin-bottom:5px;font-size:13px;}
.company p span{color:#333;font-weight:700;}
.head-menu{display:flex;justify-content:center;flex-wrap:wrap;}
.head-menu img{max-width:80px;}
.search-menu{width:100%;position:relative;margin:10px 0px;}
.search-menu input{width:100%;background:#f5f5fa;border:1px solid #f1f1f1;height:40px!important;font-size:13px;}
.search-menu p{position:absolute;right:10px;bottom:8px;}
/* Menu */
/* #menu {
display: none;
} */
#hamburger{display:none;width:35px;height:23px;position:relative;cursor:pointer;}
#hamburger:before,#hamburger:after,#hamburger span{background:var(--color-main);content: '';display:block;width:100%;height:2px;position:absolute;left:0px;}
#hamburger:before{top:0px;}
#hamburger span{top:10px;}
#hamburger:after{top:20px;}
#hamburger:before,#hamburger:after,#hamburger span{-webkit-transition:none 0.5s ease 0.5s;transition:none 0.5s ease 0.5s;-webkit-transition-property:transform,top,bottom,left,opacity;-webkit-transition-property:top,bottom,left,opacity,-webkit-transform;transition-property:top,bottom,left,opacity,-webkit-transform;transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity,-webkit-transform;}
.menu-mobile-opened #hamburger:before,.menu-mobile-opened #hamburger:after{top:10px;}
.menu-mobile-opened #hamburger span{left:-50px;opacity:0;}
.menu-mobile-opened #hamburger:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.menu-mobile-opened #hamburger:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.mm-menu_opened{display:block!important;}
.mm-slideout{z-index:unset;}
.menu-head-left{position:relative;}
.title-menu{color:#fff;font-size:14px;font-weight:500;cursor:pointer;line-height:40px;display:block;}
.menu-product-list{position:absolute;z-index:99;top:100%;width:250px;background:#fff;border-radius:2px;}
.menu-product-list ul{padding:0px;margin-bottom:0px;}
.menu-product-list ul ul{position:absolute;width:750px;background:#fff;left:100%;top:0px;border:1px solid #999;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;height:100%;overflow-x:hidden;}
.menu-product-list ul ul ul{position:relative;left:0px;top:0px;width:100%;border:none;display:block;height:auto;}
.menu-product-list ul li a{position:relative;display:block;color:#333;font-size:14px;font-weight:500;padding:5px 10px 5px 10px;border-bottom:1px solid #ddd;}
.menu-product-list ul li a .icon-down{position:absolute;right:10px;top:10px;}
.menu-product-list ul ul li a span{position:absolute;right:10px;font-size:13px;font-weight:500;color:#00a3ff;}
.menu-product-list ul li a:hover{color:#f00;}
.menu-product-list ul ul li a{border-bottom:none;font-weight:bold;}
.menu-product-list ul ul ul li a{font-weight:normal;}
.menu{position:sticky;top:0;z-index:998;width:100%;background-color:#fff;}
.menu .wrap-content{position:relative;}
.fix_menu{position:fixed!important;box-shadow:0 0 1px #999;background:#fff;}
.menu ul{padding:0px;margin:0;list-style:none;}
.menu ul li{position:relative;z-index:99;margin:0 29px;}
.menu ul.ulmn > li{flex:auto;}
.menu ul li.line{width:1px;height:15px;background-color:rgba(255,255,255,0.5);flex:none;}
.menu ul li a{margin:0px;padding:20px 0;position:relative;z-index:1;text-align:center;text-decoration:none!important;display:block;font-weight:700;font-size:18px;line-height:14px;text-transform:uppercase;color:#1e1e1e;}
.menu ul li a img{vertical-align:middle;}
.menu ul li a.active,.menu ul li:hover > a{color:#C82526;}
.menu ul li ul{position:absolute;min-width: 300px;left:0;background:#fff;box-shadow:0 3px 11px 0 rgba(0,0,0,0.3);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all 0.5s;max-height: 500px;overflow-y: auto;}
.menu ul li:hover > ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all 0.7s;}
.menu ul li ul li{text-align:left;border-bottom:1px solid rgb(173 173 173 / 32%);margin:0;}
.menu ul li ul li:last-child{border-bottom:0px;}
.menu ul li ul li a{font-size:14px;padding:10px;display:block;text-decoration:none!important;line-height:20px;text-align:left;font-weight:500;text-transform:capitalize;color:#333;}
.menu ul li ul li ul{top:0px;left:100%;}
.menu ul li ul li a:before{position:absolute;content: '';top:50%;left:0;width:0;height:1px;background:#fed402;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;visibility:hidden;opacity:0;}
a.cart-header{position:relative;}
a.cart-header span{position:absolute;top:0px;right:0px;color:#fff;font-size:11px;width:17px;height:17px;text-align:center;border-radius:50%;}
/*   SLider */
.control-owl{position:absolute;width:100%;z-index:2;left:0px;top:calc(50% - 22.5px);}
.control-owl button{opacity:0.5;top:0px;position:absolute;outline:none;border:2px solid #fff;padding:0px;margin:0px;display:block;cursor:pointer;color:#ffffff;width:30px;height:30px;border-radius:50%;overflow:hidden;text-align:center;font-size:25px;margin:0px;background-color:#00a3ff;display:flex;align-items:center;justify-content:center;}
.control-owl button:hover{opacity:1;}
.control-owl button.owl-prev{left:20px;}
.control-owl button.owl-next{right:20px;}
/* DT */
.item-partner{border:1px solid #f1f1f1;display:block;}
.box-photo-ct{border-radius:20px;overflow:hidden;}
.title-detail{position:relative;margin:20px 0px;}
.title-detail h1{font-size:20px;color:#333;font-weight:700;text-align:left;text-transform:uppercase;}
.title-main{position:relative;text-align:center;max-width:920px;margin:auto;margin-bottom:30px;}
.title-main span{font-size:30px;font-weight:bold;text-transform:uppercase;}
.tt-week{font-size:25px;text-align:center;margin:20px 0px;color:#fff;font-weight:700;text-transform:uppercase;}
.title-cat-main{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
.title-cat-main span{display:block;color:#999;background:linear-gradient(64.85deg,#fca600 23.67%,#ffd41d 106.12%);background-color:#fff;padding:10px;border-radius:10px;cursor:pointer;}
.title-cat-main span:hover,.title-cat-main span.active{background:linear-gradient(64.85deg,#ffd41d 23.67%,#fca600 106.12%);color:#000;}
/* News */
.row-news{margin:0px -10px;}
.col-news{padding:0px 10px;margin-bottom:20px;}
.news-box{padding:10px;border-radius:5px;background:rgb(0 0 0 / 5%);}
.news-pic{margin-bottom:1rem;display:block;}
.news-name a{font-weight:700;color:#333;font-size:16px;text-transform:uppercase;line-height:1.5;}
.news-name a.text-split{-webkit-line-clamp:2;}
.news-name a:hover{color:var(--color-main);}
.news-time{display:flex;align-items:center;color:#fff;}
.news-time svg{width:14px;margin-right:5px;fill:#fff;}
.news-desc{line-height:24px;text-align:justify;color:#313131;height:calc(24px * 3);margin-bottom:14px;}
.news-desc.text-split{-webkit-line-clamp:3;}
.news-date{display:flex;justify-content:space-between;align-items:center;background:var(--color-main);padding:13px 10px;border-radius:5px;margin-top:10px;}
.news-view{color:#fff;font-size:14px;display:flex;align-items:center;}
.news-view svg{width:14px;margin-left:5px;fill:#fff;transition:0.5s;}
.news-view:hover{color:#fff;}
.news-view:hover svg{margin-left:10px;}
.item-news .ds-news{width:100%;}
.ds-news span{display:block;line-height:25px;color:#999;font-size:13px;margin:10px 0px 0px;font-style:italic;}
.ds-news h3{font-size:16px;margin:0;color:#000;font-weight:500;text-transform:uppercase;-webkit-line-clamp:3!important;}
.ds-news h3:hover{color:var(--color-main);}
.ds-news .desc{color:#333;}
.item-news:hover h3{color:#f00;}
.item-news-all a{display:flex;justify-content:space-between;gap:8px;}
.item-news-all a .scale-img{max-width:120px;}
.item-news-all a .ds-news h3{text-transform:capitalize;font-size:15px;}
.flex-news-detail{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;}
.share{padding:17px 10px 10px 10px;line-height:normal;background:rgba(128,128,128,0.15);margin-top:15px;border-radius:5px;}
.share b{display:block;margin-bottom:5px;}
.a2a_kit .a2a_svg{width:30px;height:30px;line-height:30px;}
.othernews b{margin-bottom:10px;}
.list-news-other{padding-left:17px;list-style:square;}
.list-news-other li{margin-bottom:2px;}
.list-news-other li a{text-transform:none;color:#333333;}
.list-news-other li a:hover{color:#fed402;}
/* Toc */
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eeeeee;}
.tt-toc{position:relative;font-size:18px;text-transform:uppercase;font-weight:700;display:flex;justify-content:flex-start;align-items:center;cursor:pointer;gap:10px;}
.box-readmore li ul > li{margin:0;margin-bottom:8px;}
.box-readmore li ul > li:before{content:counters(item,'.') ' ';}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0px;padding-left:0px!important;margin-top:8px;display:none;}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px;}
.box-readmore ul li:before{content:counters(item,'.') '. ';display:table-cell;padding-right:5px;}
.box-readmore ul li a{color:#333333;cursor:pointer;font-weight:600;}
.box-readmore ul li a:hover{color:#767676;}
/* Partner */
.info-partner{background:#f8f8f8;padding:15px 0px;}
/* Footer */
.footer-tags{padding:40px 0px;}
.title-tags{color:var(--color-main);font-size:30px;font-weight:500;margin-bottom:15px;text-transform:uppercase;}
.item-tags{display:inline-block;background:#F1F1F1;color:#525252;font-size:15px;font-weight:500;padding:8px 15px 8px 12px;border-radius:3px;margin:0px 10px 10px 0px;}
.item-tags i{margin-right:7px;color:var(--color-main);font-size:18px;vertical-align:middle;}
.item-tags:hover{color:#fff;background:var(--color-main);}
.item-tags:hover i{color:#fff;}
.footer-article{padding:40px 0px;}
.footer-title{font-weight:700;font-size:20px;line-height:30px;text-transform:capitalize;color:#fff;margin-bottom:15px;}
.name-company{text-transform:uppercase;font-size:14px;margin-bottom:1rem;font-weight:700;}
.footer-info{color:#fff;font-size:15px;margin-bottom:34px;}
.footer-news:nth-child(1){width:38.9%;}
.footer-news:nth-child(2){width:25%;}
.footer-news:nth-child(3){width:25%;}
.footer-ul{list-style:none;padding:0px;margin:0px;}
.footer-ul li{margin-bottom:10px;}
.footer-ul li:last-child{margin-bottom:0px;}
.footer-ul li a{color:#fff;font-size:14px;}
.footer-ul li a:hover{text-decoration:none;color:#ff0;}
.item-icon-footer img{max-height:35px;margin:0px 10px 10px 0px;}
.footer-powered{padding:25px 0px;text-align:center;border-top:1px solid #D7D7D7;transition:0.7s;display:none;}
.footer-copyright{font-weight:400;font-size:14px;line-height:24px;color:#fff;}
.footer-copyright span{text-transform:uppercase;}
.footer-copyright a{color:#fff;}
.footer-statistic{text-align:right;}
.footer-statistic span{padding-right:10px;}
.footer-statistic span:last-child{padding-right:0px;}
#footer-map{position:relative;height:450px;margin-top:0px;}
#footer-map iframe{position:absolute!important;width:100%!important;height:100%!important;top:0px!important;left:0px!important;}
.newsletter-slogan{color:#000;font-size:14px;margin-bottom:10px;font-style:italic;font-weight:300;}
.form-newsletter{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.form-newsletter input{height:38px;border:1px solid #DDD;font-size:13px;padding:0px 15px;border-radius:3px;outline:none;color:#333;margin-bottom:6px;}
.form-newsletter input::placeholder{color:#757575;}
.form-newsletter button{width:100%;height:38px;font-size:13px;border-radius:3px;outline:none;color:#fff;font-weight:400;border:none;background:#c82526;font-weight:700;font-size:15px;text-transform:uppercase;text-align:center;color:#fff;}
.form-newsletter button:hover{color:#fff;background:#ae0009;}
.social-footer{margin-top:11px;gap:5px;gap:30px;}
#facebookComponent{height:200px;}
#tiktokComponent{height:403px;position:relative;}
#tiktokComponent .tiktok-embed{margin:0px;height:403px;position:relative;}
#tiktokComponent .tiktok-embed iframe{margin:0px;position:absolute;inset:0;width:100%!important;height:100%!important;}
/* Tags */
.title-tags{position:relative;font-size:1em;font-weight:600;padding-bottom:15px;margin-bottom:15px;color:#777;}
.title-tags:after{content: '';position:absolute;left:0px;bottom:0px;background-color:rgba(0,0,0,0.1);display:block;height:3px;width:30px;}
.flex-tags{display:flex;gap:5px;}
.flex-tags a{color:#333;border:1px solid;border-radius:3px;display:inline-block;font-size:0.8em!important;opacity:0.8;padding:2px 5px;}
.flex-tags a:hover{background-color:#446084;border-color:#446084;color:#fff;opacity:1;}
/*   TC   */
.item-criteria a{display:flex;align-items:center;color:#333;}
.item-criteria a .ds-criteria{width:calc(100% - 60px);margin-left:10px;}
.item-criteria a .ds-criteria h3{-webkit-line-clamp:2;font-size:16px;color:var(--color-main);}
.item-criteria a .ds-criteria p{-webkit-line-clamp:2;margin:0px;}
/* Service */
.item-service{position:relative;}
.item-service h3{position:absolute;left:0px;right:0px;bottom:0px;color:#fff;text-transform:uppercase;padding:10px;font-size:17px;margin:0px;}
/* Video */
.flex-video{display:flex;justify-content:space-between;}
.wr-video{width:49%;}
.wr-form{width:49%;}
.video-main{position:relative;}
.list-video{margin-top:10px;width:100%;border-radius:5px;border:1px solid #ddd;}
.img-video span{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border:1px solid #ff000066;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;color:#f00;background:#ffffffa8;font-size:27px;cursor:pointer;transition:all 1s;}
.item-video:hover span{transform:translateX(-50%) translateY(-50%) rotate(360deg);}
.item-video h3{text-align:center;font-size:16px;margin-top:10px;}
.wrap-video{padding:40px 0 0px;}
.row-video{margin:0px -10px;}
.col-video{padding:0px 10px;margin-bottom:20px;}
.pic-video{position:relative;cursor:pointer;display:block;padding-top:calc(500 / 1200 * 100%);overflow:hidden;}
.pic-video:before{content: "";position:absolute;width:133px;height:133px;top:calc(50% - 133px / 2);left:calc(50% - 133px / 2);z-index:1;background:url(../images/video_big.png) no-repeat center center;cursor:pointer;background-size:contain;}
.pic-video img{position:absolute;inset:0px;width:100%;height:100%!important;object-fit:cover;}
.video .pic-video{padding-top:calc(500 / 900 * 100%);}
.video .pic-video:before{width:63px;height:63px;top:calc(50% - 63px / 2);left:calc(50% - 63px / 2);z-index:1;background:url(../images/video_small.png) no-repeat center center;}
.pic-video-2{position:relative;cursor:pointer;display:block;padding-top:calc(192 / 281 * 100%);}
.pic-video-2:before{content: "";position:absolute;width:63px;height:63px;top:calc(50% - 63px / 2);left:calc(50% - 63px / 2);z-index:1;background:url(../images/video_small.png) no-repeat center center;cursor:pointer;background-size:cover;}
.pic-video-2 img{position:absolute;inset:0px;width:100%;height:100%!important;object-fit:cover;}
.name-video{margin-bottom:0px;font-size:18px;text-align:center;margin-top:10px;font-size:15px;color:var(--color-black);}
.owl-video{margin-top:25px;}
.box-video{cursor:pointer;}
.img-video{position:relative;padding-top:calc(360 / 480 * 100%);}
.img-video img{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;}
.img-video::after{position:absolute;width:63px;height:63px;top:calc(50% - 63px / 2);left:calc(50% - 63px / 2);background:url(../images/video_small.png) center center no-repeat;background-size:contain;content: '';}
.box-video h3{color:#1C1B17;font-size:15px;text-transform:uppercase;font-weight:500;text-align:center;margin-bottom:0px;margin-top:16px;}
.swiper-video{margin-top:20px;}
/* Sort */
.sort-select{display:flex;justify-content:end;margin:20px 0px;position:relative;}
.sort-select .click-sort{border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px 6px 8px;margin:0px;}
.sort-select-main{display:grid;background-color:#fff;border-radius:4px;box-shadow:0 4px 6px rgb(0 0 0 / 20%);position:absolute;padding:0 7px;top:30px;right:0;width:160px;z-index:2;}
.sort-select-main p{border-bottom:1px solid #f1f1f1;margin:0px;order:2;}
.sort-select-main p:has(.check){order:1;}
.sort span{color:#000;font-size:14px;line-height:17px;padding:11px 3px;display:block;cursor:pointer;}
.sort span.check i{box-sizing:border-box;position:relative;display:inline-block;transform:scale(var(--ggs,1));width:22px;height:16px;border:2px solid transparent;border-radius:100px;vertical-align:middle;}
.sort span.check i::after{content: '';display:block;box-sizing:border-box;position:absolute;left:3px;top:-4px;width:6px;height:10px;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg);}
.sort-select .sort-show{padding-right:12px;position:relative;}
.sort-select .sort-show::before{content: '';border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333;content: '';height:0;position:absolute;top:6px;right:0;width:0;}
/* Product */
.filter{position:absolute;right:0px;top:0px;padding:5px 10px;background:#f1f1f1;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;text-transform:uppercase;border-radius:5px;cursor:pointer;border:1px solid #ddd;display:none;}
.flex-product-main{display:flex;gap:20px;}
.flex-product-main .left-product{width:250px;border:1px solid #f1f1f1;padding:20px;border-radius:5px;}
.flex-product-main .right-product{width:calc(100% - 250px);}
.wrap-product-sale{background-color:#ffa09e;border-radius:10px;overflow:hidden;}
.wr-search p{font-weight:bold;text-transform:uppercase;}
.row-product{margin:0px -10px;}
.col-product{padding:0px 10px;margin-bottom:20px;}
.product{display:block;position:relative;padding:10px;border-radius:10px;border:1px solid #E9E9E9;height:100%;background:#fff;}
.product-pic{background:#fff;margin-bottom:10px;display:block;position:relative;overflow:hidden;border-radius:10px;}
.product-name{margin-bottom:0px;font-weight:normal;}
.product-name a{font-size:15px;color:#474747;line-height:25px;font-weight:500;height:50px;}
.product-name a:hover{color:#A86B11;}
.product-name .text-split{-webkit-line-clamp:2;}
.product-info{padding-bottom:5px;}
.product-info-left{width:calc(100% - 50px);}
.product-price{margin-bottom:5px;color:#555;}
.price-new{font-size:17px;font-weight:600;color:var(--color-main);display:inline-block;text-transform:uppercase;margin-right:10px;}
.price-old{font-size:13px;text-decoration:line-through;display:inline-block;color:#AEAEAE;font-weight:300;text-transform:uppercase;}
.price-per{color:#FF2E00;font-size:13px;text-align:center;font-weight:700;}
.product-star-view{display:flex;align-items:center;flex-wrap:wrap;}
.product-star{font-size:9px;position:relative;color:#999;margin-right:15px;}
.product-star .star-active{position:absolute;left:0px;top:0px;width:var(--star-width);white-space:nowrap;overflow:hidden;color:#FFCD00;}
.product-view{color:#999;font-size:13px;}
.product-cart{width:45px;text-align:center;}
.product-cart span{display:inline-block;cursor:pointer;width:38px;height:38px;background:url(../images/add_cart.png) center center no-repeat,#FDBC0E;border-radius:50%;}
.cart-add{margin-left:10px;background-color:#00A5D9;width:155px;}
.cart-add:hover{background-color:#1d1d1d;}
.cart-buy{background-color:#FF2E00;width:93px;height:33px;}
.cart-buy:hover{background-color:#5172fd;}
/* product detail */
.grid-pro-detail{display:flex;justify-content:space-between;}
.grid-pro-detail .left-pro-detail{width:40%;}
.grid-pro-detail .right-pro-detail{width:56.5%;}
.grid-pro-detail .right-pro-detail ul{list-style:none;padding:0px;}
.grid-pro-detail .right-pro-detail ul li{margin-bottom:20px;}
.grid-pro-detail .right-pro-detail ul li .attr-content-pro-detail{display:inline-block;margin-bottom:0px;}
.grid-pro-detail .right-pro-detail ul li .attr-content-pro-detail .price-new-pro-detail{font-weight:700;font-size:20px;color:#f00;}
.grid-pro-detail .right-pro-detail .title-pro-detail{font-size:19px;font-weight:700;margin-bottom:0.5rem;}
.title-product-detail{background:#EEEEEE;color:#1C1B19;padding:12px 18px;border-radius:3px;font-size:17px;font-weight:600;text-transform:uppercase;margin-bottom:15px;}
.album-product{position:relative;max-width:550px;margin:10px auto 0px;}
.row-pro-detail{margin:0px -5px;}
.col-pro-detail{padding:0px 5px;}
.swiper-button-next,.swiper-button-prev{padding:7px;background:rgb(0 0 0 / 20%);color:#fff;border-radius:5px;}
.swiper-button-next:after,.swiper-button-prev:after{font-size:20px;}
.swiper-pro-detail .swiper-button-prev{left:0px;}
.swiper-pro-detail .swiper-button-next{right:0px;}
.swiper-pro-detail .swiper-button-prev,.swiper-pro-detail .swiper-button-next{top:calc(50% + 7px);width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:rgb(0 0 0 / 50%);border-radius:5px;color:#fff;}
.swiper-pro-detail .swiper-button-next:after,.swiper-pro-detail .swiper-button-prev:after{font-size:15px;}
.swiper-pro-detail .swiper-button-prev:hover,.swiper-pro-detail .swiper-button-next:hover{background:var(--color-main);color:#fff;}
.item-detail{color:#8E8E8E;font-size:14px;padding:0px 1rem;position:relative;}
.item-detail::after{position:absolute;right:0px;top:3px;width:1px;height:14px;background:#8E8E8E;content: "";}
.item-detail:last-child::after{display:none;}
.item-detail i{margin-right:5px;}
.item-detail-comment-star{position:relative;font-size:13px;margin-right:19px;}
.item-detail-comment-star::after{position:absolute;right:-19px;top:3px;width:1px;height:14px;background:#8E8E8E;content: "";}
.item-detail-comment-star span{position:absolute;left:0px;top:0px;color:#FFCD00;white-space:nowrap;overflow:hidden;}
.product-sold-detail{color:#9F9F9F;font-size:14px;}
.product-sold-detail span{color:#474747;font-weight:600;}
.product-price-detail{background:#F5F5F5;padding:12px 20px;border-radius:6px;}
.product-price-detail strong{color:#474747;font-size:16px;font-weight:500;margin-right:15px;}
.product-price-detail .attr-content-pro-detail{display:flex;align-items:center;}
.product-price-detail .price-new-pro-detail{color:var(--color-main);font-size:20px;}
.product-price-detail .price-old-pro-detail{color:#9E9E9E;font-size:15px;margin-right:35px;}
.product-price-detail .percent-pro-detail{color:#fff;font-size:13px;padding:1px 10px;border-radius:2px;background:var(--color-main);}
.attr-label-pro-detail{font-weight:500;color:#474747;}
.price-new-pro-detail{font-weight:700;font-size:20px;color:#ff2e00;}
.price-old-pro-detail{font-weight:500;color:#666;text-decoration:line-through;padding-left:10px;}
.color-pro-detail.active{color:#fff!important;background:var(--color-main);}
.size-pro-detail.active{color:#fff!important;background:var(--color-main);}
.size-pro-detail:hover{color:#fff!important;background:var(--color-main);}
.quantity-pro-detail{margin-top:10px;width:100%;max-width:164px;line-height:normal;display:flex;align-items:center;justify-content:space-between;text-align:center;border:1px solid #000;margin-right:20px;border-radius:15px;font-weight:500;border:none;border-radius:0px;}
.quantity-pro-detail span{line-height:31px;padding:0;width:37px;height:33px;color:#000;cursor:pointer;font-size:18px;border-radius:3px;}
.quantity-pro-detail span.quantity-plus-pro-detail{margin-left:-1px;}
.quantity-pro-detail span.quantity-minus-pro-detail{margin-right:-1px;}
.quantity-pro-detail input{height:33px;width:calc(100% - 72px);text-align:center;padding:5px;border-radius:3px;font-size:16px;font-weight:normal;border:1px solid #ddd;}
.quantity-pro-detail .quantity-minus-pro-detail{background-color:#FFFFFF;border:1px solid #ddd;}
.quantity-pro-detail .quantity-plus-pro-detail{background-color:#FFFFFF;border:1px solid #ddd;}
.cart-pro-detail{margin-bottom:1rem;display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;}
.cart-pro-detail a{text-align:center;color:#fff;padding:10px 20px;text-transform:capitalize;cursor:pointer;border-radius:3px;font-weight:500;font-size:15px;line-height:23px;border:1px solid var(--color-main);}
.cart-pro-detail a i{vertical-align:top;margin-top:3px;margin-right:8px;}
.cart-pro-detail a.addnow{color:var(--color-main);}
.cart-pro-detail a.addnow:hover{background-color:var(--color-main);color:#fff;border-color:var(--color-main);}
.cart-pro-detail a.buynow{background-color:var(--color-main);}
.cart-pro-detail a.buynow:hover{background-color:var(--color-main);color:#fff;}
.wrap-show-content{position:relative;}
.wrap-show-content.max-height{max-height:500px;overflow:hidden;}
.wrap-show-content.active{max-height:100%;}
.wrap-show-content.active .btn-show-content{position:relative;padding:20px;background:none;}
.btn-show-content{text-align:center;position:absolute;left:0px;right:0px;bottom:0px;background:linear-gradient(180deg,transparent,#FAFAFA);padding-top:100px;}
.btn-show-content span{background:var(--color-main);color:#fff;padding:8px 20px;border-radius:5px;cursor:pointer;display:inline-block;}
.btn-show-content span i{margin-left:10px;}
/* css brand */
.brand-pic{margin-bottom:1rem;}
.brand-name{font-size:16px;}
.brand-name a{font-weight:700;color:#333;}
.brand-name a:hover{color:var(--color-main);}
/* css album */
.album-name{font-size:16px;}
.album-name a{font-weight:700;color:#333;}
.album-name a:hover{color:var(--color-main);}
/* css block actions  */
.ul-actions{display:flex;justify-content:center;margin:20px;gap:15px;align-items:flex-start;}
.ul-actions li,.ul-actions > div{list-style-type:none;margin:0;padding:0;width:80px;text-align:center;}
.ul-actions .active .box__tabr,.ul-actions .box__tabr:hover{border-color:#fd6e1d;}
.ul-actions .box__tabr{align-items:center;border:1px solid #e0e0e0;border-radius:2px;display:flex;justify-content:center;min-height:55px;padding:4px;height:60px;width:80px;}
.icon-action{background-image:url('../images/icon_chitiet@2x-min.png');background-repeat:no-repeat;display:inline-block;height:30px;width:30px;line-height:30px;vertical-align:middle;background-size:300px 180px;}
.icon-dnb{background-position:0 0;height:28px;width:28px;}
.icon-tskt{background-position:-105px 0;height:30px;width:30px;}
.icon-ttsp{background-position:-140px 0;height:19px;width:23px;}
.ul-actions p{font-size:14px;line-height:1.3;margin-top:5px;white-space:normal;color:#000;}
/* modal-detail */
.modal-detail::-webkit-scrollbar{width:10px;}
.modal-detail::-webkit-scrollbar-thumb{width:10px;background:#4d90e0;border-radius:10px;height:50px;}
.modal-detail{position:fixed;z-index:999;background:#000000c4;top:0px;left:0px;width:100%;height:100%;overflow-y:scroll;}
.content-modal-detail{background:#fff;max-width:1200px;margin:0px auto;min-height:100vh;}
.content-modal-detail .tabs{display:flex;cursor:pointer;padding:0;list-style:none;justify-content:center;border-bottom:1px solid #e0e0e0;position:sticky;top:0px;background:#fff;z-index:99;}
.content-modal-detail .tabs li{padding:20px 20px;margin-right:5px;font-weight:bold;position:relative;border-bottom:4px solid #fff;}
.content-modal-detail .tabs li.active{color:#2d9cdb;border-bottom:4px solid #2d9cdb;}
.content-modal-detail .tab-content{padding:20px;max-width:900px;margin:0px auto;}
.content-modal-detail .tab-content.active{display:block;}
.close-tab{position:fixed;top:15px;right:20px;z-index:10;}
.btn-closemenu{position:fixed;top:10px;right:20px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;line-height:21px;padding:7px;text-align:right;width:72px;}
.btn-closemenu::before{transform:rotate(45deg);}
.btn-closemenu::after{transform:rotate(-45deg);}
.btn-closemenu::before,.btn-closemenu::after{background-color:#333;content: '';left:13px;height:14px;position:absolute;top:10px;width:1px;}
.cursor-pointer{cursor:pointer;}
/* Contact */
.contact-detail{display:flex;justify-content:space-between;}
.left-contact-detail{width:60%;}
.right-contact-detail{width:calc(100% - 60% - 60px);}
.contact-map{position:relative;height:385px;border-radius:10px;overflow:hidden;}
.contact-map iframe{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.row-contact{display:flex;justify-content:space-between;margin-top:40px;flex-wrap:wrap;}
.social-contact{text-align:center;}
.social-contact > div{display:inline-flex;align-items:center;justify-content:center;background:var(--color-main);padding:5px 30px;margin-top:30px;border-radius:5px;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;}
.social-contact > div a{display:inline-block;margin:0 2px;}
.contact-item{width:calc((100% / 3) - 10px);text-align:center;font-size:15px;}
.contact-item i{display:inline-block;margin-bottom:10px;}
.contact-item img{width:40px;height:40px!important;}
.contact-item p{margin-bottom:10px;font-weight:700;}
.contact-item span{font-size:14px;}
.row-contact-input{display:flex;justify-content:space-between;align-items:end;}
.row-contact-input .contact-input:nth-child(1){width:80%;}
.row-contact-input .contact-input:nth-child(2){width:calc(100% - 80% - 8px);}
.row-contact-input .contact-input:nth-child(2) label{margin-bottom:15px;}
.contact-input label{font-size:12px;font-weight:600;color:#22292f;transition:all 0.8s;}
.contact-input input{border-radius:0;border:none;border-bottom:1px solid #ccc;padding:0;height:45px;margin-bottom:15px;overflow:hidden;}
.contact-input input::placeholder{font-size:15px;color:#ced4da;transition:all 0.5s!important;}
.contact-input textarea{border-radius:0;border:none;border-bottom:1px solid #ccc;padding:0;height:70px;margin-bottom:20px;}
.contact-input textarea::placeholder{font-size:15px;color:#ced4da;transition:all 0.5s!important;}
.contact-form button{display:inline-flex;align-items:center;justify-content:center;max-width:300px;width:100%;height:40px;background:var(--color-main);border-radius:30px;margin:auto;font-size:14px;font-weight:500;text-transform:uppercase;color:#fff;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;transition:all 0.3s;}
.contact-form button:hover{box-shadow:rgba(0,0,0,0.16) 0px 3px 6px,rgba(0,0,0,0.23) 0px 3px 6px;background:#000;}
.contact-input{display:flex;flex-direction:column-reverse}
.contact-input .form-control{overflow:hidden;}
.contact-input .form-control:focus{color:#212529;border-color:var(--color-main);outline:0;box-shadow:unset!important;}
.contact-input .form-control:focus::placeholder{transform:translateY(-200%);}
.contact-input .form-control:focus + label{color:var(--color-main);}
.contact-input input input[type=number]::-webkit-inner-spin-button,.contact-input input input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;}
.contact-input input[type="file"]{display:none;}
.custom-file-upload{display:inline-block;padding:10px;cursor:pointer;transition:all 0.4s;font-size:20px;display:block;text-align:center;}
.file-input.has-file label{color:var(--color-main);}
.custom-file-upload i{font-size:25px;}
.custom-file-upload:hover{color:var(--color-main);}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;}
/*  breadCrumbs */
.breadCrumbs{padding:10px 10px;background:#ddd;}
.breadCrumbs ol{margin:0px;}
.breadCrumbs ol li a{color:#333;}
.breadCrumbs ol li a:hover{color:#f00;}
/* paging */
.paging-product{position:relative;}
.pagination{margin:20px 0px;justify-content:center;flex-wrap:wrap;}
.pagination li span{cursor:pointer;}
.page-item .page-link{color:var(--color-main);}
.pagination .page-item.active .page-link{color:#fff;background-color:var(--color-main);border-color:var(--color-main);}
.btn-frame{display:block;width:40px;height:40px;position:fixed;z-index:10;cursor:pointer;}
.btn-frame i{width:40px;height:40px;border-radius:50%;background:#1182fc;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;}
.btn-frame i img{vertical-align:middle;width:70%;}
.btn-frame .animated.infinite{animation-iteration-count:infinite;}
.btn-frame .kenit-alo-circle{width:50px;height:50px;top:-5px;right:-5px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:0.1;border-color:#1182fc;opacity:0.5;}
.btn-frame .zoomIn{animation-name:zoomIn;}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width:54px;height:54px;top:-7px;right:-7px;position:absolute;border-radius:100%;border:2px solid transparent;background-color:rgba(7,41,103,0.35);opacity:0.4;}
.btn-frame .pulse{animation-name:pulse;}
.grid-properties{display:flex;gap:10px;}
.grid-properties span{position:relative;border:1px solid #ddd;padding:5px 15px;cursor:pointer;}
.grid-properties span:hover,.grid-properties span.active{border:1px solid #f00;color:#f00;}
.grid-properties span:hover:after,.grid-properties span.active:after{content: '';border:0.9375rem solid transparent;border-bottom:0.9375rem solid var(#d0011b,#ee4d2d);bottom:0;position:absolute;right:-0.9375rem;}
.grid-properties span.outstock{pointer-events:none;background-color:#fafafa;color:rgba(0,0,0,0.26);cursor:not-allowed;}
/* scrollToTop */
.scrollToTop{width:41px;height:41px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:65px;right:25px;display:none;z-index:10;cursor:pointer;}
/* Hidden Google Captcha */
.grecaptcha-badge{display:none!important;width:0px!important;height:0px!important;visibility:hidden!important;overflow:hidden;}
[x-cloak]{display:none!important;}
/* CSSS T */
a.views_dm{width:140px;height:38px;}
.effect_button{transform-style:preserve-3d;transform:translateZ(-25px);transition:transform 0.25s;position:relative;display:inline-flex;z-index:1;}
.effect_button:after,.effect_button:before{position:absolute;content: 'xem thêm';height:100%;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid #f00;box-sizing:border-box;border-radius:5px;z-index:-1;text-transform:uppercase;font-weight:700;font-size:15px;}
.effect_button:before{color:#fff;background:#f00;transform:rotateY(0deg) translateZ(25px);}
.effect_button:after{color:#f00;transform:rotateX(90deg) translateZ(25px);}
.effect_button:hover{transform:translateZ(-25px) rotateX(-90deg);}
/* News */
.flex-news-detail{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;}
.news-left{width:68%;}
.news-right{position:sticky;top:61px;width:30%;background:#f1f1f1cc;padding:20px;box-shadow:0px 0px 5px #99999978;}
.news-right .title-main span{font-size:25px;}
a.btn_link{position:relative;margin:5px;height:36px;width:140px;}
.btn_link.effect_button:first-child:after,.btn_link.effect_button:first-child:before{content: 'facebook';}
.btn_link.effect_button:first-child:after,.btn_link.effect_button:first-child:before,.btn_link.effect_button:nth-child(2):after,.btn_link.effect_button:nth-child(2):before{border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(0 165 217 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(0 165 217 / var(--tw-bg-opacity));}
.btn_link.effect_button:nth-child(2):after,.btn_link.effect_button:nth-child(2):before{content: 'google map';}
div.slick.in-page:not(.slick-initialized){display:flex;gap:10px;overflow:hidden;white-space:nowrap;}
.attr-pro-detail{margin:auto;padding:0;}
.baonoidung table{display:table;border-collapse:separate;box-sizing:border-box;text-indent:initial;unicode-bidi:isolate;border-spacing:2px;border-color:gray;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;-webkit-border-horizontal-spacing:1px;-webkit-border-vertical-spacing:1px;display:block;overflow-y:auto;}
.baonoidung tbody{display:table-row-group;vertical-align:middle;unicode-bidi:isolate;border-color:inherit;}
.baonoidung tr{display:table-row;vertical-align:inherit;unicode-bidi:isolate;border-color:inherit;}
.baonoidung td{display:table-cell;vertical-align:inherit;unicode-bidi:isolate;border-width:1px;}
.baonoidung ul,.baonoidung ol{list-style:auto;padding-left:2rem;}
.baonoidung ul li,.baonoidung ol li{margin-bottom:0.75rem;list-style-type:auto;}
.baonoidung iframe{max-width:100%!important;}
.baonoidung img{height:auto!important;max-width:100%!important;}
.baonoidung *{max-width:100%!important;}
div.desc-pro-detail ul li{margin-bottom:0.75rem;list-style-type:circle;}
div.desc-pro-detail ul li:last-child{margin-bottom:0!important;}
div.baonoidung ul li{margin-bottom:0.75rem;list-style-type:disc;}
div.baonoidung ol li{margin-bottom:0.75rem;list-style-type:decimal;}
/* Swipper */
.swiper .swiper-wrapper{width:inherit;height:inherit;}
.swiper.swiper-initialized .swiper-wrapper{margin:0;width:100%;height:100%;}
.swiper.swiper-initialized .swiper-slide{padding:0;margin:0px;overflow:hidden;}
/* Popup */
.modal-title{font-size:20px;}
/* About */
.wrap-about{padding:40px 0px;background:linear-gradient(180deg,#fff 0%,#fff 60.72%,#a3c9fd 100%);}
.left-about{width:55.9%;background:url(../images/gti_bng.png) no-repeat;background-size:100% 100%;background-position:center;padding:46px 50px 80px;}
.right-about{width:calc(100% - 55.9%);}
.video-about{width:100%;margin-top:60px;}
.title-about{position:relative;margin-bottom:25px;}
.title-about p{margin-bottom:13px;font-size:16px;line-height:24px;letter-spacing:0.3em;text-transform:capitalize;color:#b6b1b1;}
.title-about span{display:inline-block;font-weight:800;font-size:76px;line-height:60px;text-transform:uppercase;color:#c82526;font-family:ftv;-webkit-text-stroke:2px #fff;text-shadow:rgb(200,37,38) 3px 0px 0px,rgb(200,37,38) 2.83487px 0.981584px 0px,rgb(200,37,38) 2.35766px 1.85511px 0px,rgb(200,37,38) 1.62091px 2.52441px 0px,rgb(200,37,38) 0.705713px 2.91581px 0px,rgb(200,37,38) -0.287171px 2.98622px 0px,rgb(200,37,38) -1.24844px 2.72789px 0px,rgb(200,37,38) -2.07227px 2.16926px 0px,rgb(200,37,38) -2.66798px 1.37182px 0px,rgb(200,37,38) -2.96998px 0.42336px 0px,rgb(200,37,38) -2.94502px -0.571704px 0px,rgb(200,37,38) -2.59586px -1.50383px 0px,rgb(200,37,38) -1.96093px -2.27041px 0px,rgb(200,37,38) -1.11013px -2.78704px 0px,rgb(200,37,38) -0.137119px -2.99686px 0px,rgb(200,37,38) 0.850987px -2.87677px 0px,rgb(200,37,38) 1.74541px -2.43999px 0px,rgb(200,37,38) 2.44769px -1.73459px 0px,rgb(200,37,38) 2.88051px -0.838247px 0px;margin-bottom:10px;}
.right-about .title-about span{color:#15AA5A;}
.desc-about{line-height:24px;text-align:justify;color:#313131;height:calc(24px * 11);margin-bottom:40px;}
.desc-about.text-split{-webkit-line-clamp:11;}
.view-about{display:inline-flex;padding:3px 3px 3px 30px;text-align:center;align-items:center;gap:10px;font-weight:600;font-size:15px;line-height:15px;text-transform:uppercase;color:#fff;border-radius:100px;background:#C82526;background:linear-gradient(90deg,rgba(200,37,38,1) 0%,rgba(200,37,38,1) 49%,rgba(7,69,154,1) 51%,rgba(7,69,154,1) 100%);background-size:203%;transition:.5s;}
.view-about:hover{color:#fff;background-position:100%;}
/* Product */
.wrap-product{margin-bottom:40px;}
.wrap-product .swiper-button-prev{left:-30px;}
.wrap-product .swiper-button-next{right:-30px;}
.tab-product{text-align:center;margin-bottom:15px;}
.item-tab-product,.cp1{cursor:pointer;color:#333;border-radius:5px;border:1px solid #15AA5A;padding:5px 15px;display:inline-block;margin:0px 5px 5px;}
.item-tab-product:hover,.item-tab-product.active,.cp1:hover,.cp1.active{background:#15AA5A;color:#fff;}
.box-brand{text-align:center;}
.name-brand{margin-top:10px;}
.name-brand a{color:#333;font-size:15px;}
.name-brand a:hover{color:var(--color-main);}
.wrap-readmore{text-align:center;}
.wrap-readmore span{color:#fff;background:var(--color-main);padding:10px 20px;border:1px solid var(--color-main);font-size:15px;text-transform:capitalize;border-radius:5px;cursor:pointer;position:relative;overflow:hidden;display:inline-block;}
.wrap-readmore span:hover{color:#fff;background:#f00;border-color:#f00;}
.wrap-readmore span.active::before{position:absolute;inset:0px;content: '';color:#fff;background:var(--color-main);transition:0.7s;}
.wrap-readmore span.active::after{position:absolute;left:calc(50% - 10px);top:calc(50% - 10px);width:20px;height:20px;content: '\e4bb';color:#fff;font-family:'Font Awesome 6 Pro';font-size:20px;display:flex;justify-content:center;align-items:center;transition:0.7s;animation:rotate 1.5s linear infinite;}
@keyframes rotate{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
.top-info{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.box-cp1{display:flex;flex-wrap:wrap;align-items:center;}
.btn.guimail{border-color:#15AA5A;background:#15AA5A;}
.newsletter-form{padding:20px;border-radius:10px;box-shadow:0 0 9px 2px #00000045;overflow:hidden;}
.xthem a{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;color:#15AA5A;}
.xthem a svg{width:14px;fill:#15AA5A;}
.xthem a:hover,.xthem a:hover svg{color:var(--color-hover);fill:var(--color-hover);}
.dichvu{background:#fff;border-radius:10px;overflow:hidden;transition:.5s;}
.slick-dichvu .slick-slide > div{line-height:0;}
.slick-dichvu .slick-slide > div:first-child{margin-bottom:30px;}
.slick-dichvu .slick-slide{margin:15px 15px;}
.slick-dichvu > div{margin:0 -15px;}
.dichvu-desc{line-height:24px;text-align:center;color:#313131;-webkit-line-clamp:3;height:calc(24px * 3);}
.dichvu-name{-webkit-line-clamp:2;font-weight:600;font-size:18px;line-height:25px;text-align:center;color:#000;height:calc(25px * 2);margin-bottom:13px;}
.dichvu-pic{margin-bottom:18px;}
.dichvu-info{padding:0 25px 22px;}
.duan-pic{-webkit-mask:url(../images/da_mask.png);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;}
.duan-cont{position:relative;margin-bottom:17px;}
.duan-cont:before{content: '';background:url(../images/da_xt.png);width:45px;height:45px;position:absolute;bottom:6px;right:0;}
.duan-name{font-weight:700;font-size:18px;line-height:25px;text-align:center;color:#1e1e1e;margin-bottom:0;-webkit-line-clamp:2;height:calc(25px * 2);}
.tieuchi-title{width:34.2%;}
.wrap-dichvu .wrap-content > .d-flex{width:calc(100% - 34.2%);gap:20px;}
.tieuchi{display:flex;width:100%;backdrop-filter:blur(34px);background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);flex-wrap:wrap;border:1px solid #fff;border-radius:20px;padding:20px 30px 20px 20px;}
.wrap-tieuchi{background:url(../images/tc_bg.png) no-repeat;background-size:cover;background-position:center;padding:40px 0;}
.tieuchi-title .main{font-weight:700;font-size:24px;color:#fff;margin-bottom:43px;}
.tieuchi-title .sub{font-weight:700;font-size:32px;line-height:48px;color:#fff;text-align:start;margin-bottom:unset;}
.tieuchi-name{width:calc(100% - 80px - 20px);font-weight:700;font-size:20px;line-height:24px;color:#fff;-webkit-line-clamp:1;margin-bottom:0;height:24px;}
.tieuchi-pic{background:url(../images/tc_bf.png) no-repeat;width:80px;text-align:right;padding:11.5px 0;}
.tieuchi-desc{line-height:22px;color:#fff;-webkit-line-clamp:2;height:calc(22px * 2);}
.tieuchi-pic-name{margin-bottom:11px;width:100%;}
.cont-tieuchi{width:calc(100% - 34.2% - 50px);display:grid;grid-template-columns:80px 210px 80px 210px 80px;grid-template-rows:160px 160px;gap:20px 20px;grid-auto-flow:row;grid-template-areas:"a1 a1 a2 a2 ." ". a3 a3 a4 a4";}
.tieuchi:nth-child(1){grid-area:a1;}
.tieuchi:nth-child(2){grid-area:a2;}
.tieuchi:nth-child(3){grid-area:a3;}
.tieuchi:nth-child(4){grid-area:a4;}
.feedback-pic-name{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:15px;padding-right:50px;position:relative;}
.wrap-feedback{background:url(../images/fb_bg.png) no-repeat;background-size:cover;background-position:center;padding:40px 0;}
.feedback{background:#fff;border-radius:18px;padding:28px 40px 45px 36px!important;}
.feedback-name-role{width:calc(100% - 110px - 36px);}
.feedback-name{-webkit-line-clamp:1;margin-bottom:8px;font-weight:700;font-size:22px;letter-spacing:-0.02em;color:#222;}
.role,.comname{line-height:24px;color:#383838;height:24px;}
.feedback-desc{line-height:24px;text-align:center;color:#353535;-webkit-line-clamp:5;height:calc(24px * 5);}
.feedback-name-role:before{content: '';background:url(../images/peri.png);width:40px;height:34px;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.wrap-feedback .title-main h2{font-weight:700;font-size:36px;line-height:27px;letter-spacing:-0.05em;text-transform:uppercase;color:#fff;text-align:start;}
.wrap-feedback .sub{font-weight:400;font-size:14px;line-height:24px;color:#fff;text-align:start;margin-bottom:unset;}
.news{display:block;border-radius:12px 12px 0 0;background:#fff;overflow:hidden;margin-bottom:10px;transition:.5s;}
.news-name{font-weight:700;font-size:16px;line-height:24px;text-align:justify;color:#333;height:calc(24px * 2);-webkit-line-clamp:2;margin-bottom:6px;}
.news-info{position:relative;padding:0 20px 13px;}
.xemthem{font-weight:400;font-size:14px;line-height:25px;text-align:justify;color:#07459a;}
.wrap-news{padding:40px 0 70px;}
.wrap-khachhang{padding:40px 0 66px;background:#f8f8f8;}
.title-about .sub1{font-weight:700;font-size:32px;line-height:24px;text-transform:uppercase;color:#07459a;font-family:arimo;margin-bottom:16px;text-align:start;}
.title-about .sub2{font-style:italic;font-weight:600;font-size:18px;line-height:24px;text-align:justify;color:#313131;}
.desc-about *{margin-bottom:0;}
.sub{font-weight:700;font-size:32px;line-height:44px;text-align:center;color:#1e1e1e;margin-bottom:20px;}
.sub1{line-height:24px;text-align:center;color:#313131;}
.title-main h2{font-weight:700;font-size:24px;text-transform:capitalize;text-align:center;color:#07459a;margin-bottom:11px;position:relative;}
.wrap-dichvu{padding:40px 0;}
.wrap-duan{padding:40px 0;}
.wrap-duan h2:before{background:url(../images/da_i.png);}
.wrap-feedback .title-main{margin-left:unset;margin-bottom:25px;}
.wrap-feedback h2{padding-top:unset;}
.wrap-feedback h2:before{left:0;transform:unset;top:50%;transform:translateY(-50%);background:url(../images/vi_i.png);}
.arrow{display:flex;position:relative;gap:10px;align-items:center;margin-bottom:20px;}
.arrow > div{position:relative;top:unset;left:unset;right:unset;bottom:unset;transform:unset;width:34px;height:34px;border-radius:100%;background:rgb(255 255 255 / 20%);}
footer{background:url(../images/ft_bg.png) no-repeat;background-size:cover;background-position:center;}
.footer-i{display:flex;flex-wrap:wrap;gap:5px;background:#c82526;font-weight:400;font-size:15px;color:#fff!important;border-radius:50px;padding:9px 20px;align-items:center;}
.footer-i:nth-child(2){background:#fff;margin-left:20px;gap:10px;padding:4px 20px 4px 4px;font-weight:600;font-size:16px;text-align:center;color:#07459a!important;}
.mxh-title{font-weight:700;font-size:20px;line-height:30px;text-transform:capitalize;color:#fff;}
.mxh{margin-top:30px;margin-bottom:27px;}
.header-info{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#fff;}
.header-top{background:#07459a;padding:9.5px 0;}
.header-top .wrap-content{padding-left:223px;}
.li-tim p{width:30px;height:30px;line-height:30px;text-align:center;}
.lienhe a{font-weight:600!important;font-size:15px!important;line-height:15px!important;color:#fff!important;display:flex!important;align-items:center;gap:10px;padding:3px 3px 3px 30px!important;border-radius:1000px;background:#07459a;background:linear-gradient(270deg,rgba(200,37,38,1) 0%,rgba(200,37,38,1) 49%,rgba(7,69,154,1) 51%,rgba(7,69,154,1) 100%);background-size:203%;transition:.5s;animation:shake 1s infinite;}
.duan-name:hover,.news-name:hover,.dichvu-name:hover{color:#cc3637;}
.wrap-about .wrap-content{position:relative;}
.wrap-about .wrap-content:before{content: '';background:url(../images/gt_wel.png);width:95px;height:645px;position:absolute;left:calc(100% + 5px);top:50%;transform:translateY(-50%);}
.menu-fix .header-logo,.mn .header-logo{margin:-14px 0;scale:0.6;}
.video-pic{margin-bottom:20px;position:relative;}
.video .news-name{line-height:1;height:calc(24px);}
.video .news-desc{line-height:24px;-webkit-line-clamp:1;height:calc(24px);}
.video-pic:before{content: '';background:url(../images/play.png) no-repeat;background-size:auto;background-position:center;width:100%;height:100%;position:absolute;top:0;left:0;}
/* 
.fiedx {
position: fixed;
left: 20px;
top: 50%;
transform: translateY(-50%);
}
.fiedx .tt-toc {
justify-content: start;
gap: 10px;
}
.fiedx .tt-toc i {
font-size: initial;
} */
.lienhe a:hover{background-position:99%;}
.swiper-slide.news{margin-bottom:8px!important;}
.news:hover{box-shadow:0 0 10px 0 rgba(0,0,0,0.15);}
.dichvu:hover{box-shadow:0 0 14px 0 rgba(0,0,0,0.15);}
.video:hover{box-shadow:0 0 14px 0 rgba(0,0,0,0.15);}
.menu ul li .arrow{position:absolute;left:calc(100% + 6px);font-size:12px;top:50%;transform:translateY(-50%);}
/* .fiedx .toc-list {
max-width: 500px;
max-height: 500px;
overflow: auto;
} */
/* Firefox (uncomment to work in Firefox, although other properties will not work!)  */
/** {
scrollbar-width: thin;
scrollbar-color: #07459A #DFE9EB;
}*/
/* Chrome, Edge and Safari */
/* .fiedx .toc-list::-webkit-scrollbar {
height: 10px;
width: 10px;
}
.fiedx .toc-list::-webkit-scrollbar-track {
border-radius: 5px;
background-color: #DFE9EB;
}
.fiedx .toc-list::-webkit-scrollbar-track:hover {
background-color: #DFE9EB;
}
.fiedx .toc-list::-webkit-scrollbar-track:active {
background-color: #DFE9EB;
}
.fiedx .toc-list::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #07459A;
}
.fiedx .toc-list::-webkit-scrollbar-thumb:hover {
background-color: #07459A;
}
.fiedx .toc-list::-webkit-scrollbar-thumb:active {
background-color: #07459A;
} */