/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root {
  --mainColor:#0074bf;
  --subColor:#fa9e0f;
  --textColor:#00090f;
  --topHeader:#ffffff;
  --bgCount:#ffe645;
  --textCount:#000000;
  --gutter:30px;
}
body {
  font-size:14px;
  color:black;
  background-color:#fff;
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/*---*/
.home_ss1 img,.home_ss2 img {border-radius:16px;}
.home_ss1 .large-6 .row {
  display:flex;
  column-gap:16px;
  justify-content:space-between;
  margin:0;
}
.home_ss1 .large-6 .row .col {
  max-width:calc(50% - 8px);
  padding:0;
}
.home_ss2 .large-7 .col-inner {
  display:flex;
  align-items:center;
}
.home_ss2 .large-7 .col-inner .img {margin-bottom:0;}
.home_ss a.button {margin-bottom:0;background:#DBE3F9;border-color: #DBE3F9;color:#1C61E7;font-size: 13px;}
.home_ss2 .ux-timer span {
  background:var(--primary-color);
  color:#fff;
}
.home_ss2 .ux-timer {margin-left:24px;}










/*---*/
.header .header-button a {
  width:32px;
  height:32px;
  font-size:13px;
  border-color:var(--mainColor);
  color:var(--mainColor);
}
.mobile-nav .nav-icon {width:20%;}
.mobile-nav .header-search-form {width:70%;}
.header:not(.transparent) .header-bottom-nav.nav > li > a {
  color:#fff;
  font-size:14px;
  padding:9px 30px 9px 0px;
  text-align:center;
  position:relative;
  font-weight:500;
  letter-spacing:0;
  text-transform:initial;
}
.header-bottom .flex-col.flex-left {
  max-width:85%;
  position:relative;
  padding-right:45px;
}
.header-nav.header-bottom-nav {
  display:flex;
  list-style:none;
  overflow-x:auto;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  flex-flow:unset;
  position:static;
  margin:0;
  padding:0;
  width:100%;
  height:auto;
  white-space:nowrap;
}
.header-nav.header-bottom-nav > li {
  flex:0 0 auto;
  position:static !important;
}
li.current-dropdown>.nav-dropdown {left:0;}
.nav-dropdown.nav-dropdown-default>li>a {
  moz-transition:all 0.2s;
  -o-transition:all 0.2s;
  -webkit-transition:all 0.2s;
  transition:all 0.2s;
  color:#222;
  font-size:14px;
  position:relative;
}
.nav-dropdown.nav-dropdown-default>li>a::after {
  position:absolute;
  content:'';
  height:100%;
  width:2px;
  left:0px;
  -webkit-transition:0.5s;
  transition:0.5s;
  opacity:0;
  visibility:hidden;
  top:0;
  -webkit-transform:scale(0);
  transform:scale(0);
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
  padding-left:20px;
  margin:0;
}
.nav-dropdown.nav-dropdown-default>li {margin:0;}
.nav-dropdown.nav-dropdown-default>li>a:hover {
  background-color:transparent;
  color:var(--mainColor);
}
.nav-dropdown.nav-dropdown-default>li>a:hover::after {
  opacity:1;
  visibility:visible;
  -webkit-transform:scale(1);
  transform:scale(1);
  background-color:var(--mainColor);
}
.nav-dropdown-has-border .nav-dropdown {
  border:none;
  padding:0;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li> ul li a {
  padding:5px 5px 5px 40px;
  font-size:12px;
}
.cart-item ul {padding:12px !important;}
.wc-block-components-address-form__country {display:none;}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before {display:none;}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {background-color:#fff;}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
  padding:10px 20px;
  letter-spacing:0;
  text-transform:inherit;
  font-size:14px;
  font-weight:500;
  color:black;
}
.mobile-sidebar .logo-custom {margin-bottom:20px;}
.nav-sidebar.nav-vertical>li+li {border:none;}
.header-bottom-nav::-webkit-scrollbar {display:none;}
.nav-controls {
  justify-content:center;
  margin-top:5px;
  position:absolute;
  right:0;
  top:0;
}
.nav-controls svg {
  width:22px;
  height:16px;
}
.nav-controls button {
  color:white;
  border:none;
  padding:0;
  cursor:pointer;
  height:30px !important;
  width:15px;
  margin-right:10px;
}
.nav-controls button:disabled {cursor:not-allowed;}
.html_topbar_left a {
  padding:7px 12px;
  border-radius:40px;
  line-height:1.1;
  background-color:var(--mainColor);
  color:#fff;
  display:block;
  text-align:center;
}
.d-block {display:block !important;}
.top-header .maps-header {
  width:170px;
  display:inline-block;
  text-align:center;
  margin-right:15px;
}
.mg0 * {margin-bottom:0;}
.absolute-footer.dark {display:none;}
.ft-b {padding-top:10px;}
.hotline-footer i {
  filter:brightness(0) invert(1);
  margin-right:5px;
  animation:play 2s ease infinite;
}
.form-flat input:not([type=submit]) {
  height:36px;
  line-height:36px;
  padding-left:15px;
  min-height:initial;
  padding-right:15px;
  font-size:14px;
  z-index:9;
  position:relative;
  border:solid 1px var(--mainColor);
  border-radius:40px;
  width:100%;
  margin:0 auto;
  transition:all .2s .2s ease-in;
  -webkit-transition:all .2s .2s ease-in;
  background-color:transparent;
}
.box-phone {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0px;
  border-radius:40px;
  height:36px;
  margin-right:15px;
}
.box-phone .content_phone {
  line-height:1.1;
  margin-left:5px;
}
.box-phone .content_phone span {
  display:block;
  color:#000;
}
.box-phone .content_phone a {
  color:var(--mainColor);
  font-weight:700;
  font-size:16px;
}
.page-wrapper {padding-top:15px;}
.TextCaptions .flickity-slider {justify-content:left;}
.wbcslider_tgdd .TextCaptions .item {
  padding:15px 7px 10px !important;
  border-radius:0;
  font-size:12px;
  line-height:16px;
  text-align:center;
  color:#343a40;
  overflow:hidden;
  cursor:pointer;
}
.TextCaptions .item.is-nav-selected::after {background-color:var(--mainColor) !important;}
.wbcslider_tgdd  .TextCaptions .item.is-nav-selected {color:var(--mainColor);}
.TextCaptions {box-shadow:rgba(0, 0, 0, 0.1) 0px 5px 10px -2px, rgba(0, 0, 0, 0.05) 0px 0px 2px -2px !important;}
.custom-title .section-title-main {
  font-size:22px;
  font-weight:500;
  line-height:1;
  margin:5px 0px;
  background-color:var(--mainColor);
  padding:5px 20px 5px 5px !important;
  border-top-right-radius:30px;
  border-bottom-right-radius:30px;
  position:relative;
  display:inline-flex;
  align-items:center;
}
.custom-title .section-title-main::after {
  content:"";
  position:absolute;
  width:38px;
  top:1px;
  right:-3px;
  height:40px;
  border-radius:50%;
  box-shadow:4px 0px 0px -1px #0074bf;
}
.custom-title .section-title-main a {
  color:white;
  text-transform:uppercase;
  line-height:20px;
  font-size:18px;
  padding-l.custom-title eft:0;
}
.section-title-main a:hover {
  color:var(--subColor)
}
.custom-title .section-title-normal {
  border-bottom:0;
  border-radius:5px;
  font-size:18px;
}
.custom-title .section-title-normal b {display:none;}
.custom-title .section-title-normal span {
  padding-bottom:0;
  border-bottom:0;
  margin-bottom:0;
  font-size:18px;
  color:white!important;
  margin-right:0;
}
span.hdevvn-show-cats li {
  display:block;
  width:auto;
  float:left;
  margin:0 8px;
}
span.hdevvn-show-cats li a {
  display:block;
  min-width:70px;
  font-weight:400;
  line-height:20px;
  padding:8px 10px;
  text-align:center;
  background:white;
  border-radius:30px;
  color:var(--mainColor);
  border:1px solid var(--mainColor);
  letter-spacing:0;
  text-transform:initial;
}
span.hdevvn-show-cats li a:hover {
  color:#fff;
  background-color:var(--mainColor);
}
.section-thumbnail-wrapper img {
  width:32px;
  margin-right:10px;
}
.section-title-normal span.section-thumbnail-wrapper {padding:0;}
.section_air_conditioner .banner_air_conditioner:hover::before {animation:0.75s ease 0s 1 normal none running circle;}
.section_air_conditioner .banner_air_conditioner::before {
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  display:block;
  content:"";
  width:0px;
  height:0px;
  transform:translate(-50%, -50%);
  opacity:0;
  background:rgba(255, 255, 255, 0.2);
  border-radius:100%;
}
.box-image:hover::before, .post-item:hover .box-image::before , .img:hover .img-inner::before {
  -webkit-animation:shine .75s;
  animation:shine .75s
}
@-webkit-keyframes shine {
  100% {
    left:125%
  }
}
@keyframes shine {
  100% {
    left:125%
  }
}
.product-small.box:after, .mh-col-shadow > .col-inner:after {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  height:3px;
  width:100%;
  transform-origin:right;
  transition:transform .5s ease-in-out;
  transform:scaleX(0);
}
.product-small.box:after, .mh-col-shadow > .col-inner:after, .post-item > .col-inner:after {background:var(--primary-color);}
.product-small.box:hover:after , .mh-col-shadow:hover > .col-inner:after, .post-item:hover > .col-inner:after {
  transform-origin:left;
  transform:scaleX(1);
}
.gird-brand {
  gap:20px 40px;
  display:grid
  ;
  text-align:center;
  align-items:center;
  grid-template-columns:repeat(8, 1fr);
}
.gird-brand a {display:grid;}
.gird-brand a img {
  width:100%;
  margin:auto;
  display:block;
  min-height:37.08px;
  max-height:37.08px;
  aspect-ratio:3 / 1;
  object-fit:contain;
  transition:0.7s transform;
}
.gird-brand a:hover img {transform:scale(1.1);}
.sidebar-box > .col-inner {
  border:1px solid #e4e4e4;
  margin-bottom:15px;
  background-color:#fff;
  padding:15px;
  border-radius:5px;
}
.sidebar-box > .col-inner .icon-box + * {
  margin-top:10px;
  border-top:1px dashed #d9d9d9;
  padding-top:10px;
}
.sidebar-box > .col-inner .icon-box-left .icon-box-img+.icon-box-text {padding-left:0.5em;}
.pro-discount {
  position:relative;
  background:#fff;
  border-radius:5px;
  margin-bottom:20px;
  padding:12px;
  border:1px dashed var(--mainColor);
  background:rgba(1,86,127,0.02)
}
.pro-discount legend {
  width:auto;
  color:var(--mainColor);
  font-weight:600;
  background:#fff;
  border-radius:5px;
  border:1px solid;
  font-size:16px;
  margin-bottom:25px;
  padding:0px 10px;
  margin-top:-25px;
  max-width:max-content;
  display:inline-block;
}
.pro-discount legend img {
  max-width:23px;
  mix-blend-mode:multiply;
  vertical-align:-3px
}
.pro-discount .item_discount {
  position:relative;
  background:#fff;
  filter:drop-shadow(0px 0px 3px rgba(0,0,0,0.15));
  padding:5px;
  margin-bottom:15px;
  border-radius:5px
}
.pro-discount .item_discount:last-child {
  margin-bottom:0px
}
.pro-discount .item_discount .top_discount {
  position:relative;
  display:flex;
  justify-content:space-between
}
.pro-discount .item_discount .top_discount .item-name {
  display:inherit
}
.pro-discount .item_discount .top_discount .code_dis {
  margin-bottom:0px;
  font-weight:700;
  font-size:16px;
  line-height:18px;
  position:relative;
  color:var(--mainColor)
}
.pro-discount .item_discount .top_discount span {
  position:relative;
  background-color:#FDF2D9;
  color:#F0A800;
  margin-left:10px;
  display:inline-block;
  vertical-align:middle;
  font-size:10px;
  text-align:center;
  border-radius:10px;
  padding:2px 10px;
  line-height:16px
}
.pro-discount .item_discount .coupon_desc {
  border-bottom:dotted 1px #f5f5f5
}
.pro-discount .item_discount .copy_discount {
  padding:3px;
  margin-top:5px;
  position:relative;
  background-color:#f5f5f5;
  border-radius:5px;
  display:flex;
  justify-content:space-between;
  align-items:center
}
.pro-discount .item_discount .copy_discount .code_zip {
  margin-bottom:0px;
  display:inline-block;
  font-size:16px;
  text-transform:uppercase;
  font-weight:600;
  line-height:24px
}
.pro-discount .item_discount .copy_discount.active {
  background-color:#E7F3FC
}
.pro-discount .item_discount .copy_discount.active .code_zip {
  color:var(--subColor)
}
.pro-discount .item_discount .copy_discount .dis_copy {
  background:var(--mainColor);
  color:#fff;
  border:none;
  padding:0px 15px;
  margin:1px 0px;
  cursor:pointer;
  outline:none !important;
  box-shadow:none;
  border-radius:5px;
  line-height:24px;
  height:24px;
  font-size:12px;
  float:right
}
.pro-discount .item_discount .copy_discount .dis_copy:hover,.pro-discount .item_discount .copy_discount .dis_copy:focus {
  background:var(--subColor)
}
.pro-discount .item_discount .copy_discount .dis_copy span {
  display:block;
  line-height:22px;
  font-size:12px;
  margin-bottom:2px
}
.pro-discount .item_discount .copy_discount .dis_copy.disabled {
  opacity:0.6;
  cursor:not-allowed
}
.pro-discount .item_discount .copy_discount .dis_copy_2 {
  background:var(--mainColor);
  color:#fff;
  border:none;
  padding:0px 15px;
  cursor:pointer;
  outline:none !important;
  box-shadow:none;
  border-radius:5px;
  line-height:24px;
  height:24px;
  font-size:12px;
  float:right
}
.pro-discount .item_discount .copy_discount .dis_copy_2:hover,.pro-discount .item_discount .copy_discount .dis_copy_2:focus {
  background:var(--subColor)
}
.pro-discount .item_discount .copy_discount .dis_copy_2 span {
  display:block;
  line-height:22px;
  font-size:12px;
  margin-bottom:2px
}
.pro-discount .item_discount .copy_discount .dis_copy_2.disabled {
  opacity:0.6;
  cursor:not-allowed
}
h1.product_title {
  font-size:22px;
  margin:0px 0px 15px;
  line-height:26px;
  font-weight:400;
}
.layout-product .inventory_quantity {
  font-size:14px;
  margin-bottom:10px;
  border-bottom:1px solid #e4e4e4;
  padding-bottom:5px;
}
.layout-product .inventory_quantity .a-vendor {color:var(--mainColor);}
.layout-product .price-box {
  font-size:20px;
  margin-bottom:10px;
  line-height:1.1
}
.price-na img {width:20px;}
.price-na {
  font-weight:bolder;
  color:red;
  font-size:16px;
  display:flex
  ;
  align-items:center;
  gap:10px;
  margin-top:10px;
}
.layout-product .price-box .special-price {
  display:block;
  line-height:1.1
}
.layout-product .price-box .special-price .price, .layout-product .price-box .special-price .price span.amount {
  font-size:30px;
  font-weight:700;
  color:#cc2020
}
.woocommerce-order td {
  color:#222;
  font-weight:500;
}
.layout-product .price-box .old-price,.layout-product .price-box .save-price {
  color:#7a7c80;
  font-size:13px;
  font-weight:400;
  display:inline-block
}
.layout-product .price-box .save-price {
  margin-left:10px
}

@media (max-width: 767px) {
  .layout-product .price-box .special-price .price {
    font-size:22px
  }
  .gird-brand {gap:10px 20px;}
  .col-mb-banner > .col-inner {
    display:flex
    ;
    display:-webkit-flex;
    display:-ms-flexbox;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    flex-wrap:unset;
  }
  .col-mb-banner > .col-inner .img {
    width:100%;
    flex:0 0 50%;
    max-width:50%;
    margin-right:13px;
  }
}

@media (max-width: 992px) {
  .gird-brand {grid-template-columns:repeat(4, 1fr);}
}

@media (max-width: 480px) {
  .layout-product .price-box .save-price {
    margin-left:0;
    display:block;
    margin-top:5px
  }
}
.layout-product .product-top {
  margin-bottom:10px;
  display:none
}
.layout-product .product-top .sku-product {
  font-size:14px;
  display:flex;
  margin-right:15px
}
.layout-product .product-top .sku-product span:last-child {
  margin-right:0px
}
.layout-product .a-sku {
  color:var(--mainColor)
}
.layout-product .inventory_quantity {
  font-size:14px;
  margin-bottom:10px;
  border-bottom:1px solid #e4e4e4;
  padding-bottom:5px
}
.layout-product .inventory_quantity .a-stock {
  color:var(--mainColor)
}
.layout-product .inventory_quantity .a-vendor {
  color:var(--mainColor)
}
.layout-product .form-product {
  padding:0px 0 10px
}
.khuyen-mai {
  border-radius:5px;
  margin-top:15px;
  margin-bottom:15px;
  position:relative;
  border:1px solid #e0e0e0
}
.khuyen-mai .title {
  background-color:#f6f6f6;
  border-bottom:1px solid #e0e0e0;
  padding:8px 10px;
  font-weight:600;
  border-top-left-radius:5px;
  border-top-right-radius:5px
}
.khuyen-mai .content {
  padding:8px 10px
}
.khuyen-mai .content ul {counter-reset:discount-counter;}
.khuyen-mai .content ul li:before {
  content:counter(discount-counter);
  background-color:#4a90e2;
  border-radius:50%;
  color:#fff;
  display:inline-block;
  font-size:11px;
  float:left;
  height:16px;
  line-height:16px;
  margin-top:2px;
  text-align:center;
  width:16px;
}
.khuyen-mai .content ul li {
  margin-bottom:10px;
  margin-left:0;
  counter-increment:discount-counter;
  list-style:none;
}
.khuyen-mai .content ul li .nb_dis {
  background-color:#4a90e2;
  border-radius:50%;
  color:#fff;
  display:inline-block;
  font-size:11px;
  float:left;
  height:16px;
  line-height:16px;
  margin-top:2px;
  text-align:center;
  width:16px
}
.khuyen-mai .content ul li .content_dis {
  padding-left:23px;
  display:block;
  line-height:20px
}
.khuyen-mai .content ul li:last-child {
  margin-bottom:5px
}
.layout-product .block-flashsale {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:5px;
  width:100%;
  background:linear-gradient(180deg, #0262a1 0%, #017ecf 50%, #6ab1e9 100%);
  border-radius:5px;
  margin-top:15px;
  color:#fff
}
.layout-product .block-flashsale .heading-flash {
  display:flex;
  align-items:center;
  font-weight:600;
  font-size:16px;
  line-height:initial;
  text-shadow:0 2px 4px rgba(0,0,0,0.25)
}
.layout-product .block-flashsale .heading-flash svg {
  width:26px;
  height:26px;
  margin-right:3px;
  position:relative;
  bottom:2px
}
.layout-product .block-flashsale .count-down {
  flex-grow:0;
  display:flex;
  align-items:center;
  min-height:36px
}
.layout-product .block-flashsale .count-down .timer-view {
  display:inline-block;
  text-align:left
}
.layout-product .block-flashsale .count-down .timer-view .block-timer {
  height:auto;
  width:36px;
  background:#ffdf00;
  border-radius:5px;
  display:inline-block;
  padding:0px 0px 3px;
  margin-right:5px;
  text-align:center
}
.layout-product .block-flashsale .count-down .timer-view .block-timer:last-child {
  margin-right:0px
}
.layout-product .block-flashsale .count-down .timer-view .block-timer p {
  display:block;
  font-weight:500;
  color:#000;
  font-size:14px;
  margin:0;
  line-height:1.2
}
.layout-product .block-flashsale .count-down .timer-view .block-timer span {
  display:block;
  color:#000;
  font-size:12px;
  line-height:initial
}
.qt-wrap {
  display:flex;
  align-items:center;
}
.layout-product .qt-wrap label {
  margin:0;
  font-weight:500;
  display:inline-block;
  font-size:14px;
  margin-right:10px;
}
.layout-product .qt-wrap .minus {
  border-radius:0;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
}
.layout-product .qt-wrap .plus {
  border-radius:0;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
}
.layout-product .qt-wrap input {
  font-size:20px;
  line-height:0px;
  border:solid 1px #e4e4e4;
  display:inline-block;
  width:40px;
  height:40px;
  background-color:#fff;
  float:left;
  color:#333;
  text-align:center;
  padding:0px;
  font-size:16px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.layout-product .qt-wrap input.qty {
  display:block;
  color:var(--textColor);
  text-align:center;
  box-shadow:none;
  background:#fff;
  margin:0;
  height:40px;
  line-height:40px;
  box-shadow:none;
  border-radius:0px;
  font-size:16px;
  width:60px;
  max-width:60px;
  padding:0;
  border-bottom:solid 1px #ddd;
  border-top:solid 1px #ddd;
}
.wrap-button {
  display:flex;
  gap:4%;
}
.wrap-button button {
  width:48%;
  margin:0;
}
.layout-product .wrap-button button {
  background:var(--mainColor);
  color:#fff;
  padding:0px 25px;
  font-size:12px;
  text-transform:uppercase;
  border:1px solid var(--mainColor);
  height:55px;
  line-height:55px;
  border-radius:5px;
  position:relative;
}
.layout-product .wrap-button button.single_add_to_cart_button {
  background-color:#fff;
  color:var(--mainColor);
  border:1px solid var(--mainColor);
  font-weight:bold;
}
.woocommerce-tabs ul {border-bottom:1px solid #dee2e6;}
.woocommerce-tabs ul li a {
  color:#333;
  padding:0;
  margin:0;
  font-size:16px;
  font-weight:bold;
  letter-spacing:0;
  text-transform:initial;
  padding-bottom:10px;
}
.woocommerce-tabs ul li a:before {
  bottom:0;
  top:unset;
  height:2px;
}
.heading-title {
  font-size:16px;
  font-weight:bold;
  margin-bottom:20px;
  padding-bottom:10px;
  border-bottom:1px solid #dee2e6;
}
.product-spec .product_getcontent {
  max-height:300px;
  overflow:hidden;
  border-bottom:1px solid #f1f1f1;
  border-radius:5px;
}
a.thongso {
  line-height:1;
  height:auto;
  margin-top:15px;
  text-align:center;
  display:block;
}
.carret {
  width:0;
  height:0;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:5px solid #5b5b5b;
  display:inline-block;
  vertical-align:middle;
  margin-left:2px;
  color:inherit;
}
.details-product .product-spec table {
  border-collapse:unset;
  border-spacing:0;
  border-color:inherit;
  border:0px;
  margin-bottom:0px
}
.details-product .product-spec table,.details-product .product-spec #spec-modal table {
  max-width:100%;
  border:0px;
  width:100% !important;
}
.details-product .product-spec table td {
  padding:5px;
  border-right:1px solid #f1f1f1;
  border-bottom:1px solid #f1f1f1
}
.details-product .product-spec table tr:nth-of-type(odd) {
  background-color:#f9f9fb
}
.details-product .product-spec table tr:first-child td {
  border-top:1px solid #f1f1f1
}
.details-product .product-spec table tr td:first-child {
  border-left:1px solid #f1f1f1;
  width:40%
}
.details-product .product-spec table tr:first-child td:first-child {
  border-top-left-radius:5px
}
.details-product .product-spec table tr:first-child td:last-child {
  border-top-right-radius:5px
}
.details-product .product-spec table tr:last-child td:last-child {
  border-bottom-right-radius:5px
}
.details-product .product-spec .table tr:last-child td:first-child {
  border-bottom-left-radius:5px
}
.breadcrumbs p {margin-bottom:0;}
.breadcrumbs * {
  font-size:14px;
  color:#333 !important;
  text-transform:initial;
}
.breadcrumbs .last {
  font-weight:normal;
  color:var(--subColor) !important;
}
.product-thumbnails a {
  border:1px solid #e4e4e4;
  cursor:pointer;
  background:#fff;
}
.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover {border-color:var(--mainColor);}
.product-section {border:none;}
.product-section h3 {
  font-size:22px;
  font-weight:600;
  line-height:1;
  margin-bottom:0px;
  letter-spacing:0;
  text-transform:initial;
  position:relative;
}
.product-section h3:after {
  right:0;
  content:"";
  display:inline-block;
  height:4px;
  width:15px;
  margin-left:5px;
  background-color:var(--mainColor);
  border-radius:2px;
  -webkit-border-radius:2px;
}
.chosee_size {
  font-weight:600;
  font-size:16px;
}
#spec-modal .chosee_size p {margin-bottom:10px;}
.marquee-container {
  width:100%;
  overflow:hidden;
  font-size:14px;
  white-space:nowrap;
}
.marquee-content {
  display:inline-block;
  animation:marquee 15s linear infinite;
}
.marquee-content span {
  display:inline-block;
  padding-right:150px;
  color:#fff;
}
@keyframes marquee {
  0% {transform:translateX(0);}
  100% {transform:translateX(-50%);}
}
.marquee-container:hover .marquee-content {animation-play-state:paused;}
@media (max-width: 768px) {
  .marquee-container {
    font-size:14px;
    padding:8px 0;
  }
}
.section_flash_sale {
  position:relative;
  margin-bottom:40px
}
@media (max-width: 991px) {
  .section_flash_sale {
    margin-bottom:25px
  }
}
.section_flash_sale .time_box h2 {
  font-size:22px;
  font-weight:bold;
  margin-bottom:0px
}
@media (max-width: 991px) {
  .section_flash_sale .time_box h2 {
    margin-bottom:5px
  }
}
@media (max-width: 322px) {
  .section_flash_sale .time_box h2 {
    font-size:17px
  }
}
.section_flash_sale .time_box h2 a {
  color:#ffe645
}
.section_flash_sale .time_box h2 a img {
  max-width:26px;
  vertical-align:-6px;
  -webkit-animation:zoom-in-out 1500ms infinite;
  -moz-animation:zoom-in-out 1500ms infinite;
  -o-animation:zoom-in-out 1500ms infinite;
  animation:zoom-in-out 1500ms infinite
}
@media (max-width: 322px) {
  .section_flash_sale .time_box h2 a img {
    max-width:22px
  }
}
@keyframes zoom-in-out {
  0% {
    transform:scale(0.8, 0.8)
  }
  10%,20% {
    transform:scale3d(0.9, 0.9, 0.9) rotate(-8deg)
  }
  30%,50%,70%,90% {
    transform:scale3d(1, 1, 1) rotate(8deg)
  }
  40%,60%,80% {
    transform:scale3d(1, 1, 1) rotate(-8deg)
  }
  100% {
    transform:scale(0.9)
  }
}
.section_flash_sale .box-deal {
  background-color:var(--mainColor);
  padding:15px;
  position:relative;
  border-radius:5px;
}
.section_flash_sale .box-deal .count-down {
  display:block;
  padding:0;
  background:transparent;
  margin-bottom:0;
}
.section_flash_sale .box-deal .count-down .timer-view {
  display:flex
  ;
  justify-content:right;
  align-items:center;
  text-align:center;
}
.section_flash_sale .box-deal .count-down .timer-view span {
  font-size:14px;
  margin:3px;
  color:#fff
}
.section_flash_sale .box-deal .count-down .timer-view .block-timer {
  width:30px;
  height:30px;
  background:var(--bgCount);
  border-radius:5px;
  display:inline-block;
  color:var(--textCount);
  margin:0px 3px;
  line-height:30px;
  font-size:14px;
  font-weight:100
}
@media (max-width: 322px) {
  .section_flash_sale .box-deal .count-down .timer-view .block-timer {
    width:26px;
    height:26px;
    font-size:12px;
    line-height:26px
  }
}
.section_flash_sale .box-deal .count-down .timer-view .block-timer p {
  padding-top:0px;
  margin-bottom:0;
  display:block
}
.section_flash_sale .result-label.temp1 {
  background:linear-gradient(to right, #ef3006, #c60004);
  border-radius:20px;
  display:inline-block;
  font-size:0;
  overflow:hidden;
  max-width:100%;
  padding-right:8px;
  bottom:10px;
  left:10px;
  position:absolute;
  margin-bottom:0px
}
.time_box .col {padding-bottom:10px;}
.section_flash_sale .deals {
  background-color:#fff;
  padding:15px;
  border-radius:5px;
  margin-top:10px;
  padding-bottom:10px;
}
.product-small.box {
  position:relative;
  border:1px solid #f3f3f3;
  background:#fff;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  transition:all .3s ease;
  border-radius:10px;
  overflow:hidden;
}
.product-title a {
  font-size:14px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  white-space:unset;
  line-height:20px;
  height:40px;
  margin-bottom:0px;
  margin-top:10px;
  word-wrap:break-word;
  color:var(--textColor);
  font-weight:500;
}
.price-box {
  position:relative;
  line-height:1;
  font-weight:500;
  min-height:37px
}
.price-box .price {
  color:var(--mainColor);
  font-weight:500;
  font-size:18px;
  display:block;
  margin-bottom:5px
}
@media (max-width: 767px) {
  .price-box .price {
    font-size:16px
  }
}
.price-box .compare-price {
  color:#98a4a9;
  text-decoration:line-through;
  font-weight:300;
  font-size:14px;
  display:inline-block
}
@media (max-width: 767px) {
  .price-box .compare-price {
    font-size:12px
  }
}
.price-box .smart {
  color:#c40025
}
.product-small .box-text {padding:10px;}
.image-tools .cart-icon {
  background:url(./assets/images/cart.png);
  background-color:var(--primary-color);
  width:30px;
  height:30px;
  background-repeat:no-repeat;
  background-size:18px;
  background-position:center center;
  border-radius:99px;
}
.image-tools .cart-icon strong {display:none;}
.flickity-page-dots .dot.is-selected {background-color:var(--mainColor);}
.nav-dots-small .flickity-page-dots .dot, .row-slider .flickity-page-dots .dot {
  height:8px;
  opacity:.2;
  width:25px;
  border-radius:10px;
}
.deals__progress {
  position:absolute;
  height:16px;
  border-radius:7px;
  background-color:#c90404;
  z-index:2;
  left:0;
  top:0;
  background-size:40px 40px;
  animation:progress_bar_fill 2s linear infinite;
  background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
}
@keyframes progress_bar_fill {
  from {
    background-position:0 0
  }
  to {
    background-position:40px 0
  }
}
.section_flash_sale .tbay-shock-price {display:block;}
.tbay-shock-price {
  display:none;
  margin-top:15px;
}
.tbay-shock-price .deals__qty > span {
  position:relative;
  z-index:9;
}
.tbay-shock-price .deals__progress, .tbay-shock-price .deals__qty {height:16px;}
.show-on-hover.right {opacity:1;}
.show-on-hover.right img {
  width:auto;
  height:auto;
  max-width:80px;
  max-height:20px;
}
.woocommerce-pagination ul {
  font-size:.85em;
  margin:5px 0;
  text-align:center;
}
.woocommerce-pagination ul li {
  list-style:none;
  display:inline-block;
}
.woocommerce-pagination ul li span, .woocommerce-pagination ul li a {
  display:block;
  font-size:1.1em;
  height:2.25em;
  line-height:2em;
  min-width:2.25em;
  padding:0 7px;
  text-align:center;
  transition:all .3s;
  vertical-align:top;
  width:auto;
  border:1px solid var(--mainColor);
  border-radius:5px;
  font-weight:normal;
}
.woocommerce-pagination ul li .current, .woocommerce-pagination ul li a:hover, .woocommerce-pagination ul li span:hover {
  background-color:var(--fs-color-primary);
  border-color:var(--fs-color-primary);
  color:#fff;
}
.filter-container__selected-filter {
  display:none;
  margin-bottom:15px
}
.filter-container__selected-filter-list ul {
  padding-left:0px;
  margin:0
}
.filter-container__selected-filter-list ul li {
  display:inline-block;
  float:left
}
.filter-brands {width:100%;}
.filter-container .filter-brands .aside-content.filter-group {
  display:block;
  position:relative;
  width:100%;
  box-shadow:none;
  border:none;
  margin:0;
  padding:0;
}
.filter-container .filter-brands.aside-item .aside-content:before {display:none;}
.btn-more {
  text-align:center;
  justify-content:center;
  display:flex
  ;
  flex-direction:column;
  justify-content:center;
  border:1px solid #eaeaea !important;
  margin-left:-1px;
  height:100%;
  min-height:80px;
}
.btn-more  button {margin:0;}
.btn-more svg {
  justify-content:center;
  align-items:center;
  display:block;
  width:100%;
}
.filter-container .filter-brands .aside-content .filter-item {
  border:none !important;
  padding:unset !important;
  height:auto;
  margin-left:-1px;
}
.filter-container .filter-brands .aside-content .filter-item.active {background:#e8e8e8;}
.filter-container .filter-brands .aside-content .filter-item  label {
  width:100%;
  border:1px solid #eaeaea !important;
  padding:20px;
}
.filter-container .filter-brands .aside-content .filter-item  label img {
  height:60px;
  object-fit:contain;
}
.filter-container .filter-brands .aside-content .filter-item  label p {margin-bottom:0;}
.aside-item .aside-title h2 {
  width:100%;
  font-size:14px !important;
  margin:0;
  text-transform:none;
  font-weight:500;
  display:inline-block;
  padding:0px;
  position:relative;
  color:var(--textColor);
  line-height:1.6
}
.aside-item .aside-title h2 svg {
  width:10px;
  height:10px;
  margin-left:5px;
  transition:transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
  z-index:-1
}
.aside-item .aside-content ul {
  padding-left:0px
}
.aside-item .nav>li>a:focus {
  background:none
}
.aside-item .list-tags span.tag-item {
  line-height:30px;
  border:1px solid #ebebeb;
  height:30px;
  display:inline-block;
  padding:0 10px;
  margin-bottom:20px;
  margin-right:5px;
  color:#898989;
  border-radius:0px
}
.aside-item .list-tags span.tag-item:hover {
  color:#fff;
  background:var(--subColor);
  border-color:var(--subColor)
}
.aside-item .list-tags span.tag-item:hover a {
  color:#fff
}
.title_filter {
  font-size:24px;
  font-weight:600;
  display:block;
  margin-bottom:40px;
  line-height:34px
}
@media (max-width: 991px) {
  .title_filter {
    margin-bottom:10px
  }
}
.aside-filter {
  background:transparent;
  display:inline-block;
  margin-bottom:15px;
  width:100%;
}
h1.title-page {
  font-size:16px;
  text-transform:uppercase;
  font-weight:600;
  background:#fff;
  border-radius:5px;
  padding:10px 0px;
  display:block;
}
.aside-filter .aside-item .field-search {
  margin-bottom:10px;
  position:relative
}
.aside-filter .aside-item:last-child {
  margin-bottom:0;
  border:none
}
.aside-filter .aside-item:last-child .aside-content {
  margin-bottom:0
}
.aside-filter .aside-item .form-group .form-control {
  min-height:40px;
  height:40px
}
.aside-filter .aside-item .input-group-btn {
  position:static
}
.aside-filter .aside-item .input-group-btn button {
  position:absolute;
  right:0;
  top:0;
  height:40px;
  width:40px;
  padding:0;
  text-align:center;
  line-height:40px;
  background:var(--mainColor);
  color:#fff;
  border-bottom-right-radius:3px;
  border-top-right-radius:3px
}
.aside-filter .filter-container {
  margin-bottom:0px
}
.aside-filter .aside-item .aside-title:after {
  display:none
}
.aside-filter ul {
  padding-left:0;
  list-style:none;
  margin:0px
}
aside.aside-item {padding-top:15px;}
@media (max-width: 991px) {
  .aside-content {
    overflow:auto
  }
  .aside-content::-webkit-scrollbar {
    width:3px
  }
  .aside-content::-webkit-scrollbar-thumb {
    background-color:var(--mainColor);
    outline:1px solid var(--mainColor)
  }
}
aside.aside-item+.aside-item {
  border-top:1px solid #eee;
  margin-top:15px
}
.aside-content .filter-item {
  position:relative;
  clear:left;
  font-size:14px;
  padding:0
}
.aside-content .filter-item:last-child {
  border-bottom:none
}
.aside-content .filter-item a {
  font-size:14px;
  font-weight:600;
  line-height:1.7;
  padding:5px 20px 2px 0px
}
.aside-content .filter-item .fa {
  cursor:pointer;
  display:inline
}
.aside-content .filter-item .fa.fa-caret-right {
  right:auto;
  left:0;
  top:16px;
  text-align:left
}
.aside-content .filter-item .dropdown-menu {
  width:100%;
  border:0;
  padding-left:0px;
  box-shadow:none;
  margin-top:0px;
  padding:0px;
  position:static;
  background:none
}
.aside-content .filter-item.active>.dropdown-menu {
  display:block
}
.aside-content .filter-item:hover>a {
  color:#333;
  background-color:transparent
}
.aside-content .filter-item ul>li:before {
  top:17px;
  left:15px
}
.filter-container__selected-filter-item {
  background:transparent;
  padding:4px 8px;
  margin-right:5px;
  margin-top:5px;
  border:1px solid var(--mainColor);
  position:relative;
  overflow:hidden;
  display:inline-block;
  line-height:1;
  text-align:center;
  white-space:nowrap;
  vertical-align:baseline;
  border-radius:5px
}
.filter-container__selected-filter-item .fa {
  margin-left:10px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 492 492' style='enable-background:new 0 0 492 492;
  ' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M300.188,246L484.14,62.04c5.06-5.064,7.852-11.82,7.86-19.024c0-7.208-2.792-13.972-7.86-19.028L468.02,7.872 c-5.068-5.076-11.824-7.856-19.036-7.856c-7.2,0-13.956,2.78-19.024,7.856L246.008,191.82L62.048,7.872 c-5.06-5.076-11.82-7.856-19.028-7.856c-7.2,0-13.96,2.78-19.02,7.856L7.872,23.988c-10.496,10.496-10.496,27.568,0,38.052 L191.828,246L7.872,429.952c-5.064,5.072-7.852,11.828-7.852,19.032c0,7.204,2.788,13.96,7.852,19.028l16.124,16.116 c5.06,5.072,11.824,7.856,19.02,7.856c7.208,0,13.968-2.784,19.028-7.856l183.96-183.952l183.952,183.952 c5.068,5.072,11.824,7.856,19.024,7.856h0.008c7.204,0,13.96-2.784,19.028-7.856l16.12-16.116 c5.06-5.064,7.852-11.824,7.852-19.028c0-7.204-2.792-13.96-7.852-19.028L300.188,246z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat;
  width:8px;
  height:8px;
  display:block;
  background-size:contain;
  position:absolute;
  top:5px;
  right:0;
}
.filter-container__selected-filter-item a {
  color:var(--mainColor);
  z-index:1;
  position:relative;
  font-weight:400;
  padding-right:15px;
}
.filter-container__selected-filter-item a:hover {
  text-decoration:none
}
.filter-container__selected-filter-item a .fa {
  margin-left:5px
}
.filter-container__selected-filter-item:after {
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:0;
  background:var(--mainColor);
  opacity:0.1
}
.aside-filter .aside-item .aside-title {
  outline:none;
  cursor:pointer;
  font-weight:400;
  padding:10px 7px;
  min-height:36px;
  line-height:20px;
  border-radius:4px;
  position:relative;
  white-space:nowrap;
  background:white;
  transition:all .1s ease;
  border:1px solid #dddddd
}

.aside-filter .aside-item .aside-content ul .filter-item {
  margin-bottom:0px;
  position:relative
}
.aside-filter .aside-item .aside-content ul .filter-item label {
  width:100%;
  font-size:12px;
  color:#282828;
  margin-bottom:0px;
  cursor:pointer;
  line-height:1;
  display:flex !important;
  align-items:center;
  justify-content:center;
  font-weight:500;
}
@media (min-width: 992px) {
  .filter-container {
    gap:10px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    margin-bottom:0px;
    position:relative
  }
  .aside-item .aside-content ul {
    gap:10px;
    display:flex;
    flex-wrap:wrap
  }
  .filter-container .aside-content.filter-group {
    background:#fff;
    border:1px solid #f3f5f7;
    border-radius:0;
    border-top:none;
    z-index:7;
    padding:6px;
    position:absolute;
    width:630px;
    display:none;
    box-shadow:0 2px 20px rgba(0,0,0,0.5);
    margin-top:10px;
    border-radius:5px
  }
}
@media (min-width: 992px) and (max-width: 1025px) {
  .filter-container .aside-content.filter-group {
    width:440px
  }
}
@media (min-width: 992px) {
  .aside.aside-item {
    padding-top:0px
  }
  .aside-item {
    border-top:none !important;
    margin-top:0px !important;
    padding-top:0px !important
  }
  .aside-item .aside-content:before {
    border:9px solid transparent;
    border-bottom:9px solid #fff;
    margin-left:-9px;
    bottom:100%;
    left:20px;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none
  }
  .aside-item .aside-thuong-hieu ul {
    gap:10px;
    display:grid;
    align-items:center;
    grid-template-columns:repeat(5, 1fr)
  }
}
@media (min-width: 992px) and (max-width: 1025px) {
  .aside-item .aside-thuong-hieu ul {
    grid-template-columns:repeat(4, 1fr)
  }
}

@media (max-width: 992px) {
  .aside-filter .aside-item .aside-title {
    padding:0px;
    min-height:auto;
    border:none
  }
  .aside-filter .aside-item .aside-title svg {
    display:none
  }
  .aside-title h2 {
    margin-bottom:0px;
    text-transform:inherit;
    font-size:14px
  }
  .aside-title h2 svg {
    width:10px;
    height:10px;
    margin-left:5px;
    transition:transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    z-index:-1
  }
  .aside-item.active .aside-title svg.svg-arro {
    -moz-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg)
  }
  .dqdt-sidebar {
    padding:10px
  }
  .sidebar .wrap_background_aside {
    border-right:none !important
  }
  .filter-item--green {
    padding:0 !important;
    border:1px solid #ddd;
    border-radius:4px;
    margin-bottom:0px;
    height:36px;
    width:auto;
    display:inherit
  }
  .filter-item--green span {
    position:relative;
    width:100%
  }
  .filter-item--green:last-child {
    border-bottom:1px solid #ddd !important
  }
  .filter-item--green .custom-checkbox .fa:after,.filter-item--green .custom-checkbox .fa:before {
    content:'';
    pointer-events:none;
    background:var(--filter-color, #fff);
    box-shadow:none;
    position:absolute;
    top:2px;
    right:2px;
    left:auto;
    display:block;
    width:10px;
    height:10px;
    border-radius:0.2rem;
    border:1px solid #cad1d7
  }
  .filter-item--green label span {
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:14px;
    font-size:0px
  }
  .filter-item--green .custom-checkbox {
    padding:5px 14px;
    margin-bottom:0px;
    min-height:36px;
    text-align:center
  }
  .vendorxxx {
    padding:0 !important;
    border:1px solid #ddd;
    border-radius:4px;
    margin-bottom:0px;
    height:36px;
    display:inherit
  }
  .vendorxxx:last-child {
    border-bottom:1px solid #ddd !important
  }
  .vendorxxx .custom-checkbox .fa:after,.vendorxxx .custom-checkbox .fa:before {
    content:'';
    pointer-events:none;
    background:#fff;
    box-shadow:none;
    position:absolute;
    top:2px;
    right:2px;
    left:auto;
    display:block;
    width:10px;
    height:10px;
    border-radius:0.2rem;
    border:1px solid #cad1d7
  }
  .vendorxxx .custom-checkbox {
    padding:0px;
    margin-bottom:0px;
    min-height:36px
  }
  .custom-checkbox.color .fa {
    position:initial
  }
  .aside-content .filter-item label .vendoritem {
    width:100%;
    height:36px;
    background-repeat:no-repeat !important;
    background-position:center center;
    position:absolute;
    top:0;
    left:0;
    background-size:45px;
  }
}
.vendorxxx .no-vendor {
  font-size:12px !important;
  min-height:36px;
  padding-right:10px
}
.custom-checkbox {
  position:relative;
  display:block;
  min-height:1.5rem;
  padding-left:1.7rem
}
.custom-checkbox input {
  display:none
}
.custom-checkbox:not(.color) input:checked ~ .fa:after {
  background-color:var(--mainColor);
  border-color:var(--mainColor)
}
.custom-checkbox input:checked ~ .fa:before {
  z-index:2;
  background:no-repeat 50%/50% 50%;
  background-image:url("data:image/svg+xml;
  charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
}
.custom-checkbox .fa {
  display:inline
}
.custom-checkbox .fa:after,.custom-checkbox .fa:before {
  content:'';
  pointer-events:none;
  background:#fff;
  box-shadow:none;
  position:absolute;
  top:0.125rem;
  left:0rem;
  display:block;
  width:1.25rem;
  height:1.25rem;
  border-radius:0.2rem;
  border:1px solid #cad1d7
}
.custom-checkbox .fa:after {
  transition:all 0.3s ease
}
.custom-checkbox.color .fa {
  width:24px;
  height:24px;
  border:1px solid transparent;
  display:inline-block;
  position:absolute;
  left:0;
  top:0;
  border-radius:999px
}
.custom-checkbox.color input:checked ~ .fa {
  border-color:#cad1d7
}
.custom-checkbox.color .fa:before,.custom-checkbox.color .fa:after {
  width:20px;
  height:20px;
  left:1px;
  top:1px;
  border-radius:999px
}
.mb-filter {display:none;}

.icon_col {
  display:inline-block;
  position:relative;
  bottom:-4px;
  margin-right:5px;
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  -webkit-mask-image:url(//bizweb.dktcdn.net/100/488/001/themes/910675/assets/icon-filter-bg.png?1732756742160);
  background-color:#fff;
  min-width:16px;
  min-height:16px;
}
.aside-filter  .aside-item.active .aside-content {display:block;}
.item_brand img {max-width:80px;}
.list-cate-banner {margin-top:20px;}
.list-cate-banner .col {padding-bottom:0;}
.slider-cate a {
  max-width:10%;
  width:10%;
  flex-basis:10%;
  display:flex
  ;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.box-cate-img {
  height:40px;
  margin:0 auto;
  background-color:#f5f5f5;
  border-radius:5px;
  margin-bottom:5px;
  border:1px solid transparent;
  display:flex
  ;
  align-items:center;
  justify-content:center;
  padding:0 10px;
}
.slider-cate .flickity-prev-next-button {
  width:20px;
  height:20px;
  opacity:1;
}
.slider-cate .flickity-prev-next-button svg {
  background:var(--mainColor);
  border-radius:999px;
}
.slider-cate .flickity-prev-next-button svg path {fill:#fff !important;}
.slide-cate {margin:20px 0;}
.woocommerce-result-count {display:none;}
.header-shop-page {
  display:flex;
  align-items:center;
  margin-bottom:20px;
}
.woocommerce-ordering, .woocommerce-ordering select {border-radius:5px;}
.nav-pagination>li>a, .nav-pagination>li>span {
  border:1px solid;
  border-radius:5px;
  font-weight:normal;
  border-color:var(--mainColor);
}
#section-br {
  padding-top:18px;
  padding-bottom:18px;
  background-color:rgb(245, 245, 245);
}

/* BLOG **/
.home-blog .post-item .post-title  a {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.home-blog .post-item .post-title {
  font-size:14px;
  font-weight:400;
}
.home-blog .post-item .is-divider {display:none;}
.home-blog .post-item .box-text {padding:10px;}
.home-blog .post-item .overlay {
  background:linear-gradient(0deg, #000, transparent);
  background-color:transparent !important;
}
.home-blog .post-item .box {
  border-radius:10px;
  overflow:hidden;
}
.blog-wrapper {padding-top:0;}
#post-list .box-image {
  border-radius:10px;
  overflow:hidden;
}
#post-list .post-meta {
  background:url("data:image/svg+xml,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fal%22%20data-icon%3D%22clock%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20class%3D%22svg-inline--fa%20fa-clock%20fa-w-16%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208zm216%20248c0%20118.7-96.1%20216-216%20216-118.7%200-216-96.1-216-216%200-118.7%2096.1-216%20216-216%20118.7%200%20216%2096.1%20216%20216zm-148.9%2088.3l-81.2-59c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6%205.4-12%2012-12h14c6.6%200%2012%205.4%2012%2012v146.3l70.5%2051.3c5.4%203.9%206.5%2011.4%202.6%2016.8l-8.2%2011.3c-3.9%205.3-11.4%206.5-16.8%202.6z%22%20class%3D%22%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-repeat:no-repeat;
  padding-left:30px;
  background-position:left center;
  font-size:13px;
  font-weight:normal;
}
.box-blog-post .is-divider {background-color:transparent;}
.category .post-title a {
  color:#000;
  font-size:20px;
  line-height:1.3;
  display:-webkit-box;
  margin-bottom:10px;
  font-weight:500;
}
aside.widget {
  background-color:#fff;
  padding:15px;
  border-radius:5px;
  margin-bottom:15px;
  border:1px solid #e4e4e4;
}
span.widget-title {
  font-size:14px;
  text-transform:uppercase;
  font-weight:bold;
  margin-bottom:10px;
  border-bottom:1px solid #f1f1f1;
  padding-bottom:5px;
  display:block;
  letter-spacing:0;
  font-weight:500;
  padding-bottom:10px;
}
.widget .is-divider {display:none;}
.widget>ul>li>a, .widget>ul>li>span:first-child, ul.menu>li>a, ul.menu>li>span:first-child {color:black;}
.widget>ul>li+li, ul.menu>li+li {border:none;}
.widget>ul>li li>a, ul.menu>li li>a {
  font-size:14px;
  color:black;
}
ul.product_list_widget li+li {border-bottom:1px dashed #d9d9d9 !important;}
ul.product_list_widget li a:not(.remove) {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  white-space:unset;
}
ul.product_list_widget span.amount {font-size:80%;}
ul.product_list_widget li:last-child {border:none !important;}
.blog-single .is-divider {display:none;}
.blog-single .entry-header-text-top {padding-bottom:0;}
input[type=email], input[type=number], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  height:40px;
  border-radius:5px;
  box-shadow:none;
}
.list-shop-tab {
  padding:10px;
  background-color:#fff;
  background-image:-webkit-linear-gradient(0deg, #0074bf 0%, #0074bf 52%, #0074bf 100%);
}
.list-shop-tab select {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-position:right center;
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-color:#fff !important;
  padding-right:28px;
  text-indent:0.01px;
  text-overflow:'';
  cursor:pointer;
  font-size:14px;
  font-weight:500;
  padding:5px 20px 5px 12px;
  width:100%;
  height:40px;
  border-radius:0px;
  border:1px solid #E3E3E3;
  outline:none !important;
}
.tab-bottom-data {
  background:#fff;
  padding:0px;
  line-height:24px;
  border-bottom:dashed 1px #F2F2F2;
  cursor:pointer;
  position:relative;
  display:inline-block;
  padding:10px 5px;
  width:100%;
}
.tab-bottom-item h3 {
  display:inline-block;
  width:100%;
  font-size:15px;
  font-weight:700;
  color:#000;
}
.tab-bottom-item {
  border-bottom:1px solid #eee;
  margin-bottom:10px;
  padding-bottom:10px;
}
.tab-bottom-item p {margin-bottom:5px;}
.tab-bottom-item i {color:var(--mainColor);}
.tab-bottom-contact a {
  position:relative;
  display:block;
  padding-left:18px;
}
.tab-bottom-contact a::before {
  content:"";
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
  width:14px;
  height:13px;
  left:2px;
  top:0px;
  position:absolute;
}
.tab-bottom-contact a.phone::before {background-image:url(./assets/images/phone.svg);}
.tab-bottom-contact a.fanpage::before {background-image:url(./assets/images/facebook.svg);}
.tab-bottom-contact a.zalo::before {background-image:url(./assets/images/zalo.png);}
.tab-bottom-contact a.map::before {background-image:url(./assets/images/map.png);}
.tab-bottom-contact {
  display:flex
  ;
  align-items:center;
  font-size:12px;
  gap:6px;
  flex-wrap:wrap;
}
.list-shop-iframe iframe {
  width:100% !important;
  height:555px;
}
.tab-bottom {
  max-height:426px;
  position:relative;
  overflow-y:scroll;
}
.pro-row > .col > .col-inner {
  text-align:center;
  -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
  padding-top:7px;
  padding-bottom:5px;
  border-radius:5px;
  background:linear-gradient(90deg, #004d7e 0%, #0074bf 50%, #004d7e 100%);
}
.pro-row .icon-box {
  width:max-content;
  color:#fff;
}
.pro-row .icon-box img {
  -webkit-filter:invert(100%); /* Safari/Chrome */
  filter:invert(100%);
}
.row-main > .col {padding-bottom:0;}
.row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col {
  margin-bottom:0;
  padding:0 8px 19.6px;
}
.combo-khuyenmai .combo-item {
  border:1px solid #eee;
  margin-top:10px;
  padding:10px;
  border-radius:10px;
}
.combo-khuyenmai .combo-item p:last-child, .combo-khuyenmai .combo-item ul {
  margin-bottom:0;
  font-size:14px;
}
.combo-khuyenmai .combo-item li, .combo-khuyenmai .combo-item p {margin-bottom:4px;}
.video-background {
  height:400px;
  background-size:cover !important;
  background-position:center center !important;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:10px;
  overflow:hidden;
}
.video-background svg {width:100px;}

@media(max-width:767px) {
  .list-cate-banner .row {
    display:grid
    ;
    grid-template-rows:1fr;
    overflow:auto;
    justify-content:start;
    grid-template-columns:repeat(3, 80%);
    padding-bottom:10px;
  }
  .slider-cate a {
    width:30%;
    max-width:30%;
  }
  .aside-filter {display:block;}
  .mb-filter {
    border-right:none;
    width:100%;
    left:3px;
    top:3px;
    background-color:var(--mainColor);
    line-height:38px;
    border-radius:5px;
    display:block;
    color:#fff !important;
    font-weight:500;
    text-align:center;
  }
  .filter-content.active {
    border:1px solid #eee;
    padding:15px;
    border-top:0;
  }
  h1.title-page {margin-bottom:0;}
  .col-block-flashsale {position:absolute;}
  .hdevvn-show-cats {
    margin-top:10px;
    white-space:nowrap;
    display:flex
    ;
    display:flex
    ;
    overflow-x:auto;
    overflow-y:hidden;
  }
  span.hdevvn-show-cats li {margin-left:0;}
  .blog-list-mb {
    display:grid;
    overflow:auto;
    justify-content:start;
    width:100%;
    grid-template-columns:repeat(6, 1fr);
    padding-bottom:10px;
  }
  .blog-list-mb > .col {
    float:left;
    overflow:hidden;
    position:relative;
    border-radius:5px;
    height:150px;
    width:200px;
    padding-bottom:0;
  }
  .pro-row .icon-box {
    flex-direction:column;
    text-align:center;
  }
  .pro-row .icon-box .icon-box-text {
    font-size:12px;
    padding:5px;
  }
	.nav li.has-icon-left>a>img {
    -webkit-filter:invert(100%);
    filter:invert(100%);
  }
}

@media (max-width: 992px) {
  .filter-container {
    gap:10px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    margin-bottom:0px;
    position:relative
  }
  .aside-item .aside-content ul {
    gap:5px;
    display:flex;
    flex-wrap:wrap;
    grid-template-columns:repeat(2, 1fr)
  }
  .filter-container .aside-content.filter-group {
    background:#fff;
    border-radius:0;
    border-top:none;
    z-index:7;
    padding:5px 0px;
    max-width:100%;
    margin-top:0px;
    border-radius:5px
  }
  .aside.aside-item {
    padding-top:0px
  }
  .aside-item {
    border-top:none !important;
    margin-top:0px !important;
    padding-top:0px !important;
    width:100%
  }
  .aside-title {
    outline:none;
    cursor:pointer;
    font-weight:400;
    padding:10px 7px;
    min-height:36px;
    line-height:20px;
    border-radius:4px;
    position:relative;
    white-space:nowrap;
    background:white;
    transition:all .1s ease;
    border:1px solid #dddddd
  }
  .aside-item .aside-content:before {
    border:9px solid transparent;
    border-bottom:9px solid #fff;
    margin-left:-9px;
    bottom:100%;
    left:20px;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none
  }
  .aside-item .aside-thuong-hieu ul {
    gap:5px;
    display:grid;
    align-items:center;
    grid-template-columns:repeat(2, 1fr)
  }
  .aside-title h2 {
    margin-bottom:0px;
    text-transform:inherit;
    font-size:14px
  }
  .aside-title h2 svg {
    width:10px;
    height:10px;
    margin-left:5px;
    transition:transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    z-index:-1
  }
  .aside-item.active .aside-title svg.svg-arro {
    -moz-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg)
  }
  .aside-item.active .aside-content {
    display:block
  }
  .dqdt-sidebar {
    padding:10px
  }
  .sidebar .wrap_background_aside {
    border-right:none !important
  }
  .filter-item--green {
    padding:0 !important;
    border:1px solid #ddd;
    border-radius:4px;
    margin-bottom:0px;
    height:32px;
    width:auto;
    display:inherit
  }
  .filter-item--green span {
    position:relative;
    width:100%
  }
  .filter-item--green:last-child {
    border-bottom:1px solid #ddd !important
  }
  .filter-item--green .custom-checkbox .fa:after,.filter-item--green .custom-checkbox .fa:before {
    content:'';
    pointer-events:none;
    background:#fff;
    box-shadow:none;
    position:absolute;
    top:2px;
    right:2px;
    left:auto;
    display:block;
    width:10px;
    height:10px;
    border-radius:0.2rem;
    border:1px solid #cad1d7
  }
  .filter-item--green label span {
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:14px;
    font-size:0px
  }
  .filter-item--green .custom-checkbox {
    padding:5px 15px;
    margin-bottom:0px;
    min-height:32px
  }
  .vendorxxx {
    padding:0 !important;
    border:1px solid #ddd;
    border-radius:4px;
    margin-bottom:0px;
    height:36px;
    display:inherit
  }
  .vendorxxx:last-child {
    border-bottom:1px solid #ddd !important
  }
  .vendorxxx .custom-checkbox .fa:after,.vendorxxx .custom-checkbox .fa:before {
    content:'';
    pointer-events:none;
    background:#fff;
    box-shadow:none;
    position:absolute;
    top:2px;
    right:4px;
    left:auto;
    display:block;
    width:10px;
    height:10px;
    border-radius:0.2rem;
    border:1px solid #cad1d7
  }
  .vendorxxx label span {
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:14px;
    font-size:0px
  }
  .vendorxxx .custom-checkbox {
    padding:0px;
    margin-bottom:0px;
    min-height:32px
  }
  .custom-checkbox.color .fa {
    position:initial
  }
  .aside-content .filter-item label .vendoritem {
    width:100%;
    height:32px;
    background-repeat:no-repeat !important;
    background-position:center center;
    position:absolute;
    top:0;
    left:0;
    background-size:65px;
  }
  .aside-filter .filter-content .aside-item:not(.filter-brands) {display:none;}
  .aside-filter .filter-content .aside-item.active {display:block;}
  .aside-filter .filter-content.active {display:block;}
  .mb-filter {display:block;}
  .filter-container .filter-brands .aside-content .filter-item {margin-left:0;}
  .aside-item.filter-brands {margin-top:15px !important;}
  .li-kmdiscount {
    display:inline-block;
    background-color:#fff;
    padding:5px 10px;
    border-radius:5px;
    text-align:right;
    float:right;
    -webkit-animation:zoom-in-zoom-out 2000ms infinite;
    -moz-animation:zoom-in-zoom-out 2000ms infinite;
    -o-animation:zoom-in-zoom-out 2000ms infinite;
    animation:zoom-in-zoom-out 2000ms infinite
  }
  @keyframes zoom-in-zoom-out {
    0% {
      transform:scale(0.85, 0.85)
    }
    10%,20% {
      transform:scale3d(0.9, 0.9, 0.9) rotate(-2deg)
    }
    30%,50%,70%,90% {
      transform:scale3d(1, 1, 1) rotate(2deg)
    }
    40%,60%,80% {
      transform:scale3d(1, 1, 1) rotate(-2deg)
    }
    100% {
      transform:scale(0.9)
    }
  }
  .li-kmdiscount.nav-item {
    display:none !important
  }
  .li-kmdiscount a {
    color:#fcaf17;
    text-transform:uppercase;
    font-weight:600
  }
  .li-kmdiscount img {
    max-width:20px;
    vertical-align:-4px
  }
  .box-catelory {
    position:relative
  }
}

@media only screen and (max-width: 48em) {
}

@keyframes play {
  0% {
    transform:rotate(0deg) scale(1) skew(1deg)
  }
  10% {
    transform:rotate(-25deg) scale(1) skew(1deg)
  }
  20% {
    transform:rotate(25deg) scale(1) skew(1deg)
  }
  30% {
    transform:rotate(-25deg) scale(1) skew(1deg)
  }
  40% {
    transform:rotate(25deg) scale(1) skew(1deg)
  }
  50% {
    transform:rotate(0deg) scale(1) skew(1deg)
  }
  100% {
    transform:rotate(0deg) scale(1) skew(1deg)
  }
}