:root {
    --black : #000;
    --c292929 : #292929;
    --ddd : #ddd;
    --eee : #eee;
    --e1e1e1 : #e1e1e1;
    --F5F5F5 : #F5F5F5;
    --c4cdd5 : #c4cdd5;
    --F999 : #999;
    --bevietnam : "Be Vietnam Pro", sans-serif;
    --fontawesome : 'Font Awesome 6 Pro';
    --color-red : #f3283d;
    --color-facebook : #3b5998;
    --color-youtube : #c4302b;
    --color-pinterest : #bd081c;
    --bg-gradient : linear-gradient(to right, var(--color-main), var(--color-main-end))
}
body {font-family: var(--bevietnam);font-size: 14px; line-height: 1.5; color: var(--dark); background: var(--white); width: 100%;overflow: hidden;height: 100%;margin-left: auto;margin-right: auto;}
a:hover{text-decoration: none;opacity: 1 !important;}
.main{overflow-x: hidden;overflow-y: auto;}
.fs-10{font-size: 10px}
.fs-12{font-size: 12px}
.fs-14{font-size: 14px}
.fs-16{font-size: 16px}
.fs-18{font-size: 18px}
.fs-20{font-size: 20px}
.fs-22{font-size: 22px}
.fs-24{font-size: 24px}
.fs-30-im{font-size: 30px !important;}
.w-line {-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
.w-one-line {-webkit-line-clamp: 1; } 
.w-three-line {-webkit-line-clamp: 3; }
.w-two-line {-webkit-line-clamp: 2;}
.w-four-line{-webkit-line-clamp: 4;max-height: 100px;}
.one-line{white-space: nowrap;}
.bg-main{background: var(--color-main) !important;}
.back-to-top {z-index: 101; cursor: pointer; color: var(--color-main); display: none;right: 1rem; bottom: 100px; border:1px solid var(--color-main);}
.back-to-top i{font-size: 19px;}
.content ul,.content ol,.short-content ul,.short-content ul{margin-bottom: 0;padding-left: 21px;}
.short-content p{margin-bottom: 0;}
.content img,.content iframe{max-width: 100% !important;height: auto !important;}
.content img{margin:1rem 0 ;border-radius: 5px;}
.content h2{font-size: 18px;}
.content h3{font-size: 16px;}
.f28-upper{font-size: 28px;text-transform: uppercase;}
.grecaptcha-badge{ bottom: 8rem !important;z-index: 90;}
body.loaded{overflow-x:hidden;overflow-y:auto;height: auto;}
.padding-2-5{padding: 0px 2.5px !important;}
.row-2-5 {margin: 0px -2.5px !important;}
.row-full-width{margin-right: auto !important;margin-left: auto !important;}
.w-20,.col-md-20{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
.cursor-copy{cursor: copy;}
/* pagination */
.pagination{display: inline-block;margin: 0 -2px;}
.pagination>li{color: var(--black);font-size: 12px;background: var(--eee);min-width: 30px;line-height: 30px;text-align: center;float: left;margin: 0 2px;border: 1px solid #ddd;border-radius: 3px;transition: all 0.2s ease-in-out;}
.pagination>li:hover{color:var(--white);background:var(--black);border-color:var(--black);opacity:0.8}
.pagination>li>a{color:inherit;display: block;padding: 0 0.5rem;transition: none;}
.pagination>li>.prev,.pagination>li>.next,.pagination>li>.jump{font-size:1rem;}
.pagination>.current{color:var(--white);background:var(--black);border-color:var(--black);}
.pagination>.current:hover{opacity:1;}
.pagination--custom>li{color: var(--white);background: var(--black);border-color: var(--black);}
.pagination--custom>.current{color: var(---black);font-size: 12px;background: var(--eee);min-width: 30px;line-height: 30px;text-align: center;float: left;margin: 0 2px;border: 1px solid #ddd;border-radius: 3px;transition: all 0.2s ease-in-out;}
/* home */
.container-fluid{padding-right: 75px;padding-left: 75px;}
.header .d-header{display: flex;-ms-flex-align: center!important;align-items: center !important;justify-content: space-between;padding: .75rem 0;}
form.search-form{background: var(--c292929);display: block;border-radius: 4px;border: 1px solid var(--c292929);height: 43px;position: relative;}
form.search-form input{font-size: 12px;height: 41px;color: var(--c292929);border: none;background: var(--color-main-light);padding: 0 10px;outline: none;width: 370px;max-width: 100%;}
form.search-form button{border: none;background: transparent;padding: 0 1rem;color: var(--light);}
form.search-form input::placeholder {color: var(--c292929);}
form.search-form .search-result{background: var(--white);box-shadow: 0 0 0px 1px rgb(0 0 0);position: absolute;width: 100%;z-index: 1000;}
form.search-form .search-result ul{list-style: none;padding-left: 0;margin-bottom: 0;}
form.search-form .search-result ul li{border-bottom: 1px solid var(--c4cdd5);}
form.search-form .search-result ul li a{display: flex;color: var(--c292929);padding: 8px;}
form.search-form .search-result ul li a .item_detail{margin-left: 10px;margin-right: 10px;padding: 1rem 0;width: 100%;}
form.search-form .search-result ul li a .item_image{-ms-flex: 0 0 80px;flex: 0 0 80px;max-width: 80px;height: 80px;overflow: hidden;}
form.search-form .search-result ul li a .item_image img{height: 80px;width:80px;overflow: hidden;}
form.search-form .search-result ul li a .item_detail .item_title{font-size: 12px;margin-bottom: 4px;}
form.search-form .search-result ul li a .item_detail .item_price ins{text-decoration: unset;color: var(--red);}
form.search-form .search-result ul li a .item_detail .item_price span{text-decoration: line-through;font-size: 11px;color: var(--F999);margin-left: 9px;}
form.search-form .search-result h3{font-size: 12px;padding: 7px 10px;margin-bottom: 0;background: var(--e1e1e1);}
form.search-form .search-result .search-result-view-all{padding: 7px 10px;background: var(--e1e1e1);font-size: 12px;text-align: center;}
form.search-form .search-result .search-result-view-all a{color: var(--c292929);text-decoration: underline;}
form.search-form .search-result-fixed{display:none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 990;}
form.search-form .search-result-fixed.active{display: block;}
.header .d-header-r{display: flex;-ms-flex-align: center!important;align-items: center !important;justify-content: space-between;width: 75%;}
.cart{position: relative;padding: .75rem 1rem;}
.cart a {color: var(--black);}
.cart a i.fa-bag-shopping{font-size: 2.3rem;}
.cart .cart__a{display: flex;}
.cart .cart__a .cart--l .cart-total{position: absolute;width: 26px;height: 26px;text-align: center;line-height: 26px;display: inline-block;background-color: var(--color-main-light);border-radius: 50%;font-size: 12px;font-weight: 400;top: -7px;right: -14px;}
.cart .cart__a .cart--l{position: relative;}
.cart .cart__a .cart--r{margin-left: 22px;}
.cart .cart__a .cart--r .cr__f11{font-size: 11px;}
.cart .cart-list-product{display: none;position: absolute;top: 100%;box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4);width: 370px;right: 16px;padding: .75rem;overflow-x: hidden;overflow-y: auto;max-height: 50vh;z-index: 90;background: var(--white);}
.cart:hover .cart-list-product{display: block;}
.d-header .hotline{color: var(--black);background: #ffd700;border-radius: 35rem;padding: 8px 32px;}
.d-header .hotline .hotline-subtitle{font-size: 11px;}
.d-header .hotline .hotline-num{font-size: 18px;font-weight: 700;}
.cart-list-product .block-subtitle{color: #333;overflow: hidden;padding: 15px;margin-bottom: .75rem;font-size: 13px;background: #f5f5f5;text-transform: none;font-weight: 600;text-align: center;}
.cart-list-product .cart-list-item{list-style: none;margin-bottom: 0;padding-left: 0;}
.cart-list-product .cart-list-item li{display: flex;padding-bottom: .75rem;margin-bottom: .75rem;border-bottom: 1px solid var(--F5F5F5);}
.cart-list-product .cart-list-item li:last-child{border-bottom: none;}
.cart-list-product .cart-list-item li .clp-item-image{margin-right: 8px;}
.cart-list-product .cart-list-item li .clp-item-image img{width: 80px;}
.cart-list-product .cart-list-item li .clp-item-info{font-size: 13px;max-height: 80px;overflow: hidden;}
.cart-list-product .cart-list-item li .clp-item-info .clp-item-title{line-height: 1.2rem;}
.cart-list-product .cart-list-item li .clp-item-info .clp-item-price,.cart-list-product .cart-list-total .clp-all-price{color: var(--color-red);}
.cart-list-product .cart-list-item li .clp-item-btn button{background: transparent;border: none;padding: 0;font-size: .75rem;text-align: center;color: var(--gray);}
.cart-list-product .cart-list-total{display: flex;justify-content: space-between;border-top: 1px solid var(--F5F5F5);border-bottom: 1px solid var(--F5F5F5);padding: .5rem 0 .3rem;}
.cart-btn{display: flex;justify-content: end;padding-top: 1rem;padding-bottom: .4rem;}
.cart-btn .cart-btn__cart a,.cart-btn .cart-btn__checkout a{background: var(--c292929);color: var(--light);font-size: 13px;padding: 8px 14px;border-radius: 0;transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;}
.cart-btn .cart-btn__cart a span,.cart-btn .cart-btn__checkout a span{margin-left: 5px;}
.cart-btn .cart-btn__cart a:hover,.cart-btn .cart-btn__checkout a:hover{background: var(--color-main);}
.mega-menu{background: var(--bg-gradient);}
.mega-menu .mm-block{display: flex;justify-content: space-between;-ms-flex-align: center!important;align-items: center !important;padding: 5px 0;position: relative;}
.mega-menu ul.mm-list{display: flex;list-style: none;padding-left: 0;margin-bottom: 0;justify-content: space-between;}
.mega-menu a{color: var(--black);display: block;}
.mega-menu ul.mm-list .mm-item{text-align: center;color: var(--white);position: relative;}
.mega-menu .mmenu__r{min-width: 200px;justify-content: end;padding-left: 2rem;font-size: 2rem;-ms-flex-align: center!important;align-items: center !important;}
.mega-menu .mmenu__l{width: 100%;}
.mega-menu .mmenu__r i.fa-facebook{color: var(--color-facebook);}
.mega-menu .mmenu__r i.fa-square-youtube{color: var(--color-youtube);}
.mega-menu .mmenu__r li a{margin: 0 5px;}
.mega-menu .mmenu__r .mmenu__r_tiktok{width: 32px;height: 32px;display: block;background: var(--black);border-radius: 50%;}
.mega-menu .mmenu__r .mmenu__r_tiktok i{display: block;padding-top: 5px;font-size: 20px;line-height: 20px;text-align: center;}
.mega-menu .mm-item .mm-list-a0{padding: 5px 10px;transition: all 0.5s;}
.mega-menu .mm-item .mm-list-a0:hover,
.mega-menu .mm-item .mm-list-a0.active,
.mega-menu .mm-item:hover .mm-list-a0{background: var(--white);color: var(--black);box-shadow: 0 0 2px 4px rgba(0, 0, 0, 0.4);cursor: pointer;}
.mega-menu .mm-item .mm-list-ul1,
.mega-menu .mm-list-ul2, .mega-menu .mm-list-ul3{display: none;}
.mega-menu .mm-item:hover .mm-list-ul1,
.mega-menu .mm-list-li1:hover .mm-list-ul2,
.mega-menu .mm-list-li2:hover .mm-list-ul3{display: block;left: 0;top: 100%;background: var(--white);z-index: 80;padding-left: 0;margin-bottom: 0;box-shadow: 0 0 2px 4px rgba(0, 0, 0, 0.3);min-width: 200px;list-style: none;position: absolute;}
.mega-menu .mm-item:hover .mm-list-ul1 .mm-list-a1,
.mega-menu .mm-list-li1 .mm-list-ul2 a.mm-list-a2{line-height: 18px;padding: 16px 8px;color: var(--black);text-align: left;transition: all 0.5s;display: flex;justify-content: space-between;-ms-flex-align: center!important;align-items: center !important;white-space: nowrap;}
.mega-menu .mm-list-ul1 .mm-list-a1:hover,
.mega-menu .mm-list-ul2 .mm-list-a2:hover,
.mega-menu .mm-list-li1:hover .mm-list-a1{background: var(--bg-gradient);color: var(--white) !important;box-shadow: 0 0 2px 4px rgba(0, 0, 0, 0.3);}
.mega-menu .mm-list-li1,.mega-menu .mm-list-li2{position: relative;}
.mega-menu .mm-list-li1:hover .mm-list-ul2,.mega-menu .mm-list-li2:hover .mm-list-ul3{top: 0 !important;left: 100% !important;}
.mega-menu.menu-short{position: fixed;left: 0;top: 0;z-index: 99;width: 100%;}
.mega-menu.menu-short .mm-item--image,.mega-menu.menu-short .mmenu__r{display: none;}
.mega-menu .mm-item--image{margin-bottom: 5px;}
.mega-menu.menu-short .mmenu__l{width: 100%;}
.mega-menu.menu-short .mm-item .mm-list-a0{line-height: 18px;padding: 16px 8px;}
.mega-menu ul.mm-list .mm-item:last-child:hover .mm-list-ul1{left: unset !important;right: 0;}
.mega-menu ul.mm-list .mm-item:last-child .mm-list-li1 .mm-list-a1{    -ms-flex-direction: row-reverse!important;flex-direction: row-reverse !important;}
.mega-menu ul.mm-list .mm-item:last-child .mm-list-li1 .mm-list-a1 i.fa-angle-right{-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.mega-menu ul.mm-list .mm-item:last-child .mm-list-li1 .mm-list-ul2{left: unset !important;right: 100%;}
.mega-menu .mm-mega-ul1{display: none;width: 100%;position: absolute;left: 0;z-index: 100;background: var(--white);padding: 30px;box-shadow: 0 0 2px 4px rgba(0, 0, 0, 0.4);text-align: left;}
.mega-menu .mm-item:hover .mm-mega-ul1{display: block;}
.mega-menu .mm-mega-ul1 h3{font-size: 1rem;text-transform: uppercase;font-weight: 700;}
.mega-menu .mm-mega-ul1 h3 a{color: var(--color-youtube);}
.mega-menu .mm-mega-ul1 ul{list-style: none;padding-left: 0;}
.mega-menu .mm-mega-ul1 a{transition: 0.3s all;line-height: 2;}
.mega-menu .mm-mega-ul1 a:hover{padding-left: 5px;color: var(--color-youtube);}
i.icon_zalo{background: url(../img/icon_zalo.webp) no-repeat center center;width:32px;height:32px;display: block;background-size: contain;}
.slideshows{z-index: 60;}
.slideshows,.slide-home{position: relative;}
.slideshows .slick-arrow{position: absolute;z-index: 2;top: 50%;transform: translateY(-50%);font-size: 1.5rem;color: var(--black);opacity: 1;cursor: pointer;opacity: 0;visibility: hidden;background: var(--white);width: 48px;text-align: center;border-radius: 50%;height: 48px;line-height: 48px;box-shadow: 0px 0px 2px rgb(0 0 0 / 26%);}
.slideshows .slick-arrow.arrow-left{left: 1rem;} 
.slideshows .slick-arrow.arrow-right{right: calc(1rem + 15px);} 
.slideshows:hover .slick-arrow,.slide-home:hover .slick-arrow{opacity: 1;visibility: visible;}
.slideshows .slick-dots{ display: flex;list-style: none;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);padding-left: 0;}
.slideshows .slick-dots li button {background: var(--gray);border: 0;border-radius: 50%;font-size: 0px;width: 8px;height: 8px;display: block;line-height: 6px;color: var(--black);overflow: hidden;padding: 0;margin: 5px 8px;box-shadow: 1px 1px 1px rgb(0 0 0 / 35%)}
.slideshows .slick-dots li.slick-active button{background: var(--black);}
.policy{margin: 3rem 0;}
.policy .p-slogant{text-align: center;margin: 0 2rem;}
.policy .p-slogant h1{color: var(--black);font-size: 2rem;text-transform: uppercase;}
.policy .p-slogant p{margin-bottom: 0;font-size: 1.2rem;text-transform: capitalize;}
.pvslogant{display: flex;justify-content: center;margin-bottom: 2rem;}
.pvslogant .pvslogant__l{overflow: hidden;}
.pvslogant .pvslogant__r{-webkit-transform: scaleX(-1);transform: scaleX(-1);overflow: hidden;}
.img-mx{max-height: 100%;}
.policy-item{display: flex;margin: 8px 0;-ms-flex-align: center!important;align-items: center !important;}
.policy-item img{height: 80px;}
.policy-item .policy-item-des{padding: 10px 5px;}
.policy-item .policy-item-des h3{margin-bottom: 6px;text-transform: uppercase;font-size: 17px;font-weight: 700;}
.policy-item .policy-item-des p{margin-bottom: 0;}
.bs-all{box-shadow: 0px 0px 1px 0px #666;}
.bs-all .col-6{box-shadow: 1px 0px 0px 0px #e9e9e9;}
.bs-all .col-6:last-child{box-shadow: none;}
.nav-product-tabs{border-bottom: 1px solid var(--c4cdd5);}
.nav-product-tabs h3{font-size: 1rem;margin-bottom: 0;}
.nav-product-tabs li a{padding: 10px 20px;display: block;color: var(--black);margin-right: 5px;}
.nav-product-tabs li a.active,.nav-product-tabs li:hover a{background: var(--color-main);color: var(--light);}
.nav-product-response{margin: 1.5rem 0;}
.product-item{position: relative;margin-bottom: 20px;overflow: hidden;background: #fff;box-shadow: 0px 3px 3px 3px #ededed;border-radius: 10px;}
.product-item .product-item-image{position: relative;transition: all 0.3s ease 0s;}
.product-item .product-item-image img{width: 100%;}
.product-item .product-item-image .ptm-1,.product-item .product-item-image:hover .ptm-0{display: none;}
.product-item .product-item-image:hover .ptm-1,
.product-item .product-item-image a{display: block;}
.product-item .product-item-image .ptm-branch{opacity: 0;visibility: hidden;list-style: none;padding-left: 0;margin-bottom: 0;display: flex;position: absolute;top: 14px;left: 14px;font-size: 11px;z-index: 9;}
.product-item:hover .ptm-branch{opacity: 1;visibility: visible;}
.product-item .product-item-image .ptm-branch a{color: var(--black);}
.product-item .product-item-image .ptm-branch li.active{background: var(--color-red);}
.product-item .product-item-image .ptm-branch li.active a{background: var(--color-red);color: var(--light);}
.product-item .product-item-image .ptm-branch li{background: var(--e1e1e1);padding: 4px 6px;border-radius: 3px;margin-right: .5rem;}
.product-item .product-item-image .ptm-saleoff{position: absolute;top: 14px;right: 14px;font-size: 10px;background: var(--blue);color: var(--light);padding: 4px 6px;border-radius: 3px;z-index: 9;}
.product-item .product-item-info{margin: 1rem 0;text-align: center;line-height: 1.5rem;}
.product-item .product-item-info .pii-sku{font-weight: 700;}
.product-item .product-item-info .pii-price{display: flex;justify-content: center;}
.product-item .product-item-info .pii-price .pii-price-sale{font-size: 1rem;color: var(--color-red);font-weight: 700;}
.product-item .product-item-info .pii-price .pii-price-original{font-weight: 400;text-decoration: line-through;font-style: italic;font-size: 10px;margin-left: 5px;color: var(--F999);}
.product-item .product-item-info .pii-op{display: flex;list-style: none;padding-left: 0;justify-content: center;margin-bottom: 5px;color: var(--ddd);text-transform: uppercase;}
.product-item .product-item-info .pii-op li{margin: 0 2px;}
.product-item .product-item-info .pii-op li.active,.product-item .product-item-info a:hover{color: var(--black);}
.product-item .product-item-info a{color: var(--dark);height: 42px;display: inline-block;}
.product-item .product-item-info a h4{font-size: 14px;margin-bottom: 0;font-weight: 400;line-height: 1.5;padding: 0 14px;}
.nav-product-viewmore{text-align: center;margin: 3rem 0;}
.nav-product-viewmore button{background: var(--color-main2);color: var(--light);padding: .375rem 1.5rem;}
.nav-product-viewmore button i.fa-angles-down{font-size: .75em;}
.nav-product-viewmore button:hover{background: var(--color-main);color: var(--light);}
.collection{margin: 3rem 0;}
.collection h2{text-align: center;text-transform: uppercase;margin-bottom: 2rem;}
.collection .collection-item{margin: 5px;padding: 3px;background: var(--white);border-radius: 4px;}
.collection .collection-item img{max-width: calc(100vw / 4);}
.collection .collection-item h4{font-size: 1.5rem;text-align: center;margin-top: .5rem;text-transform: uppercase;background: var(--bg-gradient);color: var(--white) !important;box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);line-height: 2;}
footer{background: #292929;margin-top: 4rem;padding-top: 1.5rem;color: var(--light);font-weight: 300;}
footer .footer-bottom{background: #3a3a3a;font-size: 12px;padding: 8px 0;margin-top: 1rem;}
footer .footer-bottom a,.footer-li a{color: var(--light);}
footer .footer-bottom .fb-copyright{text-align: right;}
footer .footer-top h3{font-size: 1.2rem;text-transform: uppercase;margin-bottom: 1rem;}
.footer-logo{margin: 1rem 0px;}
.footer-logo img{max-width: 100%;}
.socal{margin: 1rem 0;}
.socal i{font-size: 15px;}
.socal a{margin-right: 8px;display: block; width: 32px;height: 32px;border-radius: 50%;text-align: center;line-height: 32px;color: var(--white);}
.socal-facebook a{background: var(--color-facebook);}
.socal-youtube a{background: var(--color-youtube);}
.socal-tiktok a{background: var(--black);}
.socal-pinterest a{background: var(--color-pinterest);}
.footer-li{list-style: none;padding-left: 0;margin-bottom: 0;}
.footer-li li a{margin: 10px 0;display: block;}
.footer-li li a:hover{font-weight: 700;}
.footer-contact p{margin-bottom: 0;}
.footer-contact{line-height: 1.8rem;}
.footer-bar-left{position: fixed;bottom: 1rem;left: 15px;z-index: 105;}
.footer-bar-left ul li a{height: 45px;width: 45px;display: block;border-radius: 50%;line-height: 45px;text-align: center;    margin-bottom: 8px;}
.footer-bar-left ul li a i.fa-solid{    font-size: 1.5rem;color: var(--light);display: block;width: 45px;height: 45px;text-align: center;line-height: 45px;}
.footer-bar-left .f-sort{transition: all .2s;}
.footer-bar-left.active .f-sort{opacity: 0;visibility: hidden;position: absolute;bottom: 1rem;z-index: -1;}
.f-hotline{background: var(--danger);}
.f-message{background: var(--color-main);}
.f-zalo{background: var(--blue);}
.f-messenger{background: var(--gray);}
.f-maps{background: var(--info);}
.f-slides{background: var(--dark);}
i.ticon-messenger {background: url(../img/messenger.png) no-repeat;background-size: contain;width: 36px;height: 36px;display: inline-block;}
i.ticon-zalo-circle2 {background: url(../img/zalo.png) no-repeat;background-size: contain;width: 36px;height: 36px;display: inline-block;}
.footer-bar ul{list-style: none;padding-left: 0;text-align: center;}
.footer-bar .btn_fix_hotline{    width: 55px;height: 55px;line-height: 55px;text-align: center;font-size: 30px;background: var(--danger);border-radius: 50%;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);transition: all 0.5s ease;display: block;color: var(--white);}
.footer-bar ul i{font-size: 20px;}
.footer-bar{position: fixed;right: 20px;bottom: 20px;z-index: 105;}
.footer-bar button{border: 0;padding: 4px 13px;background: transparent;color: var(--color-main);}
.footer-bar li:hover button{background: var(--color-main);color: var(--white);}
#main{min-height: 33vh;}
.breadcrumb_nav a{color: var(--dark);}
.breadcrumb{border-bottom: 1px solid var(--e1e1e1);border-radius: unset;}
/* cat */
.main-collection .cat--slidebar,.main-collection .cat-section{position: relative;width: 100%;padding-right: 15px;padding-left: 15px;}
.main-collection .cat--slidebar{-ms-flex: 0 0 15%;flex: 0 0 15%;max-width: 15%;}
.main-collection .cat-section{-ms-flex: 0 0 85%;flex: 0 0 85%;max-width: 85%;}
.cslidebar__block, .cslidebar__block .cslidebar__subtitle{margin-bottom: 1rem;}
.cslidebar__block .cslidebar__subtitle h3{font-size: 1.2rem;text-transform: uppercase;background: var(--bg-gradient);text-align: center;padding: 8px 0;line-height: 1.5;border-radius: 4px;font-weight: 700;}
.cslidebar__block .cslidebar__ctn li a{display: block;border: 1px solid var(--black);min-width: 26px;height: 26px;text-align: center;line-height: 26px;color: var(--black);margin-right: 8px;margin-bottom: 8px;background: var(--white);white-space: nowrap;padding: 0 5px;font-size: 12px;}
.cslidebar__block .cslidebar__ctn li:hover a,.cslidebar__block .cslidebar__ctn li.active a{background: var(--bg-gradient);}
.cat-section .cats__counting{font-size: 1.5rem;text-transform: uppercase;}
.cats__sortPagiBar{display: flex;justify-content: space-between;-ms-flex-align: center!important;align-items: center !important;margin: 2rem 0;}
.cats__sortPagiBar .title_page h1{font-size: 1.5rem;text-transform: uppercase;margin-bottom: 0;line-height: 2;}
.cats__sortPagiBar .sortPage{display: flex;-ms-flex-align: center!important;align-items: center !important;}
.cats__sortPagiBar .sortPage .ul1{border: 1px solid var(--ddd);border-radius: 4px;margin-bottom: 0;min-width: 200px;cursor: pointer;position: relative;}
.cats__sortPagiBar .sortPage .ul1::before{content:'\f107';font-family: var(--fontawesome);position: absolute;right: .45rem;font-size: 13px;top: 50%;transform: translateY(-50%);}
.cats__sortPagiBar .sortPage .ul1 .ul2{display: none;margin-bottom: 0;}
.cats__sortPagiBar .sortPage label{margin-right: 10px;margin-bottom: 0;}
.cats__sortPagiBar .sortPage .ul1 li{position: relative;padding: .45rem .75rem;}
.cats__sortPagiBar .sortPage .ul1 li:hover .ul2{display: block;position: absolute;top:100%;right:0;min-width: 200px;background: var(--white);z-index: 99;}
.cats__sortPagiBar .sortPage .ul2 li{border: 1px solid var(--ddd);border-bottom: none;transition: right 0.5s;    padding: 0;}
.cats__sortPagiBar .sortPage .ul2 li button{display: block;width: 100%;padding: .45rem .75rem;text-align: left;}
.cats__sortPagiBar .sortPage .ul2 li:last-child{border-bottom:1px solid var(--ddd);}
.cats__sortPagiBar .sortPage a{color: var(--dark);}
.cats__sortPagiBar .sortPage .ul2 li:hover,.cats__sortPagiBar .sortPage .ul2 li.active{background: var(--bg-gradient);box-shadow: 0 0 2px 4px rgba(0, 0, 0, 0.3);}
.cats__sortPagiBar .sortPage .ul2 li:hover a{color: var(--white) !important;}
.cats__product_list{margin: 2rem 0;}
.heading_title{font-size: 1.5rem;text-transform: uppercase;padding-bottom: 1rem;}
/* product */
.ps-product--gallery .ps-product__thumbnail {position: relative;overflow: hidden;}
.ps-product--gallery .ps-product__thumbnail .arrow-left,.item-room-slide .arrow-left{left: 0}
.ps-product--gallery .ps-product__thumbnail .arrow-right,.item-room-slide .arrow-right{right: 0;}
.ps-product--gallery .ps-product__thumbnail .slick-arrow,.item-room-slide .slick-arrow{ top: 50%;margin-top: -50px;visibility: hidden;opacity: 0;transition: all 0.5s;}
.ps-product--gallery {position: relative;}
.ps-product--gallery:hover .slick-arrow,.ps-product--gallery:hover .tooltip-click{visibility: visible;opacity: 1;}
.ps-product--gallery .ps-product__thumbnail {display: none;}
.ps-product--gallery .ps-gallery--image {display: none;padding: 0 ;}
.ps-product--gallery.has-video .ps-gallery--image{margin-left: 80px;}
.ps-product--gallery.has-video .arrow-left{left: 0px;}
.ps-product--gallery .ps-gallery--video{position: absolute;bottom: 0;left: 25px;z-index: 9;display: none;}
.ps-product--gallery .ps-gallery--video img{width: 80px;padding: 6px;}
.ps-product--gallery .ps-gallery--video a{    display: block;border-color: var(--color-main-yellow-bold);background: var(--white);}
.ps-product--gallery.has-video .ps-gallery--video{display: block;}
.ps-product--gallery .ps-gallery--image .ps-gallery__item {border-radius: 4px;border: 1px solid #f0f2f5;margin: 12px 6px 0;padding: 4px;}
.ps-product--gallery .ps-gallery--image .ps-gallery__item:hover,.ps-product--gallery .ps-gallery--image .slick-current .ps-gallery__item  {border-color: var(--color-main);cursor: pointer;}
.ps-product--gallery .ps-product__video {top: 10px;right: 10px;bottom: auto;border: none;display: flex;justify-content: center;align-items: center;padding: 0;width: 40px;height: 40px;background-color: #fff;border-radius: 50%;}
.ps-product--gallery .ps-product__video a {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;color: #9babcd;}
.ps-product--gallery .ps-product__video a i {line-height: 1em;font-size: 16px;padding-left: 5px;}
.ps-product--gallery img{width: 100%;}
.ps-product--gallery .slick-arrow,.div-newspapers .slick-arrow{position: absolute;bottom: 4px;z-index: 99;border: 0;background: transparent;font-size: 2rem;padding: 6px 4px;color: var(--color-main-yellow-bold);}
.ps-product--gallery .arrow-left{ left: 0;}
.ps-product--gallery .arrow-right{ right: 0;}
.ps-product--gallery .slick-arrow i{background: rgb(51 51 51 / 52%);width: 45px;color: var(--light);text-align: center;height: 45px;line-height: 45px;border-radius: 50%;cursor: pointer;font-size: 1.5rem;}
.ps-product--gallery .slick-arrow i:hover{background: rgb(51 51 51)}
.ps-product--gallery .tooltip-click{position: absolute;top: 10px;font-size: 12px;left: 50%;transform: translateX(-50%);visibility: hidden;color: var(--F999);opacity: 0;cursor: pointer;background: rgb(0 0 0 / 55%);padding: 1px 12px;}
.qts_pi__op{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.qts_pi__op .swatch-element{margin-right: 8px;margin-bottom: 8px;}
.qts_pi__op .swatch-element.in-stock label{border: 1px solid var(--black);color: var(--black);}
.qts_pi__op .swatch-element.in-stock input:checked+label{border: 1px solid var(--color-main);color: var(--white);background: var(--color-main);}
.qts_pi__op .swatch-element input:checked+label{background: var(--c4cdd5);color: var(--F999);}
.qts_pi__op .swatch-element input{display: none;}
.qts_pi__op .swatch-element label{min-width: 35px !important;height: 35px !important;margin: 0;border: 1px solid var(--c4cdd5);background-color: var(--white);font-size: 16px;text-align: center;line-height: 35px;white-space: nowrap;text-transform: uppercase;cursor: pointer;font-weight: 400;color: var(--c4cdd5);padding: 0 14px;}
.p25135{padding: .25rem 1.35rem !important;}
.qts_product_info .input_number_product{border: none;display: flex;margin-bottom: 15px;align-items: center;}
.qts_product_info .input_number_product button{background: var(--f-button-bg);padding: 4px;width: 38px;border: 1px solid var(--c4cdd5);height: 38px;display: flex;align-items: center;justify-content: center;}
.qts_product_info .input_number_product button.button_qty_right{border-radius: 4px 0px 0px 4px;border-right: none !important;}
.qts_product_info .input_number_product button.button_qty_left{border-radius: 0px 4px 4px 0px;border-left: none !important;}
.qts_product_info .input_number_product input{width: 83px !important;text-align: center;border-radius: 0;height: 38px;}
.qts_product_info .input_number_product input:focus{outline: none !important;box-shadow: none;}
.qts_product_info .qts_btn_buy{display: flex;-ms-flex-align: center!important;align-items: center !important;}
.qts_product_info .qts_btn_buy label{line-height: 1.5;font-size: 15px;text-transform: uppercase;margin-right: 1rem;}
.qts_product_info .qts_btn_action .buy-now{padding: 12px 38px;border: 1px solid #e5ac00;background: var(--warning);border-radius: 0px;text-transform: uppercase;font-weight: 700;width: 100%;}
.qts_product_info .qts_btn_action .buy-now:disabled{    background: var(--ddd);border: none;}
.qts_product_info .qts_btn_guide{font-size: 11px;}
.qts_product_info .qts_pi__size{font-size: 1rem;text-transform: uppercase;}
.qts_product_info .qts_commit{border: 1px solid var(--black);display: inline-block;padding: 8px 20px;font-size: 1rem;border-radius: 35rem;text-transform: uppercase;font-weight: 700;margin-top: 10px;}
.qts_product_info .qts_price{display: flex;align-items: center;}
.qts_product_info .qts_price .qts_price_buy{font-size: 28px;color: #ff0000;font-weight: 500;white-space: nowrap;}
.qts_product_info .qts_price .qts_price_saleoff{margin-left: 10px;text-decoration: line-through;font-style: italic;color: var(--F999);}
.qts_product_info h1{font-size: 1.5rem;text-transform: uppercase;line-height: 1.5;margin-bottom: .75rem;}
.qts_hashtag{margin-top: 18px;}
.qts_hashtag li a::before{content:'\23';font-family: var(--fontawesome);padding-right: 5px;}
.qts_product section{padding-left: 15px;padding-right: 15px;overflow: hidden;}
.product-content-video {position: relative;overflow: hidden;margin: 1rem auto;display: flex;justify-content: center;}
.product-content-video div.viframe{position: relative;padding: 1rem;}
.product-content-video div.viframe::before,.product-content-video div.viframe::after{content: '';border: 2rem solid var(--warning);position: absolute;width: 110px;height: 110px;z-index: -1;background-color: var(--warning);}
.product-content-video div.viframe::before{left: 0;top: 0;}
.product-content-video div.viframe::after{bottom: 0;right: 0;}
.review_video{margin: 3rem 0px;}
.review_video h2{text-align: center;text-transform: uppercase;margin-bottom: 2rem;}
.qts_product_ctn{margin-top: 1rem;}
.qts_product_ctn #qts_product_tab{margin-bottom: 5px;}
.qts_product_ctn #qts_product_tab li{width:25%;}
.qts_product_ctn #qts_product_tab li button{width: calc(100% - 2px);margin-right: 2px;background: var(--F5F5F5);border: 1px solid var(--F999);color: var(--black);text-transform: uppercase;}
.qts_product_ctn #qts_product_tab li:last-child button{width: 100%;margin-right: 0;}
.qts_product_ctn #qts_product_tab li button.active,#qts_product_tab li button.active:hover{background: var(--bg-gradient) !important;border-color: var(--color-main);}
.qts_product_ctn #qts_product_tab li button:hover{background: var(--e1e1e1);}
.qts_product_ctn .tab-content{border: 1px solid var(--e1e1e1);padding: 1rem 1.25rem;background: var(--white);}
.qts_product_same,.qts_product_viewed{margin: 3rem 0;}
.qts_product_same h2,.qts_product_viewed h2{text-transform: uppercase;text-align: center;margin-bottom: 2rem;}
.heading-start{position: relative;display: inline-block;}
.heading-start::before,
.heading-start::after{content:'\f005';font-family: var(--fontawesome);font-size: 10px;top: 50%;position: absolute;transform: translateY(-50%);}
.heading-start::before{left: -1.5rem;}
.heading-start::after{right: -1.5rem;}
.qts-pro-search-subject{margin: 2rem 0;font-size: 1.2rem;}
.qts-pro-search-subject span{font-weight: 700;}
.slidebar-filter li{position: relative;background: var(--eee);border: 1px solid var(--c4cdd5);font-size: 12px;padding: 5px 8px;border-radius: 3px;margin-right: 1rem;margin-bottom: .75rem;}
.slidebar-filter li button{position: absolute;top: -9px;right: -9px;background: var(--danger);border: none;padding: 0;font-size: 10px;color: var(--white);z-index: 1;display: block;width: 18px;height: 18px;border-radius: 50%;}
.slidebar-filter button.btn-sm.btn-outline-danger{font-size: 12px;}
#op_pro_mau-sac li.active a{position: relative;}
#op_pro_mau-sac li.active a::before{content: '\f00c';font-family: var(--fontawesome);position: absolute;top: -6px;right: -5px;text-align: center;font-size: 8px;background: var(--danger);color: var(--light);width: 13px;height: 13px;display: block;padding: 0;margin: 0;line-height: 13px;border-radius: 50%;}
.position-unset{position:unset !important;}
.f14px{font-size: 14px;}
/* cart */
.cart-form h3{font-size: 1.2rem;text-transform: uppercase;}
.input_validate{position: relative;width: 100%;}
.input_validate.active input{border: 1px solid var(--success) !important;}
.input_validate.active i{opacity: 1;visibility: visible;}
.input_validate i{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);color: var(--success);opacity: 0;visibility: hidden;}
.thankyou{opacity: 0;visibility: hidden;transition: opacity 0.3s;}
.thankyou h4{font-size: 2rem;text-transform: uppercase;}
.thankyou.active{opacity:1;visibility:visible;font-size: 20px;text-align: center;line-height: 1.8;}
.bg-dee2e6{background: #dee2e6;}
.table-middle td{vertical-align:middle}
.fs-2r{font-size: 2rem;}
.btn-del{border: 1px solid var(--secondary);background: var(--secondary);color: var(--light);border-radius: 3px;font-size: .75rem;}
#cartFormFinish .file-border{ border: 1px dotted #333;padding: 15px;}
#cartFormFinish{margin-bottom: 2rem;}
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--single .select2-selection__arrow{height: calc(1.5em + .75rem + 2px);}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding-left: .75rem;line-height: calc(1.5em + .75rem + 2px);}
.input_validate.active .select2-container--default .select2-selection--single{border: 1px solid var(--green);}
/* mobile */
.qts-m-search,.qts-m-phone{margin-left: .5rem;margin-right: .5rem;}
.qts-m-search button,.qts-m-phone button{background: transparent;border: none;font-size: 2.3rem;padding: 0;}
.mega-menu-mobile ul{list-style: none;padding-left: 0;margin-bottom: 0;}
.mega-menu-mobile a{color: var(--black);line-height: 31px;}
.mega-menu-mobile .m3-li0 .m3-div{padding: 8px 10px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--c4cdd5);}
.mega-menu-mobile .m3-li0 button{background: transparent;border: none;font-size: 1.2rem;padding: 0 .5rem;}
.mega-menu-mobile .m3-ul1,.mega-menu-mobile .m3-ul2,.mega-menu-mobile .m3-ul3{display: none;}
.mega-menu-mobile .m3-li0.show .m3-ul1,.mega-menu-mobile .m3-li1.show .m3-ul2,.mega-menu-mobile .m3-li2.show .m3-ul3{display: block;}
.mega-menu-mobile .m3-a1{margin-left: 1.5rem;}
.mega-menu-mobile .m3-a2{margin-left: 3rem;}
.mega-menu-mobile .m3-a3{margin-left: 4.5rem;}
.mega-menu-mobile .m3-li0.show .m3-div0,
.mega-menu-mobile .m3-li1.show .m3-div1,
.mega-menu-mobile .m3-li2.show .m3-div2{background: var(--bg-gradient);}
.mega-menu-mobile .m3-li0.show .m3-a0,
.mega-menu-mobile .m3-li1.show .m3-a1,
.mega-menu-mobile .m3-li2.show .m3-a2{color: var(--white);}
/* dimcp */
body.cke_editable{overflow:unset !important;}
/* 11025 */
.popupOrderNoti{position: fixed;bottom: -105px;left: 80px;width: 370px;z-index: 105;transition: all 2s;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);padding: 10px 30px 10px 10px;border-radius: 3px;background: var(--white);opacity: 0;visibility: hidden;}
.popupOrderNoti .jpopupOrderNoti_Ctn{margin-left: .5rem;width: 100%;}
.popupOrderNoti .jpopupOrderNoti_Ctn .popupOrderNoti_title{font-size: .75rem;margin-bottom: 5px;color: var(--gray);}
.popupOrderNoti .jpopupOrderNoti_Ctn .popupOrderNoti_product{font-size: .75rem;margin-bottom: 0;}
.popupOrderNoti .jpopupOrderNoti_Ctn .popupOrderNoti_product a{color: var(--black);}
.popupOrderNoti .jpopupOrderNoti_Ctn .popupOrderNoti_timeago{font-size: .75rem;color: var(--F999);font-style: italic;}
.popupOrderNoti .popupOrderNoti_close{position: absolute;right: 0;top: 0;}
.popupOrderNoti.active{bottom: 50px;z-index: 105;opacity: 1;visibility: visible;}
@media  (max-width: 991.98px) {
    #debug-kit-toolbar,
    .grecaptcha-badge,
    .header .d-header form,
    .mega-menu,
    .d-header .hotline,
    .cart-list-product,
    .cart .cart__a .cart--r,
    .footer-bar-left,
    .footer-bar,
    .breadcrumb_nav,
    .sortPage,
    .qts_product .policy,
    .product-content-video div.viframe::before,
    .product-content-video div.viframe::after{display: none !important;}
    .mega-menu-mobile,
    .main-collection .cat--slidebar,
    .filter-bg-mobile{display: none;}
    .header{background: var(--color-main);}
    .d-header .logo a,body.show-nav .mega-menu-mobile{display: block;}
    body.show-filter{height: 100vh;overflow: hidden;}
    .d-header .logo img,.policy-item img{height: 61px;}
    .header .d-header-r{justify-content: end;}
    .qts-m-btn-bar{font-size: 46px;border: none;background: transparent;padding: 0;margin-left: 1rem;}
    .policy .p-slogant{margin: 0 8px;}
    .pvslogant .pvslogant__l img,.pvslogant .pvslogant__r img{width: 100%;}
    .policy .p-slogant h1{    font-size: 1.4rem;white-space: nowrap;}
    .policy .p-slogant p{font-size: 14px;}
    .policy-item .policy-item-des h3,
    .policy-item .policy-item-des p{font-size: 12px;}
    .policy-item .policy-item-des h3{line-height: 1.6;}
    .bs-all .col-6{box-shadow: 1px 1px 0px 0px #e9e9e9;}
    .nav-product-tabs li a{border-bottom: 1px solid var(--c4cdd5);background: var(--F5F5F5);margin-right: 0;}
    .nav-product-tabs{border-bottom: none;}
    .policy{margin: 3rem 0 2rem;}
    .nav-product-response .col-6{padding-left: 10px;padding-right: 10px;}
    .nav-product-viewmore{margin: 1rem 0;}
    .collection .collection-item img{max-width: 100% !important;}
    .fb-designby{text-align: center;margin-bottom: .5rem;}
    .footer-mobile{position: fixed;bottom: 0;width: 100%;background: var(--white);z-index: 999;padding: 5px;margin: 0;box-shadow: 0 4px 10px 0 #000;left: 0;}
    .footer-mobile ul.nav li i.fa-solid{height: 36px;width: 36px;line-height: 36px;background: var(--blue);border-radius: 50%;color: var(--light); font-size: 1rem;}
    .footer-mobile ul.nav li i.fa-phone{height: 55px;width: 55px;position: fixed;bottom: 12px;left: 50%;transform: translateX(-50%);font-size: 1.5rem;line-height: 55px;background: var(--danger);}
    .footer-mobile ul.nav li i.fa-map-location-dot{background: var(--info);}
    .footer-mobile ul.nav li i.fa-message{background: var(--orange);}
    .footer-mobile li i,.footer-mobile .w-20{text-align: center;}
    i.ticon-zalo-circle2{background-size: 60%;background-position-x: center;background-position-y: center;}
    i.ticon-messenger{background-size: 60%;background-position-x: center;background-position-y: center;background-color: var(--black);border-radius: 50%;}
    .cart .cart__a .cart--l .cart-total{background-color: var(--white);}
    form.search-form input{width: calc(100% - 50px);}
    .main-collection .cat-section{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .cat-section .cats__counting{margin-top: 1rem;font-size: 14px;text-transform: capitalize;}
    .cats__sortPagiBar{margin: 1rem 0;justify-content: center;}
    .filter-mobile{justify-content: space-between;display: flex;}
    .filter-mobile button{background: var(--F5F5F5);border: 1px solid var(--c4cdd5);padding: 6px 14px;border-radius: 4px;}
    .header.header-short{position: fixed;width: 100%;top: 0;left: 0;z-index: 99;}
    .filter-mobile.filter-mobile-short{position: fixed;width: 100%;left: 0;top: 93px;background: var(--white);padding: 10px 15px;z-index: 99;box-shadow: 0px 1px 1px 0px rgb(51 51 51 / 17%);}
    body.show-filter .cat--slidebar{display: block;position: fixed;top: 0;left: 0;width: 80%;background: var(--white);z-index: 105;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;height: 100%;padding-top: 15px;overflow-x: hidden;overflow-y: auto;}
    body.show-filter .filter-bg-mobile{display:block;content:'';width: 100%;position: fixed;background: rgb(0 0 0 / 62%);top: 0;left: 0;height: 100%;z-index: 104;}
    h2.heading2-filter{font-size: 1rem;text-transform: uppercase;margin-bottom: 1rem;font-weight: 700;display: flex;justify-content: space-between;}
    .qts_sort_list{position: absolute;top: 131%;right: 0;min-width: 120px;background: var(--white);margin-bottom: 0;display: none;z-index: 88;}
    .qts_sort_list li{box-shadow: 0px 0px 1px rgb(0 0 0 / 79%);}
    .qts_sort_list li button{white-space: nowrap;}
    .qts_sort_list li a{display: block;padding: .45rem .75rem;color: var(--black);background: var(--white);border: 1px solid var(--c4cdd5);white-space: nowrap;}
    .filter-mobile.show-sort .qts_sort_list,.filter-mobile.show-sort .qts_sort_list_bg{display: block;}
    .qts_sort_list_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 86;display: none;}
    .heading_title,.qts_product section{margin-top: 1rem;}
    .product-content-video iframe {height: calc(100vw / 900 * 506);}
    .qts_product_ctn #qts_product_tab{-ms-flex-direction: column!important;flex-direction: column !important;}
    .qts_product_ctn #qts_product_tab li{width: 100%;}
    .cats__sortPagiBar .title_page h1,
    .cslidebar__block .cslidebar__subtitle h3{font-size: 1rem !important;}
    .qts_product_same h2, 
    .qts_product_viewed h2,
    .collection h2{font-size: 1.5rem !important;}
    .product-item .product-item-image .ptm-branch{font-size: 10px;}
    .container-fluid{padding-right: 15px;padding-left: 15px;}
    .qts_product section{padding-left: 0;padding-right: 0;}
    .popupOrderNoti{left:0;max-width: 100%;}
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1170px;
    }
    .subheader .container{display: block;}
}
@media (min-width: 1440px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1349px;
    }
}

/*css IE 11*/
@media all and (-ms-high-contrast:none) {

}
/* all desktops */
@media (min-width: 992px){

}