/* @keyframe */
@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:#06a7e9;--color-social:#f00;--color-hover:#f00;--color-text:#f00;--menu-border:rgb(255 255 255 / 20%);--menu-color:#fff;}
body{top:unset!important;font-size:14px;line-height:1.5;font-family:'Roboto';}
.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:1188px;}
.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:#06a7e9;position:relative;padding:17px 0;}
.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{position:absolute;background:#fff;border-radius:10px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;width:0;opacity:0;right:0;bottom:-60px;}
.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;padding:10px 0;}
.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;}
.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:0;position:relative;z-index:1;text-align:center;text-decoration:none!important;display:block;font-weight:700;font-size:14px;line-height:30px;text-transform:uppercase;color:#454545;}
.menu ul li a img{vertical-align:middle;}
.menu ul li a.active,.menu ul li:hover > a{color:#06a7e9;}
.menu ul li ul{position:absolute;min-width:250px;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;}
.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%);}
.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;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:0;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{font-weight:400;font-size:13px;line-height:30px;text-align:justify;color:#787878;height:calc(30px * 4);}
.news-desc.text-split{-webkit-line-clamp:4;}
.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:space-between;align-items:center;cursor:pointer;}
.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:70px 0px;}
.footer-title{text-transform:uppercase;font-weight:600;font-size:15px;line-height:25px;color:#fff;margin-bottom:15px;}
.name-company{text-transform:uppercase;font-size:14px;margin-bottom:1rem;font-weight:700;}
.footer-info{font-weight:400;font-size:13px;line-height:45px;color:#fff;}
.footer-news:nth-child(1){width:19.2%;}
.footer-news:nth-child(2){width:32.2%;}
.footer-news:nth-child(3){width:11.9%;}
.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:15px 0px;text-align:center;border-top:1px solid rgba(255,255,255,0.4);transition:0.7s;}
.footer-copyright{font-weight:400;font-size:13px;line-height:35px;color:#fff;}
.footer-copyright span{text-transform:uppercase;}
.footer-copyright a{color:#fff;}
.footer-statistic{text-align:right;color:#fff;}
.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{font-weight:400;font-size:13px;line-height:25px;color:#fff;margin-bottom:12px;}
.form-newsletter{display:flex;justify-content:space-between;align-items:center;}
.form-newsletter input{width:calc(100% - 45px);margin-bottom:0px;height:34px;border:1px solid #DDD;font-size:13px;padding:0px 15px;border-radius:3px;outline:none;color:#333;}
.form-newsletter input::placeholder{color:#757575;}
.form-newsletter button{width:43px;height:34px;font-size:13px;border-radius:3px;outline:none;background:var(--color-main);color:#fff;font-weight:400;border:none;}
.form-newsletter button:hover{color:#fff;background:#ae0009;}
.social-footer{margin-top:15px;gap:5px;}
#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;}
/* About */
.flex-about{display:flex;justify-content:space-between;align-items:center;}
.content-about{width:50%;}
.photo-about{width:48%;}
.title-about{margin-bottom:14px;}
.title-about h3{font-size:30;color:#333;text-transform:uppercase;}
.view-about{display:block;font-size:15px;text-transform:uppercase;margin:30px 0px 20px;color:#333;text-align:center;}
.view-about span{position:relative;z-index:1;}
.view-about span:hover{color:#f00;}
.view-about span:after{content: '';width:50px;height:50px;border-radius:50%;background:#c2d2a7;position:absolute;z-index:-1;left:4%;top:50%;transform:translateY(-50%) translateX(-50%);}
/* 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{margin-bottom:60px;}
.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{}
.col-product{}
.product{display:block;position:relative;}
.product-pic{background:#fff;margin-bottom:13px;display:block;position:relative;overflow:hidden;}
.product-name{font-weight:500;font-size:18px;line-height:25px;text-align:center;color:#323d42;margin-bottom:7px;}
.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:50px;height:50px;position:fixed;z-index:10;cursor:pointer;}
.btn-frame i{width:50px;height:50px;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:60px;height:60px;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:70px;height:70px;top:-10px;right:-10px;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;}
/* CSS cho loading */
.loading-overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.7);justify-content:center;align-items:center;z-index:999;}
.loading{width:50px;height:50px;border:5px solid rgba(0,0,0,0.1);border-radius:50%;border-top:5px solid #3498db;animation:spin 1s linear infinite;}
@keyframes spin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
/* About */
.wrap-about{padding:60px 0px;}
.left-about{width:48.8%;}
.right-about{width:calc(100% - 48.8% - 30px);}
.video-about{width:100%;margin-top:60px;}
.title-about p{margin-bottom:0px;font-weight:300;font-size:20px;line-height:24px;color:#a4a4a4;margin-bottom:16px;}
.title-about span{color:#E5020D;font-size:35px;margin-bottom:0px;font-weight:800;display:block;text-transform:uppercase;line-height:45px;}
.right-about .title-about span{font-weight:700;line-height:45px;color:#06a7e9;font-size:42px;}
.desc-about{color:#333;font-size:15px;line-height:1.7;text-align:justify;margin-bottom:8px;max-height:286px;overflow:auto;}
.desc-about.text-split{-webkit-line-clamp:6;}
.view-about{display:inline-block;padding:9px 51px;font-weight:400;font-size:13px;line-height:30px;color:#252525;text-transform:capitalize;border:1px solid #9f9f9f;margin:unset;position:relative;}
.view-about:hover{color:#fff;background:#06a7e9;}
/* Product */
.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;display:inline-block;font-weight:400;font-size:16px;line-height:20px;text-align:center;color:#2a2a2a;padding-bottom:11px;}
.item-tab-product:hover,.item-tab-product.active,.cp1:hover,.cp1.active{color:#06a7e9;border-bottom:3px solid #06a7e9;}
.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:grid;justify-items:center;margin-bottom:30px;}
.box-cp1{display:flex;flex-wrap:wrap;align-items:center;gap:10px 54px;}
.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);}
.header-info{display:flex;align-items:center;gap:5px;font-weight:500;font-size:13px;color:#fff;}
.menu > div > ul{gap:30px;}
.sub1{font-weight:700;font-size:20px;line-height:25px;color:#06a7e9;margin-bottom:14px;}
.view-about:before{content: '';background:url(../images/gt-xt.png);width:50px;height:50px;top:50%;transform:translateY(-50%);right:-49px;position:absolute;}
.title-main h2{font-weight:700;font-size:45px;line-height:55px;text-transform:capitalize;text-align:center;color:#06a7e9;margin-bottom:14px;}
.sub{text-align:center;color:#727272;line-height:20px;}
.top-info .title-main{margin-bottom:33px;}
.product-desc{font-weight:400;font-size:13px;line-height:25px;text-align:center;color:#787878;-webkit-line-clamp:2;height:calc(25px * 2);}
.wrap-product{background:#f7f7f7;padding:70px 0 80px;}
.visao-pic{width:48px;height:48px;}
.visao{display:flex;width:calc(100%/2 - 15px);background:#06a7e9;align-items:center;flex-wrap:wrap;justify-content:space-between;padding:23px 33px;border-radius:10px;}
.wrap-visao .wrap-content > .d-flex{gap:30px;}
.visao-bg{background:url(../images/vs_bg.png);padding:16.5px;}
.visao-name{font-weight:700;font-size:16px;line-height:25px;text-transform:uppercase;color:#fff;-webkit-line-clamp:1;height:calc(25px);}
.visao-desc{font-size:13px;line-height:25px;color:#c9e4ee;-webkit-line-clamp:2;height:calc(25px * 2);}
.visao-info{width:calc(100% - 81px - 11px);}
.wrap-visao{padding:70px 0 80px;}
.vs-xt{margin-top:10px;display:inline-block;font-weight:400;font-size:15px;line-height:25px;color:#06a7e9!important;border-bottom:3px solid #06a7e9;padding:10px 10px;}
.wrap-ungdung{background:url(../images/ungdung_bg.png);padding:70px 0 80px;}
.ungdung-i{font-weight:700;font-size:15px;line-height:65px;text-transform:capitalize;color:#fff;-webkit-line-clamp:1;height:65px;overflow:hidden;text-overflow:ellipsis;position:relative;cursor:pointer;}
.left-ungdung ul{padding:0;margin-bottom:0;list-style:inside;color:#fff;}
.left-ungdung{width:23.6%;}
.right-ungdung{width:calc(100% - 23.6% - 20px);}
.ungdung-i:before{content: '';border-top:2px solid #1b95e9;position:absolute;bottom:0;left:0;width:0;transition:.5s;}
.ungdung-i:hover:before,.ungdung-i.active:before{right:0;width:100%;}
.slide-ungdung{overflow:hidden;}
.ungdung{position:relative;padding-bottom:57px;display:inline-block;width:100%;}
.ungdung-name{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 20px;font-weight:600;font-size:18px;text-transform:uppercase;color:#fff;margin-bottom:0;}
.ungdung-info{position:absolute;bottom:0;left:0;right:0;background:rgba(0,134,184,0.8);margin:0 20px;padding:28px 44px;}
.ungdung-desc{color:#fff;font-weight:500;font-size:14px;line-height:30px;text-align:justify;height:calc(30px * 3);}
.wrap-ungdung .title-main h2{font-weight:700;font-size:45px;text-transform:capitalize;text-align:center;color:#fff;}
.wrap-ungdung .title-main .sub{color:#fff;}
.ungdung-pic{aspect-ratio:887/370;width:100%;}
.swiper-slide.gcn{width:340px;}
.date{display:flex;flex-wrap:wrap;gap:7px;align-items:center;align-content:center;font-weight:400;font-size:13px;line-height:25px;text-transform:capitalize;color:#131313;margin-bottom:11px;}
.news-name{font-weight:600;font-size:18px;line-height:25px;color:#0787c2;height:calc(25px);-webkit-line-clamp:1;margin-bottom:13px;}
.news-info{background:#fff;padding:20px 20px 30px 20px;}
.wrap-news{background:#f7f7f7;padding:75px 0;}
.news-xt{text-align:end;background:url(../images/xt-ct.png) no-repeat;background-size:11px 11px;background-position:right center;padding-right:21px;font-weight:500;font-size:13px;line-height:20px;color:#0c67a6;margin-top:6px;}
footer{background:#06A7E9;}
.desc-footer{font-size:13px;line-height:30px;color:#fff;margin-bottom:15px;}
.header-logo{margin-bottom:15px;}
.footer-news:nth-child(4){width:25%;}
.footer-name{font-weight:700;font-size:28px;line-height:34px;text-transform:uppercase;color:#fff;margin-bottom:17px;}
.footer-info *{margin-bottom:0;}
.footer-news:nth-child(1) > a{font-weight:400;font-size:13px;line-height:30px;color:#fff;border:1px solid white;border-radius:1000px;padding:11.5px 36px;}
.wrap-giaychungnhan{padding:70px 0 80px;}
.tieuchi{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:1px solid #d9d9d9;padding-bottom:18px;}
.tieuchi-info{width:calc(100% - 59px - 11px);}
.tieuchi-name{font-weight:500;font-size:17px;line-height:20px;color:#0d5587;-webkit-line-clamp:1;height:calc(20px);margin-bottom:6px;}
.tieuchi-desc{font-size:13px;line-height:25px;color:#656565;-webkit-line-clamp:1;height:calc(25px);}
.wrap-tieuchi{padding-top:70px;}
.product-name:hover{color:#06a7e9;}
.li-tim p{width:45px;height:45px;line-height:43px;text-align:center;border:2px solid var(--color-main);border-radius:100%;}
.wrap_photo{display:flex;flex-wrap:wrap;gap:12.5px;}
.hinhanh{width:calc(100%/5 - 10px);}
.skiptranslate{display:none!important;}
.lang-header-top{position:relative;}
.lang-header-top .lang-header-main{border:1px solid #cfcfcf;width:145px;height:37px;border-radius:26px;text-align:center;padding:0px 7px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;margin-bottom:0;background:rgb(255 255 255 / 75%);color:#000;}
.lang-header-top .lang-header-main strong{display:flex;align-items:center;justify-content:space-between;font-weight:normal;width:87%;}
.lang-header-top .lang-header-main strong span{font-size:12.5px;width:90px;text-align:left;padding-right:5px;}
.lang-header-top .lang-header-main strong img{width:23px;height:15px;margin-top:1px;}
.lang-header-top .lang-header-main i{margin-top:-1px;color:#a5a4a4;margin-right:5px;}
.lang-header-top .lang-header-ul{display:none;position:absolute;width:100%;top:37px;left:0px;background:#464646;font-size:13px;padding:3px;opacity:1;min-width:100%;border-radius:10px;}
.lang-header-top .lang-header-ul.active{display:block;-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);transform-origin:0 0 0;-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;}
.lang-header-top .lang-header-ul li{cursor:pointer;margin-bottom:5px;padding:5px 8px;display:flex;align-items:center;justify-content:space-between;width:100%;height:26px!important;z-index:999999;color:#fff;}
.lang-header-top .lang-header-ul li img{display:inline-block;}
.lang-header-top .lang-header-ul li:hover{background:#fff100;color:#000;}
.lang-header-top .lang-header-ul li:last-child{margin-bottom:0px;}
.lang-header-top .lang-header-ul li span{width:80px;text-align:left;padding-right:5px;display:block;}
.lang-header img{max-width:30px;}
.lang-header{gap:5px;padding:unset;margin:unset;}
.box-menu-product{position:sticky;top:50px;}
.title-menu-product{color:var(--color-main);font-weight:700;font-size:19px;border-bottom:1px solid var(--color-main);margin-bottom:15px;padding-bottom:5px;}
div#danhmuc{border-bottom:none}
div#danhmuc ul{list-style:none;padding:0;margin:0;}
div#danhmuc ul li{position:relative}
div#danhmuc ul li:last-child{border:none}
div#danhmuc ul li a{color:#454545;text-decoration:none;font-size:16px;transition:0.4s;display:block;    /* border-bottom:1px solid #DDD; */padding:7px 0px 7px 0px;}
div#danhmuc ul li a h2{font-size:15px}
div#danhmuc ul li span{position:absolute;right:6px;top:0;display:block;width:14px;height:100%;background:url(../images/x2.png) no-repeat center;cursor:pointer;max-height:40px;transition:0.3s;}
div#danhmuc ul li span.active{background:url(../images/x2.png) no-repeat center;}
div#danhmuc ul li a:hover,div#danhmuc ul li a.active{color:red;transition:0.4s;text-decoration:underline}
div#danhmuc ul li ul li a{padding:7px 5px 7px 20px;}
div#danhmuc ul li ul li span{}
div#danhmuc ul li ul li ul li span{}
div#danhmuc ul li ul{display:none;border:000;}
div#danhmuc ul li ul.show-ul-c2{display:block}
div#danhmuc ul li ul li ul li{}
div#danhmuc ul li ul li ul li a{padding-left:34px;}
div#danhmuc ul li ul li ul li ul li{}
div#danhmuc ul li ul li ul li ul li a{padding-left:40px;color:#000;}
div#danhmuc ul li ul li ul li ul li ul li{}
div#danhmuc ul li ul li ul li ul li ul li a{color:#0193de;}