:root{--color-primary:#017ab7;--color-secondary:#f1e459;--white:#fff;--black:#000;--red:#e80e0e;--blue:#0083fd;--gray:#a2a2a2;--gray-2:#d9d9d9;--box-shadow:0px 1px 6px rgba(0, 0, 0, 0.2);--liner-gradient-1:linear-gradient(90deg, #0075ad 32.21%, #57c2e3 95.01%);--liner-gradient-2:linear-gradient(90deg, #ff5c00 0%, #ffa800 84.44%)}
html{font-size:14px}
body{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Inter,sans-serif;color:#283133;word-break:break-word;line-height:calc(100% + 6px);font-weight:400;background-color:#f6f8fa;letter-spacing:.15px;min-width:1220px}
.container{max-width:1220px;width:100%;padding:0 10px;margin:0 auto}
.box-w{border-radius:5px;background-color:#fff;margin:16px 0;padding:10px}
.box-empty{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;font-size:24px;line-height:28px;width:100%;height:430px;color:var(--red);text-align:center;grid-column:1/-1}
.success-form .text-cart-success{font-size:20px}
.hover-block{overflow:hidden}
.hover-block:hover .hover-content{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.hover-content{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.heading-primary{position:relative;margin-bottom:16px}
.heading-primary::after{content:"";position:absolute;bottom:0;left:10px;right:0;height:2px;background:#57c2e3}
.heading-primary-text{position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;font-size:22px;line-height:52px;font-weight:700;color:#fff;background:var(--liner-gradient-1);padding:0 28px 0 10px;border-radius:10px;z-index:2}
.heading-primary-text::after{content:"";position:absolute;top:0;right:0;width:25px;height:50px;background:url("../images/hoaphathanoi-bg-title-3.png") no-repeat;background-size:cover}
.heading-primary-link{position:absolute;right:0;bottom:8px;color:#0075ad}
.heading-primary-link i{-webkit-filter:invert(28%) sepia(90%) saturate(1380%) hue-rotate(174deg) brightness(90%) contrast(55%);filter:invert(28%) sepia(90%) saturate(1380%) hue-rotate(174deg) brightness(90%) contrast(55%)}
.alert-mess{text-align:center;padding:50px 30px;font-size:20px;font-weight:500;color:var(--red);grid-column:1/-1}
.alert-text{font-size:13px;line-height:17px;font-weight:500;color:var(--red);margin:8px 8px 0}
.alert-error{padding-left:24px;margin:16px 0;color:var(--red);font-weight:600;line-height:1.5}
.arc-content{display:none}
.arc-icon{display:none;position:absolute;right:10px;font-size:28px;line-height:16px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.arc-icon.rotate{-webkit-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}
.scroll-mt{scroll-margin-top:10px}
.paging{margin-top:42px;text-align:center}
.paging-link.active,.paging-link:hover{color:#fff;background:var(--color-primary);font-weight:500}
.paging-link{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:4px;color:#fff;background:#3f4343;font-size:16px;line-height:16px;text-decoration:none;text-transform:capitalize;width:36px;height:36px}
.routing{white-space:nowrap;overflow:auto}
.routing .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:12px 0;list-style:none}
.routing .routing-link{position:relative;font-size:14px;font-weight:400;padding:0 10px;text-decoration:none}
.routing .routing-link:first-child{padding-left:0}
.routing .routing-link:last-child{color:var(--color-primary)}
.routing .routing-link:not(:last-child)::before{content:"";position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%) rotate(25deg);-ms-transform:translateY(-50%) rotate(25deg);transform:translateY(-50%) rotate(25deg);width:1px;height:70%;border-right:1px solid #000}
.header-cart{position:relative}
.header-cart:hover .cart-ttip{display:block}
.cart-ttip{display:none;position:absolute;background-color:#fff;border-radius:10px;width:400px;height:auto;right:0;top:103%;text-transform:none;z-index:3;-webkit-box-shadow:0 1px 6px rgb(0 0 0 / 25%);box-shadow:0 1px 6px rgb(0 0 0 / 25%)}
.cart-ttip .null-cart{width:100%;text-align:center;padding:24px;color:#000;font-size:14px;line-height:20px;font-weight:600}
.cart-ttip .cart-ttip-price-button{display:block;border-radius:5px;padding:10px;background:var(--color-primary);color:#fff;text-align:center;line-height:20px;margin:0 12px 12px}
.cart-ttip .cart-ttip-container{max-height:300px;overflow:auto}
.cart-ttip .cart-ttip-price{line-height:24px;padding:10px 20px 10px 10px;border-top:3px solid var(--color-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important;gap:6px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.cart-ttip .cart-ttip-price p{color:#000;width:auto;padding:0;margin:0}
.cart-ttip .cart-ttip-price p:first-child{font-size:14px;font-weight:700;text-transform:uppercase;-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}
.cart-ttip .cart-ttip-price p:nth-child(2){font-size:13px;font-weight:200;color:var(--color-primary);margin-left:0!important}
.cart-ttip .cart-ttip-price p:last-child{font-size:14px;font-weight:700}
.cart-ttip .compare-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;width:100%;padding:10px;border-radius:10px;background:#fff;font-size:14px;line-height:20px;text-transform:none}
.cart-ttip .compare-item .compare-item-info{display:inline-block;padding:0 10px;-webkit-box-flex:1;-ms-flex:1;flex:1}
.cart-ttip .compare-item .compare-item-info p{background:0 0;color:#000;padding:0;width:100%;word-break:break-word;font-size:14px;line-height:20px;margin-left:0;height:40px}
.cart-ttip .compare-item .compare-item-info .compare-item-variant{font-size:13px;line-height:16px;height:auto}
.cart-ttip .compare-item .compare-item-info .compare-item-variant span{color:red}
.cart-ttip .compare-item .compare-item-name{height:40px}
.cart-ttip .compare-item .compare-item-price{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:space-between;margin-top:10px}
.cart-ttip .compare-item .compare-item-price p{font-weight:700;width:auto}
.cart-ttip .compare-item .compare-item-img{width:80px;border:5px}
.search-bar .search-results{display:none;border:1px solid #ddd;background:#fff;position:absolute;top:100%;right:0;width:100%;z-index:9999;-webkit-box-shadow:0 1px 5px rgb(0 0 0 / 20%);box-shadow:0 1px 5px rgb(0 0 0 / 20%)}
.search-bar .search-results .search-results-list{max-height:300px;overflow:auto;z-index:999}
.search-bar .search-results .item{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding:10px;width:100%;position:relative;text-decoration:none;font-weight:400}
.search-bar .search-results .item:hover{background:#f0f2f5}
.search-bar .search-results .img{width:60px;height:60px;background:#fff}
.search-bar .search-results .title{font-size:13px;font-weight:500;line-height:20px;color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1}
.search-bar .search-results .name{line-height:18px;height:36px}
.search-bar .search-results .price{display:block;margin-top:4px;color:#ec1c24}
.search-bar .search-results .search-results-total{display:block;padding:8px;text-align:center;font-size:13px;background:#ececec}
.rating-input{float:right;width:16px;height:16px;padding:0;margin:0 0 0 -16px;opacity:0}
.rating-star:hover{background-position:0 0}
.rating-star{position:relative;float:right;display:block;width:17px;height:17px;background:url("../images/star_rating_2022.png") 0 0;margin:0 3px}
.rating-star:hover,.rating-star:hover~.rating-star{background-position:0 0}
.rating-input:checked~.rating-star,.rating-star:hover,.rating-star:hover~.rating-star{background-position:0 0}
.rating-input:checked~.rating-star,.rating:hover .rating-star:hover,.rating:hover .rating-star:hover~.rating-star{background-position:0 0}
.rating-comment:hover .rating-star,.rating-star{position:relative;float:right;display:block;background:url("../images/star_rating_2022.png?v=2.1") 0 -28px}
.rating-comment:hover .rating-star:hover,.rating-comment:hover .rating-star:hover~.rating-star{background-position:0 -56px!important}
#star_tip{display:none;margin-left:10px;position:relative;background:-o-linear-gradient(.05deg,#0181bf 1.08%,#016393 99.97%);background:-o-linear-gradient(.05deg,#0181bf 1.08%,#016393 99.97%);background:-o-linear-gradient(.05deg,#0181bf 1.08%,#016393 99.97%);background:-o-linear-gradient(.05deg,#0181bf 1.08%,#016393 99.97%);background:linear-gradient(89.95deg,#0181bf 1.08%,#016393 99.97%);color:#fff;padding:2px 8px 3px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}
#star_tip:after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(82,184,88,0);border-right-color:#0181bf;border-width:6px;margin-top:-6px}
.icon-star{display:inline-block;width:90px;height:19px;background-image:url("../images/star_sprite.png");background-repeat:no-repeat;vertical-align:text-bottom}
.icon-star.star0{background-position:0 -108px!important}
.icon-star.star1{background-position:0 -87px!important}
.icon-star.star2{background-position:0 -65px!important}
.icon-star.star3{background-position:0 -42px!important}
.icon-star.star4{background-position:0 -21px!important}
.icon-star.star5{background-position:0 1px!important}
.hphn-icons{background-image:url("../images/hoaphathanoi-icons-map-2.png");background-repeat:no-repeat;display:inline-block;background-size:249px 202px}
.hphn-icon-account-1{width:13px;height:13px;background-position:-2px -2px}
.hphn-icon-angle-down-1{width:11px;height:6px;background-position:-20px -3px}
.hphn-icon-angle-down-2{width:10px;height:6px;background-position:-36px -3px}
.hphn-icon-angle-left-1{width:6px;height:10px;background-position:-51px -3px}
.hphn-icon-angle-left-1.icon-white{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
.hphn-icon-cart-1{width:21px;height:18px;background-position:-62px -3px}
.hphn-icon-cart-2{width:16px;height:14px;background-position:-87px -3px}
.hphn-icon-features-1{width:50px;height:50px;background-position:-108px -3px}
.hphn-icon-features-2{width:70px;height:50px;background-position:-3px -52px}
.hphn-icon-features-3{width:58px;height:50px;background-position:-78px -58px}
.hphn-icon-features-4{width:50px;height:50px;background-position:-141px -58px}
.hphn-icon-hot-1{width:97px;height:48px;background-position:-3px -112px}
.hphn-icon-location-1{width:11px;height:13px;background-position:-163px -2px}
.hphn-icon-menu-1{width:19px;height:17px;background-position:-3px -19px}
.hphn-icon-payment-1{width:51px;height:31px;background-position:-104px -112px}
.hphn-icon-payment-2{width:51px;height:31px;background-position:-104px -147px}
.hphn-icon-payment-3{width:51px;height:31px;background-position:-178px -2px}
.hphn-icon-payment-4{width:51px;height:31px;background-position:-195px -37px}
.hphn-icon-payment-5{width:51px;height:31px;background-position:-195px -72px}
.hphn-icon-phone-1{width:12px;height:12px;background-position:-234px -3px}
.hphn-icon-phone-2{width:18px;height:18px;background-position:-196px -108px}
.hphn-icon-phone-3{width:18px;height:18px;background-position:-219px -108px}
.hphn-icon-search-1{width:19px;height:19px;background-position:-159px -130px}
.hphn-icon-social-1{width:32px;height:33px;background-position:-183px -130px}
.hphn-icon-social-2{width:32px;height:33px;background-position:-3px -167px}
.hphn-icon-social-3{width:32px;height:33px;background-position:-40px -167px}
.hphn-icon-social-4{width:32px;height:33px;background-position:-160px -167px}
.p-item{position:relative;padding:0 0 8px;background:#fff}
.p-item:hover .p-img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.p-item .p-image{overflow:hidden;border-radius:12px}
.p-item .p-img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.p-item .p-discount{position:absolute;top:0;left:0;width:44px;height:40px;background:url("../images/hoaphathanoi-bg-pro-discount-1.png") no-repeat;background-size:cover;font-size:14px;line-height:36px;font-weight:700;font-style:normal;text-align:center;padding-right:1px;color:#fff}
.p-item .p-hot-type{position:absolute;bottom:1px;left:1px;max-height:36px}
.p-item .p-review{margin:8px 0}
.p-item .p-name{font-size:14px;line-height:18px;font-weight:500;margin-bottom:8px;min-height:54px}
.p-item .p-price{font-size:16px;font-weight:700}
.p-item .p-price-stock{font-size:13px;color:silver}
.p-item .p-sold{font-size:12px;color:#4c5a5e}
.p-item .p-cart{position:absolute;bottom:13px;right:0;width:30px;height:30px;border-radius:5px;background:#f0f3f3;border:1px solid var(--color-primary);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}
.p-item .p-cart:hover{background:var(--color-primary)}
.p-item .p-cart:hover i{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
.swiper .swiper-custom-btn{width:34px;height:50px;color:#fff;background:rgba(0,0,0,.3)}
.swiper .swiper-custom-btn::after{font-size:14px;font-weight:600}
.swiper .swiper-custom-btn.swiper-button-next{right:0;border-radius:12px 0 0 12px}
.swiper .swiper-custom-btn.swiper-button-prev{left:0;border-radius:0 12px 12px 0}
.swiper .swiper-custom-btn.swiper-button-next::after{-webkit-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px)}
.swiper .swiper-custom-btn.swiper-button-prev::after{-webkit-transform:translateX(-2px);-ms-transform:translateX(-2px);transform:translateX(-2px)}
.swiper .swiper-pagination-custom .swiper-pagination-bullet{width:10px;height:10px;background:#c9c9c9;border-radius:10px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.swiper .swiper-pagination-custom .swiper-pagination-bullet-active{width:42px;background:var(--color-secondary)}
.swiper .swiper-slide-custom{height:auto}
.swiper .swiper-slide-custom .p-item{height:calc(100% - 8px)}
.global-header .header-top{font-size:13px;line-height:34px;color:#4c5a5e}
.global-header .header-search{max-width:552px;margin-left:auto}
.global-header .header-search .search-bar-input{width:100%;height:42px;padding:10px 68px 10px 24px;border-radius:23px;border:1px solid #eaeaea;background:#fff;font-size:15px;font-weight:500}
.global-header .header-search .search-bar-input::-webkit-input-placeholder{color:silver}
.global-header .header-search .search-bar-input::-moz-placeholder{color:silver}
.global-header .header-search .search-bar-input:-ms-input-placeholder{color:silver}
.global-header .header-search .search-bar-input::-ms-input-placeholder{color:silver}
.global-header .header-search .search-bar-input::placeholder{color:silver}
.global-header .header-search .search-bar-input:focus+.search-bar-btn{border-color:var(--color-primary);background:var(--color-primary)}
.global-header .header-search .search-bar-input:focus+.search-bar-btn i{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
.global-header .header-search .search-bar-btn{position:absolute;top:0;right:0;width:60px;height:42px;border-radius:23px;background:#f1e459;border:2px solid #eaeaea;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;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.global-header .header-features .f-item{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;gap:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:42px;border-radius:23px;border:1px solid #eaeaea;background:#fff;text-transform:uppercase;font-weight:600;margin:20px 0;cursor:pointer}
.global-header .header-features .header-cart{border-color:var(--color-primary);gap:4px}
.global-header .header-features .f-header-hotline:hover .hotline-list{top:calc(100% + 6px);visibility:visible;opacity:1}
.global-header .header-features .f-header-hotline .hotline-list{-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.4);box-shadow:0 0 4px 0 rgba(0,0,0,.4);border-radius:8px;background:#fff;position:absolute;top:calc(100% + 20px);right:0;width:300px;z-index:2;overflow:hidden;-webkit-transition:.12s all;-o-transition:.12s all;transition:.12s all;opacity:0;visibility:hidden}
.global-header .header-features .f-header-hotline .hotline-list .item{margin:0;border:0;line-height:32px;padding:8px 16px;border-bottom:1px solid #e5eaf1;color:#212a36;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.global-header .header-features .f-header-hotline .hotline-list .item:hover{background:#e5eaf1}
.global-header .header-features .f-header-hotline .hotline-list .num{width:32px;height:32px;line-height:32px;text-align:center;margin-right:16px;border-radius:4px;font-weight:700;font-size:16px;-webkit-box-shadow:0 0 0 1px #1988ec;box-shadow:0 0 0 1px #1988ec}
.global-header .header-navbar .navbar-menu{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;gap:10px;width:227px;line-height:42px;font-weight:700;text-transform:uppercase;color:#fff;background:#283133;cursor:pointer}
.global-header .header-navbar:hover .navbar-list{display:block}
.global-header .header-navbar .navbar-list{display:none;position:absolute;top:100%;left:0;width:227px;background:#fff;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.2);z-index:999}
.global-header .header-navbar .navbar-list::after{content:"";position:absolute;top:-30px;left:0;width:100%;height:30px}
.global-header .header-navbar .navbar-item:not(:last-child){border-bottom:1px solid #e4e4e4}
.global-header .header-navbar .navbar-item:hover .sub-menu{display:block}
.global-header .header-navbar .navbar-item:hover .navbar-link{background:var(--color-primary);color:#fff}
.global-header .header-navbar .navbar-item:hover .navbar-icon,.global-header .header-navbar .navbar-item:hover .navbar-thumbs{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
.global-header .header-navbar .navbar-link{font-size:13px;line-height:30.4px;font-style:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:10px}
.global-header .header-navbar .navbar-thumbs{width:26px;height:16px;margin:0 4px 0 8px;background-repeat:no-repeat;background-position:center;background-size:contain}
.global-header .header-navbar .navbar-title{-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:500}
.global-header .header-navbar .sub-menu{display:none;list-style:none;-webkit-box-shadow:0 5px 10px rgb(0 0 0 / 10%);box-shadow:0 5px 10px rgb(0 0 0 / 10%);background:#fff;z-index:999;width:calc(1200px - 227px);min-height:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;overflow:auto;position:absolute;left:227px;top:0;padding:10px 20px}
.global-header .header-navbar .sub-item{float:left;padding:0 12px 20px 0;width:33%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;line-height:24px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:#000;text-transform:capitalize}
.global-header .header-navbar .sub-item-link:hover{color:var(--color-primary)}
.global-header .header-navbar .sub-item-1{font-size:14px}
.global-header .header-navbar .sub-item-1 .sub-item-link:hover{text-decoration:underline}
.global-header .header-navbar .sub-item-2{position:relative;font-size:13px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}
.global-header .header-navbar .sub-item-2 i{-webkit-filter:brightness(0%)!important;filter:brightness(0%)!important;-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}
.global-header .header-navbar .sub-item-3{display:none;position:absolute;top:-2px;left:104%;-webkit-box-shadow:0 0 10px 1px rgb(0 0 0 / 25%);box-shadow:0 0 10px 1px rgb(0 0 0 / 25%);width:-webkit-max-content;width:-moz-max-content;width:max-content;border-radius:5px;background:#fff;padding:8px 12px;z-index:1;gap:4px}
.global-header .header-navbar .sub-item-3::after{content:"";position:absolute;top:9px;left:-6px;width:10px;height:10px;border-top:1px solid rgba(0,0,0,.15);border-left:1px solid rgba(0,0,0,.15);z-index:-1;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);background:#fff}
.global-header .header-navbar .sub-item-3::before{content:"";position:absolute;width:30px;height:40px;top:0;left:-20px}
.global-header .header-navbar .sub-item-2:hover .sub-item-3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.global-header .header-hotline .h-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:13px;line-height:42px;font-weight:500;height:42px;padding:0 16px;background:#f1e459;border-radius:15px 15px 0 0}
.global-header .header-hotline .h-wrapper::before{content:"";position:absolute;left:-1px;bottom:0;height:26px;width:10px;background:var(--color-primary);-webkit-clip-path:polygon(100% 100%,0 100%,0 0);clip-path:polygon(100% 100%,0 100%,0 0)}
.global-header .header-hotline .h-wrapper::after{content:"";position:absolute;right:-1px;bottom:0;height:26px;width:10px;background:var(--color-primary);-webkit-clip-path:polygon(100% 100%,0 100%,100% 0);clip-path:polygon(100% 100%,0 100%,100% 0)}
.global-header .header-hotline .h-tel{font-size:16px;font-weight:700;color:var(--color-primary)}
.global-footer .footer-features{background:#fff8ef}
.global-footer .footer-company{padding:20px 0 24px}
.global-footer .footer-company .f-title{font-size:15px;line-height:20px;color:var(--color-primary);margin-bottom:12px}
.global-footer .footer-company .f-list{font-size:13px;line-height:24px}
.global-footer .footer-payment .payment-line{background:var(--liner-gradient-1);height:1px}
.global-footer .copyright{font-size:13px;line-height:40px;text-align:center}
.homepage .home-box{padding:19px 16px}
.homepage .section-hero .hero-slider{padding-left:243px}
.homepage .section-hero .hero-slider .swiper-pagination{left:16px;width:auto;bottom:15px}
.homepage .section-featured .ft-img{background:url("../images/hoaphathanoi-cat-bg-1.png") no-repeat;background-size:contain;background-position:center;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;width:127px;height:127px}
.homepage .section-featured .ft-thumbs{display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:center;width:100px;height:100px}
.homepage .section-best-sale .bs-container{background:#f07a0c;padding:18px 15px 16px}
.homepage .section-best-sale .bs-title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;font-size:32px;font-weight:800;text-transform:uppercase;color:#fff;margin-bottom:16px}
.homepage .section-best-sale .bs-link{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;font-weight:500;text-transform:none}
.homepage .section-best-sale .bs-link:hover{color:#fff}
.homepage .section-best-sale .p-item{border-radius:12px;padding:14px 14px 12px}
.homepage .section-best-sale .p-cart{right:14px;bottom:17px}
.homepage .section-best-sale .swiper-slide-custom .p-item{height:calc(100% - 26px)}
.homepage .section-category .cat-thumbs{display:inline-block;width:30px;height:18px;background-repeat:no-repeat;background-position:center;background-size:contain;-webkit-filter:invert(80%) sepia(100%) saturate(3940%) hue-rotate(400deg) brightness(140%) contrast(130%);filter:invert(80%) sepia(100%) saturate(3940%) hue-rotate(400deg) brightness(140%) contrast(130%);margin-bottom:-1px}
.homepage .section-category .cat-wrapper div:nth-child(n+11){display:none}
.homepage .section-category .cat-child{max-height:360px;overflow:auto;padding-right:8px}
.homepage .section-category .cat-child::-webkit-scrollbar{width:8px}
.homepage .section-category .cat-child::-webkit-scrollbar-track{background:#dbdbdb;border-radius:5px}
.homepage .section-category .cat-child::-webkit-scrollbar-thumb{background:#f07a0c;border-radius:5px}
.homepage .section-category .cat-child::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}
.homepage .section-category .cat-child li:not(:last-child){margin-bottom:16px}
.homepage .section-category .cat-child-item{padding:0 10px;border-radius:8px;border:1px solid #d9d9d9;background:#fff;line-height:40px;text-align:center}
.homepage .section-category .cat-child-item.active,.homepage .section-category .cat-child-item:hover{border-color:#017ab7;color:#017ab7}
.homepage .section-category .cat-banner{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:2;grid-row-start:2;border-radius:12px;overflow:hidden}
.homepage .section-category .cat-banner.one-row-style{-ms-grid-column:unset;grid-column-start:unset;-ms-grid-row:unset;grid-row-start:unset}
.homepage .section-article .art-image{padding-bottom:67%;overflow:hidden;border-radius:12px}
.homepage .section-article .art-name{font-size:16px;margin:10px 0 4px}
.homepage .section-article .art-summary{font-size:13px;line-height:17px}
.homepage .section-customer{background-repeat:no-repeat;background-size:cover;color:#fff;padding:16px;margin-bottom:16px;border-radius:15px;overflow:hidden}
.homepage .section-customer .ct-title{position:relative;font-size:22px;text-align:center;padding-top:20px;margin-bottom:37px}
.homepage .section-customer .ct-title::after,.homepage .section-customer .ct-title::before{content:"";position:absolute;bottom:0;left:0;width:33%;height:1px;background:#fff}
.homepage .section-customer .ct-title::after{left:unset;right:0}
.homepage .section-customer .ct-content{max-width:592px;margin:0 auto}
.homepage .section-customer .ct-respone{font-size:13px;text-align:center;line-height:24px}
.product-page .cat-box{padding:12px 10px 0;background:#fff}
.product-page .cat-box:not(:last-child){border-bottom:1px solid #f3f3f3}
.product-page .cat-box .cat-title{font-size:15px;text-transform:uppercase;padding-bottom:10px}
.product-page .cat-child .c-item-thumb{display:block;width:90px;height:90px;margin:auto;background-position:center;background-repeat:no-repeat;background-size:contain}
.product-page .cat-filter .f-item.current{color:#325caa}
.product-page .cat-banner{position:sticky;top:12px}
.product-page .cat-btn{font-size:14px;line-height:38px;height:40px;padding:0 48px;color:var(--color-primary);border:1px solid var(--color-primary)}
.product-page .cat-btn:hover{color:#fff;background:var(--color-primary)}
.product-page .cat-products{gap:10px}
.product-page .cat-products .p-item{padding:8px;border:1px solid #ececec;border-radius:12px;overflow:hidden}
.product-page .cat-products .p-item:hover{-webkit-box-shadow:0 0 3px rgba(1,129,191,.5);box-shadow:0 0 3px rgba(1,129,191,.5)}
.product-page .cat-products .p-cart{right:8px}
.product-detail-page .pro-detail-box{border-radius:10px;border:1px dashed var(--color-primary);padding:16px;margin:16px 0}
.product-detail-page .pro-detail-box ul li:not(:last-child){margin-bottom:10px}
.product-detail-page .pro-detail-box .check-icon{font-size:20px;line-height:18px;font-weight:900;color:var(--color-primary);margin-right:8px}
.product-detail-page .pro-detail-box-2{border:1.5px solid var(--color-primary);padding:16px 14px;border-radius:10px;margin-bottom:20px}
.product-detail-page .pro-detail-box-2 .box-title{font-size:16px;line-height:20px;font-weight:800;text-transform:uppercase;margin-bottom:16px;text-align:center;color:var(--color-primary)}
.product-detail-page .pro-detail-box-2 .box-phone{display:block;font-size:20px;line-height:20px;font-weight:700;color:#ff7a00;text-align:center}
.product-detail-page .pro-detail-box-2 .box-btn{display:block;width:100%;font-size:15px;line-height:32px;font-weight:500;text-align:center;text-transform:uppercase;color:#ff7a00;border:1px solid #ff7a00;border-radius:5px}
.product-detail-page .pro-detail-box-2 .box-btn:hover{color:#fff;background-color:#ff7a00}
.product-detail-page .pro-detail-heading{position:relative}
.product-detail-page .pro-detail-heading::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#f5f5f5;z-index:1}
.product-detail-page .pro-detail-heading-text{position:relative;display:inline-block;font-size:20px;line-height:28px;text-transform:uppercase;padding-bottom:4px}
.product-detail-page .pro-detail-heading-text::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--color-primary);z-index:2}
.product-detail-page .pro-gallery .gallery-thumbs .swiper-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box}
.product-detail-page .pro-gallery .gallery-thumbs .swiper-slide{border:2px solid transparent;padding:1px;border-radius:5px;overflow:hidden}
.product-detail-page .pro-gallery .gallery-thumbs .swiper-slide-thumb-active{border-color:var(--color-primary)}
.product-detail-page .pro-quantity{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:40px;margin:18px 0}
.product-detail-page .pro-quantity .pd-quantity-holder{width:100px;-webkit-box-shadow:0 0 0 1px #d9d9d9;box-shadow:0 0 0 1px #d9d9d9;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin:0 12px}
.product-detail-page .pro-quantity .pd-quantity-holder a{width:29px;color:#000;line-height:40px;color:#7e7e7e;font-size:18px;font-weight:600}
.product-detail-page .pro-quantity .pd-quantity-holder a:first-child{border-right:1px solid #f3f3f3}
.product-detail-page .pro-quantity .pd-quantity-holder a:last-child{border-left:1px solid #f3f3f3}
.product-detail-page .pro-quantity .pd-quantity-holder input{width:calc(100% - 60px);text-align:center;border:0;outline:0;font-size:16px;font-weight:700}
.product-detail-page .pro-buy .pro-buy-btn{font-size:18px;line-height:52px;font-weight:700;text-transform:uppercase;text-align:center;color:#fff;background:-o-linear-gradient(.03deg,#0181bf .04%,#00689b 97.86%);background:-o-linear-gradient(.03deg,#0181bf .04%,#00689b 97.86%);background:-o-linear-gradient(.03deg,#0181bf .04%,#00689b 97.86%);background:-o-linear-gradient(.03deg,#0181bf .04%,#00689b 97.86%);background:linear-gradient(89.97deg,#0181bf .04%,#00689b 97.86%);border-radius:10px;-webkit-box-flex:1;-ms-flex:1;flex:1}
.product-detail-page .pro-buy .pro-buy-btn:hover{-webkit-box-shadow:0 1px 10px rgba(0,104,155,.7);box-shadow:0 1px 10px rgba(0,104,155,.7)}
.product-detail-page .pro-buy .pro-buy-btn.btn-add-cart{background:-o-linear-gradient(left,#ffb800 0,#ff7a00 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,#ffb800),to(#ff7a00));background:linear-gradient(90deg,#ffb800 0,#ff7a00 100%)}
.product-detail-page .pro-buy .pro-buy-btn.btn-add-cart:hover{-webkit-box-shadow:0 1px 10px rgba(255,122,0,.7);box-shadow:0 1px 10px rgba(255,122,0,.7)}
.product-detail-page .pro-popup-small{position:sticky;top:10px;background:#f1f0f0;border-radius:15px}
.product-detail-page .pro-popup-small .pp-header{font-size:20px;line-height:24px;font-weight:700;padding:18px 16px 12px;border-bottom:1px solid #cac8c8}
.product-detail-page .pro-config .config-name{display:inline-block}
.product-detail-page .pro-config .config-group:not(:last-child){margin-bottom:16px}
.product-detail-page .pro-config .list{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:8px}
.product-detail-page .pro-config .item{display:block;min-width:100px;min-height:42px;font-weight:700;text-align:center;padding:9px 15px;border-radius:8px;border:2px solid #d9d9d9;cursor:pointer}
.product-detail-page .pro-config .item.selected,.product-detail-page .pro-config .item:hover{color:var(--color-primary);border-color:var(--color-primary)}
.product-detail-page .pro-config .item.js-variant-color{font-size:0;width:42px;height:42px;padding:0}
.product-detail-page .pro-config .item.js-variant-image{height:auto;padding:1px;width:60px}
.product-detail-page .pro-config .item.js-variant-image .si-block{border-radius:5px}
.product-detail-page .pro-config .item.js-variant-image .si-content{-o-object-fit:contain;object-fit:contain}
.product-detail-page .rating-selection .rating-input{float:right;width:16px;height:16px;padding:0;margin:0 0 0 -16px;opacity:0}
.product-detail-page .rating-selection{display:inline;float:left;margin-top:-8px}
.product-detail-page .rating-selection::after{content:"";display:block;clear:both}
.product-detail-page .comment{width:100%}
.product-detail-page .comment-form .img-avatar{float:left;width:40px}
.product-detail-page .comment-form form{padding-bottom:15px}
.product-detail-page .comment .relative{position:relative;z-index:9}
.product-detail-page .comment-list .item .comment-left img{width:40px;float:left}
.product-detail-page .comment-list .item .reply-comment{display:none}
.product-detail-page .info-feeback .time{color:#999}
.product-detail-page .info-feeback .right{float:right}
.product-detail-page .info-feeback{overflow:hidden;padding-bottom:2px;font-size:12px}
.product-detail-page .comment-list .item .comment-name span{font-weight:700;margin-right:2px}
.product-detail-page .comment textarea{height:120px;border:1px solid #d9d9d9;border-radius:5px;margin-top:10px}
.product-detail-page .comment-list .item .comment-name .note{color:#fff;font-size:.7em;background:#ec3237;font-style:normal;padding:2px 5px}
.product-detail-page #vote-statistic{position:relative;border:1px solid #d9d9d9!important;padding:10px 0;border-radius:15px}
.product-detail-page #ratingOveriew{cursor:pointer}
.product-detail-page #vote-statistic ul li .icon-bigStar{float:left}
.product-detail-page #vote-statistic ul li{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}
.product-detail-page #vote-statistic ul li:not(:last-child){margin-bottom:10px}
.product-detail-page #vote-statistic ul li .line-rating{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:8px;background:#eee;margin-top:6px;margin-right:6px;border-radius:3px;-moz-border-radius:3px}
.product-detail-page #vote-statistic .reviewRateAvg{font-size:32px;margin-bottom:10px;font-weight:700}
.product-detail-page #vote-statistic ul li .line-rating .percent{display:block;background:var(--liner-gradient-1);height:100%;border-radius:3px}
.product-detail-page #vote-statistic ul li .count{color:#888}
.product-detail-page #vote-statistic ul li span.blue{float:left;margin-right:10px}
.product-detail-page #vote-statistic ul{padding-left:5px}
.product-detail-page .btn-red{background:#d00;color:#fff;padding:7px 20px;font-size:15px;border-radius:3px;-moz-border-radius:3px;border:solid 1px #ce0101;display:inline-block}
.product-detail-page .btn-blue-2{background:-o-linear-gradient(.05deg,#0181bf 1.08%,#016393 99.97%);background:-o-linear-gradient(.05deg,#0181bf 1.08%,#016393 99.97%);background:-o-linear-gradient(.05deg,#0181bf 1.08%,#016393 99.97%);background:-o-linear-gradient(.05deg,#0181bf 1.08%,#016393 99.97%);background:linear-gradient(89.95deg,#0181bf 1.08%,#016393 99.97%);color:#fff;padding:7px 20px;font-size:15px;border-radius:3px;-moz-border-radius:3px;border:solid 1px var(--color-primary);display:inline-block}
.product-detail-page .btn-red:hover{color:#fff;-webkit-box-shadow:0 0 10px rgba(1,129,191,.7);box-shadow:0 0 10px rgba(1,129,191,.7)}
.product-detail-page .relative{position:relative}
.product-detail-page .rating-form table{width:100%}
.product-detail-page .rating-form table td{padding:5px 0}
.product-detail-page .rating-form table tr td:first-child{width:100px;vertical-align:baseline;line-height:38px}
.product-detail-page #list_vote .item{overflow:hidden;margin:10px 0}
.product-detail-page #list_vote .item:first-child{margin-top:24px}
.product-detail-page #list_vote .item .name{font-weight:700;font-size:16px}
.product-detail-page #list_vote .item i{display:inline-block;margin:0 5px}
.product-detail-page #list_vote .item .time{color:#999}
.product-detail-page #list_vote .item p{margin-bottom:6px}
.product-detail-page #review-bottom{display:none}
.product-detail-page .info-feeback .write-reply{color:#ec3237}
.product-detail-page .comment-name{font-weight:600;margin-bottom:5px}
.product-detail-page .item-reply{background:#f5f5f5;padding:10px;position:relative}
.product-detail-page .item-reply p{margin-bottom:5px}
.product-detail-page .item-reply:before{content:"";display:block;width:0;border:solid 10px transparent;border-bottom-color:#f5f5f5;position:absolute;top:-20px;left:3px;z-index:2}
.product-detail-page .comment-list .item-reply:after{content:"";display:block;width:0;border:solid 10px transparent;border-bottom-color:#cecece;position:absolute;top:-20px;left:3px;z-index:1}
.product-detail-page .avatar-user{background:#d9d9d9;color:#000;width:27px;height:27px;display:inline-block;line-height:27px;text-align:center;text-transform:uppercase}
.product-detail-page .avatar-admin{width:27px;height:27px}
.product-detail-page .icon-star-detail{width:63px;height:11px;display:inline-block;background-repeat:no-repeat!important;background-size:517.5px 306px!important;margin-top:2px}
.product-detail-page .rating-form{padding:10px 16px;border:1px solid #d9d9d9;border-radius:10px;margin:16px 0}
.product-detail-page .form-control{display:block;width:100%;height:38px;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #d9d9d9;border-radius:.25rem;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.product-detail-page .item-comment{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}
.product-detail-page .item-comment .comment-form-left .avatar-user,.product-detail-page .item_comment .comment-left .avatar-user{display:block;text-align:center;width:34px;height:34px;line-height:34px;margin-right:12px;border-radius:5px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;background:#d9d9d9;text-transform:uppercase;font-weight:700;font-size:17px;color:#000}
.product-detail-page .item-comment .comment-form-left .avatar-user img{display:block;margin:auto;padding:6px;max-width:100%;height:auto}
.product-detail-page .item-comment .comment-form-right{width:calc(100% - 46px)}
.product-detail-page .item-comment .comment-form-right .comment-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.product-detail-page .item-comment .comment-form-right .comment-name .user-name{text-transform:capitalize;margin:0 10px 0 0}
.product-detail-page .item-comment .comment-form-right .comment-name i{background:var(--color-primary);color:#fff;font-size:10px;padding:3px;border-radius:3px}
.product-detail-page .item-comment .comment-form-right .comment-content{font-size:16px;margin:8px 0}
.product-detail-page .item-comment .comment-form-right .info_feeback span{color:#787878;font-size:12px}
.product-detail-page .item-comment .comment-form-right .info_feeback a{color:var(--color-primary);position:relative;padding-left:12px;margin-left:5px}
.product-detail-page .item-comment .info_feeback a::before{content:"\f111";font-family:"Font Awesome 5 Free";font-weight:900;font-size:6px;position:absolute;left:0}
.product-detail-page .item_reply{border-bottom:1px solid #e1e1e1;background:#f9f9f9;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin:8px 0}
.product-detail-page .item_reply .time-reply{font-size:11px;font-weight:400!important;margin-left:4px;font-style:italic}
.product-detail-page .reply-list-container .item_reply:first-child{border-radius:12px 12px 0 0}
.product-detail-page .reply-list-container .item_reply:last-child{border-radius:0 0 12px 12px;border:0}
.product-detail-page .reply-form-group{border:1px solid #d9d9d9;border-radius:12px;overflow:hidden;margin:15px 0}
.product-detail-page .reply-template textarea{display:block;padding:12px;resize:none;height:100px;border-radius:10px;margin-top:8px}
.product-detail-page .btn-send-comment{color:#fff;font-weight:500;font-size:14px;line-height:24px;background:var(--color-primary);border-radius:5px;padding:8px 18px;border:0;cursor:pointer}
.product-detail-page .inputText{border:1px solid #d9d9d9;height:38px;padding:0 0 0 10px;margin-right:10px;min-width:250px;border-radius:5px}
.product-detail-page .icon-star-detail{width:126px;height:22px;display:inline-block;background-repeat:no-repeat!important;background-size:126px 152px!important}
.product-detail-page .pd-pre-order-group{padding:12px;margin:16px 0;border-radius:10px;border:1px solid #d7d7d7}
.product-detail-page .pd-pre-order-group .input-form{height:38px}
.product-detail-page .pd-pre-order-group .btn-pre-order{display:inline-block;border:none;padding:8px 10px;cursor:pointer;text-align:center;color:#fff;border-radius:5px;background:var(--red);grid-column:1/-1}
.cart-page .cart-form .form-input{width:100%;line-height:40px;height:40px;border:1px solid #d7d7d7;border-radius:6px;padding:10px}
.cart-page .cart-form .form-input:not(:first-child){margin-top:10px}
.cart-page .cart-form textarea.form-input{height:100px;padding:0 10px}
.cart-page .payment-method-container{border:1px solid #d7d7d7;border-radius:8px}
.cart-page .payment-method-container label{border-bottom:1px solid #d7d7d7;padding:17px 17px 17px 37px}
.cart-page .payment-method-container label:last-child{border:0}
.cart-page .radio-button{display:block;position:relative;padding-left:25px;margin-left:0;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1.3;margin-bottom:0}
.cart-page .radio-button input{position:absolute;opacity:0;cursor:pointer}
.cart-page .radio-button .checkmark{position:absolute;top:0;left:-25px;height:16px;width:16px;background-color:#fff;border:2px solid #cbcbcb;border-radius:50%}
.cart-page .radio-button .checkmark::after{content:"";position:absolute;display:none;top:50%;left:50%;width:8px;height:8px;border-radius:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff}
.cart-page .radio-button input:checked~.checkmark{background-color:#e7222a;border:2px solid #e7222a}
.cart-page .radio-button input:checked~.checkmark:after{display:block}
.cart-page .cart-products{background:#f3f3f3}
.cart-page .cart-products{background:#f3f3f3}
.cart-page .cart-products .title{margin:0!important;padding:17px 10px 17px 15px}
.cart-page .cart-products table td{padding:0 12px;vertical-align:top;line-height:1.7;display:inline-block}
.cart-page .cart-products table td:first-child{padding-left:17px}
.cart-page .cart-products table td:nth-child(2){width:calc(100% - 90px - 35px)}
.cart-page .cart-products .item{padding:16px 0;border-top:1px solid #e1e1e1;display:block}
.cart-page .cart-products .item-img{display:block;border-radius:4px;overflow:hidden}
.cart-page .cart-products .quantity-input{margin-top:10px}
.cart-page .cart-products .price-holder-1{border-top:1px solid #e1e1e1;padding:15px 10px 15px 17px}
.cart-page .cart-products .price-holder-2{border-top:1px solid #e1e1e1;padding:21px 10px 21px 17px}
.cart-page .cart-products .submit-cart-holder{padding:0 10px 17px 17px}
.cart-page .cart-products .submit-cart-holder button{border:0;color:#fff;background:#ec1c24;height:40px;line-height:40px;text-align:center;width:154px}
.cart-page .cart-products .quantity-input{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:space-between;width:120px;height:36px;line-height:36px;text-align:center;border:1px solid #e1e1e1;background:#fff}
.cart-page .cart-products .quantity-change{border:0;width:30px;height:30px;line-height:30px;display:inline-block;text-align:center}
.cart-page .cart-products .buy-quantity{width:60px}
.cart-page .cart-total-price{border-top:1px solid #e1e1e1}
.cart-page .cart-send-btn{font-size:16px;font-weight:700;text-transform:uppercase;line-height:40px;color:#fff;background:var(--red);padding:0 20px}
.cart-page .cart-send-btn:hover{-webkit-box-shadow:0 1px 10px rgba(255,0,0,.5);box-shadow:0 1px 10px rgba(255,0,0,.5)}
.cart-page .not-cart{margin:0 auto;text-align:center;padding:30px 0;padding:0 8px;max-width:1216px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:50px}
.cart-page .not-cart img{max-width:100%;width:unset}
.cart-page .not-cart p{padding:20px 0;font-weight:500}
.cart-page .not-cart a{margin:10px 0;padding:10px;background:#cd1818;display:block;width:15%;margin:0 auto;color:#fff;border-radius:8px;text-transform:uppercase}
.artilce-page .pd-tabs-container{margin-bottom:20px}
.artilce-page .time-holder{font-weight:lighter;text-align:center;padding:6px 0;margin:12px 0 15px 0;border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3}
.artilce-page .time{color:#999;position:relative;display:inline-block}
.artilce-page .pd-tabs{border-bottom:2px solid #00689b;padding-bottom:2px}
.artilce-page .pd-tabs a{color:#fff;padding:14px 30px}
.artilce-page .pd-tabs a::before{background:#231f20!important}
.artilce-page .overlay{position:absolute;top:0;left:0;right:0;bottom:0}
.artilce-page .pro-nav button{font-size:30px!important;top:15%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.artilce-page .cat-title{font-weight:700;font-size:20px;text-transform:uppercase;position:relative;padding-bottom:10px;margin-bottom:25px}
.artilce-page .cat-title::after{content:"";position:absolute;bottom:0;border-bottom:2px solid #0181bf;width:56px;left:0}
.artilce-page .cat-link{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:13px;font-weight:500;text-transform:none}
.artilce-page .art-img.si-block{padding-bottom:67%}
.artilce-page .art-home-holder{margin-bottom:20px}
.artilce-page .space-55{margin-top:55px}
.artilce-page .col-right .cat-title{font-size:20px;margin-bottom:7px}
.artilce-page .col-right .art-img{float:left;width:115px;margin-right:12px;padding-bottom:27%}
.artilce-page .col-right .art-text{float:left;width:calc(100% - 127px);padding-bottom:0}
.artilce-page .col-right .art-title{line-height:1.2;display:-webkit-box}
.artilce-page .col-right .slick-dots{padding:0;margin:15px 0 0 0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.artilce-page .col-right .slick-dots::after{content:"";display:block;clear:both}
.artilce-page .col-right .slick-dots li{float:left;margin:0 6px}
.artilce-page .col-right .slick-dots button{border:0;font-size:0px;width:10px;height:10px;border-radius:50%;background:#ccc;padding:0}
.artilce-page .col-right .slick-dots .slick-active button{background:#ec1c24!important}
.artilce-page .col-right .item{padding:18px 0;border-top:1px solid #ebebeb}
.artilce-page .col-right .item::after{content:"";display:block;clear:both}
.artilce-page .col-right .item:first-child{border:0}
.artilce-page .col-right .time{font-size:12px;display:block}
.artilce-page .col-right .time::before{background-position:-265px -37px}
.artilce-page .col-right .art-title{font-size:14px}
.artilce-page .col-right .big-item .art-img{margin:0 0 12px 0;width:100%;padding-bottom:67%}
.artilce-page .col-right .big-item .art-text{width:100%}
.artilce-page .col-right .big-item .art-title{display:block;font-size:16px;margin-bottom:2px}
.artilce-page .col-right .pro-related-container{margin-top:35px}
.artilce-page .article-detail .art-related{padding:40px 0 25px 0}
.artilce-page .article-detail .art-detail-title{font-weight:700;font-size:24px;margin:22px 0 17px 0}
.artilce-page .art-item{background:#fff;padding-bottom:10px;overflow:hidden}
.artilce-page .art-title,.artilce-page .art-view,.artilce-page .summary{padding:0 10px;color:#222;display:block}
.artilce-page .summary{word-break:break-all;max-height:43px;overflow:hidden;margin:6px 0;font-size:13px;line-height:20px;font-weight:lighter;text-align:justify}
.artilce-page .pd-tabs-container .pd-tabs a{font-weight:500;color:#222;-webkit-transition:unset!important;-o-transition:unset!important;transition:unset!important;display:block;padding:5px 20px;border-radius:5px}
.artilce-page .pd-tabs-container .pd-tabs ul{text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.artilce-page .pd-tabs-container .pd-tabs li{position:relative;margin-right:5px;padding-right:5px}
.artilce-page .pd-tabs-container .pd-tabs li:hover a,.pd-tabs-container .pd-tabs li .active{color:#fff;background:-o-linear-gradient(.03deg,#0181bf .04%,#00689b 97.86%);background:-o-linear-gradient(.03deg,#0181bf .04%,#00689b 97.86%);background:-o-linear-gradient(.03deg,#0181bf .04%,#00689b 97.86%);background:-o-linear-gradient(.03deg,#0181bf .04%,#00689b 97.86%);background:linear-gradient(89.97deg,#0181bf .04%,#00689b 97.86%)}
.artilce-page .pd-tabs-container .pd-tabs li::after{content:"";width:1px;height:20px;background:#ccc;position:absolute;right:-1px;top:5px}
.artilce-page .pd-tabs-container .pd-tabs li:last-child::after{content:none}
.contact-page .contact-form-group{line-height:40px}
.contact-page .contact-form-group .form-control{line-height:19px;width:100%;border:1px solid #ced4da;border-radius:5px;margin:8px 0;padding:10px}
.contact-page .contact-form-group .col-form-label{margin:8px 0}
.contact-page .btn-primary{background:var(--color-primary);border:2px solid var(--color-primary);color:#fff;font-weight:700}
.contact-page .btn-primary:hover{opacity:.8;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.3);box-shadow:0 1px 6px rgba(0,0,0,.3)}
.contact-page .alert-text{margin:0 8px}
.customer-page .page-title::after{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.customer-page .customer-content-group{max-width:600px;margin:20px auto 48px;background:#fff;padding:20px}
.customer-page .customer-content-title{text-align:center;font-size:18px;font-weight:600}
.customer-page .customer-content-title a{color:#222}
.customer-page .customer-content-title a:first-child{margin-right:16px}
.customer-page .customer-content-title a.current,.customer-page .customer-content-title a:hover{color:var(--color-primary);border-bottom:1px solid var(--color-primary)}
.customer-page .customer-form .item{margin-top:20px}
.customer-page .customer-form .item input{display:block;width:100%;border:1px solid #d7d7d7;padding:10px;height:40px;margin-top:5px;font-size:16px}
.customer-page .customer-form .item span{color:#d91605}
.customer-page .customer-form .item p{font-size:14px;font-weight:400}
.customer-page .btn-customer{display:inline-block;height:40px;line-height:40px;font-weight:700;background:var(--color-primary);color:#fff;padding:0 16px}
.customer-page .btn-customer:hover{background:var(--blue);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3)}
.customer-page .password-input{position:relative}
.customer-page .show-pass{position:absolute;top:13px;right:10px}
.customer-page .forgot-password{display:block;text-align:right;color:#208ce8;margin:8px 0 0;font-size:14px}
.customer-page .forgot-password-content{max-width:800px;padding-top:50px;margin:0 auto}
.customer-page .forgot-password-content h2{font-size:24px;font-weight:600;margin-bottom:8px}
.customer-page .forgot-password-content p{font-size:15px;margin-bottom:20px}
.customer-page .forgot-password-content table{width:100%}
.customer-page .forgot-password-content input{width:100%;padding:8px;font-size:18px;border-radius:5px;outline:0;border:1px solid var(--color-primary)}
.customer-page .forgot-password-content td:first-child{font-size:15px;line-height:40px;vertical-align:baseline}
.customer-page .btn-forgot-password{display:block;width:50%;margin:30px auto}
.account-page .account{padding:30px 0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;font-size:16px}
.account-page .account .col-left{border-right:1px solid #f5f5f5}
.account-page .account .left-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 60px 20px 0;width:220px}
.account-page .account .left-title span{font-size:16px;font-weight:400}
.account-page .account .left-title p{font-size:18px;margin-top:4px}
.account-page .account .title-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}
.account-page .account .title-list a{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 14px}
.account-page .account .title-list a:hover{background-color:#f5f5f5}
.account-page .account .col-right{padding:10px;-webkit-box-flex:1;-ms-flex:1;flex:1}
.account-page .account .col-right h2{font-size:22px;font-weight:600;margin-bottom:16px}
.account-page .info-page table{max-width:520px;width:100%}
.account-page .account .col-right .form-input{width:100%;padding-left:13px;border-radius:5px;border:1px solid #e1e1e1;height:38px;margin-bottom:8px}
.account-page .btn-change{padding:10px 20px;border:none;background-color:#ee2d24;color:#fff;border-radius:5px;font-size:16px;cursor:pointer}
.account-page .order-page table{font-size:16px;width:100%}
.account-page .order-page td{padding:10px;border:1px solid #ccc}
.account-page .red-bold{color:#d91605;font-weight:600}
.account-page .send-cart-info{padding:20px 15px;margin-top:12px;background:#f2f2f2;font-weight:300}
.account-page .send-cart-info p{margin-bottom:16px;width:100%}
.account-page .send-cart-info b{font-weight:700;width:200px;display:inline-block}
.account-page .send-cart-info span{width:calc(100% - 200px)}
.account-page .send-cart-detail-product{margin-top:15px;-webkit-box-shadow:0 0 5px 0 rgb(0 0 0 / 20%);box-shadow:0 0 5px 0 rgb(0 0 0 / 20%);border:1px solid #dee2e6!important}
.account-page .send-cart-product-title{padding:20px 15px;font-size:18px;font-weight:600;text-transform:uppercase;border-bottom:1px solid #dee2e6}
.account-page .send-cart-product-info{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px;width:100%;border-bottom:1px solid #dee2e6}
.account-page .send-cart-item-left{width:82px;margin-right:8px;text-align:center}
.account-page .send-cart-item-left img{width:100%}
.account-page .send-cart-item-center a{font-size:14px;font-weight:600;color:#222;text-decoration:none}
.account-page .send-cart-item-center{max-width:1000px;-webkit-box-flex:1;-ms-flex:1;flex:1}
.account-page .send-cart-item-right{text-align:right;line-height:20px;margin-left:8px}
.account-page .new-price{font-size:18px;color:#d60000;font-weight:700}
.account-page .old-price{font-size:16px;color:#888;text-decoration:line-through}
.account-page .number-item{font-weight:700;font-size:12px}
.account-page .total-item{color:#d91605;font-size:16px;font-weight:700}
.account-page .send-cart-total{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:space-between;padding:15px}
.account-page .send-cart-total p:first-child{font-size:16px;font-weight:700}
.account-page .again-cart{display:block;text-decoration:none;padding:22px 0 60px;text-align:center;color:#d60000;font-weight:600;font-size:22px;text-transform:uppercase}
.brand-page .main-brand{background-color:#fff;padding:15px 0}
.brand-page .main-brand .title{font-size:20px;color:#111;font-weight:600;line-height:32px;text-transform:uppercase;display:inline-block;position:relative}
.brand-page .main-brand .title::after{content:'';position:absolute;border-bottom:2px solid #111;width:100%;bottom:-2px;left:0}
.brand-page .main-brand .featured-brand ul{padding:50px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.brand-page .main-brand .featured-brand ul li{-webkit-box-flex:0;-ms-flex:0 0 calc(100% / 8);flex:0 0 calc(100% / 8);max-width:calc(100% / 8)}
.brand-page .main-brand .brand-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.brand-page .main-brand .brand-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:0;flex-basis:0%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.brand-page .main-brand .brand-list ul li{-ms-flex-preferred-size:0;flex-basis:0%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.brand-page .main-brand .brand-list ul li a{display:inline-block;font-size:22px;margin:0 0 10px 0}
.brand-page .main-brand .brand-item{padding:25px 0}
.brand-page .main-brand .brand-item .smallTitle{border-bottom:1px solid #e1e1e1;display:block;font-size:22px;font-weight:700;padding:0 0 10px 0;border-bottom:1px solid #ececec;margin-bottom:20px}
.brand-page .main-brand .brand-item ul{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:15px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.brand-page .main-brand .brand-item ul li{max-width:calc(100% / 6 - 10px);width:100%;margin-right:10px;text-align:center}
.brand-page .main-brand .brand-item ul li img{max-width:150px;width:100%}
.zalo-chat-widget{bottom:82px!important;left:17px!important}
.global-fixed-container{display:none}
.global-fixed-group{position:fixed;top:50%;right:10px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;z-index:999}
.global-fixed-group.group-2{right:unset;left:24px;top:unset;-webkit-transform:unset;-ms-transform:unset;transform:unset;bottom:16px}
.hotline-phone-container{position:relative;height:60px}
.hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:70px;height:0;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s;left:-18px;bottom:28px;display:block}
.hotline-phone-ring-circle{width:85px;height:85px;top:10px;left:0;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #0181bf;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}
.hotline-phone-ring-circle-fill{width:55px;height:55px;top:26px;left:18px;position:absolute;background-color:#0181bf;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-img-circle{background-color:#0181bf;top:30px;left:22px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;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}
.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-ms-flexbox;display:flex}
.hotline-phone-bar{position:absolute;right:0;top:0;width:0;padding-left:0;color:#fff;background:-o-linear-gradient(left,#ff5c00 0,#ffa800 84.44%);background:-webkit-gradient(linear,left top,right top,color-stop(0,#ff5c00),color-stop(84.44%,#ffa800));background:linear-gradient(90deg,#ff5c00 0,#ffa800 84.44%);font-size:18px;line-height:51px;font-weight:600;border-radius:40px;overflow:hidden}
.hotline-phone-bar a:hover{color:#fff}
.hotline-phone-container:hover .hotline-phone-bar{width:200px;padding-right:38px}
.global-fixed-group-2{position:fixed;right:26px;bottom:100px;z-index:999}
.menu-social{-webkit-filter:url(#shadowed-goo);filter:url(#shadowed-goo);-webkit-box-sizing:border-box;box-sizing:border-box;font-size:20px;text-align:left;z-index:99999;position:fixed;bottom:386px;right:35px;left:auto}
.menu-social .menu-item,.menu-social .menu-open-button{border-radius:100%;width:50px;height:50px;margin-left:-40px;position:absolute;top:20px;color:#fff;text-align:center;line-height:50px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}
.menu-social .menu-open{display:none}
.menu-social .hamburger{position:absolute;left:50%;visibility:hidden;width:20px;height:2px;background:#fff;display:block;top:50%;margin-left:-9.5px;margin-top:-1px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;-o-transition:transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;transition:transform .2s,-webkit-transform .2s;transition:transform .2s,-webkit-transform .2s;transition:transform .2s,-webkit-transform .2s;transition:transform .2s,-webkit-transform .2s;transition:transform .2s,-webkit-transform .2s}
.menu-social .hamburger-1{-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}
.menu-social .hamburger-2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.menu-social .hamburger-3{-webkit-transform:translate3d(0,8px,0);transform:translate3d(0,8px,0)}
.menu-social .menu-open:checked+.menu-open-button .svg-social{visibility:hidden}
.menu-social .menu-open:checked+.menu-open-button .hamburger{visibility:visible}
.menu-social .menu-open:checked+.menu-open-button .hamburger-1{-webkit-transform:translate3d(0,0,0) rotate(45deg);transform:translate3d(0,0,0) rotate(45deg)}
.menu-social .menu-open:checked+.menu-open-button .hamburger-2{-webkit-transform:translate3d(0,0,0) scale(.1,1);transform:translate3d(0,0,0) scale(.1,1)}
.menu-social .menu-open:checked+.menu-open-button .hamburger-3{-webkit-transform:translate3d(0,0,0) rotate(-45deg);transform:translate3d(0,0,0) rotate(-45deg)}
.menu-social .menu-item:hover{background:#fff;color:#ff4081}
.menu-social .menu-open-button{-webkit-animation:pulse-zalo 2s infinite;animation:pulse-zalo 2s infinite;background:#f8bf2d;-webkit-box-shadow:0 1px 5px rgba(1,79,188,.5);box-shadow:0 1px 5px rgba(1,79,188,.5);z-index:2;-webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);-o-transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transform:scale(1.15,1.15) translate3d(0,0,0);transform:scale(1.15,1.15) translate3d(0,0,0);cursor:pointer}
.menu-social .menu-open-button:hover{-webkit-transform:scale(1.2,1.2) translate3d(0,0,0);transform:scale(1.2,1.2) translate3d(0,0,0)}
.menu-social .menu-open:checked+.menu-open-button{-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transform:scale(.8,.8) translate3d(0,0,0);transform:scale(.8,.8) translate3d(0,0,0)}
.menu-social .menu-open:checked~.menu-item{-webkit-transition-timing-function:cubic-bezier(0.935,0,0.34,1.33);-o-transition-timing-function:cubic-bezier(0.935,0,0.34,1.33);transition-timing-function:cubic-bezier(0.935,0,0.34,1.33)}
.menu-social .menu-item:nth-child(3){-webkit-transition-duration:70ms;-o-transition-duration:70ms;transition-duration:70ms;background:0 0}
.menu-social .menu-item:nth-child(4){-webkit-transition-duration:130ms;-o-transition-duration:130ms;transition-duration:130ms;background:0 0}
.menu-social .menu-item:nth-child(5){-webkit-transition-duration:190ms;-o-transition-duration:190ms;transition-duration:190ms;background:0 0}
.menu-social .menu-item:nth-child(6){-webkit-transition-duration:250ms;-o-transition-duration:250ms;transition-duration:250ms;background:0 0}
.menu-social .menu-open:checked~.menu-item:nth-child(3){-webkit-transition-duration:160ms;-o-transition-duration:160ms;transition-duration:160ms;-webkit-transform:translate3d(-60px,-60px,0);transform:translate3d(-60px,-60px,0)}
.menu-social .menu-open:checked~.menu-item:nth-child(4){-webkit-transition-duration:320ms;-o-transition-duration:320ms;transition-duration:320ms;-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}
.menu-social .menu-open:checked~.menu-item:nth-child(5){-webkit-transition-duration:480ms;-o-transition-duration:480ms;transition-duration:480ms;-webkit-transform:translate3d(-60px,60px,0);transform:translate3d(-60px,60px,0)}
.menu-social-tel{bottom:310px;z-index:99999}
.menu-social-tel .menu-open-button{background:#77b3d5;-webkit-animation:pulse-blue 2s infinite;animation:pulse-blue 2s infinite}
@-webkit-keyframes pulse-zalo{
  0%{-webkit-box-shadow:0 0 0 0 #f8bf2d;box-shadow:0 0 0 0 #005fe7}
  70%{-webkit-box-shadow:0 0 0 10px rgba(215,0,24,0);box-shadow:0 0 0 10px rgba(215,0,24,0)}
  to{-webkit-box-shadow:0 0 0 0 rgba(215,0,24,0);box-shadow:0 0 0 0 rgba(215,0,24,0)}
}
@keyframes pulse-zalo{
  0%{-webkit-box-shadow:0 0 0 0 #f8bf2d;box-shadow:0 0 0 0 #005fe7}
  70%{-webkit-box-shadow:0 0 0 10px rgba(215,0,24,0);box-shadow:0 0 0 10px rgba(215,0,24,0)}
  to{-webkit-box-shadow:0 0 0 0 rgba(215,0,24,0);box-shadow:0 0 0 0 rgba(215,0,24,0)}
}
@-webkit-keyframes pulse-blue{
  0%{-webkit-box-shadow:0 0 0 0 #288ad6;box-shadow:0 0 0 0 #288ad6}
  70%{-webkit-box-shadow:0 0 0 10px rgba(215,0,24,0);box-shadow:0 0 0 10px rgba(215,0,24,0)}
  to{-webkit-box-shadow:0 0 0 0 rgba(215,0,24,0);box-shadow:0 0 0 0 rgba(215,0,24,0)}
}
@keyframes pulse-blue{
  0%{-webkit-box-shadow:0 0 0 0 #288ad6;box-shadow:0 0 0 0 #288ad6}
  70%{-webkit-box-shadow:0 0 0 10px rgba(215,0,24,0);box-shadow:0 0 0 10px rgba(215,0,24,0)}
  to{-webkit-box-shadow:0 0 0 0 rgba(215,0,24,0);box-shadow:0 0 0 0 rgba(215,0,24,0)}
}
@-webkit-keyframes phonering-alo-circle-anim{
  0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:0.1}
  30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:0.5}
  100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:0.1}
}
@-webkit-keyframes phonering-alo-circle-fill-anim{
  0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}
  50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}
  100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}
}
@-webkit-keyframes phonering-alo-circle-img-anim{
  0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
  10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
  20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
  30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
  40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
  50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
  100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
.global-advise-btn{background:#017ab7;position:fixed;bottom:0;right:0;z-index:9996;color:#fff;text-align:center;font-weight:700;padding:11px 27px;text-transform:uppercase;font-size:14px;border-radius:5px 5px 0 0;cursor:pointer;-webkit-box-shadow:0 0 6px 1px rgba(0,0,0,.2);box-shadow:0 0 6px 1px rgba(0,0,0,.2)}
.global-popup-advise{display:none;position:fixed;inset:0;z-index:9999}
.global-popup-advise .bg-popup{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.4);cursor:pointer}
.global-popup-advise .popup-advise-content{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;max-width:600px;background:#fff;z-index:10000;border-radius:10px;padding:10px}
.global-popup-advise .popup-advise-content p{margin:0;text-align:center;text-transform:uppercase;color:#751722;margin-bottom:10px;font-weight:700;font-size:1.125em}
.global-popup-advise .popup-advise-content p:first-child{text-align:center;color:#fff;text-transform:uppercase;font-weight:700;line-height:22px;margin-bottom:9px;font-size:1.25em}
.global-popup-advise form{border-radius:10px;background:#017ab7;padding:14px}
.global-popup-advise .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#fff;margin-bottom:10px;border-radius:5px;overflow:hidden;border:1px solid transparent}
.global-popup-advise .icon-holder{width:40px;text-align:center;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;border-right:1px solid #e1e1e1}
.global-popup-advise .advise-holder,.global-popup-advise .input-holder{width:calc(100% - 41px)}
.global-popup-advise .item svg{width:16px;height:auto}
.global-popup-advise .input-holder input{display:block;width:100%;outline:0;padding:0 10px;border:0;margin:0;height:40px;font-size:16px}
.global-popup-advise .advise-holder{padding:3px 8px}
.global-popup-advise .advise-holder label{cursor:pointer;display:block;font-size:14px;margin:5px 0;font-weight:500}
.global-popup-advise .advise-error{background:#fff;color:red;font-weight:500;padding:0 10px;line-height:1.5}
.global-popup-advise .btn-submit{display:block;width:100%;margin-top:10px;font-weight:700;font-size:16px;text-transform:uppercase;height:40px;border-radius:5px;cursor:pointer;outline:0;background:#e7da54;color:#fff;border:0}
.global-popup-advise .advise-holder textarea{display:block;outline:0;width:100%;resize:none;padding:6px 10px;height:60px}
.global-popup-advise .btn-close-popup{position:absolute;top:-19px;right:-8px;width:26px;height:26px}

/*popup voucher*/
.global-popup-voucher-container{position:fixed;inset:0;z-index:999999;font-weight:500}
.global-popup-voucher-container .bg-popup{position:fixed;inset:0;background:rgba(0,0,0,.5);cursor:pointer;z-index:1}
.global-popup-voucher-container .popup-voucher-content{background: #2e2d81;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:100%;max-width:550px;border-radius:5px;padding:20px;color:#fff}
.global-popup-voucher-container .group-title{font-size:19px;text-align:center;text-transform:uppercase;font-weight:700;margin:0 0 10px}
.global-popup-voucher-container .group-summary{margin:10px 0}
.global-popup-voucher-container .input-text{display:block;width:100%;height:34px;border-radius:5px;border:1px solid #e1e1e1;background:#fff;margin:10px 0;padding:0 10px;outline:none}
.global-popup-voucher-container .voucher-list{margin:15px 0 10px}
.global-popup-voucher-container .voucher-list label{display:block;margin:7px 0;font-size:15px;font-weight:500;cursor:pointer}
.global-popup-voucher-container button[type="submit"]{display:block;text-align:center;width:100%;background:#fff;height:36px;border:0;border-radius:5px;cursor:pointer;margin:15px 0 0;color:#017ab7;font-weight:700;text-transform:uppercase}
.global-popup-voucher-container .btn-close-popup{position:absolute;top:-10px;right:-10px;cursor:pointer}
.global-popup-voucher-container .btn-close-popup::before{content:'\00D7';background:#fff;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:20px}

.cart-voucher-input {border-top: 1px solid #e1e1e1;padding: 10px;display: flex;flex-wrap: wrap;justify-content: space-between}
.cart-voucher-input input {width: calc(100% - 198px);height: 33px;padding: 0 10px;border-radius: 5px 0 0 5px;border: 1px solid #e1e1e1;outline: none}
.cart-voucher-input .button-check-discount {background: #e80e0e;font-weight: bold;color: #fff;text-transform: capitalize;padding: 0 10px;width: 80px;height: 32px;}
.cart-voucher-input .button-voucher-list {background: #017ab7;color: #fff;font-weight: bold;text-transform: capitalize;padding: 0 10px;border-radius: 0 5px 5px 0;height: 32px;width: 118px}
.cart-modal-voucher .bg-popup{cursor:pointer;position:fixed;inset:0;z-index:888;background:rgba(0,0,0,0.4)}
.cart-modal-voucher .modal-voucher-container{background:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;border-radius:10px;padding:15px;width:100%;max-width:850px}
.cart-modal-voucher .modal-header{display:flex;align-items:center;justify-content:space-between;text-transform:capitalize;line-height:20px;margin-bottom:15px}
.cart-modal-voucher .modal-header *{line-height:inherit!important;margin:0;padding:0;font-size:20px;font-weight:700}
.cart-modal-voucher .modal-voucher-input{background:#f5f5f5;padding:15px;margin:12px 0;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
.cart-modal-voucher .modal-voucher-input p{width:90px;margin:0 10px 0 0;font-weight:500}
.cart-modal-voucher .modal-voucher-input button{width:130px;text-transform:uppercase;background:#ee2d24;color:#Fff;border-radius:5px;height:36px;font-weight:700;cursor:pointer;border:0}
.cart-modal-voucher .modal-voucher-input .voucher-input{width:calc(100% - 240px);margin:0 10px 0 0;height:36px;border:1px solid #e1e1e1;border-radius:5px;padding:0 10px;outline:none}
.cart-modal-voucher .voucher-list{overflow:auto;max-height:320px}
.cart-modal-voucher .voucher-item{position:relative;margin:0 0 10px;display:flex;cursor:pointer}
.cart-modal-voucher .voucher-item.disabled{pointer-events:none}
.cart-modal-voucher .voucher-item.disabled .voucher-item-left{background:#ccc;opacity:.5}
.cart-modal-voucher .voucher-item.current .voucher-item-right{border-color:#ee2d24;background:linear-gradient(90deg,#ee2d24,#ef702c);color:#fff}
.cart-modal-voucher .voucher-item.current .voucher-item-right::before{border-color:inherit}
.cart-modal-voucher .voucher-item.current .voucher-item-right::after{content:"";position:absolute;right:16px;width:10px;height:10px;border-radius:10px;background:#ee2d24}
.cart-modal-voucher .voucher-item .voucher-item-left{padding:10px;text-align:center;width:160px;background:linear-gradient(90deg,#ef702c,#ee2d24);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#fff;overflow:hidden}
.cart-modal-voucher .voucher-item .voucher-item-left::before,.cart-modal-voucher .voucher-item .voucher-item-left::after{z-index:1;content:"";position:absolute;top:0;bottom:0;width:8px;background-repeat:repeat-y;background-size:100% 5px;background-image:repeating-radial-gradient(circle at 50% 4px,white 0 4px,transparent 2px 10px)}
.cart-modal-voucher .voucher-item .voucher-item-left::before{left:-5.5px}
.cart-modal-voucher .voucher-item .voucher-item-left::after{right:-5.5px}
.cart-modal-voucher .voucher-item .voucher-item-right{width:calc(100% - 160px);border:1px solid #ccc;border-left:0;display:flex;align-items:center;padding:10px 50px 10px 10px;position:relative;z-index:2;margin:0 0 0 -1px;flex-wrap:wrap}
.cart-modal-voucher .voucher-item .voucher-item-right::before{content:"";position:absolute;right:10px;background:#fff;border:2px solid #bfbfbf;width:22px;height:22px;border-radius:50%}
.cart-modal-voucher .voucher-item .voucher-code{display:block;font-weight:700;font-size:16px;padding:5px 0 0}
.cart-modal-voucher .voucher-item .voucher-message{font-style:italic;font-size:13px;color:#a1a1a1}
.cart-modal-voucher .voucher-item .voucher-discount{width:100%;font-weight:500}
.cart-modal-voucher .no-voucher{text-align:center;padding:20px;font-size:20px;font-weight:700;text-transform:capitalize}
.cart-modal-voucher .no-voucher-img{display:block;position:relative;padding-bottom:200px;background-size:contain;background-repeat:no-repeat;background-position:center}