@font-face{font-family:"HelveticaNeue";src:url("../fonts/HelveticaNeue/HelveticaNeue.eot");src:local("☺"),url("../fonts/HelveticaNeue/HelveticaNeue.woff") format("woff"),url("../fonts/HelveticaNeue/HelveticaNeue.svg") format("truetype"),url("../fonts/HelveticaNeue/HelveticaNeue.woff2") format("truetype"),url("../fonts/HelveticaNeue/HelveticaNeue.ttf") format("svg");font-weight:400;font-style:normal;display:swap;}
@font-face{font-family:"HelveticaNeue-Medium";src:url("../fonts/HelveticaNeue-Medium/HelveticaNeue-Medium.eot");src:local("☺"),url("../fonts/HelveticaNeue-Medium/HelveticaNeue-Medium.woff") format("woff"),url("../fonts/HelveticaNeue-Medium/HelveticaNeue-Medium.svg") format("truetype"),url("../fonts/HelveticaNeue-Medium/HelveticaNeue-Medium.woff2") format("truetype"),url("../fonts/HelveticaNeue-Medium/HelveticaNeue-Medium.ttf") format("svg");font-weight:500;font-style:normal;display:swap;}
@font-face{font-family:"HelveticaNeue-Bold";src:url("../fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.eot");src:local("☺"),url("../fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.woff") format("woff"),url("../fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.svg") format("truetype"),url("../fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.woff2") format("truetype"),url("../fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.ttf") format("svg");font-weight:700;font-style:normal;display:swap;}
@font-face{font-family:"SFProDisplay-Medium";src:url("../fonts/SFProDisplay-Medium/SFProDisplay-Medium.eot");src:local("☺"),url("../fonts/SFProDisplay-Medium/SFProDisplay-Medium.woff") format("woff"),url("../fonts/SFProDisplay-Medium/SFProDisplay-Medium.svg") format("truetype"),url("../fonts/SFProDisplay-Medium/SFProDisplay-Medium.woff2") format("truetype"),url("../fonts/SFProDisplay-Medium/SFProDisplay-Medium.ttf") format("svg");font-weight:500;font-style:normal;display:swap;}
@font-face{font-family:"SFProDisplay-Bold";src:url("../fonts/SFProDisplay-Bold/SFProDisplay-Bold.eot");src:local("☺"),url("../fonts/SFProDisplay-Bold/SFProDisplay-Bold.woff") format("woff"),url("../fonts/SFProDisplay-Bold/SFProDisplay-Bold.svg") format("truetype"),url("../fonts/SFProDisplay-Bold/SFProDisplay-Bold.woff2") format("truetype"),url("../fonts/SFProDisplay-Bold/SFProDisplay-Bold.ttf") format("svg");font-weight:700;font-style:normal;display:swap;}
@font-face{font-family:"SFProDisplay";src:url("../fonts/SFProDisplay-Heavy/SFProDisplay-Heavy.eot");src:local("☺"),url("../fonts/SFProDisplay-Heavy/SFProDisplay-Heavy.woff") format("woff"),url("../fonts/SFProDisplay-Heavy/SFProDisplay-Heavy.svg") format("truetype"),url("../fonts/SFProDisplay-Heavy/SFProDisplay-Heavy.woff2") format("truetype"),url("../fonts/SFProDisplay-Heavy/SFProDisplay-Heavy.ttf") format("svg");font-weight:800;font-style:normal;display:swap;}
/* effect */
.effect-1{position:relative;overflow:hidden;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}
.effect-1:after{position:absolute;top:0;left:-66%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);-webkit-transform:skewX(-10deg);transform:skewX(-10deg);}
.effect-1:hover:after{-webkit-animation:shine .75s;animation:shine .75s;}
@-webkit-keyframes shine{100%{left:125%;}
}
@keyframes shine{100%{left:125%;}
}
@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;}
}
/*Rotate IMG*/
.rotate-img{-webkit-transition:0.8s ease-out;-moz-transition:0.8s ease-out;-o-transition:0.8s ease-out;transition:0.8s ease-out;}
.rotate-img:hover img{transform:scaleY(180);-webkit-transition:0.8s ease-out;-moz-transition:0.8s ease-out;-o-transition:0.8s ease-out;transition:0.8s ease-out;transform:rotateY(360deg);/*transform:rotateX(360deg);transform:rotateZ(360deg);*/
}
/* Scale IMG */
.scale-img{overflow:hidden;display:block;}
.scale-img img{-webkit-transform:scale(1,1);transform:scale(1,1);}
.scale-img:hover > img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
/* page */
.fb-page,.fb-page span,.fb-page span iframe[style]{max-width:100% !important;}
/* Text Hide */
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}
.text-split-2{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;}
.text-split-1{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;}
:root{--color-main:#000000;--color-second:#FFA72B;--color-social:#2557ae;--color-hover:#2557ae;--color-text:#2557ae;--menu-border:rgb(255 255 255 / 20%);--menu-color:#fff;}
body{font-size:14px;font-family:'HelveticaNeue' !important;font-weight:400;background-color: #111111;color: #fff;}
.max-width{max-width:1200px;margin:0px auto;}
.wrap-content{margin:auto;max-width:1200px;}
.container-custom{padding:0px 10px;margin:0px auto;}
img{max-width:100%;}
*{box-sizing:border-box;}
a{text-decoration:none;}
.social-plugin{display:flex;margin-top:10px;}
.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 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 */
.w-header{padding:10px 0;}
.hotline-header,.cart-header,.fix-header,.store-header{display:inline-flex;align-items:center;text-transform:uppercase;}
.header-item{}
.header-item p{margin-bottom:0;}
.header-item span{display:block;}
.header-item i{font-size:23px;color:var(--color-main);}
.hotline-header span{font-size:11px;font-weight:500;color:#000;}
.hotline-header p{font-size:12px;font-weight:800;color:var(--color-main);}
.cart-header{font-size:11px;font-weight:500;color:#000;}
.cart-header span:nth-child(1){color:var(--color-main);}
.fix-header{font-size:11px;font-weight:500;color:#000;}
.fix-header span:nth-child(2){color:var(--color-main);}
.store-header{font-size:11px;font-weight:500;color:#000;cursor:pointer;}
.store-header i{display:inline-block;margin-right:5px;}
.store-header span:nth-child(1){color:var(--color-main);}
/* Tieu chi */
.criteria{padding:10px 0;max-width:1000px;margin:auto;aspect-ratio:1000/60;}
.criteria_slick{display:none;margin:0 -5px;}
.criteria_slick .slick-slide{margin:0 5px;}
.criteria-item{display:flex;align-items:center;justify-content:space-between;}
.criteria-img{width:40px;}
.criteria-item h3{font-size:14px;font-weight:700;font-style:italic;width:calc(100% - 40px - 5px);margin:0;}
/* Mmenu */
.menu-res{z-index:100;background:var(--color-main) !important;position:relative;display:none;}
.menu-bar-res{height:70px;padding:0px 10px;}
.logo-res{display:inline-block;}
/* Button menu */
#hamburger{display:block;width:30px;height:23px;position:relative;display:block;}
#hamburger:before,#hamburger:after,#hamburger span{background:#fff;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;transition-property:transform,top,bottom,left,opacity;}
.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{transform:rotate(45deg);}
.menu-mobile-opened #hamburger:after{transform:rotate(-45deg);}
.mm-menu_opened{display:block !important;}
.logo-head{width:240px;text-align:center;}
/* Menu */
.logo__menu{width: 160px;margin-right: 30px;}
.social__menu{width: 160px;margin-left: 30px;}
.icon__menu{width: 50px;height: 50px;border-radius: 50%;background-color: #111;display: inline-flex;justify-content: center;align-items: center;}

.fix_menu{position:fixed !important;box-shadow:0 0 1px #999;background:#fff;top:0;}
.menu{position:relative;z-index:999;background:var(--color-main);width:100%;padding: 10px 0px;}
.menu .wrap-content{position:relative;}
.menu ul{width:100%;padding:0px;margin:auto;list-style:none;}
.menu ul li a{font-size:15px;color:#fff;padding:12px 2px;margin:0px;position:relative;z-index:1;text-align:center;text-decoration:none !important;display:inline-flex;align-items:center;justify-content:center;}
.menu ul li a img{vertical-align:middle;}
.menu ul.menu-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:start;position:relative;justify-content:space-between;width:100%;}
.menu ul.menu-main{width: calc(100% - 320px - 60px);}
.menu ul.ulmn>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.ulmn>li i{vertical-align:middle;display:inline-block;margin-right:3px;}
.menu ul li a.active,.menu ul li:hover>a{color:var(--color-second);}
.menu ul.ulmn>li>ul{position:absolute;left:0;top:100%;width:100%;padding:15px 10px;background-color:#fff;-webkit-box-shadow:1px 1px 15px rgb(255 255 255 / 15%);box-shadow:1px 1px 15px rgb(255 255 255 / 15%);-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;line-height:normal;height:auto;display:flex;flex-flow:row wrap;max-height:630px;overflow-y:scroll;box-shadow:rgba(0,0,0,0.16) 0px 1px 4px;}
.menu ul li ul li{width:calc(100% / 4);padding:5px 0;}
.menu ul li ul li a{font-size:15px;text-align:left;color:#000;padding:10px 10px 9px 10px;font-weight:700;text-transform:unset;line-height:1.5;display:flex;justify-content:start;}
.menu ul li ul li a:hover,.menu ul li ul li:hover>a,.menu ul li ul li a.active{background:none;color:var(--color-main);}
.menu ul li ul li ul{margin-top:0px;position:relative;}
.menu ul li ul li ul li{width:100%;}
.menu ul li ul li ul li a{color:#000;padding:0 0 0 20px;font-size:14px;font-weight:400;}
.scroll-custom{overflow-y:auto;overflow-x:hidden;}
.scroll-custom::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);border-radius:10px;background-color:#F5F5F5;}
.scroll-custom::-webkit-scrollbar{width:5px;background-color:#F5F5F5;}
.scroll-custom::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#A2A3A3;}
/* Search */
.search{background:#FFFFFF;border-radius:10px;flex:1 1 auto;max-width:400px;padding:4px;border:2px solid var(--color-main);font-weight:500;}
.search input{width:calc(100% - 40px);height:40px;outline:none;padding:0px 14px;border:0;background:#fff;font-size:13px;color:#3C3C3C;border-radius:50px;outline:none;}
.search p{width:40px;height:40px;cursor:pointer;line-height:42px;text-align:center;font-size:16px;border-radius:50px;color:#3C3C3C !important;}
.search input::placeholder{color:#3C3C3C;}
.search input:focus{border:none !important;outline:none !important;box-shadow:none;}
/* Search Res */
.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 #fff;border-radius:50%;margin-left:15px;} */
/* .search-res .icon-search.active{color:#ec2d3f;background:#ffffff;border-radius:100%;} */
.search-res .search-grid{position:absolute;top:50px;right:0px;width:0px;height:42px;overflow:hidden;background:#ffffff;border:1px solid #ec2d3f;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:#ec2d3f;line-height:36px;text-align:center;background-color: #eee;}
.search-res .search-grid input{width:calc(100% - 40px);float:right;outline:none;border:none;color:#ec2d3f;}
.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;}
.search-res input:focus{border:none !important;outline:none !important;box-shadow:none;}

.search-res2{background:#FFFFFF;border-radius:7px;flex:1 1 auto;max-width:calc(100% - 40px);padding:2px;font-weight:500;}
.search-res2 input{width:calc(100% - 40px);height:40px;outline:none;padding:0px 14px;border:0;background:#fff;font-size:13px;color:#3C3C3C;border-radius:50px;outline:none;}
.search-res2 p{width:40px;height:40px;cursor:pointer;line-height:42px;text-align:center;font-size:16px;border-radius:50px;color:#3C3C3C !important;}
.search-res2 input::placeholder{color:#3C3C3C;}
.search-res2 input:focus{border:none !important;outline:none !important;box-shadow:none;}
/* */
.w-logo-res{width:140px;}
.w-search-res{width:calc(100% - 150px);}
/* SLider */
.slideshow{position:relative;}
.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:0px;padding:0px;margin:0px;display:block;cursor:pointer;color:#ffffff;width:45px;height:45px;text-align:center;font-size:25px;margin:0px;background-color:#000000;border-radius:3px;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-main{margin-bottom:20px;text-align:center;position:relative;}
.title-main h1{color:#fff;font-family:'HelveticaNeue-Medium';font-size:36px;display:block;}
.title-main span{color:#fff;font-family:'HelveticaNeue-Medium';font-size:36px;display:block;}
.tt-week{font-size:25px;text-align:center;margin:20px 0px;color:#fff;font-family:'HelveticaNeue-Medium';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;}
/* Slide quảng cáo */
.w-slide{padding:30px 0;}
.slide_slick{display:none;margin:0 -10px;}
.slide_slick .slick-slide{margin:0 10px;}
.slide-item,.slide-item img{border-radius:10px;}
/* Khach hang */
.w-customer{background:url('../images/main/cus-bg.jpg') no-repeat;background-size:100% 100%;padding:55px 0;}
.w-customer .title-main span{color:#7E0303;}
.customer_slick{display:none;margin:0 -3.5px;}
.customer_slick .slick-slide{margin:0 3.5px;}
/* Cap 1 */
.w-list{padding:50px 0;}
.w-list .title-main span{color:#fff;}
.list_slick{display:none;margin:0 -10px;}
.list_slick .slick-slide{margin:0 10px;}
.list-item{background:#222;border-radius:10px;display:block;padding:10px;text-align:center;transition:all 0.3s;margin:3px 0;transition:all 0.3s;}
.list-item:hover{transform:scale(1.03);}
.list-item img{margin:auto;}
.list-item h3{font-size:15px;color:#fff;margin:5px 0;line-height:20px;height:40px;transition:all 0.3s;}
.list-item:hover{border:var(--color-second);}
.list-item:hover.list-item h3{color:var(--color-second);}
/* Chi nhanh */
.w-branch{background-color: #000;padding-bottom: 50px;}
.bg__branch{border: solid 1px #6D6D6D;border-radius: 1rem;padding: 30px 60px;}
.title-main-branch{margin-bottom: 1.5rem;border-bottom: solid 1px #6D6D6D;text-align: center;padding-bottom: 30px;}
.title-main-branch h2{color: #fff;font-family: 'HelveticaNeue-Medium';font-size: 28px;line-height: 1.6;}

.branch_slick{display:none;margin:0 -50px;}
.branch_slick .slick-slide{margin:0 50px;}
.branch-img,.branch-img img{border-radius:10px;}
.branch-infor{padding:15px 0 0 0;}
.branch-name{font-family:'HelveticaNeue-Bold';font-size:16px;color:#fff;margin-bottom: 1rem;}
/* Tin tuc */
.btn-outline-news{border: solid 1px #696969;border-radius: 50px;color: #fff;padding: 0.5rem 2rem;font-family: 'HelveticaNeue-Medium';font-size: 15px;line-height: 1.5;}
.btn-outline-news.active,.btn-outline-news:hover{background-color: #fff;border-color: #fff;color: #111;}
.w-news{padding:60px 0;}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;}
.news_slick{display:none;margin:0 -15px;}
.news_slick .slick-slide{margin:0 15px;}
.news_slick .news-item{margin:5px 0 25px 0;}
.news-item{background:#222;border-radius:20px;box-shadow:0 25px 20px -20px rgba(0,0,0,0.45)}
.news-img,.news-img a,.news-img a img{border-radius:20px 20px 0 0;}
.news-infor{padding:15px;border-radius:0 0 20px 20px;}
.news-name{line-height:20px;margin-bottom:5px;}
.news-name a{font-size:15px;color:#fff;transition:all 0.3s;display:block;height:60px;}
.news-name a:hover{color:var(--color-second);}
.news-date{color:#929292;font-size:13px;font-weight:500;}
.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;}
.a2a_kit{margin-right:2px;}
.a2a_kit .a2a_svg{width:30px;height:30px;line-height:30px;}
/* Sua chua */
.fix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.fix-item{text-align:center;}
.fix-infor{padding:20px 10px 10px 10px;}
.fix-name{margin-bottom:20px;}
.fix-name a{font-size:20px;font-weight:700;color:#3e3e3f;}
.view-more-fix{font-size:16px;}
.fix-flex{text-align:center;white-space:nowrap;overflow:auto;margin:0 0 20px 0;}
.ddd{text-align:center;white-space:nowrap;margin:0 0 20px 0;}
.ddd{color:#000;overflow:auto;padding-top:10px;padding-bottom:10px;margin-bottom:10px;white-space:nowrap;text-align:center;}
/* width */
.ddd::-webkit-scrollbar{width:0px;height:0px;}
/* Track */
.ddd::-webkit-scrollbar-track{background:#f1f1f1;}
/* Handle */
 .ddd::-webkit-scrollbar-thumb{background:#888;}
/* Handle on hover */
 .ddd::-webkit-scrollbar-thumb:hover{background:#555;}
.fix-flex::-webkit-scrollbar{width:0px;height:0px;}
.fix-flex a{display:inline-block;color:#3e3e3f;border-radius:10px;border:1px solid #e5e5e5;padding:10px;margin:2.5px 5px 2.5px 0px;text-decoration:none;}
.fix-flex a:hover,.fix-flex a.active{background:var(--color-main);color:#fff;}
/* Video */
.w-about{background:#000;color:#fff;text-align:center;padding-bottom:60px;overflow:hidden;position:relative;}
.about-video{position:relative;pointer-events:none;}
.about-video:after{content:'';position:absolute;top:50%;bottom:-1px;left:0px;right:0px;background:linear-gradient(180deg,rgba(0,0,0,0) 2.68%,rgba(0,0,0,.72) 53.2%,rgba(0,0,0,.86) 69.35%,#000 86.01%);}
.about-infor{position:absolute;left:50%;transform:translateX(-50%);bottom:10%;width:63%;color:#fff;}
.decs-about{line-height:32px;}
.view-more-about{font-weight:700;color:#000;display:inline-block;padding:12px 35px;border-radius:30px;background:var(--color-second);margin-top:25px;transition:all 0.3s;}
.view-more-about:hover{color:#fff;background:var(--color-main);}
/* Dang ky nhan tin */
.register{max-width:700px;margin:30px auto 0 auto;}
.register-title-main{background:var(--color-main);padding:10px 20px;color:#fff;margin:0;font-size:23px;}
.form-newsletter{padding:20px;border:1px solid #eee;}
.form-control{margin-bottom:5px;}
.form-newsletter input{height:45px;border:1px solid #eee;;font-size:13px;padding:0px 15px;border-radius:3px;outline:none;color:#414141;margin:0 0 10px 0;}
.form-newsletter input::placeholder,.form-newsletter textarea::placeholder{color:#414141;font-size:14px;}
.form-newsletter textarea{height:110px;border:1px solid #eee;font-size:14px;border-radius:3px;outline:none;color:#414141;}
.form-newsletter button{width:150px;height:40px;font-size:14px;font-weight:700;border-radius:3px;outline:none;background:var(--color-main);color:#fff;border:none;margin:auto;}
.form-newsletter button:hover{color:#fff;background:var(--color-main);}
/* Toc */
a.mucluc-dropdown-list_button{}
a.mucluc-dropdown-list_button:before{content:"\f03a";font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:400;background:#fff;color:#006ACB !important;font-size:20px;width:35px;height:35px;display:inline-block;line-height:38px;text-align:center;border:1px solid #ddd;}
.meta-toc-clone.fiedx{position:fixed;left:5px;top:200px;z-index:111;}
.meta-toc-clone:not(.fiedx) .box-readmore{display:block !important;}
.box-readmore{padding:10px;background-color:#f5f5f5;width:100%;margin-top:2px;border:1px solid #222;font-size:13px;margin-bottom:10px;}
.meta-toc-clone .box-readmore{width:350px;display:none;max-height:50vh;overflow-y:auto;overflow-x:hidden;margin-bottom:0px;}
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#222;}
.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;}
/* Footer */
.footer-article{background:var(--color-main);padding:50px 0 0px 0;color:#fff;}
.footer-title{font-size:16px;margin-bottom:1rem;font-family:'HelveticaNeue-Bold';}
.footer-flex{display:flex;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;}
.footer-news:nth-child(1){width:28.3%;}
.footer-news:nth-child(2){width:24%;}
.footer-news:nth-child(3){width:12%;}
.footer-news:nth-child(4){width:20%;}
.footer-ul{padding:0px;margin:0px;list-style:none;}
.footer-ul li{margin-bottom:10px;}
.footer-ul li:last-child{margin-bottom:0px;}
.footer-ul li a{color:#fff;font-size:15px;transition:all 0.3s;}
.footer-ul li a:hover{text-decoration:none;color:var(--color-second);}
.item-icon-footer img{margin:0px 3px 3px 0px;}
.footer-powered{padding:25px 0px;border-top:1px solid #6D6D6D;text-align: center;}
.footer-powered span{}
.footer-copyright a{color:#fff;}
#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;}
.social-footer{margin-top:15px;}
.social-footer a{margin:0px 5px 5px 0px;}
.social-footer a img{max-width:50px;}
/* Sale */
.w-sale-product{padding: 15px 0px;}
.bg__productsale{background-color: #000;padding: 15px;border-radius: 1rem;}
.title__sale{text-align: center;margin-bottom: .5rem;}
/* Product */
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;}
.product-area{padding:30px 25px;border-radius:8px;}
.product_slick{display:none;margin:0 -5px;}
.product_slick .slick-slide{margin:0 5px;}
.product_slick .slick-prev,.product_slick .slick-next{width:45px;height:45px;display:inline-block;}
.product_slick .slick-prev:before{content:url('../images/main/prev.png');}
.product_slick .slick-next:before{content:url('../images/main/next.png');}
.product_slick .slick-prev{left:-45px;}
.product_slick .slick-next{right:-45px;}
.listBtn{font-size:14px;color:#fff;padding:0.75rem 1.5rem;border-radius:0.5rem;transition:all 0.3s;display:inline-block;margin:30px 0 0 0;background:#222;}
.listBtn:hover{background:var(--color-main);color:#fff;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;}
.listBtn.active{display:inline-block;}
.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;}
.row-product{margin:0px -10px;}
.col-product{padding:0px 10px;margin-bottom:20px;}
.product_slick .product-item{margin:10px 0;}
/* .product-grid .product-item{box-shadow:0 2px 2px 0 #AF3109;} */
/* .product-item:hover{transform:scale(1.02);} */
.product-item:hover{box-shadow: 0 0 15px #ccc;}
.product-item{display:block;position:relative;border-radius:15px;background:#222222;transition:all 0.3s;padding: 10px;text-align: center;}
.product-item .pic-product{background:#222222;display:block;position:relative;overflow:hidden;border-radius:10px;}
.demo__sale{background-color: var(--color-second);color: #000;font-family: 'HelveticaNeue-Bold';font-size: 13px;padding: 5px 10px;border-radius: 0px 50px 50px 0px;position: absolute;top: 15px;left: 0px;pointer-events: none;}
.info-product{padding:10px 2px;}
.row-info-product{display:flex;justify-content:space-between;}
/* .info-product-left{width:50%;} */
/* .info-product-right{width:48%;text-align:end;}
.info-product-right p{margin-bottom:0;color:#434343;}
.info-product-right span{font-weight:700;color:#222222} */
.product-item .name-product{text-align:center;}
.product-item .name-product a{font-size:14px;color:#fff;line-height:1.5;transition:all 0.3s;text-transform: capitalize;}
.product-item .name-product a:hover{color:var(--color-second);}
.product-item .name-product .text-split{-webkit-line-clamp:1;}
.w-sale-product .info-product{min-height: 171px;}
.w__color{min-height: 38px;}
.w-sale-product .product-item .name-product{min-height: 42px;}
.w-sale-product .product-item .name-product .text-split{-webkit-line-clamp:2;}
.price-percent{color:#fff;background-color: #C51515;padding: 3px;border-radius: 0.25rem;font-size: 13px;}
.price-product{margin-bottom:5px;color:#555;}
.price-new{font-size:16px;font-family:'HelveticaNeue-Bold';color:var(--color-second);display:block;}
.price-old{font-size:13px;text-decoration:line-through;display:block;color:#7A7A7A;}
.price-save{font-size:13px;font-weight:700;background:var(--color-main);display:block;color:#fff;padding:8px;margin-top:3px;}
.price-save span{color:#7A7A7A;font-weight:400;}
.price-per{color:#FF2E00;font-size:13px;text-align:center;font-weight:700;}
.star-view-product{display:flex;align-items:center;flex-wrap:wrap;}
.star-product{font-size:9px;position:relative;color:#999;margin-right:15px;}
.star-product .star-active{position:absolute;left:0px;top:0px;width:var(--star-width);white-space:nowrap;overflow:hidden;color:#FFCD00;}
.view-product{color:#999;font-size:13px;}
.cart-product{width:45px;text-align:center;}
.cart-product 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;}
.grid-product{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.grid-product .product .product-info{margin-top:10px;color:#333;}
.grid-product .product .product-info h3{font-size:17px;color:#333;}
.grid-product .product .product-info .price span{color:#f00;}
.grid-product .product .pic-product{border:1px solid #ddd;}
.product-2{display:flex;justify-content:space-between;padding:15px 0px;border-bottom:1px dashed #DDD;}
.pic-product-2{width:120px;border-radius:5px;overflow:hidden;}
.info-product-2{width:calc(100% - 132px);}
.info-product-2 h3{margin-bottom:10px;}
.info-product-2 h3 a{color:#474747;font-size:14px;font-weight:500;line-height:1.5;}
.info-product-2 h3 a.text-split{-webkit-line-clamp:2;}
.info-product-2 .price-product{margin-bottom:9px;}
.info-product-2 .price-new{font-size:15px;}
.info-product-2 .price-old{font-size:12px;}
.cart-product-2 span{padding:4px 10px;color:var(--color-main);background:#FFFDF9;font-size:13px;border:1px solid var(--color-main);border-radius:3px;cursor:pointer;display:inline-block;}
.cart-product-2 span:nth-child(1){margin-right:4px;}
.cart-product-2 span:nth-child(2){background:var(--color-main);color:#fff;}
.cart-product-2 span:hover{background:var(--color-main);color:#fff;}
.slick-vertical-3 .slick-list{max-height:432.609px;height:auto !important;}
.slick-vertical-5 .slick-list{max-height:721.015px;height:auto !important;}
.grid-pro-detail .control-owl button.owl-prev{left:0;}
.grid-pro-detail .control-owl button.owl-next{right:0;}
.grid-pro-detail .control-owl button{width:20px;height:35px;}
/* product detail */
.grid-pro-detail{display:flex;justify-content:space-between;align-items:start;}
.grid-pro-detail .left-pro-detail{width:50%;text-align:center;position:sticky;top:130px;}
.dinh{position:sticky;top:100px;}
.grid-pro-detail .right-pro-detail{width:calc(100% - 50% - 30px);}
.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 .title-pro-detail{font-size:19px;font-weight:500;}
.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;}
.album-product{position:relative;max-width:550px;margin:10px auto 0px;}
.control-product-photo{top:calc(50% - 15px);}
.control-product-photo button.owl-prev{left:0px;}
.control-product-photo button.owl-next{right:0px;}
.control-product-photo button{width:30px;height:30px;border-radius:5px;background:#E6E6E6;}
.control-product-photo button svg{height:25px;font-size:15px;}
.item-detail{color:#8E8E8E;font-size:14px;position:relative;}
.item-detail i{margin-right:5px;}
.item-detail-comment-star{position:relative;font-size:13px;margin-right:19px;}
.item-detail-comment-star span{position:absolute;left:0px;top:0px;color:#FFCD00;white-space:nowrap;overflow:hidden;}
.white-detail-bg{background:#fff;padding:15px;border-radius:15px;color: #333;}
.product-sold-detail{color:#9F9F9F;font-size:14px;}
.product-sold-detail span{color:#474747;font-weight:600;}
.product-price-detail{padding:8px;border-radius:6px;}
.product-price-detail strong{color:#fff;font-size:16px;font-weight:500;margin-right:15px;}
.product-price-detail .attr-content-pro-detail{}
.product-price-detail .price-new-pro-detail{color:#fff;font-size:30px;font-weight:700;margin-bottom:0;}
.product-price-detail .price-old-pro-detail{color:#fff;font-size:16px;margin-right:5px;font-weight:400;}
.product-price-detail .percent-pro-detail{color:#fff;font-size:15px;padding:0 0 0 5px;border-radius:2px;background:var(--color-main);}
.attr-label-pro-detail{font-weight:500;color:#333;}
.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;}
.color-pro-detail.active,.size-pro-detail.active,.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,.quantity-pro-detail .quantity-plus-pro-detail{background-color:#FFFFFF;border:1px solid #ddd;}
.cart-pro-detail{}
.cart-pro-detail a{text-align:center;color:#fff;padding:15px 20px;cursor:pointer;border-radius:5px;font-weight:500;font-size:15px;line-height:23px;border:1px solid var(--color-main);display:inline-block;}
.w-btn-bottom{display:flex;align-items:center;justify-content:space-between;}
.w-btn-bottom a{width:calc(50% - 5px);display:inline-block;color:var(--color-main);transition:all 0.3s;}
.w-btn-bottom a:hover{color:#fff;background:var(--color-main);}
.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);display:block;font-size:20px;font-weight:700;margin-bottom:10px;}
.cart-pro-detail a.buynow:hover{background-color:var(--color-main);color:#fff}
.cart-pro-detail a i{vertical-align:top;margin-top:3px;margin-right:8px}
.social-product-detail{display:flex;justify-content:space-between;align-items:flex-start;margin-top:25px;margin-bottom:15px;flex-wrap:wrap;}
.left-social-product-detail{width:61.7%;}
.right-social-product-detail{width:34.8%;padding-top:15px;}
.title-product-tuvan{border-bottom:1px solid #E3E3E3;margin-bottom:15px;}
.title-product-tuvan span{display:inline-block;color:#1C1B19;font-size:15px;font-weight:600;padding-bottom:5px;margin-bottom:-1px;border-bottom:1px solid var(--color-main);}
.title-product-tuvan span i{color:var(--color-main);font-size:18px;margin-right:10px;}
.item-social-product-detail{display:inline-block;border:1px solid #D8D8D8;border-radius:10px;padding:6px;margin-right:6px;}
.item-social-product-detail img{border-radius:10px;}
.customer-benefits{padding:10px 25px;background:#F6F6F6;border-radius:15px;}
.title-customer-benefits{border-bottom:1px solid #EBEBEB;margin-bottom:10px;}
.title-customer-benefits span{color:#1C1B19;font-size:14px;font-weight:600;border-bottom:1px solid #CCCCCC;display:inline-block;padding-bottom:5px;margin-bottom:-1px;}
.content-customer-benefits{color:#585858;font-size:14px;}
.left-content-detail{width:calc(100% - 320px);background:#FAFAFA;padding:30px 20px;border:1px solid #E0E0E0;border-radius:10px;}
.right-content-detail{width:300px;}
.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;}
.sub-right{margin-bottom:30px;}
.title-right{color:#1C1B19;font-size:17px;text-transform:uppercase;font-weight:500;padding:13px 18px;margin-bottom:5px;border-bottom:2px solid var(--color-main);border-radius:3px;background:#F9F9F9;}
.item-properties{margin-bottom:10px;}
.item-properties .attr-label-pro-detail{margin-bottom:8px;}
.item-properties .grid-properties{width:calc(100% - 110px);}
.infor-detail-bg{background:linear-gradient(90deg,rgba(215,0,25,1) 50%,rgba(255,204,1,1) 100%);border-radius:15px;padding:10px;}
.tabs-pro-detail .nav-tabs{border:0;}
.tabs-pro-detail .nav-item{border:1px solid #eee;border-radius:3px;margin-right:5px;}
.tabs-pro-detail .nav-link{color:#eee;}
.tabs-pro-detail .nav-link.active{background:var(--color-main);color:#fff;border:1px solid var(--color-main);border-radius:3px;}
.dungluong{margin-bottom:10px;position:relative;z-index:1;}
.dungluong p{margin-bottom:8px;}
.dungluong span{display:inline-block;padding:10px 15px;border:1px solid #eee;border-radius:5px;color:#eee;position:relative;overflow:hidden;cursor: pointer;}
.dungluong span.active{border:1px solid #f00;color:#333;background:#fff;}
.dungluong span.active:after{content:"";border:0.9375rem solid transparent;border-bottom:0.9375rem solid #f00;bottom:0;position:absolute;right:-0.9375rem;pointer-events:none;}
@media (min-width:751px){.dungluong span:hover{border:1px solid #f00;color:#333;background:#fff;}
.dungluong span:hover:after{content:"";border:0.9375rem solid transparent;border-bottom:0.9375rem solid #f00;bottom:0;position:absolute;right:-0.9375rem;pointer-events:none;}
}

/* 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;}
/* Tien ich */
.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 */
.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:#fff;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;background-color: transparent;}
.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;background-color: transparent;}
.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-second);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}
.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 0px;background:#ddd;}
.breadCrumbs ol{margin:0px;}
.breadCrumbs ol li a{color:#333;}
.breadCrumbs ol li a:hover{color:#f00;}
/* Zalo */
#qrzalo .modal-dialog{max-width:250px;margin:0.5rem auto;}
/* paging */
.page-item.active .page-link{background-color:var(--color-main);border-color:var(--color-main);}
.page-link{color:var(--color-main);}
.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:var(--color-main);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:var(--color-main);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;align-items:flex-start;flex-wrap:wrap;}
.grid-properties span{position:relative;border:1px solid #CDCDCD;padding:5px;cursor:pointer;border-radius:3px;font-size:14px;color:#595959;display: inline-block;}
.grid-properties .properties span:hover,.grid-properties .properties.active span{border:1px solid #f00;color:#fff;background:#f00;}
.grid-properties .properties:hover:after span,.grid-properties .properties.active:after span{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;}
.propertiesdetail__name{font-size: 11px;margin-top: 0.5rem;color: #fff;}
/**/
.grid-properties2{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;justify-content: center;align-items: center;}
.grid-properties2 span{position:relative;border:1px solid #CDCDCD;padding:15px;cursor:pointer;border-radius:50%;font-size:14px;color:#595959;display: inline-block;}
.grid-properties2 span:hover,.grid-properties2 span.active{border:1px solid var(--color-main);color:#fff;background:var(--color-main);}
.grid-properties2 span:hover:after,.grid-properties2 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-properties2 span.outstock{pointer-events:none;background-color:#fafafa;color:rgba(0,0,0,0.26);cursor:not-allowed;}
.properties2__name{background-color: #fff;padding: 5px 10px;border-radius: 0.25rem;color: #222222;position: absolute;left: 50%;transform: translateX(-50%);top: 100%;min-width: max-content;opacity: 0;pointer-events: none;font-size: 12px;}
.properties2:hover .properties2__name{opacity: 1;}
/* 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;}
/* Tin tức */
.owl-news{margin-top:30px;}
.row-news{margin:0px -11.5px;}
.col-news{padding:0px 11.5px;margin-bottom:30px;}
.info-news{padding-top:15px;}
.info-news h3{margin-bottom:5px;}
.info-news h3 a{color:#1C1B19;font-size:15px;font-weight:500;line-height:1.5;text-transform:uppercase;}
.info-news h3 a.text-split{-webkit-line-clamp:2;}
.info-news h3 a:hover{color:var(--color-main);}
.desc-news{line-height:1.7;font-size:14px;color:#333;margin-bottom:0px;margin-top:5px;height:auto;}
.info-news span{color:var(--color-main);font-size:13px;font-style:italic;}
.info-news span i{margin-right:7px;}
.sort-product{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:15px;}
.item-sort{display:inline-block;padding:5px 15px;border-radius:5px;border:1px solid #ccc;font-size:14px;color:#333;cursor:pointer;}
.item-sort i{margin-left:10px;}
.item-sort:hover,.item-sort.active{color:#fff;background:#A86B11;border-color:#A86B11;}
.chitietsanpham{position:relative;}
.wrap-show-content{position:relative;}
.wrap-show-content.max-height{max-height:500px;overflow:hidden;}
.wrap-show-content.active{max-height:100%;}
.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;}
.wrap-show-content.active .btn-show-content{position:relative;padding:20px;background:none;}
/* Product */
.menu-list{padding:8px;margin:0 auto 20px auto !important;position:relative;width:100%;overflow-x:auto;min-width:100%;white-space:nowrap;overflow-y:hidden;text-align:center;}
.menu-list::-webkit-scrollbar{height:2px;}
.menu-list::-webkit-scrollbar-track{-webkit-box-shadow:inset 1px 1px 6px #ccc;}
.menu-list::-webkit-scrollbar-thumb{background-color:#837171;outline:1px solid #837171;border-radius:20px;}
.menu-list::-webkit-scrollbar-track-piece{width:2px;}
/* Product */
.scroll-res{padding:8px;margin:0 auto 20px auto !important;position:relative;width:100%;overflow-x:auto;min-width:100%;white-space:nowrap;overflow-y:hidden;text-align:center;}
.scroll-res::-webkit-scrollbar{height:0;}
.scroll-res::-webkit-scrollbar-track{-webkit-box-shadow:inset 1px 1px 6px #ccc;}
.scroll-res::-webkit-scrollbar-thumb{background-color:#837171;outline:1px solid #837171;border-radius:20px;}
.scroll-res::-webkit-scrollbar-track-piece{width:0;}
.tab-product{text-align:center;margin-bottom:15px;}
.item-tab-product{cursor:pointer;color:#333;display:inline-block;margin:0 15px;}
.item-tab-product i{width:80px;height:80px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:rgba(60,64,67,0.3) 0px 1px 2px 0px,rgba(60,64,67,0.15) 0px 1px 3px 1px;}
.item-tab-product p{margin:5px 0 0 0;font-size:14px;font-weight:500;}
.item-tab-product:hover i,.item-tab-product.active i{background:var(--color-main);}
.tab-oldProduct{text-align:center;margin:30px 0;}
.item-tab-oldProduct{cursor:pointer;color:#333;display:inline-block;margin:0 15px;}
.item-tab-oldProduct i{width:80px;height:80px;display:inline-flex;align-items:center;justify-content:center;background:#eee;border-radius:50%;box-shadow:rgba(60,64,67,0.3) 0px 1px 2px 0px,rgba(60,64,67,0.15) 0px 1px 3px 1px;}
.item-tab-oldProduct a{color:#fff;display:inline-block;}
.item-tab-oldProduct p{margin:5px 0 0 0;font-size:14px;font-weight:500;}
.item-tab-oldProduct:hover i,.item-tab-oldProduct.active i{background:var(--color-main);}
#myDIV{display:none;}
.mystyle{display:block !important}
.w-tragop{display:flex;flex-wrap:wrap;margin:10px 0 0 0;}
.w-tragop span{display:inline-block;margin:3px 3px 0 0;}
/* Cart fix */
.cart-fix{display:none;align-items:center;justify-content:center;position:fixed;right:15px;bottom:100px;z-index:10px;width:40px;height:40px;background:var(--color-main);border-radius:50%;box-shadow:rgba(60,64,67,0.3) 0px 1px 2px 0px,rgba(60,64,67,0.15) 0px 2px 6px 2px;}
.cart-fix i{color:#fff;font-size:18px;}
/* css btn xem them detail */
.the-service-content{margin-bottom:30px;max-height:300px;overflow-y:hidden;position:relative;box-shadow:rgba(0,0,0,0.16) 0px 1px 4px;padding:15px;border-radius:10px;overflow-x:hidden;}
.show-full-content{max-height:100%;padding-bottom:50px;}
.hide-content{position:absolute;width:100%;bottom:0;padding:80px 0 0 0;z-index:1;text-align:center;background:linear-gradient(0deg,rgba(000,000,000,1) 20%,rgba(000,000,000,0.65) 60%,rgba(000,000,000,0.5) 70%,rgba(000,000,000,0) 100%);}
.hide-content.removeBlur{background:none;padding-bottom:0;padding:0px;}
.btn-view-full-content{background:#fff;display:inline-block;border-radius:4px;border:1px solid #ccc;padding:5px 10px;text-align:center;color:#333;transition:0.3s;position:relative;top:-15px;}
.btn-view-full-thongso i,.btn-view-full-content i{display:inline-block;margin-left:5px;}
.btn-view-full-content:hover{background:var(--color-main);border-color:var(--color-main);color:#fff;}
.btn-view-full-thongso{background:#fff;display:inline-block;border-radius:4px;border:1px solid #ccc;padding:5px 10px;text-align:center;color:#333;transition:0.3s;position:relative;top:-15px;}
.btn-view-full-thongso:hover{background:var(--color-main);border-color:var(--color-main);color:#fff;}
.size-pro-detail:hover{border:1px solid red;}
.aspect_ratio{aspect-ratio:1630/280}
.aspect_ratio1{aspect-ratio:1630/430}
.aspect_ratio2{aspect-ratio:1630/740}
.img-lv1-index{filter:brightness(0);-webkit-filter:brightness(0);}
.tool-category{display:none;position:fixed;text-align:center;padding:12px;z-index:999;bottom:0px;left:0px;right:0px;margin:auto;border-radius:8px 8px 0px 0px;background:#FFF;box-shadow:0px -2px 1px 0px rgba(0,0,0,0.16);}
.tool-category a{text-decoration:none !important;}
.tool-category svg{stroke:#434343;}
.tool-category .item{width:25%;}
.tool-category .item svg{display:inline-block;}
.tool-category .item.active p{color:#BF0000;}
.tool-category .item.active svg{stroke:#BF0000;}
.tool-category p{margin-bottom:0px;margin-top:5px;color:#000;font-size:12px;}
.tool-category-content{margin:auto;transform:translate(0px,calc(100% + 42px + 70px));-moz-transform:translate(0px,calc(100% + 42px + 70px));-webkit-transform:translate(0px,calc(100% + 42px + 70px));-o-transform:translate(0px,calc(100% + 42px + 70px));-ms-transform:translate(0px,calc(100% + 42px + 70px));position:fixed;z-index:998;left:0px;right:0px;top:70px;bottom:69px;background-color:#fff;}
.tool-category-content.active{transform:translate(0px,0px);-moz-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);}
.tool-category-content-left{width:90px;overflow:auto;font-size:12px;height:100%;}
.tool-category-content-right{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:100px;width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px);height:100%;overflow:auto;}
.tool-category-content-title-l{color:#d70018;font-weight:700;font-size:17px;margin-bottom:5px;}
.tool-category-content-sub{font-weight:700;color:#3f3f3f;}
.tool-category-content-item{display:none;}
.tool-category-content-item.active{display:block;}
.button-category-item{display:block;width:100%;padding:10px 5px;border:none;position:relative;text-decoration:none;text-align:center;color:#000 !important;}
.button-category-item p{margin-bottom:0px;margin-top:5px;}
.button-category-item.active:before{content:'';position:absolute;top:0px;bottom:0px;right:0px;margin:auto;display:block;width:9px;height:9px;background-color:#fff;clip-path:polygon(0 50%,100% 100%,100% 0);}
.tool-category-content-box{margin:5px 10px 5px 0px;text-align:center;font-size:12px;color:#000 !important;border:1px solid #ddd;text-decoration:none !important;border-radius:7px;width:calc((100% + 10px) / 3 - 10px);width:-moz-calc((100% + 10px) / 3 - 10px);width:-webkit-calc((100% + 10px) / 3 - 10px)}
.tool-category-content-box:nth-child(3n){margin-right:0px;}
.tool-category-content-box p{margin-left:3px;margin-right:3px;margin-bottom:3px;margin-top:3px;}
.tool-category-content-more{padding:20px 20px 0px 20px;background-color:#000000;}
.tool-category-content-scroll{height:100%;overflow:auto;padding-bottom:50px;}
.tool-category-content-left::-webkit-scrollbar,.tool-category-content-scroll::-webkit-scrollbar{width:0px;height:0px;}
.tool-category-content-left::-webkit-scrollbar-track,.tool-category-content-scroll::-webkit-scrollbar-track{background:#f1f1f1;}
.tool-category-content-left::-webkit-scrollbar-thumb,.tool-category-content-scroll::-webkit-scrollbar-thumb{background:#888;}
.tool-category-content-left::-webkit-scrollbar-thumb:hover{background:#555;}
.menu-res .cart-header{position:relative;}
.menu-res .cart-header svg{stroke:#ffffff;}
.menu-res .cart-header span{position:absolute;top:-5px;right:-5px;text-align:center;width:15px;height:15px;line-height:15px;font-size:10px;background-color:#fff;color:#000;border-radius:50%;}
#arcontactus{display:none;}
.arcontactus-widget.right.arcontactus-message{z-index:10;bottom:90px !important;}
.jconfirm-box{color: #333 !important;}
/* RES */
@-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)}
}
.slideInDown1{-webkit-animation-name:slideInDown1;animation-name:slideInDown1}
/**/
.fixed{position:fixed !important;left:0;right:0;top:0;z-index:999;animation:slideInDown1 1s 0s;}
@media(max-width:1200px){.toolbar{display:block;}
.check-toolbar{display:block;}
.head-bottom{z-index:999999999;box-shadow:0 1px 5px 0 rgb(0 0 0 / 10%);width:100%;}
.menu-res.fix_menu{position:fixed;top:0px;left:0px;right:0px;}
.show-toolbar{transition:0.7s;}
.show-toolbar .pb-70px{padding-bottom:70px !important;}
.hidden-toolbar{padding-top:0px;transition:0.7s;}
.hidden-toolbar .toolbar-app{transform:translateY(120%);transition:0.7s;}
.hidden-toolbar .head-bottom{transform:translateY(-120%);transition:0.7s;}
.show-toolbar .toolbar-app{transform:translateY(0);transition:0.7s;}
.show-toolbar .head-bottom{transform:translateY(0);transition:0.7s;}
.btn-frame{display:none;}
.menu{display:none;}
.menu-res{display:block;}
.toolbar{display:block;}
.scrollToTop,#messages-facebook{display:none !important;}
.wrap-content{padding:0 10px;}
.header-row{display:none !important;}
.criteria{padding:0;}
.slide_slick{display:none;margin:0 -3px;}
.slide_slick .slick-slide{margin:0 3px;}
.w-slide{padding:10px 0;}
.w-customer{padding:25px 0;}
.list_slick{display:none;margin:0 -3px;}
.list_slick .slick-slide{margin:0 3px;}
.w-list{padding:30px 0;background-size:cover;}
.product_slick .slick-prev,.product_slick .slick-next{display:none !important;}
.product-grid{gap:8px;}
.product-area{padding:20px 8px;border-radius:5px;margin-bottom:30px;}
.news_slick{display:none;margin:0 -5px;}
.news_slick .slick-slide{margin:0 5px;}
.footer-news:nth-child(1){width:100%;margin-bottom:20px;text-align:center;}
.footer-news:nth-child(2){width:30%;}
.footer-news:nth-child(3){width:30%;}
.footer-news:nth-child(4){width:30%;}
.news-grid{gap:10px;}
}
@media(max-width:1025px){.slide-item,.slide-item img{border-radius:5px;}
.branch_slick{display:none;margin:0 -10px;}
.branch_slick .slick-slide{margin:0 10px;}
.w-branch{padding-bottom:30px;}
.w-news{padding:30px 0;background-size:cover;}
.grid-pro-detail .left-pro-detail{width:41.6%;position:unset;top:unset;}
.tool-category{display:block;}
.hidden-containers{overflow:hidden;height:100vh;}
}
@media(min-width:1026px){.tool-category-content{display:none !important;}
}
@media(max-width:991px){.listBtn{font-size:13px;font-weight:700;padding:7px 25px;margin:20px 0 0 0;}
.about-infor{padding:0 10px;position:unset;transform:unset;width:unset;}
.w-about{padding-bottom:30px;}
.view-more-about{font-weight:700;font-size:13px;padding:8px 25px;margin-top:15px;}
.w-sale-product{margin-bottom:25px;}
.fix-grid{gap:15px;}
#arcontactus{display:block;}
}
@media(max-width:850px){.title-main span{font-size:30px;}
.list-item h3{font-size:13px;}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);}
}
@media(max-width:768px){.product-item{padding:5px;}
.footer-news:nth-child(2){width:48%;}
.footer-news:nth-child(3){width:48%;}
.footer-news:nth-child(4){width:100%;margin-top:20px;text-align:center;}
.fix-grid{grid-template-columns:repeat(2,1fr);}
.fix-name a{font-size:16px;}
.view-more-fix{font-size:13px;}
.fix-infor{padding:10px 5px;}
.fix-name{margin-bottom:5px;}
.fix-flex a{padding:5px 10px;}
.news-grid{grid-template-columns:repeat(2,1fr);}
.cart-pro-detail a.buynow{font-size:17px;}
.w-btn-bottom{display:block;}
.cart-pro-detail a.buynow{margin-bottom:5px !important;}
.w-btn-bottom a{width:100%;margin-bottom:5px !important;}
.title__sale{max-width: 220px !important;margin: auto;}
.btn-outline-news{padding: 0.25rem 1rem;font-size: 13px;}
.bg__branch{padding: 20px 20px;}
}
@media(max-width:700px){.item-tab-product{margin:0 5px;}
}
@media(max-width:600px){.title-main span{font-size:27px;}
.title-main{margin-bottom:15px;}
.list-item{padding:5px;border-radius:5px;}
.row-info-product{display:block;}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);}
.news-name a{font-size:13px;}
.criteria-item h3{font-size:12px;}
}
@media(max-width:500px){.footer-news:nth-child(2){width:100%;margin-bottom:20px;text-align:center;}
.footer-news:nth-child(3){width:100%;text-align:center;}
.social-footer{justify-content:center;}
.footer-ul{padding-left:0;margin:0px;list-style:none;}
}
@media(max-width:320px){.news-grid{grid-template-columns:repeat(1,1fr);}
}