html{transition:all 0.5s}html.fade-in{overflow:hidden}body{font-size:16px;font-family:'Roboto', sans-serif;padding-top:157px}body.fade-in{overflow:hidden}body.body-customer{background-color:#f5f5f5}@media (max-width: 1500px){body{font-size:14px}}.bold{font-weight:bold}.bg-white{background:#fff}.text-white{color:#fff}.border-none{border:none !important}svg.icon{width:40px;height:40px}.btn{border-color:var(--sub-color);color:var(--main-color);border-radius:30px}.btn svg path{fill:var(--main-color)}.btn.btn-2{width:240px;background:var(--main-color);border-color:var(--main-color);color:#FFF;height:54px;line-height:52px;padding:0}.btn.btn-2 svg{transform:translateY(2px);filter:brightness(0) invert(1)}.btn.btn-2:hover{background:#FFF;color:var(--main-color)}.btn.btn-2:hover svg{filter:initial}.w-100{width:100%}.h-100{height:100%}.pb-100{padding-bottom:100%}.transition{transition:all .2s}.text2line{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6{margin-top:0}.rte h1{font-size:22px}.rte h2{font-size:20px}.rte h3{font-size:18px}.rte h4{font-size:16px}.rte iframe{max-width:100%}.rte ul,.rte ol{margin-left:30px;padding-left:0;list-style:disc}.list-unstyled{padding-left:0;list-style:none}*[class*='ratio'] img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-width:100%;max-height:100%}.ratio1by1{padding-bottom:100%}.ratio2by3{padding-bottom:calc(100%*3/2)}.ratio3by2{padding-bottom:calc(100%*2/3)}.ratio5by4{padding-bottom:calc(100%*4/5)}.ratio2by1{padding-bottom:50%}.ratio1by2{padding-bottom:200%}.ratio1by3{padding-bottom:calc(100%*1/3)}.ratio1by4{padding-bottom:calc(100%*1/4)}.ratio6by1{padding-bottom:calc(100%/6)}.ratioblog{padding-bottom:calc(100%*4/7)}.block-title h2{font-size:26px}.block-title h2 span{color:var(--main-color)}.block-title h2 span:after{content:'';width:24px;height:24px;position:absolute;background:url(//bizweb.dktcdn.net/100/524/402/themes/962333/assets/star.svg?1754023648024) center no-repeat;right:-25px;top:-15px}.block-title h1{margin-bottom:0}.block-title .button-more{right:0;top:4px;color:var(--main-color)}.block-title .button-more:hover{color:var(--hover-link)}.block-title .button-more:hover path{fill:var(--hover-link)}.title-module,.title-block-page{font-size:24px;font-weight:bold;color:var(--text-color);margin:0;text-transform:uppercase}.title-module p,.title-block-page p{line-height:1.6}.title-module a,.title-block-page a{color:var(--text-color)}@media (max-width: 767px){.title-module,.title-block-page{font-size:18px}}.title-module a:hover,.title-block-page a:hover{color:var(--hover-link);opacity:0.8}.button-link,.button-default{height:40px;line-height:38px;text-align:center;padding:0 30px;font-size:16px;color:var(--button-color);background:var(--button-background);border-radius:3px;display:inline-block;transition:all 0.3s;margin:20px auto 0;border:solid 1px var(--button-background)}.button-link svg,.button-default svg{width:10px;height:13px;margin-left:11px;fill:var(--button-color);line-height:13px;margin-top:-4px}.button-link:hover,.button-default:hover{background:var(--button-hover);border-color:var(--button-hover)}.clear-fix{overflow:hidden;clear:both}.alert-warning{padding:15px 10px;margin-bottom:20px}.rounded-10{border-radius:10px}button{background:transparent;border:none}button:focus{outline:0;box-shadow:none !important}img{max-width:100%}a{color:var(--text-color)}a:hover{color:var(--hover-link);text-decoration:none}img.lazyload{background:#f5f5f5;display:block;width:100%;height:100%}img.lazyload.loaded{background:transparent;width:unset !important;height:unset !important}input{height:40px;border-radius:4px;line-height:40px;margin-bottom:10px;float:left;width:100%;float:left;padding:0 20px 0 20px;background:#fff;border-color:#ebebeb;font-size:14px;color:#9e9e9e;box-shadow:none}input::placeholder{color:#9e9e9e}input::-ms-input-placeholder{color:#9e9e9e}input:focus{border-color:#ebebeb;outline:none;background:#ebebeb;box-shadow:none;color:#9e9e9e}form{margin:0}.form-group{margin:0;padding:0 10px 8px;border:0}.form-group .form-control{display:block;width:100%;min-height:40px;padding:10px 15px;font-size:14px;line-height:1.5;color:var(--text-color);background-color:#fff;background-image:none;margin-bottom:15px;border:1px solid #EAEBF3;box-shadow:none;border-radius:3px}.form-group .form-control::-webkit-input-placeholder{color:#cdcfdd}.form-group .form-control::-moz-placeholder{color:#cdcfdd}.form-group .form-control:-ms-input-placeholder{color:#cdcfdd}.form-group input,.form-group select{height:40px}.grecaptcha-badge{display:none !important}.fancybox-close{background-color:transparent !important}.bizweb-product-reviews-module{margin:0 !important}@keyframes slideInNoify{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}.notifyed{position:fixed;top:90px !important;left:calc(50% - 150px);background-color:#333;color:#fff;padding:10px 15px 10px 35px;border-radius:4px;width:300px;z-index:99999;display:flex;animation:slideInNoify 0.5s ease-in-out}@media (max-width: 767px){.notifyed{font-size:14px}}.notifyed.success,.notifyed.warning,.notifyed.error{background-size:20px;background-position:left center;background-repeat:no-repeat;background-position-x:5px}.notifyed.success{background-color:#4CAF50;background-image:url(//bizweb.dktcdn.net/100/524/402/themes/962333/assets/ico_check_.png?1754023648024)}.notifyed.warning{background-image:url(//bizweb.dktcdn.net/100/524/402/themes/962333/assets/warrning.png?1754023648024)}.notifyed.error{background-color:#ff3d00;background-image:url(//bizweb.dktcdn.net/100/524/402/themes/962333/assets/error.png?1754023648024)}.swiper-button{position:relative}.swiper-button .swiper-button-next,.swiper-button .swiper-button-prev{z-index:33;top:40%;width:46px;height:46px;text-align:center;box-shadow:none;background-blend-mode:difference;background-size:12px;opacity:1;border-radius:50%;background-image:none;background:#fff;visibility:visible;border:solid 1px var(--sub-color);-webkit-transform:translateY(0);transform:translateY(0);transition:all .3s}.swiper-button .swiper-button-next svg,.swiper-button .swiper-button-prev svg{fill:var(--main-color);transform:scale(1.5);width:30px;height:30px}.swiper-button .swiper-button-next:after,.swiper-button .swiper-button-prev:after{content:none}.swiper-button .swiper-button-next.swiper-button-disabled,.swiper-button .swiper-button-prev.swiper-button-disabled{opacity:0.5}.swiper-button .swiper-button-next:hover,.swiper-button .swiper-button-prev:hover{background:var(--main-color);border-color:var(--main-color)}.swiper-button .swiper-button-next:hover svg,.swiper-button .swiper-button-prev:hover svg{fill:#fff}.swiper-button .swiper-button-next{right:-100px}.swiper-button .swiper-button-prev{left:-100px}.swiper-button:hover .swiper-button-next{right:10px}.swiper-button:hover .swiper-button-prev{left:10px}.swiper-container .swiper-pagination{margin-top:30px;position:relative}.swiper-container .swiper-pagination .swiper-pagination-bullet{width:11px;height:11px;background:#fff;opacity:0.7;margin:0 2.5px;border:solid 1px var(--main-color)}.swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:var(--hover);border-color:#fff}header{background:var(--main-color);top:0 !important;left:0;width:100%;z-index:9999}header .row{height:120px}header .logo{height:110px;max-width:190px}header .logo img{height:auto;max-height:110px;width:auto}header .group-header-action{justify-content:flex-end;gap:15px}header .search-group .list-keyword{white-space:nowrap;overflow:auto;line-height:1}header .search-group .list-keyword a{color:#FFF;font-size:12px;margin-bottom:2px;vertical-align:top}header .search-group .list-keyword a:not(:last-child){margin-right:20px}header .search-group .list-keyword a:hover{color:var(--hover-link)}@media (max-width: 1499px) and (min-width: 1200px){header .search-group .list-keyword::-webkit-scrollbar{display:none}}header .search-group form input{padding:0 40px 0 10px;font-size:14px;height:38px;min-height:38px;border-radius:20px;border:none;float:none}header .search-group form input:focus{outline:none;box-shadow:none;border-color:#fff}header .search-group form button{width:38px;height:38px;right:0;top:0;padding:0;line-height:1}header .search-group form button .icon{fill:var(--main-color);width:20px;height:20px;stroke:var(--main-color)}header .item-header{display:inline-flex;align-items:center;flex-wrap:wrap;color:#FFF;flex-flow:column}header .item-header:hover{color:var(--hover)}@media (max-width: 767px){header .item-header.block-cart{position:absolute;top:0;right:10px;z-index:9}}header .item-header .icon{width:28px;height:28px;flex-shrink:0}.header-nav li ul.item-small li{position:relative}.header-nav li ul.lv-2 a{padding:5px 25px 5px 10px;display:block}.result-search{display:none}.result-search.current{display:block;position:absolute;top:37px;left:0;width:100%;z-index:999;background:#fff;box-shadow:0 4px 6px #c3c3c3;border-top:1px solid #ebebeb;padding:5px 5px 0}.result-search .seaching{padding:10px;width:100%}.result-search ul{padding:0}.result-search ul li{font-size:14px;height:24px;line-height:24px;width:50%;font-size:14px;font-weight:bold;text-align:center;border:solid 1px #ebebeb;transition:all 0.4s;font-size:12px}.result-search ul li.current,.result-search ul li:hover{cursor:pointer;border-color:var(--hover);background:var(--hover);color:#fff}.result-search .t-ct{display:none}.result-search .t-ct.current{display:block}.result-search .list-result-search{max-height:195px;overflow:hidden;overflow-y:auto;width:100%}@media (max-width: 991px){.result-search .list-result-search{max-height:150px}}.result-search .list-result-search::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);border-radius:5px;background-color:#F5F5F5}.result-search .list-result-search::-webkit-scrollbar{width:5px;background-color:#F5F5F5}.result-search .list-result-search::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);background-color:#e5e5e5}.result-search .result-text{padding:10px 10px 10px;font-size:14px;font-weight:bold}.result-search .search-compare-item{width:100%;display:flex;position:relative;padding:5px 0;margin-bottom:5px;border:none;border-bottom:dashed 1px #ebebeb;border-radius:5px}.result-search .search-compare-item.article .info-product h3{max-width:100%}.result-search .search-compare-item .image_thumb{width:80px;height:80px !important;margin:0;padding:0}.result-search .search-compare-item .info-product{position:relative;width:calc(100% - 90px);padding-left:10px}.result-search .search-compare-item .info-product h3{max-width:65%;margin:0;height:auto}.result-search .search-compare-item .info-product h3 a{color:#000}.result-search .search-compare-item .info-product h3 a:hover{color:var(--hover-link)}.result-search .search-compare-item .info-product .price-box{font-size:14px;width:auto}.result-search .search-compare-item .info-product .price-box .compare-price{font-size:12px}@media (min-width: 992px){.nav-main{background:var(--sub-color)}.nav-main .container{justify-content:space-between}.header-nav{overflow:hidden;max-height:35px}.header-nav .item-big{flex-wrap:wrap}.header-nav .navigation-arrows{position:absolute;right:25px;top:12px;display:none}.header-nav .navigation-arrows .arr{content:'';height:8px;width:8px;position:absolute;top:50%;right:3px;transform:rotate(45deg);border-color:#FFF;width:10px;height:10px;cursor:pointer}.header-nav .navigation-arrows .arr.disabled{cursor:not-allowed;opacity:0.3}.header-nav .navigation-arrows .arr.prev{margin-right:10px}.header-nav .navigation-arrows .arr-left{border-left:2px solid #000;border-bottom:2px solid #000}.header-nav .navigation-arrows .arr-right{border-top:2px solid #000;border-right:2px solid #000}.header-nav.overflow{padding-right:60px}.header-nav.overflow .item_big{justify-content:initial}.header-nav.overflow .item_big>li{margin-right:15px}.header-nav.overflow .navigation-arrows{display:block}.header-nav li.nav-item{height:35px;display:flex;align-items:center}.header-nav li.nav-item>a{line-height:35px;color:var(--main-color);position:relative;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold}.header-nav li.nav-item>a .icon{top:calc(50% - 13px);position:absolute;width:25px;height:25px;right:-7px;transition:all, 0.1s;fill:var(--main-color)}.header-nav li.nav-item.hasChild>a{padding-right:20px}.header-nav li ul{position:absolute;background:#FFF;width:200px;transition:all 0.3s;z-index:9;box-shadow:0px 3px 25px 0px rgba(31,38,67,0.1);-o-box-shadow:0px 3px 25px 0px rgba(31,38,67,0.1);-moz-box-shadow:0px 3px 25px 0px rgba(31,38,67,0.1);-webkit-box-shadow:0px 3px 25px 0px rgba(31,38,67,0.1)}.header-nav li ul a{color:var(--text-color)}.header-nav li ul:not(.ul-mega){opacity:0;visibility:hidden}.header-nav li ul.lv-2{top:100%;left:auto;transform:translateY(20px)}.header-nav li ul.lv-2 .icon{top:4px;width:25px;height:25px;right:0;transition:all 0.1s;transform:rotate(-90deg)}.header-nav li ul.lv-3,.header-nav li ul.lv-4{top:0;left:100%;transform:translateX(20px)}.header-nav li:hover>a{color:var(--hover-link)}.header-nav li:hover>a .icon{fill:var(--hover-link)}.header-nav li:hover>ul{opacity:1;visibility:visible}.header-nav li:hover>ul.lv-2{transform:translateY(0)}.header-nav li:hover>ul.lv-3{transform:translateX(0)}.header-nav li:hover>ul.lv-4{transform:translateX(0)}.header-nav li.has-mega .lv-2 a .icon{display:none}.header-nav li.has-mega>ul{width:1000px;left:0;min-height:400px}}@media (min-width: 992px) and (max-width: 1199px){.header-nav li.has-mega>ul{width:640px}}@media (min-width: 992px){.header-nav li.has-mega>ul>li{float:left;width:200px;vertical-align:top;clear:both;position:initial}.header-nav li.has-mega>ul>li:not(:last-child){border-bottom:1px solid #f0efed}.header-nav li.has-mega>ul>li>a{font-weight:bold;font-size:16px;padding:6px 10px 3px;position:relative}.header-nav li.has-mega>ul>li>a img{margin-bottom:-25px;margin-left:-10px;margin-right:-10px;max-width:calc(100% + 20px);position:relative;z-index:-2}.header-nav li.has-mega>ul>li.hasChild>a:before{content:'';background:url(//bizweb.dktcdn.net/100/524/402/themes/962333/assets/arr-right.png?1754023648024) center no-repeat;background-size:12px;width:30px;height:30px;position:absolute;right:0;top:2px}.header-nav li.has-mega>ul>li.hasChild>a:hover:before{background-image:url(//bizweb.dktcdn.net/100/524/402/themes/962333/assets/arr-right-hv.png?1754023648024)}.header-nav li.has-mega>ul>li>ul{position:absolute;left:200px;top:0;width:calc(100% - 200px);min-height:100%;padding:5px 0;border:1px solid #f0efed;border-top:none;opacity:0;visibility:hidden}.header-nav li.has-mega>ul>li>ul>li{padding:0 10px 10px;-webkit-box-flex:0;display:inline-block;vertical-align:top;width:35%}.header-nav li.has-mega>ul>li>ul>li>a{font-weight:bold}.header-nav li.has-mega>ul>li>ul>li ul a{font-size:13px;padding-top:0}.header-nav li.has-mega>ul>li>ul>li.banner-mega{bottom:-1px;right:-50px;width:210px;height:400px}.header-nav li.has-mega>ul>li>ul>li.banner-mega a{padding:0}.header-nav li.has-mega>ul>li:nth-child(4n+1){clear:left}.header-nav li.has-mega>ul>li:hover>ul{opacity:1;visibility:visible}.header-nav li.has-mega>ul ul{position:initial;border:none;transform:initial;box-shadow:none}.header-nav li>.icon{display:none}.last-nav{white-space:nowrap}.last-nav a{color:var(--main-color);transform:translateY(5px);display:inline-block;position:relative}.last-nav a:not(:first-child){margin-left:10px;padding-left:10px}.last-nav a:not(:first-child):before{content:'';width:1px;height:20px;background:var(--main-color);position:absolute;left:0;top:2px}.last-nav a svg{transform:translateY(3px)}.last-nav a svg path{fill:var(--main-color)}.last-nav a:hover{color:var(--hover-link)}.last-nav a:hover svg path{color:var(--hover-link)}}@media (min-width: 1200px){header .search-group .list-keyword{overflow:hidden;text-overflow:ellipsis;color:#FFF}}@media (max-width: 991px){header .row{height:175px}header .logo{height:80px}header .logo img{max-height:80px}header .group-header-action{margin-top:5px;width:calc(100% - 134px);justify-content:flex-end;gap:10px}header .item-header .icon{transform:scale(0.8)}header .count_item_pr{top:-8px;right:-8px;background:var(--sub-color);width:20px;line-height:20px;text-align:center;font-size:10px;color:#000;border-radius:50%}header .search-group{display:flex;flex-wrap:wrap;order:1;position:relative}header .search-group .list-keyword{order:1;white-space:nowrap;overflow:auto;padding-bottom:10px}header .search-group .search-form{width:100%}header .search-group .search-form input{padding-left:45px}header .menu-btn{z-index:9;top:10px;left:20px;width:20px;height:20px;cursor:pointer}header .menu-btn span{display:block;height:2px;width:20px;background-color:var(--main-color);border-radius:2px;position:absolute;left:0;-webkit-transition:-webkit-transform 0.3s;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}header .menu-btn span:not(:last-child){margin-bottom:4px}header .menu-btn span:nth-child(1){top:3px}header .menu-btn span:nth-child(2){top:9px}header .menu-btn span:nth-child(3){top:15px}header .menu-btn.current span:nth-child(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:9px}header .menu-btn.current span:nth-child(2){opacity:0}header .menu-btn.current span:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:9px}.last-nav,.navigation-arrows{display:none}.header-nav{background-color:#fff;height:100%;position:fixed;top:175px !important;left:0;z-index:99999;width:100%;transform:translateX(-100%);visibility:hidden;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);box-shadow:none;touch-action:manipulation}.header-nav.show{visibility:visible;transform:translateX(0)}.header-nav .item-big{overflow-y:auto;max-height:calc(100vh - 120px);height:calc(100vh - 120px)}.header-nav .item-big .nav-item{position:relative}.header-nav .item-big .nav-item a{color:#333;height:unset;line-height:35px;display:block;padding-top:0;padding-bottom:0}.header-nav .item-big .nav-item a .icon{display:none}.header-nav .item-big .nav-item .item-small li>.icon{right:0}.header-nav .item-big .nav-item .item-small ul{padding-left:0.5rem}.header-nav li{position:relative}.header-nav li>.icon{top:0;right:8px;width:35px;height:35px;padding:5px;transition:.3s}.header-nav li>ul{display:none}.header-nav li.current>a{color:var(--main-color) !important}.header-nav li.current>ul{display:block}.header-nav li.current>.icon{transform:rotate(-90deg)}.header-nav li.last-nav{border-top:1px #ebebeb solid}.header-nav li.last-nav a{display:flex;align-items:center;padding:5px 0}}
