@import "https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700&display=swap";
*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto",sans-serif}
body{color:#222;font-family:"Roboto",sans-serif;font-size:14px;margin:0 auto;background:#fff}
html{font-size:100%;font-family:"Roboto",sans-serif}
img{max-width:100%;height:auto}
a{text-decoration:none;color:#000}
.clearfix{content:"";clear:both}
ul,li{list-style:none}
table{width:100%!important}
.ul,.ol{margin:0;padding:0;list-style:none}
.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
.d-block{display:block}
.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.text-center{text-align:center!important}
.align-items{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}
.space-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}
.space-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}
.d-block{display:block!important}
.flex-direction{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.container-mb{padding:0;max-width:414px;margin:0 auto;overflow:hidden}
.container{padding:0 10px;max-width:100%;margin:0 auto}
.icon_2022{background:url(../images/icon_2022.png) no-repeat}
.icon_2022_2{display: block;width: 24px;height: 24px;margin: 0 auto;filter: invert(48%) sepia(0%) saturate(332%) hue-rotate(272deg) brightness(90%) contrast(85%);}
.form__input{padding:5px;width:65%;margin-right:10px;position:relative}
.form__input .search-form{border-radius:5px;overflow:hidden;padding:3px;background:#fff;width:390px;position:relative;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.25);box-shadow:0 1px 6px rgba(0,0,0,0.25);width:100%}
.form__input .submit-search{position:absolute;right:0;bottom:0;border:0;width:48px;height:43px;font-weight:300;background:transparent}
.form__input .fa-search{font-size:24px;color:#222;outline:none;line-height:40px}
.form__input .text_search{border:0;padding:0 5px 0 10px;width:calc(100% - 40px);height:100%;outline:none;color:#a0a0a0;font-size:14px}
.form__input .searh-form-container{float:left;width:calc(100% - 5px);height:35px}
.autocomplete-suggestions{border:1px solid #ccc;background:#fff;cursor:default;overflow:auto;width:100%;display:none;z-index:99999;position:absolute;top:100%;max-height:350px;left:-1px}
.autocomplete-suggestion{padding:3px 5px;overflow:hidden}
.autocomplete-suggestion.selected,.autocomplete-suggestion:hover{background:#f5f5f5}
.autocomplete-selected{background:#f0f0f0}
.autocomplete-suggestions strong{font-weight:400;color:#39f}
.autocomplete-suggestions a{text-decoration:none;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;padding:10px;border-bottom:1px solid #ededed}
.autocomplete-suggestions .price{display:block;color:red;font-size:16px;padding-top:10px}
.autocomplete-suggestions img{width:30%;padding-right:10px}
.custom-dots .owl-dots{margin:5px 0!important;bottom:0;left:40%}
.custom-dots .owl-dots .owl-dot{width:20px;height:20px;border-radius:50%;margin-left:11px;margin-top: 8px;}
.custom-dots .owl-dots .owl-dot.active{background:transparent}
.custom-dots .owl-dots .owl-dot.active span{background:#d58a15!important;width:20px!important}
.custom-dots .owl-dots .owl-dot span{width:8px!important;height:8px!important;margin:auto;background:silver!important}
.header{background:#222;height: 65px;top: -65px;}
.header.not-home{background:#222;height:75px;}
.header .logo{width:17%;padding-top:5px}
.header .item.cart{width:15%;color:#fff;position:relative}
.header .item.cart .js-cart-count{position:absolute;right:11px;top:-1px;background:#d58a15;color:#fff;border-radius:50%;font-size:12px;height:18px;width:18px;line-height:20px;text-align:center}
.header .item .icon_2022.cart{display:block;width:38px;height:33px;margin:0 auto;background-position:-12px -19px}
.homepage .banner{padding-top: 10px;}
.homepage .banner img {border-radius: 12px;}
.homepage .menu-category{margin-right:-10px}
.homepage .menu-category .item{width:calc(100% / 4 - 10px);margin-right:10px;margin-bottom:10px}
.homepage .menu-category .img-cat{position:relative;-webkit-box-shadow:0 1px 4px #00000040;box-shadow:0 1px 4px #00000040;border-radius:20px;width:86px;height:86px;margin-bottom:10px}
.homepage .menu-category .img-cat img{margin:0 auto;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;height: 53px;object-fit: cover;}
.homepage .menu-category .cat-title{font-size:13px;text-align:center;font-weight:500;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.homepage .product-saleoff{background:-webkit-gradient(linear,left top,left bottom,from(#d58a15),to(#ff8a00));background:linear-gradient(180deg,#d58a15 0%,#ff8a00 100%);border-radius:12px}
.homepage .product-saleoff .title{text-align:center}
.homepage .product-saleoff .name{font-size:22px;text-transform:uppercase;font-weight: 700;}
.homepage .product-saleoff .name img{height:48px}
.homepage .product-saleoff .product-list{padding:10px;overflow-x:auto}
.homepage .product-saleoff .product-list .product-item{width:160px}
.homepage .product-saleoff .product-list .product-item .product-info{width:145px}
.homepage .article-home{margin-top:10px}
.homepage .article-home .title{background:#000;border-radius:5px;text-transform:uppercase;font-weight:700;font-size:20px;color:#fff;padding:10px;width:100px;text-align:center}
.homepage .article-home .list-article{padding:10px 0;margin-right:-3px}
.homepage .article-home .item-article{width:calc(100% / 2 - 2px);margin-right:2px;margin-bottom:2px}
.homepage .article-home .item-article:first-child{width:100%}
.homepage .article-home .item-article:first-child .name-article{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 0;}
.homepage .article-home .box-article{position:relative;display:block;width:100%;height:100%;border-radius:12px}
.homepage .article-home .box-article::after{position:absolute;content:"";background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.7)));background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:12px}
.homepage .article-home .box-article img{width:100%;height:170px;display:block;-o-object-fit:cover;object-fit:cover;border-radius:12px}
.homepage .article-home .box-article .content-article{position:absolute;bottom:0;color:#fff;padding:10px;width:100%;z-index:111;border-radius:0 0 12px 12px}
.homepage .article-home .box-article .date-time{background:#deb015;border-radius:10px 0 10px 0;font-size:10px;padding:5px;margin-bottom:5px;display:block;width:120px;text-align:center}
.homepage .article-home .box-article .name-article{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 0;}
.homepage .group-product-category{margin-top:10px}
.homepage .group-product-category .title-category{padding:0 10px}
.homepage .group-product-category .title-category .name{font-size:20px}
.homepage .group-product-category .list-cate-small{padding:10px;overflow-x:auto;white-space:pre}
.homepage .group-product-category .list-cate-small .item{background:#efefef;border-radius:16px;padding:8px 10px;margin-right:10px}
.homepage .group-product-category .box-product{overflow-x:auto}
.homepage .group-product-category .product-list{padding:5px 10px 0 12px;}
.homepage .group-product-category .product-list .product-item{width:160px}
.homepage .group-product-category .product-list .product-item .product-info{width:145px}
.product-item{padding:7px;width:calc(100% / 2 - 12px);margin-right:12px;margin-bottom:12px;background:#fff;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.2);box-shadow:0 1px 6px rgba(0,0,0,0.2);border-radius:8px}
.product-item .product-img{display:block;position:relative;padding-bottom:80%;}
.product-item .product-img img{width:auto;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto;border-radius: 10px;}
.product-item .product-img .sale{position:relative;top:5px;left:-15px;width:64px;height:25px;background:url(../images/iconsale.png) no-repeat;line-height:25px;color:#222;text-align:center;font-weight:700;font-size:12px}
.product-item .product-img .sale::after{position:absolute;width:0;height:0;content:"";top:24px;left:1px;border-top:0 solid transparent;border-bottom:7px solid transparent;border-right:7px solid #252525}
.product-item .product-title{font-size:14px;padding:5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:40px;font-weight:700;margin-bottom:5px}
.product-item .product-price{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:3px 0}
.product-item .product-price .item-price{color:#ff4d00;font-size:14px;font-weight:700;height:15px;margin-right:5px;display:block}
.product-item .product-price .old-price{font-size:13px;color:#999;height: 15px;display: block;margin-top: 3px;}
.product-item .item-review{font-size:10px}
.icon-star{background:url(../images/star_new.png) no-repeat;width:74px;height:14px;vertical-align:text-bottom;display:inline-block}
.icon-star.star0{background-position:-1px -78px}
.icon-star.star1{background-position:-1px -63px}
.icon-star.star2{background-position:-1px -48px}
.icon-star.star3{background-position:-1px -33px}
.icon-star.star4{background-position:-1px -18px}
.icon-star.star5{background-position:-1px -3px}
.footer .footer-top{background:#000;border-radius:12px;margin-top:10px}
.footer .footer-top .icon_2022{display:block;width:38px;height:33px;margin:0 auto}
.footer .footer-top .icon_2022.ship{width:40px;background-position:-15px -90px}
.footer .footer-top .icon_2022.box{background-position:-92px -92px}
.footer .footer-top .icon_2022.pay{background-position:-159px -92px}
.footer .footer-top .icon_2022.support{background-position:-235px -92px}
.footer .footer-top .item{width:calc(100% / 2 - 10px);color:#fff;margin-right:10px;margin-bottom:20px}
.footer .footer-top .item h3{padding-top:10px;font-size:12px;text-transform:uppercase}
.footer .footer-top .item p{font-size:10px}
.footer .footer-top .content-policies{padding:20px;margin-right:-10px;margin-bottom:-20px}
.footer .footer-main{margin-top:40px}
.footer .footer-main .item-footer{margin-bottom:10px}
.footer .footer-main .item-footer .title{font-weight:700;font-size:15px;color:#000;margin-bottom:10px}
.footer .footer-main .contact-footer{margin-right:-10px}
.footer .footer-main .contact-footer .item{width:calc(100% / 4 - 10px);margin-right:10px;background:#fff;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.25);box-shadow:0 1px 6px rgba(0,0,0,0.25);border-radius:12px;text-align:center;padding:4px 2px;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.footer .footer-main .contact-footer .item .name{font-size:10px;padding:5px 0}
.footer .footer-main .contact-footer .item p{font-size:9px;font-weight:700}
.footer .footer-main .contact-footer .item .border{background:#000;width:32px;height:32px;border-radius:50%;margin:0 auto;border: 1px solid transparent !important;}
.footer .footer-main .contact-footer .item a{color:#ff4d00;font-weight:700;font-size:12px}
.footer .footer-main .contact-footer .icon_2022{display:block;width:20px;height:30px;margin:0 auto}
.footer .footer-main .contact-footer .icon_2022.map{background-position:-95px -20px}
.footer .footer-main .contact-footer .icon_2022.phone{background-position:-242px -20px}
.footer .footer-main .contact-footer .icon_2022.email{background-position:-170px -20px}
.footer .footer-main .content{background:#fff;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.25);box-shadow:0 1px 6px rgba(0,0,0,0.25);border-radius:12px;padding:10px}
.footer .footer-main .content a{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-bottom:10px}
.footer .footer-main .content i{color:#000;font-weight:700}
.footer .footer-bottom{padding-bottom:10px;text-align:center;margin-bottom: 65px;}
.footer .footer-bottom a{width:42px;height:42px;background:#eaeaea;border-radius:50%;line-height:50px;text-align:center;display:inline-block;margin-right:5px}
.footer .footer-bottom i{font-size:20px;line-height: 45px;}
.footer .footer-bottom p{font-size:9px;padding:10px 0}
.footer .footer-bottom img{display:block;margin:0 auto}
.fix-footer{width:100%;position:fixed;bottom:0;left:0;z-index:9999;background:#fff;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.25);box-shadow:0 1px 6px rgba(0,0,0,0.25)}
.fix-footer .item-fix{width:calc(100% / 4);margin:0 auto;text-align:center;padding:8px 0;color:#555}
.fix-footer .item-fix p{padding-top:3px}
.fix-footer .item-fix .icon_2022{display:block;width:38px;height:33px;margin:0 auto}
.fix-footer .item-fix .icon_2022.home{background-position:-17px -162px}
.fix-footer .item-fix .icon_2022.category{background-position:-90px -162px}
.fix-footer .item-fix .icon_2022.account{background-position:-162px -162px}
.fix-footer .item-fix .icon_2022.cart-fix{background-position:-235px -162px}
.fix-footer .item-fix.active p{color:#d58a15;font-weight:700}
.fix-footer .item-fix.active .icon_2022.home{background-position:-17px -235px}
.fix-footer .item-fix.active .icon_2022.category{background-position:-90px -235px}
.fix-footer .item-fix.active .icon_2022.account{background-position:-162px -235px}
.fix-footer .item-fix.active .icon_2022.cart-fix{background-position:-235px -235px}
.fix-footer .item-fix.active {filter: invert(53%) sepia(91%) saturate(433%) hue-rotate(358deg) brightness(90%) contrast(95%);}
.breadcrumb ol{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0;background:none;white-space:nowrap;overflow:auto}
.breadcrumb ol li{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none}
.breadcrumb ol li a span{font-size:14px;color:#333;line-height:30px}
.breadcrumb ol li a:last-child{color:#222}
.breadcrumb ol li h1{font-size:15px;color:#222;line-height:30px;font-weight:400;margin:0}
.breadcrumb ol li i{margin-left:5px;margin-right:5px;line-height:30px;color:#000}
.breadcrumb ol li:last-child i{display:none}
.breadcrumb ol li a{display:-webkit-box;display:-ms-flexbox;display:flex}
.main-product-detail{margin-top:10px}
.main-product-detail .product-image-detail #sync1 img{border:1px solid #f1f1f1;border-radius:20px}
.main-product-detail .product-image-detail .product-detail-thumbnail{margin-top:8px}
.main-product-detail .product-image-detail .product-detail-thumbnail .item-thumbnail{margin-right:8px}
.main-product-detail .product-image-detail .product-detail-thumbnail .item-thumbnail:last-child{margin-right:0}
.main-product-detail .product-image-detail .product-detail-thumbnail .item-thumbnail img{border:1px solid #f1f1f1;height:50px;border-radius:5px;-o-object-fit:contain;object-fit:contain;padding:0 6px}
.main-product-detail .product-image-detail .product-detail-thumbnail .item-thumbnail.active{border:1px solid #deb015;border-radius:5px}
.main-product-detail .product-detail-bottom{margin-top:10px}
.main-product-detail .product-detail-bottom .title-product{font-weight:500;font-size:18px}
.main-product-detail .product-detail-bottom .border-sku{padding:10px 0;border-bottom:1px solid #e5e5e5}
.main-product-detail .detail-price-main{padding:10px 0}
.main-product-detail .detail-price-main .detail-price{font-size:22px;color:#ff4d00;padding-right:10px}
.main-product-detail .detail-price-main .detail-old-price{color:#999}
.main-product-detail #config-holder{padding-bottom:10px;margin-right:-7px}
.main-product-detail #config-holder .name{font-weight:700;padding-bottom:5px}
.main-product-detail #config-holder .attr-value{width:calc(100% / 3 - 7px);margin-right:7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px;border:1px solid #bcbcbc;border-radius:5px;position:relative}
.main-product-detail #config-holder .attr-value img{margin-right:5px;width:34px}
.main-product-detail #config-holder .attr-value .config-left{width:calc(100% - 39px)}
.main-product-detail #config-holder .attr-value .config-left p{font-weight:700;font-size:11px}
.main-product-detail #config-holder .attr-value .config-left span{font-size:11px;font-weight:300}
.main-product-detail #config-holder .attr-value.active{border:1px solid #d58a15}
.main-product-detail #config-holder .attr-value.active::before{content:"";position:absolute;left:0;top:0;width:0;height:0;border-top:0 solid transparent;border-bottom:22px solid transparent;border-left:23px solid #d58a15}
.main-product-detail #config-holder .attr-value.active::after{position:absolute;content:"\f00c";font:normal normal normal 11px/1 FontAwesome;left:2px;top:2px;color:#fff}
.main-product-detail .offer-detail{border:1px solid #ffe8de;border-radius:10px}
.main-product-detail .offer-detail .title-box{text-transform:uppercase;color:#ff4d00;font-weight:700;font-size:15px;background:#ffe8de;border-radius:10px 10px 0 0;padding:10px}
.main-product-detail .offer-detail .title-box i{padding-right:3px}
.main-product-detail .offer-detail .content-offer{padding:13px}
.main-product-detail .offer-detail .content-offer .item{padding-bottom:13px}
.main-product-detail .offer-detail .content-offer .count{width:16px;height:16px;text-align:center;color:#fff;background:#ff4d00;line-height:16px;font-weight:700;font-size:12px;border-radius:50%}
.main-product-detail .offer-detail .content-offer p{margin-left:7px}
.main-product-detail .button-buy{padding-top:10px}
.main-product-detail .button-buy .btn-buy{width:100%;margin-bottom:10px;background:#d58a15;border-radius:8px;text-align:center;padding:10px}
.main-product-detail .button-buy .btn-buy b{display:block;color:#000;font-size:16px;text-transform:uppercase;padding-bottom:3px}
.main-product-detail .button-buy .btn-buy span{color:#000;font-size:13px;font-weight:300}
.main-product-detail .button-buy .btn-buy.add-cart{background:#000}
.main-product-detail .button-buy .btn-buy.add-cart b,.main-product-detail .button-buy .btn-buy.add-cart span{color:#d58a15}
.detail .content-product-detail{margin-top:10px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.15);box-shadow:0 1px 6px rgba(0,0,0,0.15);border-radius:10px;padding:7px}
.detail .detail-summary{background:#f1f1f1;border-radius:10px;padding:10px}
.detail .detail-summary .title{text-align:center;text-transform:uppercase;font-size:15px;color:#d58a15;font-weight:500;padding:8px 0}
.detail .detail-summary li{position:relative;margin-bottom:7px;padding-left:10px}
.detail .detail-summary li::before{content:"";width:4px;height:4px;background:#222;position:absolute;left:0;top:6px;border-radius:50%}
.detail .detail-desc{margin-bottom:10px;padding-top:10px}
.detail .detail-desc .content{margin:10px 0;width:100%;display:block;overflow:hidden;position:relative}
.detail .detail-desc .content::after{content:"";position:absolute;left:0;right:0;bottom:0;height:50px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#fff));background:linear-gradient(transparent,#fff)}
.detail .detail-desc .content.active{height:auto !important}
.detail .detail-desc .content.active::after{display:none}
.detail .product-detail-review{margin-top:10px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.15);box-shadow:0 1px 6px rgba(0,0,0,0.15);border-radius:10px;padding:7px}
.detail .product-detail-review .title{font-size:14px;font-weight:700;padding:10px 0}
.detail .product-detail-review .form-post{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:15px}
.detail .product-detail-review .form-post .avatar{width:40px;margin-right:10px}
.detail .product-detail-review .form-post .form-review{width:calc(100% - 70px)}
.detail .product-detail-review .form-post textarea{height:115px;border-radius:10px}
.detail .product-detail-review .form-post .form-control{margin-bottom:5px}
.detail .product-detail-review .form-post #submit-review{background:#000;border-radius:5px;width:160px;height:42px;color:#d58a15;font-weight:700;text-transform:uppercase}
.detail .box-list-review{border-top:1px solid #f8f8f8;padding-top:15px}
.detail .box-list-review .review-left{width:70px;font-size:13px;text-align:center;margin-right:10px}
.detail .box-list-review .review-left img{display:block;margin:0 auto;padding-bottom:7px}
.detail .box-list-review .review-left .time-review{font-size:12px;    overflow: hidden;height: 14px;display: block;margin-top: 5px;}
.detail .box-list-review .review-right{width:calc(100% - 70px)}
.detail .box-list-review .review-right .form-post .form-review{width:100%}
.detail .box-list-review .review-right .content-user-review{padding:10px 0}
.detail .box-list-review .review-right .write_reply{color:#55adff}
.detail .product-related{margin-top:10px}
.detail .product-related .title{font-weight:700;font-size:20px;padding:10px 0}
.detail .product-related .product-list{padding:8px;overflow-x:auto}
.detail .product-related .product-list .product-item{width:160px}
.detail .product-related .product-list .product-item .product-info{width:145px}
.item-btn{display:block;width:100px;text-align:center;margin:0 auto;background-color:#222;color:#d58a15;border-radius:5px;padding:10px;margin:10px auto}
.star-rank{width:100%;padding:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex}
.rating-selection .rating-input{float:right;width:16px;height:16px;padding:0;margin:0 0 0 -21px;opacity:0}
.rating-selection .rating-star:hover{background-position:0 0}
.rating-selection .rating-star{position:relative;float:right;display:block;width:26px;height:26px;background:url(../images/star_sprite_pc.png) 0 0;margin:0 -1px}
.rating-selection .rating-star:hover,.rating-star:hover ~ .rating-star{background-position:0 0}
.rating-selection .rating-star:hover,.rating-star:hover ~ .rating-star,.rating-input:checked ~ .rating-star{background-position:0 0}
.rating-selection .rating:hover .rating-star:hover,.rating:hover .rating-star:hover ~ .rating-star,.rating-input:checked ~ .rating-star{background-position:0 0}
.rating-selection .rating-star,.rating:hover .rating-star{position:relative;float:right;display:block;width:26px;height:26px;background:url(../images/star_rating_all.png) 0 -28px}
.rating-selection .rating:hover .rating-star:hover,.rating:hover .rating-star:hover ~ .rating-star{background-position:0 -56px!important}
.rating-selection{display:inline;float:left;margin-top:-8px}
.form-control{display:block;width:100%;height:calc(1.5em + 0.75rem + 2px);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 #e5e5e5;border-radius:5px;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-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;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}
.form-control::-webkit-input-placeholder{color:#888;font-size:13px}
.form-control:-ms-input-placeholder{color:#888;font-size:13px}
.form-control::-ms-input-placeholder{color:#888;font-size:13px}
.form-control::placeholder{color:#888;font-size:13px}
.form-control:focus{outline:2px solid #365899;border:none}
.product-category .list-category-con .title{padding:10px 0;font-weight:700;font-size:16px}
.product-category .list-category-con .list-cate-current{margin-right:-10px}
.product-category .list-category-con .item{width:calc(100% / 4 - 10px);height:86px;margin-right:10px;margin-bottom:10px;-webkit-box-shadow:0 1px 4px #00000040;box-shadow:0 1px 4px #00000040;border-radius:10px;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.product-category .list-category-con .img-cat{height:48px;width:48px;margin:0 auto;position:relative}
.product-category .list-category-con .img-cat img{margin:0 auto;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%}
.product-category .list-category-con .cat-title{font-size:12px;text-align:center;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0 5px}
.product-category .description-html{padding:5px 0;margin-bottom:10px;border-radius:12px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.25);box-shadow:0 1px 6px rgba(0,0,0,0.25)}
.product-category .description-html .content{overflow:hidden;position:relative;padding:10px}
.product-category .description-html .content p{line-height:24px;padding-bottom: 10px;}
.product-category .description-html .content::after{content:"";position:absolute;left:0;right:0;bottom:0;height:50px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#fff));background:linear-gradient(transparent,#fff)}
.product-category .description-html .content.active{height:auto !important}
.product-category .description-html .content.active::after{display:none}
.product-category .block-filter .title{font-weight:700;font-size:16px;padding:10px 0}
.product-category .list-content-filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex-wrap:wrap;}
.product-category .list-content-filter .title-filter{border-radius:5px;background:#f1f1f1;border:1px solid #e4e4e4;padding:10px 12px;margin-right:10px;}
.product-category .list-content-filter .filter-item{position:relative;margin-right:10px;font-size:13px;border-radius:5px;background:#f1f1f1;border:1px solid #e4e4e4;padding:10px 5px}
.product-category .list-content-filter .filter-item .title-field i{padding-left:10px}
.product-category .list-content-filter .filter-item .content-filter{margin:0;position:absolute;z-index:50;width:150px;left:0;top:37px;display:none;overflow:hidden;overflow-y:scroll!important;max-height:300px}
.product-category .list-content-filter .filter-item .content-filter li a{display:block;border-bottom:solid 1px #fff;color:#fff;background-color:#999;padding:10px;font-size:13px}
.product-category .list-sort .name-sort{font-weight:700;font-size:16px;padding:10px 0}
.product-category .list-sort .sort-price{overflow-x:auto;padding:10px 0 15px;white-space:nowrap}
.product-category .list-sort .sort-price .item{padding:10px;margin-right:10px;background:#f1f1f1;border:1px solid #e4e4e4;border-radius:5px}
.product-category .list-sort .sort-price .item i{padding-right:3px;font-size:18px}
.product-category .product-list{margin-right:-10px}
.product-category .product-category-vm{border:1px solid #e4e4e4;border-radius:5px;display:block;padding:10px 0;margin-bottom:10px}
.header.fixed {position: fixed;left: 0;top: 0;width: 100%;z-index: 9999;background: #222;box-shadow: 0 0 10px #fff;height: 65px;transition: 0.3s all;}
.paging{margin:6px 0;margin-top:8px;font-size: 20px;}
.paging a{display: inline-block;padding: 11px 10px;line-height:10px;margin-left:5px;background: #fff;text-decoration:none;color:#333;border-radius: 8px;}
.paging a.current,.paging a:hover{color: #000;box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.product-category .list-category-big {background: #D58A15;overflow-x: auto;white-space: nowrap;padding: 10px 15px 20px 15px;}
.product-category .list-category-big .item {border-radius: 5px;color: #fff;padding: 10px;margin-right: 10px;}
.product-category .list-category-big .item.active{background: #222;}
.product-category .border-category{padding: 0 10px;border-radius: 15px;background:#fff;top: -10px;position: relative;}
.detail .detail-desc .content iframe {width: 100%;height: 250px;}
.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6);z-index:99;display:none}
.overlay.active{display:block}
#main-menu {position: fixed;top: 70px;left: -100%;width: 100%;background: #fff;z-index: 999999;height: calc(100% - 70px);overflow: hidden;transition: all .5s ease;}
#main-menu .main-content-menu{overflow-y: auto;padding-bottom: 55px;height: calc(100% + 50px);overflow-x: hidden;}
#main-menu.active{left: 0;}
#main-menu .menu-left{width: 23%;height: 100%;overflow-y: auto;overflow-x: hidden;}
#main-menu .menu-right {width: 77%;padding-top: 10px;height: 100%;overflow-y: auto;}
#main-menu .menu-left .items.active{background: #D58A15;}
#main-menu .menu-left .img-cat img {width: 50px;height: 50px;margin: 0 auto;text-align: center;display: block;}
#main-menu .menu-left .img-cat{padding-top: 10px;}
#main-menu .menu-left .cat-title {padding: 15px 3px;font-size: 11px;}
#main-menu .menu-left .items{position: relative;box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);}
#main-menu .menu-left .items.active::after {content: '';position: absolute;width: 10px;height: 10px;right: -5px;top: 43%;background: #FFFFFF;transform: rotate(45deg);}
#main-menu .menu-right .content_holder .items {width: calc(100% / 3);}
#main-menu .menu-right .content_holder .items img{width: 50px;margin: 0 auto;}
#main-menu .menu-right .content_holder .items .cat-title{font-size: 10px;padding: 7px 5px;}
#js-preview-file-upload {grid-template-columns: repeat(3, minmax(0, 1fr));display: grid;gap: 10px;}
#js-preview-file-upload .img-block img{display: block;width: 100%;height: 100%;object-fit: cover;}

@media (max-width: 390px){
  .header .item.cart{width: 16%;}
}
@media (max-width: 320px){
  .header .item.cart p {font-size: 11px;}
  .header.not-home{height: 55px;}
  .product-category .list-category-con .item{width: calc(100% / 4 - 10px);}
}
#sync1 .owl-nav .owl-prev{
position: absolute;
    top: 45%;
    left: 0;
    background: none;
    font-size: 44px;
    color: #c5c5c5;
    padding: 0;
}
#sync1 .owl-nav .owl-next{
position: absolute;
    top: 45%;
    right: 0;
    background: none;
    font-size: 44px;
    color: #c5c5c5;
    padding: 0;
}
.article_detail .a_content p {
    line-height: 23px;
    padding-bottom: 10px;
}
.detail .detail-desc .content p {
    line-height: 23px;
    padding-bottom: 10px;
}
.article_detail .a_content iframe {
    width: 100%;
    height: 220px;
}
body.active {
    overflow: hidden;
}

.background-homepage-container::before {
  content: '';
  height: 101px;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% - 1px);
  border-radius: 0 0 50px 50px;
  -webkit-transition: .3s all;
  transition: .3s all;
  z-index: -1;
  background: #222;
  top: -1px;
}

.background-homepage-container {
    position: relative;
}
