.tf-section{padding:80px 0;background:var(--bg-section);margin-bottom:0!important;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.tf-title{position:relative;line-height:44px;color:var(--primary-color2);text-align:center;padding-bottom:14px;}
.tf-title.style2{padding-bottom:15px;}
.tf-title.style2::before{width:60px;}
.cw-container{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px;width:1440px;max-width:100%;}
.sc-article-box{display:flex;align-items:center;box-shadow:0px 3px 16px rgba(47, 83, 109, 0.12);padding:13px;border-radius:90px;width:auto;margin-bottom:30px;background:var(--primary-color);}
.sc-article-box .article-art .art{width:74px;height:74px;border-radius:50%;overflow:hidden;}
.sc-article-box .article-art{position:relative;margin-right:17px;margin-left:3px;flex-shrink:0;}
.home4 .sc-article-box .article-art{margin-left:0;}
.sc-article-box .article-art .badge{display:inline-block;position:absolute;bottom:0px;right:0px;width:18px;height:18px;line-height:18px;object-fit:cover;text-align:center;border-radius:50%;background-color:var(--primary-color3);padding:0!important;}
.sc-article-box .article-art .badge::after{content:'\f00c';font-family:'Font Awesome 5 Pro';font-weight:500;font-size:10px;}
.sc-article-box .article-info{margin-top:5px;}
@media screen and (max-width: 820px) {
    .sc-article-box .article-info{display:block;width:90%;margin-bottom:10px;}
    .sc-article-box, .sc-article-box.style-3{display:unset!important;;}
}
.sc-article-box .article-info h5{margin-bottom:9px;}
.sc-article-box .article-info .price{font-weight:bold;font-size:14px;line-height:22px;color:#7A798A;}
.sc-article-box.style-3{display:flex;align-items:center;background:unset;box-shadow:unset;padding:13px;border-radius:unset;width:auto;margin-bottom:30px;}
.sc-article-box.style-3 .article-art .art{width:160px;height:auto;border-radius:34px;overflow:hidden;border: solid #ff004a 4px;}
.sc-article-box.style-3 .article-art .badge{width:26px;height:26px;line-height:26px;}
.sc-article-box.style-3 .article-art .badge::after{font-size:15px;}
.sc-article-box.style-3 .article-art .badge .ripple::before,.sc-article-box.style-3 .article-art .badge .ripple::after{width:26.5px;height:26.5px;}
.tf-section.top-seller{padding:0px;}
.tf-box{display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;flex-wrap:wrap;}
.box-item{width:20%;}
.tf-section.top-seller.home4{padding:0px;}
.home4 .sc-article-box.style-3{margin-bottom:28px;}
@media only screen and (max-width: 1450px){
.tf-box .box-item{width:25%;padding-left:0!important;}
}
@media only screen and (max-width: 1199px){
.cw-container{width:1200px;max-width:100%;}
}
@media only screen and (max-width: 991px){
.cw-container{width:970px;}
.tf-box .box-item{width:33.33%;}
}
@media only screen and (max-width: 767px){
.tf-section,.tf-section.top-seller{padding:0px;}
.tf-box .box-item{width:50%;}
.cw-container{width:750px;}
.tf-section.mobie-style{padding-bottom:40px!important;}
}
@media only screen and (max-width: 549px){
.cw-container{width:750px;}
.tf-title{font-size:24px;}
}
@media only screen and (max-width: 451px){
@media only screen and (max-width: 400px){
.tf-box .box-item{width:100%!important;}
}
}
section{display:block;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
a:active,a:hover{outline-width:0;}
img{border-style:none;}
@media print{
*,*::before,*::after,div::first-letter,div::first-line{text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;}
a,a:visited{text-decoration:underline;}
img{page-break-inside:avoid;}
h2{orphans:3;widows:3;}
h2{page-break-after:avoid;}
.badge{border:1px solid #000;}
}
*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit;}
h2,h5{margin-top:0;margin-bottom:.5rem;}
a{color:#0275d8;text-decoration:none;}
a:focus,a:hover{color:#014c8c;text-decoration:underline;}
img{vertical-align:middle;}
a{-ms-touch-action:manipulation;touch-action:manipulation;}
h2,h5{margin-bottom:0.5rem;font-family:inherit;font-weight:500;line-height:1.1;color:inherit;}
h2{font-size:2rem;}
h5{font-size:1.25rem;}
.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
@media (min-width: 576px){
.row{margin-right:-15px;margin-left:-15px;}
}
@media (min-width: 768px){
.row{margin-right:-15px;margin-left:-15px;}
}
@media (min-width: 992px){
.row{margin-right:-15px;margin-left:-15px;}
}
@media (min-width: 1200px){
.row{margin-right:-15px;margin-left:-15px;}
}
.col-md-12{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;}
@media (min-width: 576px){
.col-md-12{padding-right:15px;padding-left:15px;}
}
@media (min-width: 768px){
.col-md-12{padding-right:15px;padding-left:15px;}
}
@media (min-width: 992px){
.col-md-12{padding-right:15px;padding-left:15px;}
}
@media (min-width: 1200px){
.col-md-12{padding-right:15px;padding-left:15px;}
}
@media (min-width: 768px){
.col-md-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}
.badge{display:inline-block;padding:0.25em 0.4em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:0.25rem;}
.badge:empty{display:none;}
.text-left{text-align:left!important;}
div,span,h2,h5,a,img,i,section{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;}
section{display:block;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
section{display:block;}
a img{border:0;}
img{max-width:100%;height:auto;}
img{height:auto;max-width:100%;vertical-align:middle;-ms-interpolation-mode:bicubic;}
i{font-style:italic;}
*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
::-webkit-input-placeholder{color:#8A8AA0;}
:-moz-placeholder{color:#8A8AA0;}
::-moz-placeholder{color:#8A8AA0;opacity:1;}
:-ms-input-placeholder{color:#8A8AA0;}
h2,h5{font-weight:700;text-rendering:optimizeLegibility;}
h2{font-size:36px;}
h5{font-size:18px;}
.fs-16{font-size:16px;}
.pd-0{padding:0!important;}
.mb-25{margin-bottom:25px;}
.pl-17{padding-left:17px;}
.pl-34{padding-left:34px;}
.pl-51{padding-left:51px;}
.pl-68{padding-left:68px;}
a{text-decoration:none;color:var(--primary-color2);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;letter-spacing:0.1px;}
a:hover,a:focus{color:var(--primary-color3);text-decoration:none;outline:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}