.hidden-seoh{width:0;height:0;overflow:hidden;margin:0;padding:0;position:fixed;top:0;left:0;opacity:0;visibility:hidden;}
:root{--color-main:#e7a209;--color-sub:#ad2126;--color-hover:#ad2126;--color-text:#333333;/* font */
 --font-regular:RobotoMonoRegular;--font-medium:RobotoMonoMedium;--font-semibold:RobotoMonoSemiBold;--font-bold:RobotoMonoBold;--font-bcros:iCielBCRostrumRegular;--font-bcgrind:iCielBCGrindstoneDisplay;}
body{font-size:14px;line-height:1.6;font-family:var(--font-regular);}
.wrap-container{overflow:hidden;margin:auto;max-width:1920px;position: relative;}
.wrap-content{margin:auto;max-width:1230px;padding-left:15px;padding-right:15px;}
.wrap-main{margin:auto;max-width:1230px;padding-left:15px;padding-right:15px;}
.max-width{max-width:1230px;margin:auto;padding-left:15px;padding-right:15px;}
img{max-width:100%;}
*{box-sizing:border-box;}
a{text-decoration:none;}
.social-plugin{display:flex;margin-top:10px;}
.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;}
/* Header */
.header{background:var(--color-main);}
.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;}
/* slideshow */
.slideshow{position:relative;}
/* Search */
.search{width:100%;max-width:400px;background:#fff;position:relative;right:0;top:0;border-radius:10px;}
.search input{width:calc(100% - 35px);font-size:13px;color:#333;border-radius:10px;border:none;}
.search input::placeholder{color:#333;}
.search input:focus{border:none;box-shadow:none;}
.search p{width:35px;height:35px;cursor:pointer;line-height:35px;text-align:center;font-size:16px;color:#333;}
/* Search Responsive */
.search-res{position:relative;/* margin-left:15px; */}
.search-res .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:40px;color:#111;font-size:17px;margin:0px;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:35px;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% - 35px);border:none;color:var(--color-main);font-size:14px;}
.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;}
/* menu */
@media only screen and (max-width:991px){.w-menu{display:none;}
}
.menu{position:relative;z-index:999;top:0;left:0;right:0;}
.menu .wrap-content{position:relative;}
.menu ul{width:100%;padding:0px;margin:0;list-style:none;}
.menu ul.ulmn{max-width:900px;}
.menu ul li{position:relative;z-index:99;transition:0.3s;}
.menu ul.ulmn>li{}
.menu ul li.line{width:7px;height:7px;background-color:var(--color-main);border-radius:50%;}
.menu ul li a{font-size:18px;color:#fff;margin:0px;padding:0;text-transform:uppercase;position:relative;z-index:1;text-align:center;text-decoration:none !important;display:block;font-family:var(--font-bold);}
.menu ul li a img{vertical-align:middle;}
.menu ul li a.active,.menu ul li>a:hover{background:url(../images/bg_menu_li.png);}
.menu ul li ul li a:hover{background:transparent;color:var(--color-sub);}
.ulmn>li>a:not(.line){line-height:50px;height:50px;background:transparent;width:132px;text-align:center;}
.menu ul li ul{position:absolute;min-width:250px;left:0;top:calc(100% + 8px);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;line-height:20px;text-align:left;font-family:var(--font-medium);text-transform:capitalize;color:#111;}
.menu ul li ul li ul{top:0px;left:100%;}
.menu ul li ul li a:before{}
.menu ul li ul li a:hover:before,.menu ul li ul li>a.active:before{left:0;visibility:visible;opacity:1;width:30px;}
.menu ul li ul li:hover{padding-left:10px;}
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%;}
/* btn owl */
.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:var(--color-main);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;}
.title-detail,.title-main{margin-bottom:40px;position:relative;text-align:center;}
.title-main h2,.title-detail h1{color:var(--color-sub);font-family:var(--font-bcgrind);font-size:50px;margin-bottom:5px;text-shadow:2px 0 0 var(--color-main),2px 0 0 var(--color-main),0 -2px 0 var(--color-main),0 2px 0 var(--color-main),-2px 2px 0px var(--color-main),-2px 0px 0px var(--color-main),0px 2px 0px var(--color-main),2px 2px 0px var(--color-main),-2px -2px 0px var(--color-main),2px -2px 0px var(--color-main),-2px 5px 0 #9e6200;}
.title-main p{font-size:16px;}
.title-main span{}
/* share */
.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: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;}
.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-family:var(--font-sbold);transition:0.4s;}
.box-readmore ul li ul li a{font-family:var(--font-regular);}
.box-readmore ul li a:hover{color:var(--color-main) !important;padding-left:8px;}
.box-readmore ul li a:hover{color:#767676;}
.title-readmore{font-size:20px;color:#38433b;}
.title-readmore label{font-size:14px;cursor:pointer;}
.box-readmore{display:inline-block;padding:8px 15px;border:1px solid #47a2e2;margin-bottom:2rem;border-radius:5px;background-color:#11552c14;min-width:50%;}
.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:0;padding-left:0 !important;margin-top:8px;font-size:15px;}
.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:#333;cursor:pointer;}
.box-readmore ul li a:hover{color:#767676;}
.meta-toc.fix1{display:flex;}
.meta-toc.fiedx{position:fixed;left:5px;top:200px;z-index:111;display:block !important;}
.meta-toc.fiedx .mucluc-dropdown-list_button{display:block;cursor:pointer;}
a.mucluc-dropdown-list_button:before{content:"\f03a";font-style:normal;font-weight:900;background:#fff;color:#4397dc !important;font-size:31px;width:50px;height:50px;display:inline-block;line-height:47px;text-align:center;border:1px solid #ddd;}
.meta-toc.fiedx .box-readmore{width:350px;display:none;background:#fff;}
/* Footer */
.footer{}
.footer-article{background:url(../images/bg_footer.png)no-repeat;background-size:cover;}
.footer-powered{padding:20px 0 15px;margin-top:60px;color:var(--color-text);position:relative;}
.footer-powered:after{content:'';position:absolute;top:0;left:0;width:100%;height:1px;border-bottom:3px dashed var(--color-sub);}
.footer-powered:before{content:'';position:absolute;top:-10px;left:0;width:100%;height:3px;background:var(--color-sub);}
.copyright{color:var(--color-text);}
.copyright span{font-weight:bold;color:var(--color-sub);}
.thongketruycap{color:var(--color-text);text-align:end;}
.thongketruycap p{margin-right:10px;padding-right:10px;position:relative;}
.thongketruycap p span{font-weight:bolder;}
.thongketruycap p:last-child{margin-right:0;padding-right:0;}
.thongketruycap p:last-child:after{display:none;}
.thongketruycap p:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:1px;height:15px;background:var(--color-text);}
.footer-title{font-size:24px;font-family:'iCielBCGrindstoneDisplay';color:var(--color-sub);}
.footer-info{color:#333333;}
.footer-news .ul-list li{margin-bottom:10px;width:100%;}
.footer-news .ul-list li h4{font-size:16px;}
.footer-news .ul-list li h4 a{color:var(--color-text);}
.footer-news .ul-list li h4 a:hover{color:var(--color-hover);}
.footer-news:nth-child(1){width:37.7%;/* 500px/1200 */
}
.footer-news:nth-child(2){width:28.7%;/* 345px/1200 */
 text-align:center;}
.logo-footer{margin-bottom:25px;}
.footer-news:nth-child(3){width:25%;/* 300px/1200 */
 margin-top:50px;}
.d-map iframe{width:100%;height:400px;}
/* 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 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;}
/* 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;}
/* product detail */
.wr-search p{font-weight:bold;text-transform:uppercase;}
.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-pro-detail .left-pro-detail{width:50%;border-right:1px solid #cdd9b3;}
.grid-pro-detail .right-pro-detail{width:calc(50% - 30px);}
.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 .price-new-pro-detail{font-weight:700;font-size:20px;color:#f00;}
.attr-content-pro-detail{margin-left:10px;}
.attr-label-pro-detail{}
.left-pro-detail>div{text-align:center;}
.tabs-pro-detail{margin-top:2rem;}
.tabs-pro-detail .nav-tabs .nav-link{font-size:13px;color:#333;text-transform:uppercase;border:0;border-radius:0;background:#eee;margin:0 5px 5px 0;}
.tabs-pro-detail .nav-tabs .nav-link.active,.tabs-pro-detail .nav-tabs .nav-item.show .nav-link{background:var(--color-main);color:#fff;}
.attr-pro-detail li{display:flex;align-items:center;margin:10px 0;}
.tabs-pro-detail .nav-tabs{border-color:#cdd9b3;}
/* 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-map{position:relative;height:500px;margin-top:30px;}
.contact-map iframe{position:absolute;left:0px;top:0px;width:100%;height:100%;}
/* breadCrumbs */
.breadCrumbs{padding:10px 0px;background:#eee;}
.breadCrumbs ol{margin:0px;}
.breadCrumbs ol li a{color:#333;transition:0.4s;}
.breadCrumbs ol li a:hover{color:var(--color-main);}
.breadCrumbs ol .breadcrumb-item.active{transition:0.4s;}
/* hotline */
.hotline{left:var(--left,inherit);right:var(--right,inherit);bottom:var(--bottom,inherit);display:none;}
.hotline.btn-frame i{background:var(--background);}
.hotline.btn-frame .kenit-alo-circle{border:2px solid var(--background);border-color:var(--background);}
.hotline.btn-frame .kenit-alo-circle-fill{background-color:var(--background);}
.btn-frame img{border-radius:50%;}
.hotline.btn-phone span{position:absolute;--location:30px;top:50%;transform:translateY(-50%);background:var(--backgroundText);padding:5px 40px 5px 25px;z-index:-1;border:1px solid var(--backgroundText);border-radius:30px;color:var(--color);font-weight:700;font-size:17px;}
/* paging */
.pagination{margin:20px 0px;}
.pagination li a{cursor:pointer;}
.page-link{border-color:var(--color-main) !important;color:#6c757d !important;}
.page-item.active .page-link,.page-item:hover .page-link{background:var(--color-main);color:#fff !important;}
.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;}
/* 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;}
/* css HuynhPhuc*/
.w-menu{position:fixed;z-index:9;background:transparent;top:10px;width:100%;}
li.menu-line{}
.w-menu.fix_head,.w-menu.menu-trangtrong{width:100%;background:var(--color-main);top:0 !important;padding:10px;}
.w-menu.menu-trangtrong{position:sticky;}
.fix_head .logo-header,.fix_head .logo-header canvas{max-height:124px;}
.fix_head .logo-header img{max-height:120px;width:auto;}
/* product */
.grid-product{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}
/* product */
.product{display:flex;justify-content:space-between;align-items:center;}
.proListHot__left .product{margin-top:18px;}
.proListHot__left .product:first-child{margin-top:0;}
.product figure{max-width:100px;width:100%;}
.product figure a{border-radius:50%;border-right:3px solid var(--color-main);border-bottom:3px solid var(--color-main);}
.product-info h3{font-size:18px;font-family:"RobotoMonoSemiBold";text-transform:capitalize;margin-bottom:0;padding-right:15px;}
.product-info{width:100%;max-width:calc(100% - 110px);}
.product-info .price-new{font-size:22px;font-family:'iCielBCGrindstoneDisplay';color:var(--color-sub);padding-left:15px;}
.product-info--top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.product-info h3 a{color:var(--color-text);}
.product-info h3 a:hover{color:var(--color-hover);-webkit-line-clamp:1;}
.product-info span{-webkit-line-clamp:2;}
.product span.line{flex-grow:1;/* mở rộng độ dài linh hoạt */
 height:1px;/* chiều cao của đường line */
 /* màu của đường line */
 border-bottom:1px dashed #333333;}
/* news */
.grid-news{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}
/* news */
.news{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.news-even figure{order:2;}
.news figure{width:100%;max-width:200px;position:relative;}
.news figure .news-time{position:absolute;top:50%;transform:translateY(-50%);right:0;background:var(--color-sub);color:#fff;width:100%;max-width:70px;padding:5px 0;}
.news figure .news-time span{display:block;text-align:center;}
.news figure .news-time span:first-child{font-size:36px;font-family:"RobotoMonoSemiBold";line-height:36px;}
.news figure .news-time span:last-child{font-size:15px;font-family:"RobotoMonoRegular";}
.news figure a{max-width:180px;}
.news-info{width:100%;max-width:calc(100% - 220px);}
.news-info p{margin-bottom:0;font-size:13px;}
.news-info h3{font-size:17px;font-family:"RobotoMonoSemiBold";margin-bottom:5px;line-height:24px;}
.news-info h3 a{color:var(--color-sub);-webkit-line-clamp:2;}
.news-info h3 a:hover{color:var(--color-hover);}
.news-info span{font-size:15px;line-height:24px;color:#fff;}
.grid-news .news-info span{color:var(--color-text);}
.newsHot-contain--right,.newsHot-contain--left{width:calc(50% - 10px);}
.newsHot-contain--right .news{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;max-height:166px;}
.newsHot-contain--right .news figure{width:40%;}
.newsHot-contain--right .news .news-info{width:calc(60% - 15px);}
/* form */
.newsletter-index{margin-bottom:5px;}
.newsletter-index input{border:0;}
.newsletter-index input::placeholder{color:#000;}
.newsletter-index input:focus{box-shadow:none;}
.newsletter-button{max-width:160px;margin:0 auto;background:var(--color-main);border-radius:5px;}
.newsletter-button input{height:40px;line-height:40px;font-size:16px;}
/* video */
.video{cursor:pointer;}
.video img{max-height:965px;object-fit:cover;}
/* gioi thieu */
.gioithieu--index{background:url(../images/bg_gioithieu.png) no-repeat;background-size:cover;}
.gioithieu-contain__left{width:39.6%;/* 475px/1200 */
 margin-top:100px;}
.gioithieu-contain__left h2{font-size:54px;font-family:var(--font-bcros);text-transform:capitalize;color:var(--color-main);margin-bottom:20px;text-shadow:2px 0 0 var(--color-sub),2px 0 0 var(--color-sub),0 -2px 0 var(--color-sub),0 2px 0 var(--color-sub),-2px 2px 0px var(--color-sub),-2px 0px 0px var(--color-sub),0px 2px 0px var(--color-sub),2px 2px 0px var(--color-sub),-2px -2px 0px var(--color-sub),2px -2px 0px var(--color-sub);}
.gioithieu-contain__left p{font-size:50px;font-family:var(--font-bcros);text-transform:capitalize;color:var(--color-sub);margin-bottom:80px;text-align:end;}
.gioithieu-contain__left div span{box-shadow:0 4px 4px 0 rgb(0 0 0 / 25%);}
.gioithieu-contain__left p.slogan-gioithieu{position:absolute;bottom:0;left:0;margin-bottom:0;writing-mode:vertical-lr;line-height:40px;font-size:40px;text-transform:unset;transform:rotateZ(180deg);}
.gioithieu-contain__right{width:56.3%;/* 675px/1200 */
}
/* tieu chi */
.tieuchi-contain{margin-bottom:50px;}
.tieuchi h3{font-size:15px;font-family:var(--font-semibold);color:var(--color-text);text-transform:capitalize;margin:15px 0 0;}
/* gioi thieu mon an */
.gtMonAn-contain span{box-shadow:0 4px 4px 0 rgb(0 0 0 / 25%);padding:10px;display:inline-block;background:#f4e4c3;}
.gtMonAn-contain h3{margin:40px 0 20px;font-size:48px;font-family:var(--font-bcgrind);color:var(--color-sub);text-transform:uppercase;text-shadow:2px 0 0 var(--color-main),2px 0 0 var(--color-main),0 -2px 0 var(--color-main),0 2px 0 var(--color-main),-2px 2px 0px var(--color-main),-2px 0px 0px var(--color-main),0px 2px 0px var(--color-main),2px 2px 0px var(--color-main),-2px -2px 0px var(--color-main),2px -2px 0px var(--color-main),-2px 5px 0 #530300;}
.gtMonAn-contain span.text-split{font-size:15px;line-height:24px;color:var(--color-text);background:transparent;box-shadow:none;padding:0;}
/* pro list - news */
.proList-newsHot--index{background:url(../images/bg_prolist_newshot.png) no-repeat;background-size:cover;}
/* pro list */
.proListHot__right,.proListHot__left{width:48.3%;/* 580px/1200 */
}
.proListHot-even .proListHot__right img{border-radius:20px;}
.proList-title{margin-bottom:30px;}
.proList-title h3{font-size:32px;font-family:var(--font-bcgrind);color:var(--color-sub);text-transform:uppercase;margin-bottom:10px;}
.proList-title span{font-size:15px;line-height:24px;color:var(--color-text);-webkit-line-clamp:2;}
.proList-product{max-height:336px;overflow-y:auto;padding-right:30px;}
.proList-product::-webkit-scrollbar{width:7px;}
.proList-product::-webkit-scrollbar-track{background:#f1d5a8;}
.proList-product::-webkit-scrollbar-thumb{background:var(--color-main);}
.proListHot-item{padding-bottom:60px;}
.proListHot-even .proListHot__left{order:2;}
.proListHot-item:last-child{padding-bottom:0;}
/* news hot */
.newsHot-contain{width:52%;/* 570px/1200 */
}
.fanpage-contain{width:43%;/* 480px/1200 */
}
.newsHot-fanpage__contain{background:var(--color-main);padding:40px;margin-top:20px;position:relative;}
.newsHot-fanpage__contain:before{content:"";position:absolute;top:-10px;left:0;width:100%;height:1px;border-top:3px dashed var(--color-main);}
.newsHot-fanpage__contain:after{content:"";position:absolute;top:-20px;left:0;width:100%;height:5px;background:var(--color-main);}
.d-fanpage iframe{border-radius:10px;}
.video-contain{position:relative;}
.video-contain--small{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:100%;max-width:847px;}
.video-contain--small .video img{height:100%;}
.video-contain--small{margin:0 -8px;}
.video-contain--small .video{margin:0 8px;padding:5px;background:#f8f7f3;max-height:156px;}
/* album */
.albumHot-camnhan--index{background:url(../images/bg_prolist_newshot.png)no-repeat;background-size:cover;}
.albumHot-desktop{max-width:1081px;min-height:891px;margin-bottom:90px;}
.item-album-1{margin-top:150px;}
.item-album-3{margin-top:145px;}
.item-album-4{position:absolute;top:373px;left:-33px;}
.item-album-5{position:absolute;bottom:0px;left:178px;background:url(../images/bg_album5.png);padding:20px 15px 50px;}
.item-album-6{position:absolute;bottom:0;right:180px;}
.item-album-7{position:absolute;bottom:140px;right:-85px;}
.camnhan-top{display:flex;align-items:center;margin-bottom:15px;}
.camnhan-top h3{width:calc(100% - 150px);margin-left:10px;font-size:20px;font-family:'RobotoMonoBold';color:var(--color-sub);text-transform:uppercase;-webkit-line-clamp:1;}
.camnhan-top img{width:140px;border-radius:50%;border:3px solid var(--color-sub);}
.camnhan{font-size:15px;color:#5C5C5C;line-height:24px;background:url(../images/bg_camnhan.png) no-repeat;padding:45px 65px 80px 45px;background-size:100% 100%;}
.company-name{font-size:36px;text-transform:capitalize;font-family:'iCielBCRostrumRegular';color:var(--color-main);text-shadow:2px 0 0 var(--color-sub),2px 0 0 var(--color-sub),0 -2px 0 var(--color-sub),0 2px 0 var(--color-sub),-2px 2px 0px var(--color-sub),-2px 0px 0px var(--color-sub),0px 2px 0px var(--color-sub),2px 2px 0px var(--color-sub),-2px -2px 0px var(--color-sub),2px -2px 0px var(--color-sub);margin-bottom:0;}
.footer-name{font-size:55px;font-family:'iCielBCGrindstoneDisplay';text-transform:uppercase;color:var(--color-sub);text-shadow:2px 0 0 var(--color-main),2px 0 0 var(--color-main),0 -2px 0 var(--color-main),0 2px 0 var(--color-main),-2px 2px 0px var(--color-main),-2px 0px 0px var(--color-main),0px 2px 0px var(--color-main),2px 2px 0px var(--color-main),-2px -2px 0px var(--color-main),2px -2px 0px var(--color-main),-2px 5px 0 #9e6200;line-height:50px;margin-bottom:15px;}
.cart-fixed{position:fixed;right:20px;bottom:120px;z-index:999;background:#e7a209;width:50px;height:50px;text-align:center;color:#fff !important;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.cart-fixed i{font-size:20px;color:#fff}
.cart-fixed span{position:absolute;top:0;right:-5px;color:#000;width:25px;height:25px;background:#fff;text-align:center;line-height:25px;font-size:11px;border-radius:100%;box-shadow:0 0 3px #000}
.camnhan span.text-split{-webkit-line-clamp:4;}
 /* Menu */
#menu{display:none;}
#hamburger{display:none;width:25px;height:15px;position:relative;cursor:pointer;}
#hamburger:before,#hamburger:after,#hamburger span{background:var(--color-white);content:'';display:block;width:100%;height:2px;position:absolute;left:0px;}
#hamburger:before{top:0px;}
#hamburger span{top:5px;}
#hamburger:after{top:10px;}
#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;}
/* Search Responsive */
.search-res{position:relative;}
.search-res .icon-search{width:35px;height:35px;cursor:pointer;text-align:center;line-height:35px;color:#fff;font-size:15px;margin:0px;border:unset;border-radius:100%;}
.search-res .icon-search.active{color:#fff;background:var(--color-main);-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:solid 1px #fff;}
.search-res .search-grid{position:absolute;top:50px;right:0px;width:0px;height:40px;overflow:hidden;background:var(--color-white);border:1px solid var(--color-main);z-index:2;opacity:0;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;line-height:normal;}
.search-res .search-grid p{float:left;width:35px;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{border:none;box-shadow:unset;padding:0;width:-webkit-calc(100% - 35px);width:-moz-calc(100% - 35px);width:calc(100% - 35px);float:right;line-height:38px;outline:none;border:none;color:var(--color-main);}
.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 */
@media only screen and (max-width:991px){.menu-res{display:block !important;}
}
.menu-res{height:55px;z-index:9999;background: var(--color-main);position:relative;display:none;}
.menu-bar-res{height:55px;padding:0px 15px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;}
#menu{display:none;}
#hamburger{display:block;width:35px;height:23px;position:relative;}
#hamburger:before,#hamburger:after,#hamburger span{background:#fff;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;-o-transition:none 0.5s ease 0.5s;-moz-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;-o-transition-property:top,bottom,left,opacity,-o-transform;-moz-transition-property:transform,top,bottom,left,opacity,-moz-transform;transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity,-webkit-transform,-moz-transform,-o-transform;transition-property:transform,top,bottom,left,opacity,-webkit-transform;}
.search-res-w100{width:-webkit-calc(100% - 45px) !important;width:-moz-calc(100% - 45px) !important;width:calc(100% - 45px) !important;-webkit-border-radius:0.25rem !important;-moz-border-radius:0.25rem !important;border-radius:0.25rem !important;}
.search-res-w100 input{width:-webkit-calc(100% - 35px);width:-moz-calc(100% - 35px);width:calc(100% - 35px);height:35px;outline:none;padding:0px;border:0px;background:transparent;text-indent:10px;font-size:13px;color:#131313;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
.search-res-w100 p{width:35px;height:35px;cursor:pointer;line-height:35px;text-align:center;font-size:13px;background:var(--color-main);-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;color:var(--color-white);}
.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);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.mm-wrapper_opening #hamburger:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.mm-menu_opened{display:block !important;}
.mm-slideout{z-index:unset;}
@media (max-width:1001px){#hamburger{display:block;}
.search-res .icon-search{color:var(--color-main);background:#fff;}
.scrollToTop{bottom:80px;right:10px;}
}
.fixed-res{position:fixed !important;left:0;right:0;top:0;z-index:999;animation:slideInDown1 1s 0s;}
@-webkit-keyframes slideInDown1{0%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);visibility:visible}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInDown1{0%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);visibility:visible}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
* Mmenu */
.offcanvas-body{flex-grow:1;padding:1rem 1rem;overflow:scroll;background:var(--color-main-2);}
.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:var(--color-white);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: #000;font-size:15px;padding:10px 0px;border-bottom:1px solid #f1f1f1;font-family: var(--font-semibold);text-transform:uppercase;}
.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:var(--color-main-2);*/
}
.menu-mobile ul li .scroll{position:absolute;right:0px;top:9px;background:var(--color-main);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:var(--color-active);}
.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;color:#fff;font-family:var(--f-b);}
.company p span{color:#fff;font-family:var(--f-r);}
.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;}