:root{--color-main:#2557ae;--color-social:#2557ae;--color-hover:#2557ae;--color-text:#2557ae;--m1:#f58114;--m2:#BD132E}
@font-face{font-family:'uh';font-display:block;src:url('../fonts/UTM-HelvetIns.ttf')}
@font-face{font-family:'us';font-display:block;src:url('../fonts/UTM-Scriptina.ttf')}
@font-face{font-family:'sg';font-display:block;src:url('../fonts/SVN-GilroyHeavy.otf')}
@font-face{font-family:'sb';font-display:block;src:url('../fonts/SVN-GilroyBold.otf')}
@font-face{font-family:'sl';font-display:block;src:url('../fonts/SVN-GilroyLight.otf')}
@font-face{font-family:'sr';font-display:block;src:url('../fonts/SVN-GilroyRegular.otf')}
@font-face{font-family:'br';font-display:block;src:url('../fonts/BaiJamjuree-Regular.ttf')}
@font-face{font-family:'kr';font-display:block;src:url('../fonts/Kanit-Regular.ttf')}
@font-face{font-family:'ks';font-display:block;src:url('../fonts/Kanit-SemiBold.ttf')}
@font-face{font-family:'km';font-display:block;src:url('../fonts/Kanit-Medium.ttf')}
@font-face{font-family:'bn';font-display:block;src:url('../fonts/BebasNeueProBold.otf')}
@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}
}
body{font-size:14px}
body > section{margin:40px 0px}
.max-width{width:90%;max-width:1200px;margin:0px auto}
img{max-width:100%}
*{box-sizing:border-box}
a{text-decoration:none}
.social-plugin{display:flex;margin-top:10px}
.scale-img{overflow:hidden}
.scale-img img{transform:scale(1,1)}
.scale-img:hover > img{transform:scale(1.1,1.1)}
.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}
.p-relative{position:relative}
.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}
.header{}
.cart-head{border:1px solid #fff;padding:10px;border-radius:5px;position:relative;color:#fff}
.cart-head:hover{color:#fed402}
.cart-head i{font-size:20px}
.cart-head .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{position:relative}
.search{width:485px;border:1px solid #cdcdcd;border-radius:8px;display:flex;align-items:center;overflow:hidden;margin:0px 170px 0px auto}
.search input{width:-webkit-fill-available;border:0}
.search input:focus{border:none;box-shadow:none}
.search p{min-width:45px;height:40px;cursor:pointer;text-align:center;font-size:16px;background:var(--m1);margin:0px;display:flex;align-items:center;justify-content:center}
.search p 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}
#menu{display:none}
#hamburger{display:none;width:35px;height:23px;position:relative}
#hamburger:before,
#hamburger:after,
#hamburger span{background:#ffffff;content:'';display:block;width:100%;height:3px;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}
.mm-wrapper_opening #hamburger:before,
.mm-wrapper_opening #hamburger:after{top:10px}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0}
.mm-wrapper_opening #hamburger:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.mm-wrapper_opening #hamburger:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.mm-menu_opened{display:block!important}
.mm-slideout{z-index:unset}
.wrap-menu{display:flex;justify-content:space-between;align-items:center;gap:10px}
.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:relative;z-index:99;width:100%;background:var(--m1)}
.menu .wrap-content{position:relative}
.fix_menu{position:fixed!important;box-shadow:0 0 1px #999;background:#fff}
.menu-ul{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-right:30px!important}
.menu-ul h2{font-size:15px;margin:0}
.danhmuc-li h2{font-weight:bold;display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 15px 17px 25px;text-transform:uppercase;color:#fff}
.danhmuc-li div{}
.menu.menu-fix{position:fixed;top:0px;left:0px}
.menu ul{width:100%;padding:0px;margin:0;list-style:none}
.menu ul li{position:relative;z-index:99}
.menu ul.ulmn > li{}
.menu ul li.line{width:5px;height:5px;background-color:#aaa;border-radius:50%;flex:none}
.menu ul li a{color:#fff200;position:relative;z-index:1;text-decoration:none!important;padding:17px 0px;font-size:14px;display:flex;align-items:center;text-transform:uppercase;gap:15px}
.menu-list a:before{content:''}
.menu ul li a img{vertical-align:middle}
.menu ul li a.active,
.menu ul li:hover > a{color:#ffffff}
.menu ul li ul{position:absolute;min-width:250px;left:0;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;background:#fff}
.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}
.menu ul li ul li{text-align:left;border-bottom:1px solid rgb(173 173 173 / 32%);display:flex;align-items:center}
.menu ul li ul li:last-child{border-bottom:0px}
.menu ul li ul li a{font-size:16px;padding:10px;text-decoration:none!important;line-height:20px;text-align:left;font-weight:500;text-transform:capitalize;color:#000!important;background:unset!important;transition:0.2s all;width:100%}
.menu ul li ul li ul{top:0px;left:100%}
.menu ul li ul li a:before{content:'';:all 0.3s linear;opacity:0;height:1px;width:0px;transition:0.3s all}
.menu ul li ul li a:hover:before,
.menu ul li ul li > a.active:before{left:0;opacity:1;width:20px;background:cadetblue}
.menu ul li ul li a:hover{visibility:visible}
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%}
.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}
.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:center;text-transform:uppercase}
.title-main{margin-bottom:45px;position:relative;display:grid;justify-items:center;gap:15px}
.title-main span{font-size:36px;line-height:28px;text-transform:uppercase;color:#333333;font-family:'sr';text-align:center}
.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;margin:20px 0px;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}
.grid-tintuc{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;justify-content:space-between}
.news{display:block;margin-bottom:20px;display:block}
.pic-news{border-radius:10px;display:block;overflow:hidden;position:relative}
.pic-news img{width:100%}
a.views{display:inline-block;text-decoration:none;margin-top:10px;border:solid 1px #ccc;padding:7px 20px;border-radius:20px;color:#000;font-size:16px}
a.views:hover{border:solid 1px #fed402;color:#fed402}
.info-news{}
.info-news h3{}
.name-news{color:#1b1b1b;font-size:18px;line-height:22px;max-height:40px;-webkit-line-clamp:2!important;font-weight:400}
a.name-news.name1{font-size:25px;line-height:32px;max-height:64px}
.name-news:hover{color:#fed402}
.time-news{color:#fed402;margin-bottom:0px;font-size:12px;margin:7px 0;font-style:italic;font-weight:500}
.desc-news{color:#333333;margin-top:0px;line-height:20px;height:60px}
.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}
.othernews b{margin-bottom:10px}
.list-news-other{padding-left:17px;list-style:none;margin:0px;padding:0px}
.list-news-other li{margin-bottom:10px}
.list-news-other li a{text-transform:none;color:#333333;align-items:center}
.list-news-other li a:hover{color:#fed402}
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eeeeee}
.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}
.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}
.info-partner{background:#f8f8f8;padding:15px 0px}
.info-footer .flex-footer{display:flex;justify-content:space-between;gap:20px}
.info-footer .flex-footer .box-footer .social-footer{display:flex;gap:5px;margin:10px 0px}
.info-footer .flex-footer .box-footer:nth-child(1){width:33.3%}
.info-footer .flex-footer .box-footer:nth-child(2){width:40%}
.info-footer .flex-footer .box-footer:nth-child(3){width:25%}
.info-footer .flex-footer .title-footer{text-transform:uppercase;margin-bottom:20px;font-weight:700;font-size:14px}
.info-footer .flex-footer .service-footer{margin-top:20px}
.info-footer .flex-footer .service-footer ul{padding:0px;margin:0px}
.info-footer .flex-footer .service-footer ul li{list-style:none;padding:5px 0px}
.info-footer a{color:#fff}
.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}
.footer-powered{background:#0160b0}
.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}
.box-about{max-width:700px;margin:0px auto;text-align:center}
.box-about h3{color:#ca0000;font-size:22px;margin-bottom:10px;text-transform:lowercase}
.box-about a{padding:10px 20px;color:white;text-transform:uppercase;font-size:15px;display:block;background:#ca0000;width:-moz-fit-content;width:fit-content;margin:0 auto;font-weight:600;border-radius:10px}
.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}
.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 a{color:#000;font-size:14px;line-height:17px;padding:11px 3px;display:block;cursor:pointer}
.sort a.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 a.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}
.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}
.product{display:block;position:relative;border:#dfdfdf solid 1px;padding:10px;background:#fff}
.product:hover .name-product{color:var(--m1)}
.product .pic-product{display:block;position:relative}
.pic-product > div{}
.product .pic-product img{width:100%;-webkit-transform-style:preserve-3d;height:100%;object-fit:cover}
.product .pic-product > a{display:flex;width:100%;align-items:center;justify-content:center;text-align:center;border-radius:10px}
.first_img{position:absolute;top:0;transition:all 0.5s ease;height:100%}
.product:hover .first_img{transform:scale(0)}
.second_img{display:block;position:absolute;top:0;right:100%;transition:all 0.5s ease;height:100%}
.product:hover .second_img{right:0;top:0;transition:all 0.5s ease}
.product .name-product{margin:0px;font-size:18px;letter-spacing:-0.02em;-webkit-line-clamp:1;color:#222}
.product .name-product a{font-size:14px;color:#232323;line-height:25px}
.product .name-product a:hover{color:#ff2e00}
.product .name-product .text-split{-webkit-line-clamp:1}
.product .price-product{color:#555;overflow:hidden;display:flex;align-items:baseline;margin-bottom:0px;justify-content:center;gap:10px;margin-top:5px}
.product .price-new{text-align:center;color:#d60c0c;font-size:16px;font-weight:bold}
.product .price-old{font-size:14px;text-decoration:line-through;display:block;color:#999}
.product .price-per{position:absolute;font-size:13px;text-align:center;font-weight:700;width:45px;height:25px;background:#dd021e;color:#fff;top:10px;right:10px;display:flex;align-items:center;justify-content:center;border-radius:5px}
.box-cat{text-align:center}
.box-cat h3{font-size:14px;color:#333;margin-top:10px}
.box-cat:hover h3{color:#f00}
.cart-product{margin:5px 0 0 0px}
.cart-product span{cursor:pointer;color:#fff;text-align:center;padding:0px 5px;border-radius:5px;display:inline-block;line-height:34px;font-size:13px;font-weight:700}
.cart-add{margin-left:10px;background-color:#00a5d9;width:155px}
.cart-add:hover{background-color:#fed402}
.cart-buy{background-color:#ff2e00;width:93px;height:33px}
.cart-buy:hover{background-color:#fed402}
.grid-product{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.product .product-info{margin-top:10px;color:#333}
.product .product-info h3{font-size:17px;color:#333}
.product .product-info .price span{color:#f00}
.product .pic-product{}
.grid-product > a{min-width:100%}
.grid-pro-detail{display:flex;justify-content:space-between;align-items:start}
.grid-pro-detail .left-pro-detail{width:50%;padding-right:30px}
.grid-pro-detail .right-pro-detail{width:50%}
.detail-product{display:flex;justify-content:space-between}
.detail-product .left-pro-detail{width:40%;border:1px solid #ddd}
.detail-product .right-pro-detail{width:57%}
.detail-product .right-pro-detail ul{list-style:none;padding:0px}
.detail-product .right-pro-detail ul li{margin-bottom:20px}
.detail-product .right-pro-detail ul li .title-pro-detail{font-size:18px}
.detail-product .right-pro-detail ul li .attr-content-pro-detail{display:inline-block;margin-bottom:0px}
.detail-product .right-pro-detail ul li .attr-content-pro-detail .price-new-pro-detail{font-weight:700;font-size:20px;color:#f00}
.policy_intuitive{border:1px solid #e0e0e0;border-radius:5px;margin-bottom:25px}
.policy{margin:20px 16px 0 16px}
.policy__list{display:flex;flex-wrap:wrap;padding:0px}
.policy__list > li{border-bottom:1px solid #f1f1f1;position:relative;padding:12px 0 12px 35px;width:50%;display:inline-block}
.policy__list > li:nth-child(2n + 1){padding-right:20px}
.policy__list li > div.iconl{left:0;position:absolute;top:15px}
.policy__list li .iconl{width:32px}
.policy__list li p{line-height:20px;padding-left:5px;margin:0px}
.policy__list li:last-child{border-bottom:0}
.policy__list > li:nth-child(2n + 1):nth-last-child(2){border:0}
.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::-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}
.box-ct{display:flex;justify-content:start;align-items:center;background-color:rgb(233,230,230);padding:10px;border-radius:10px}
.box-ct img{border-radius:50%;margin-right:10px}
.ds-ct h3 a{font-size:17px;color:#333}
.ds-ct h3 a:hover{color:#f00}
.block__promo{border:1px solid #e0e0e0;border-radius:4px;margin-bottom:10px}
.promoadd__list{padding:10px}
.promoadd__list li{margin-bottom:15px;background:url(../images/tick.png) no-repeat 0px 3px;background-size:15px;padding-left:25px}
.pr-top{background-color:#f6f6f6;border-bottom:1px solid #e0e0e0;padding:8px 10px}
.pr-txtb{font-weight:bold}
.pr-top .pr-txt{color:#666;font-size:12px;line-height:1.4;margin-top:5px;font-style:normal}
.pr-content .pr-item:last-child{border:none}
.pr-content .pr-item{padding:15px 10px 10px 10px}
.divb{margin-bottom:-10px}
.divb .nb{background-color:#4a90e2;border-radius:50%;color:#fff;display:inline-block;font-size:11px;float:left;height:16px;line-height:16px;margin-top:2px;text-align:center;width:16px}
.divb-right{padding-left:26px}
.pr-content .pr-item p{margin:0px 0px 0px 0px}
.divb-right a{color:#4a90e2}
.wrap-ti{padding:20px 0px}
.box-ti{background:#f1f1f1;padding:15px;border-radius:10px;display:flex;justify-content:space-between;min-height:135px}
.wrap-ti .owl-item:nth-child(n + 1) .box-ti{background-color:rgb(220,238,255)}
.wrap-ti .owl-item:nth-child(n + 2) .box-ti{background-color:rgb(254,245,207)}
.wrap-ti .owl-item:nth-child(n + 3) .box-ti{background-color:rgb(255,239,219)}
.wrap-ti .owl-item:nth-child(n + 4) .box-ti{background-color:rgb(225,254,207)}
.ds-ti{width:calc(100% - 45px)}
.ds-ti h3{font-size:15px}
.ds-ti h3 a{color:#333}
.ds-ti h3 a:hover{color:#f00}
.contact-map{position:relative;height:500px;margin-top:30px}
.contact-map iframe{position:absolute;left:0px;top:0px;width:100%;height:100%}
.breadCrumbs{padding:10px 0px;background:#ddd}
.breadCrumbs ol{margin:0px}
.breadCrumbs ol li a{color:#333}
.breadCrumbs ol li a:hover{color:#f00}
.pagination{margin:20px 0px}
.pagination li a{cursor:pointer}
.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;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}
.wrap-xh{background:linear-gradient(90deg,#ffecd2 0%,#fcb69f 100%);padding:10px;border-radius:10px}
.title-xh{font-size:25px;margin:20px 0px;color:#333;font-weight:700;text-align:left;text-transform:uppercase}
.image-xh{border-radius:10px;overflow:hidden}
.name-xh{text-align:center;color:#333;font-size:16px;margin:10px 0px 0px}
.scrollToTop{right:10px;position:fixed;bottom:10px;z-index:9}
.grecaptcha-badge{display:none!important;width:0px!important;height:0px!important;visibility:hidden!important;overflow:hidden}
[x-cloak]{display:none!important}
.product-page a:hover,
.product-page a.active{background-color:var(--m1);color:#fff}
.product-page{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}
.product-page a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:#d5d5d5 solid 1px;color:#000;cursor:pointer;background:#fff;border-radius:5px}
.product-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}
.product-list a{border:var(--m1) solid 1px;padding:10px 20px;color:#000;font-weight:bold;text-transform:uppercase}
.product-list a:hover,
.product-list a.active{color:#fff;background:var(--m1)}
.slideshow-next,
.slideshow-prev{z-index:9;position:absolute;top:50%;transform:translateY(-50%);width:40px;height:50px;background:#00000085;border-radius:5px;color:#fff;font-size:1.875rem;display:flex!important;align-items:center;justify-content:center;opacity:30%;cursor:pointer;transition:0.2s all}
.slideshow-next:hover,
.slideshow-prev:hover{opacity:90%}
.slideshow-next{right:10px}
.slideshow-prev{left:10px}
.slideshow .wrap-content{display:grid;grid-template-columns:270fr 935fr;gap:5px}
.slideshow-box{min-width:100%}
.footer-layout .wrap-content{display:grid;grid-template-columns:220fr 360fr 180fr 370fr;gap:20px}
.footer-title{font-size:18px;display:grid;gap:10px;margin-bottom:20px}
.footer-title:after{content:'';width:50px;height:1px;background:#fff}
.footer-fanpage iframe{width:100%}
.footer-layout{padding:60px 0px 30px 0px;background:var(--m1);color:#fff}
.product-d{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.menu-social{display:flex;align-items:center;gap:5px;margin-left:auto;margin-top:10px}
.menu-social a{display:flex}
.header-box{flex:1}
.logo-header{margin:3px 0px}
.intro{}
.intro-box:nth-child(1){position:relative;padding:30px 0px 20px 40px}
.intro-box:nth-child(1):before{content:'';background-color:#e3cca1;position:absolute;width:50%;aspect-ratio:284/375;top:0px;left:0px}
.intro-box:nth-child(1):after{aspect-ratio:370/325;content:'';position:absolute;border:2px solid #434e6e;width:65%;bottom:0px;left:20px}
.intro .wrap-content{display:grid;grid-template-columns:670fr 450fr;gap:70px}
.intro-d{display:grid;grid-template-columns:565fr 420fr;gap:40px;margin-top:65px}
.intro-box:nth-child(1){}
.intro-box:nth-child(2){font-family:'br';display:grid;align-content:center;margin:40px 0px 20px 0px}
.intro-img{width:fit-content;position:relative;z-index:1}
.intro-img-item{border:#212529 solid 1px;padding:20px;width:fit-content}
.intro-img.img1{text-align:center;padding-bottom:115px}
.intro-img.img2{display:grid;gap:20px;align-content:end;position:relative}
.intro-txt-1{color:var(--m1);font-size:30px;text-align:center;font-family:'us';margin-top:35px}
.intro-txt-1 div{color:#212529;font-size:30px;line-height:45px;margin-right:-30px;margin-top:-23px}
.intro-img.img3{grid-column:1/3;width:fit-content;margin:0px auto;display:flex;align-items:end;font-size:20px;gap:5px;margin-top:-210px;position:relative;z-index:3;left:-28px}
.intro-txt-2{text-align:center;font-family:'sg';font-size:36px;text-transform:uppercase;color:#333333}
.intro-txt-3{font-size:18px;text-transform:uppercase;color:#333333;font-weight:400;margin-bottom:10px}
.intro-txt-4{-webkit-line-clamp:15;font-size:18px;line-height:32px;color:#323b3e;font-weight:300;text-align:justify}
.intro-txt-5{border:1px solid var(--m1);width:150px;height:45px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:32px;color:var(--m1);font-weight:600;margin-top:20px;gap:15px}
.intro-txt-5:hover{color:#fff!important;background:var(--m1);
	img{filter:brightness(0) invert(1)}
}
.intro-line{margin-bottom:-35px}
.product-info{margin-top:20px}
.product-number{font-size:64px;color:#E79108}
.footer-info:nth-child(1){display:grid;justify-content:start;align-items:self-start;height:fit-content;justify-items:center}
.footer-info:nth-child(2){}
.footer-info:nth-child(3){}
.footer-info:nth-child(4){}
.footer-social{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:10px}
.footer-policy{display:grid;gap:15px}
.footer-policy a{color:#fff;display:flex;align-items:center;gap:15px}
.footer-policy a:before{content:'';width:3px;height:3px;background-color:#fff;border-radius:50%}
.footer-policy a:hover{color:#f00}
.footer-powered .wrap-content{display:flex;color:#fff;align-items:center;justify-content:center;padding:10px 0px;position:relative}
.footer-line{}
.footer-map iframe{width:100%;height:570px}
.header-mobile{display:none}
.album-d{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}
.pbThumbs li{width:100px!important}
.header-top{background:var(--m1);padding:7px 0px}
.header-top .wrap-content{display:flex}
.header-info{display:flex;align-items:center;color:#fff;gap:10px}
.header-info:first-child{margin-right:auto}
.header-social{display:flex;gap:5px;margin-left:10px}
.header-bottom{padding:8px 0px}
.header-bottom .wrap-content{display:flex;align-items:center}
.header-hotline{display:flex;align-items:center;gap:5px}
.header-hotline div div{font-size:22px;color:#da241c;margin-bottom:0px}
.info_nd{position:relative}
.info_nd:before{content:'';position:absolute;width:100%;height:200px;background:linear-gradient(to top,#fff,transparent);top:0px;left:0px}
.info_nd.active:before{content:unset}
.album-next,
.album-prev{width:25px;height:40px;background:#dcdcdc;border-radius:3px;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}
.album-next{right:-25px}
.album-prev{left:-25px}
.album-slide{margin:0px 15px}
.thumb-pro-detail{margin:0px 5px}
.product-d .product{min-width:100%}
.lazy{opacity:0;transition:0.2s all}
.lazy.loaded,
.lazy.error{opacity:1}
.right-pro-detail .title-detail h1{text-align:left}
.right-pro-detail .title-detail{margin-top:0px}
.danhmuc-li{width:270px;background-color:#005fb0}
.slidesbanner-slide{margin:2px -1px 0px -1px}
.slidesbanner-item{margin:0px 1px;display:block;position:relative}
.slidesbanner-txt{bottom:0px;position:absolute;width:100%;font-size:18px;line-height:20px;color:#ffffff;font-weight:700;text-align:center;padding:15px;height:100%;background:linear-gradient(0deg,#000000c4,transparent);display:flex;align-items:end;justify-content:center}
.slidesbanner-txt span{-webkit-line-clamp:1}
.video-d{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.video-d a{display:grid;text-align:center;gap:10px;color:#000;text-transform:uppercase;align-content:flex-start;min-width:100%}
.video-txt{margin:0px 20px;-webkit-line-clamp:2}
.play-ic{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.video-img{position:relative}
.newsletter-form{}
.newsletter-input{}
.newsletter-input input{height:40px;border-radius:0;padding:0px 30px 0px 10px}
.newsletter-input textarea{height:70px;border-radius:0px}
.newsletter-submit{}
.listProductNb{display:grid;gap:30px;margin:30px 0px}
.body-layout{position:relative;display:grid;grid-template-columns:237px 1fr;}
.body-left{position:sticky;top:0px;min-width:100%;background:url("../images/menu.png");min-height:100vh;color:#fff;height:fit-content;width:100%;}
.body-right{min-width:100%;width:100%;}
.wrap-right{margin-left:40px;position:relative;margin-right:7vw}
.crown{background:url("../images/crown.png");width:179px;margin:0px auto;display:flex;text-align:center;margin-top:30px;aspect-ratio:179/187;background-size:100% 100%;align-items:center;justify-content:center;}
.crown span{font-size:150px;line-height:150px;color:#f58114;font-weight:bold;position:relative;font-family:"League Spartan",sans-serif;text-align:center;}
.crown div{font-size:30px;line-height:28px;color:#2a2a2c;font-weight:500;position:relative;top:-35px}
.tieuchi{background:url("../images/tieuchi.webp");color:#fff;padding:45px 0px 75px 0px;background-size:cover;margin-top:60px}
.tieuchi-title{display:grid;justify-items:center;text-align:center;font-size:36px;text-transform:uppercase;color:#ffffff;font-family:'sg';margin-bottom:55px;gap:10px}
.tieuchi-d{display:grid;grid-template-columns:repeat(2,1fr);gap:60px 85px}
.tieuchi-item{display:flex;align-items:start}
.tieuchi-txt-1{font-size:26px;line-height:32px;text-transform:uppercase;color:#ffffff;font-family:'km';-webkit-line-clamp:1}
.tieuchi-line{height:1px;background:#3d3d39;margin:20px 0px 12px 0px}
.tieuchi-item > img{margin-top:20px}
.tieuchi-item:nth-child(2n){flex-direction:row-reverse;
	img{transform:rotateY(180deg)}
	.tieuchi-txt-1{margin-left:50px}
	.tieuchi-txt-2{margin-left:50px}
}
.tieuchi-item:nth-child(2n+1){.tieuchi-txt-1{margin-right:50px}
	.tieuchi-txt-2{margin-right:50px}
}
.linhvuc{background:url("../images/linhvuc.webp");background-size:cover;padding:60px 0px}
.linhvuc .wrap-right{display:grid;grid-template-columns:315fr 705fr;gap:10px;align-items:center}
.linhvuc-box:nth-child(1){}
.linhvuc-box:nth-child(2){display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.linhvuc-item{background:var(--m1);grid-column:2 span;aspect-ratio:1/1;display:grid;align-content:center;text-align:center;padding:5%;gap:10px;font-size:17px;line-height:25px;text-transform:uppercase;color:#ffffff;margin-top:-50%;-webkit-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);transition:0.3s all}
.linhvuc-item:nth-child(1),
.linhvuc-item:nth-child(2){margin-top:0px}
.linhvuc-item:nth-child(4n+1){grid-column:2/4}
.linhvuc-item:hover,
.linhvuc-item.active{background:#036735}
.linhvuc-img{}
.linhvuc-txt-1{font-size:25px;text-transform:uppercase;color:#333333;font-family:'sl';margin-bottom:15px}
.linhvuc-txt-1 span{font-family:'sg';font-size:40px}
.linhvuc-txt-2{font-size:17px;color:#046836;font-weight:600;font-family:'br';-webkit-line-clamp:3;margin-bottom:10px;line-height:30px}
.linhvuc-txt-3{font-size:16px;color:#323b3e;font-family:'br';-webkit-line-clamp:4;line-height:25px}
.linhvuc-txt-4{-webkit-line-clamp:2;font-family:'sb';width:57%;margin:0px auto;text-align:center;color:#fff!important}
.duan{display:grid}
.duan-d{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.duan-tb{}
.duan .wrap-right,
.duan-tb .wrap-right{padding:55px 0px 40px 0px}
.duan .wrap-right:after,
.duan-tb .wrap-right:after{content:'';width:100%;height:7px;box-shadow:inset 2.5px 4.33px 2.5px rgba(0,0,0,0.09);position:absolute;bottom:0px}
.duan .wrap-right:last-child:after{display:none}
.duan-item{padding:0px 0px 25px 25px;position:relative}
.duan-img{position:relative;z-index:2}
.duan-img:hover .duan-txt{opacity:1}
.duan-txt{padding:20px;position:absolute;width:100%;bottom:0px;font-family:'br';text-transform:uppercase;color:#ffffff;height:100%;display:grid;align-content:end;background:linear-gradient(0deg,black,transparent);transition:0.3s;opacity:0}
.duan-txt-1{font-size:25px;-webkit-line-clamp:1}
.duan-txt-1.text-split{font-size:20px;-webkit-line-clamp:2}
.duan-txt-2{font-size:13px;line-height:28px;color:var(--m1);-webkit-line-clamp:1;border-bottom:var(--m1) solid 1px;width:fit-content}
.duan-item:after{content:'';background:url("../images/duan-img.webp");width:calc(100% - 25px);position:absolute;aspect-ratio:1/1;left:0px;bottom:0px}
.more-btn{border:var(--m1) solid 1px;color:var(--m1);display:block;width:fit-content;padding:10px 30px;text-transform:uppercase;font-weight:bold;margin:15px auto 0px auto;transition:0.3s all}
.more-btn:hover{color:#fff;background:var(--m1)}
.solieu{background:url("../images/solieu.webp");background-size:cover;background-position:center;padding:67px 0px;margin-bottom:45px}
.solieu-d{display:flex;gap:60px}
.solieu-item{flex:1;display:grid;gap:25px}
.solieu-item div{font-size:110px;color:#ffffff;line-height:80px;font-family:'bn'}
.solieu-item p{margin-bottom:0px;font-size:22px;line-height:36px;color:#ffffff;-webkit-line-clamp:1;font-family:'sg';text-transform:uppercase}
.solieu-line{height:140px;min-width:1px;background:#fff5}
.solieu-line:last-child{display:none}
.phukien{margin:45px 0px}
.phukien-d{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.phukien-img{border:1px solid #d6d6d6;padding:5px}
.phukien-txt-1{font-size:18px;line-height:28px;text-transform:uppercase;color:#333333;font-weight:500;font-family:'br';-webkit-line-clamp:1;margin-top:10px;text-align:center}
.phukien .title-main{margin-bottom:30px}
.quytrinh{background:url("../images/quytrinh.webp");background-size:cover;padding:50px 0px 45px 0px}
.quytrinh-d{display:grid;grid-template-columns:repeat(4,1fr);justify-items:end;align-items:center;position:relative;margin-right:85px;row-gap:30px;margin-left:60px}
.quytrinh-img{background:#b10000;width:76px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:50%;border:var(--m1) solid 8px;position:relative}
.quytrinh-stt{width:27px;height:27px;border-radius:13px;filter:drop-shadow(2px 3.464px 2.5px rgba(0,0,0,0.3));background-color:var(--m1);font-size:11px;color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;top:-11px;left:-8px}
.quytrinh-img:before{content:'';width:10px;height:15px;background:var(--m1);-webkit-clip-path:polygon(0 0,0% 100%,100% 50%);right:-16px;position:absolute}
.quytrinh-item{width:100%;display:flex;align-items:flex-start;position:relative;z-index:2}
.quytrinh-txt{flex:1;line-height:20px}
.quytrinh-txt-1{height:38px;text-transform:uppercase;color:#333;font-weight:700;font-family:'br';border-bottom:rgb(35 35 35 / 15%) solid 1px}
.quytrinh-txt-1 span{-webkit-line-clamp:2;position:relative;top:-10px}
.quytrinh-txt-2{color:#333333;margin-top:10px;height:60px}
.quytrinh-txt-2 span{-webkit-line-clamp:3}
.quytrinh-banner{grid-row:2/3;grid-column:1/2;overflow:hidden;display:flex;align-items:center;width:100%;top:-17px;position:relative}
.quytrinh-banner .scale-img{border-radius:15px;margin-right:10px}
.quytrinh-border{position:absolute;left:100%;top:37px;width:65px;height:185px}
.quytrinh-border div{position:absolute;width:200%;height:100%;border:#d8d8d8 solid 1px;border-radius:50%;right:0px;-webkit=clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);-webkit-clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}
.quytrinh-item.two{flex-direction:row-reverse;grid-row:2/3}
.quytrinh-item .quytrinh-txt > div > span{margin:0px 15px}
.quytrinh-border img{position:absolute;top:50%;transform:translateY(-50%) rotate(-90deg);right:-19px}
.quytrinh-banner-line{display:flex;align-items:center;flex:1}
.quytrinh-banner-line:after{content:'';flex:1;height:1px;background:#dedede}
.quytrinh-item.item4{grid-column:4/5}
.quytrinh-item.item5{grid-column:3/4}
.quytrinh-item.item6{grid-column:2/3}
.quytrinh-item-line{position:absolute;width:60px;left:-60px;display:flex;align-items:center}
.quytrinh-item-line:after{content:'';position:absolute;height:1px;width:calc(100% - 8px);background:#d3d3d3;left:0pc}
.quytrinh-item-line img{position:relative;z-index:1;margin-left:5px;transform:rotate(180deg)}
.camnhan{transition:0.2 all;animation-timing-function:linear}
.camnhan-item{display:flex;align-items:center;gap:35px;background:#fff;}
.camnhan-img{min-width:175px;border-radius:50%}
.camnhan-txt-1{font-size:18px;line-height:30px;color:#8a8a8a;-webkit-line-clamp:2}
.camnhan-txt-2{font-size:18px;color:#331f00;font-family:'sb';margin:5px 0px 2px 0px;-webkit-line-clamp:1}
.camnhan-txt-3{-webkit-line-clamp:1;color:var(--m1)}
.camnhan-title{position:relative;display:grid;margin-bottom:5px}
.camnhan-title span{opacity:0.102;font-size:85px;line-height:85px;text-transform:uppercase;color:#333333;font-family:'sg';display:block}
.camnhan-title div{font-size:36px;line-height:35px;color:#331f00;font-family:'sb';position:absolute;bottom:0px;left:10px}
.camnhan-slide{margin-top:30px;position:relative}
.phay2{margin-left:auto;margin-top:-60px;position: relative;}
.camnhan-arr{position:absolute;display:grid;gap:30px;right:0px;top:30px;z-index:9}
.camnhan-arr > div{display:flex}
.camnhan-txt{margin-right:105px}
.doitac-slide .swiper-wrapper{transition-timing-function:linear!important}
.doitac{margin:30px 0px;filter:drop-shadow(0px 0px 6px #0004)}
.doitac .wrap-right{padding:35px 0px 35px 55px;background:#f8f8f8;-webkit-clip-path:polygon(50px 0%,100% 0,100% 100%,0 100%,0% 50px);position:relative;z-index:3}
.doitac-item{border:1px solid rgba(0,0,0,0.08);border-radius:5px;overflow:hidden;display:block;padding:10px;background:#fff}
.doitac:after{content:'';width:100%;height:100%;background:#f8f8f8;left:50%;position:absolute;top:0px;z-index:2}
.tintuc{margin:40px 0px 50px 0px}
.tintuc-item{}
.tintuc-img{}
.tintuc-txt{font-family:'br'}
.tintuc-txt-1{display:flex;align-items:center;color:var(--m1);gap:10px;margin:15px 0px 5px 0px}
.tintuc-txt-2{font-size:20px;line-height:30px;color:#333333;font-weight:600;-webkit-line-clamp:2}
.tintuc-txt-3{font-size:15px;line-height:27px;color:#666666;-webkit-line-clamp:2;margin-top:5px}
.video-nav{margin:0px -5px}
.videon-item{margin:0px 5px;position:relative}
.videof-item{position:relative}
.playic{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.video-nav-arr{display:flex;gap:10px;min-width:45px;margin-right:5px}
.video-nav-arr > div{cursor:pointer}
.video-nav-box{display:flex;margin-left:235px;padding:20px;align-items:center;background:#f8f8f8;box-shadow:0px 0px 10px #0005;margin-top:-60px;position:relative;z-index:1}
.video-nav{width:calc(100% - 50px)}
.videoindex{margin:50px 0px}
.trainghiem .title-main{margin-bottom:30px}
.trainghiem-slide blockquote{margin:0px!important;min-width:100%!important;!i;!}
.trainghiem{margin:55px 0px}
.wrap-left{padding-right:25px;margin-left:3vw}
.menu-li a{color:#fff;font-size:15px;padding:10px 20px;display:block;font-family:'br';font-weight:bold}
.menu-li h2 > a{border:transparent solid 1px;border-radius:5px;width:fit-content}
.menu-li h2 > a:hover,
.menu-li >h2 > a.active{border-color:#fff}
.menu-li{margin-left:-20px}
.menu-left{margin-top:10px}
.menu-info{color:#fff;margin-top:20px;border-bottom:dashed 1px #fff;padding-bottom:10px;line-height:25px;margin-bottom:20px}
.menu-logo{margin-top:25px;display:block}
.loading-index{position:fixed;width:100%;height:100%;background:#fff;z-index:99;top:0px;left:0;display:flex;align-items:center;justify-content:center;font-size:50px;color:var(--m1);font-weight:bold}
.loading-index div{border-bottom:var(--m1) solid 2px;overflow:hidden}
.loading-index span{position:relative;top:70px;transition:0.7s all}
.loading-index.active span{top:0px}
.news-layout{display:grid;grid-template-columns:3fr 1fr;gap:20px;position:relative}
.news-layout > div{min-width:100%}
.news-title{text-transform:uppercase;text-align:center;font-weight:bold;font-size:19px;margin-bottom:15px}
.list-news-other a{display:flex;gap:10px}
.news-txt{-webkit-line-clamp:2}
.news-img{width:100px;min-width:100px}
.news-right{position:sticky;top:0px;height:fit-content;background:#ededed;padding:10px;border-radius:10px;margin-top:10px}
.dichvu-item{display:flex;align-items:center;gap:20px;margin-top:-8%}
.dichvu-item > div{flex:1;text-align:center;color:#000}
.dichvu-item:nth-child(2n){flex-direction:row-reverse}
.dichvu-txt-1{font-size:20px;-webkit-line-clamp:2}
.dichvu-txt-2{-webkit-line-clamp:3}
.dichvu-item:first-child{margin-top:0px}
.body-right > section{margin:30px 0px}
.chinhanh{position:relative}
.chinhanh-d{position:absolute;width:100%;top:15px;display:flex;justify-content:end;padding-right:7vw;flex-wrap:wrap}
.chinhanh-d .wap_1200{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}
.chinhanh-item{border:1px solid rgba(34,34,34,0.2);padding:10px;background:#fff;cursor:pointer;text-transform:uppercase}
.chinhanh-item:hover,
.chinhanh-item.active{background:var(--m1);color:#fff;border-color:var(--m1)}
.map-loading iframe{height:310px}
.map-loading{display:flex}
.phukien-price-product{display:flex;justify-content:center;gap:10px;align-items:baseline;}
.phukien-price-new{font-size:18px;color:#f00;font-weight:bold;}
.phukien-price-old{font-size:15px;color:#666;text-decoration:line-through;}
.phukien-price-per{position:absolute;background:#f00;color:#fff;width:45px;height:25px;display:flex;align-items:center;justify-content:center;top:10px;right:10px;}