@charset "UTF-8";
@keyframes zoom-in-zoom-out-gift {
  0%, 100% {
    transform: scale(1) rotate(5); }
  25% {
    transform: scale(1.1) rotate(-5deg); }
  50% {
    transform: scale(1) rotate(5deg); }
  75% {
    transform: scale(1.1) rotate(-5deg); } }

@media (max-width: 767px) {
  .qty-flex {
    visibility: visible;
    opacity: 1;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    margin-top: 10px; } }

@media (min-width: 768px) {
  .qty-md-none {
    visibility: hidden;
    opacity: 0; } }

@media (max-width: 767px) {
  .qty-none {
    visibility: hidden;
    opacity: 0; } }

@media (min-width: 768px) {
  .qty-md-flex {
    visibility: visible;
    opacity: 1; } }

.d-flex-cl {
  flex-direction: column;
  align-items: center; }

.color-hover-default {
  color: #259BD1;
  text-decoration: underline; }

#header #site-header-center, .product-fixed-buy-mart, #wrapper-box-sw-mb, .product-block .product-img > a img.img-hover, .product-block .product-img .product-icon-action, .product-block .product-img .product-icon-action > div > button:after, .product-block .product-img .product-icon-action > div > button:before, footer .top-ft-wanda .follow-wanda ul li a, .back-to-top, .social-fixed, .social-fixed ul, .row-flex .add-to-cart-style-qv, .row-flex .add-to-cart-style, .row-flex .buynow-style {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

footer .top-ft-wanda .newletter form .btn {
  border-radius: 0;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  border: none;
  text-align: center;
  letter-spacing: .3em;
  font-weight: 600;
  position: absolute;
  padding: 0;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background: transparent;
  color: #fff;
  font-size: 12px;
  letter-spacing: .2em;
  height: 100%;
  box-shadow: none;
  white-space: nowrap;
  transition: .3s; }

/* header */
.topbar {
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  padding: 13px 0;
  position: relative;
  display: block;
  overflow: hidden;
  text-transform: uppercase;
  background: #ec2042;
  color: #fff; }
  .topbar a {
    text-decoration: underline; }
  .topbar .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .topbar .slick-arrow.left {
      left: 0; }
    .topbar .slick-arrow.right {
      right: 0;
      transform: translateY(-50%) rotate(180deg); }
  .topbar .topbar-slideText {
    margin: 0 auto; }
    .topbar .topbar-slideText:not(.slick-initialized) {
      display: flex;
      overflow: hidden; }
    .topbar .topbar-slideText:not(.slick-initialized) .discount {
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%; }
    .topbar .topbar-slideText .owl-nav button.owl-prev, .topbar .topbar-slideText .owl-nav button.owl-next {
      position: absolute;
      top: calc(50% - 8px);
      padding: 0;
      height: 28px;
      width: 28px;
      line-height: 28px;
      text-align: center;
      display: inline-block;
      text-align: center;
      color: #444444;
      background-color: transparent;
      border: 0;
      outline: none;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      transition: all 0.4s; }
    .topbar .topbar-slideText .owl-nav button.owl-prev {
      left: 0px; }
    .topbar .topbar-slideText .owl-nav button.owl-next {
      right: 0px; }
    .topbar .topbar-slideText .owl-nav button.owl-prev:hover, .topbar .topbar-slideText .owl-nav button.owl-next:hover {
      color: #ffffff; }
  .topbar .discount {
    padding: 0 45px;
    min-height: 30px;
    display: -ms-flexbox;
    display: flex !important;
    -ms-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    justify-content: center; }
  .topbar .bg-primary {
    background-color: #337ab7;
    color: #fff;
    font-weight: 500;
    padding: 3px 10px;
    border-radius: 3px;
    margin-left: 8px;
    display: inline-block; }
    .topbar .bg-primary:focus, .topbar .bg-primary:hover {
      background-color: #259BD1;
      color: #ffffff;
      opacity: 0.8; }
  @media (max-width: 767px) {
    .topbar {
      font-size: 12px;
      padding: 12px 0; }
    .topbar .topbar-slideText .discount {
      padding: 0 18px;
      min-height: 30px; }
    .topbar .topbar-slideText .owl-nav button.owl-prev {
      left: -15px;
      opacity: 1; }
    .topbar .topbar-slideText .owl-nav button.owl-next {
      right: -15px;
      opacity: 1; } }

.locked-scroll {
  overflow: hidden;
  width: 100%;
  top: 0;
  position: relative !important; }

.topnav {
  background-color: #000; }
  .topnav .topnav-flex {
    display: flex;
    flex-wrap: wrap; }
    .topnav .topnav-flex .top-nav--menu-list {
      display: flex; }
      .topnav .topnav-flex .top-nav--menu-list li {
        display: flex;
        align-items: center;
        justify-content: center; }
        .topnav .topnav-flex .top-nav--menu-list li a {
          font-size: 14px;
          color: #fff;
          letter-spacing: 1px;
          text-transform: uppercase;
          padding: 15px 22px;
          display: inline-flex;
          align-self: center;
          cursor: pointer;
          text-align: center; }
        .topnav .topnav-flex .top-nav--menu-list li.active {
          background-color: #fff; }
          .topnav .topnav-flex .top-nav--menu-list li.active a {
            color: #000; }
    .topnav .topnav-flex .top-nav--menu, .topnav .topnav-flex .top-nav--announcement {
      flex: 0 0 100%;
      max-width: 100%; }
    .topnav .topnav-flex .top-nav--announcement .top-nav--menu-list {
      justify-content: flex-end; }
    @media (min-width: 992px) {
      .topnav .topnav-flex .top-nav--menu {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%; }
      .topnav .topnav-flex .top-nav--announcement {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%; } }
  @media (max-width: 767px) {
    .topnav .container {
      padding: 0; }
    .topnav .topnav-flex .top-nav--menu-list {
      overflow: scroll;
      scrollbar-width: none;
      -ms-overflow-style: none; }
      .topnav .topnav-flex .top-nav--menu-list::-webkit-scrollbar {
        width: 0;
        display: none; }
      .topnav .topnav-flex .top-nav--menu-list li a {
        white-space: nowrap; }
    .topnav .topnav-flex .top-nav--announcement .top-nav--menu-list {
      justify-content: center; } }

@keyframes marquee {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }

.topbar-slide {
  background: #000;
  padding: 15px 0;
  height: 50px;
  display: flex;
  align-items: center; }
  .topbar-slide .list-info {
    white-space: nowrap; }
    .topbar-slide .list-info a {
      margin-right: 100px;
      color: #fff;
      text-transform: uppercase;
      white-space: nowrap;
      font-weight: 500; }
      .topbar-slide .list-info a:hover {
        text-decoration: underline; }
  @media (max-width: 767px) {
    .topbar-slide {
      padding: 10px 0;
      height: 40px; }
      .topbar-slide .list-info a {
        margin-right: 50px;
        font-size: 12px; } }

.banner_top {
  position: -webkit-sticky;
  position: fixed;
  top: 0;
  z-index: 1000;
  /*& ~ .mainHeader {
	top: 56px;
	@media (max-width: 991px){
	top: 41px;
  }
  }*/ }

/*---- style header nền trong suốt -----*/
.index #header #site-header-center, .landing-page-style #header #site-header-center {
  background: transparent;
  border: 1px solid transparent; }
  .index #header #site-header-center .group-icon-header ul li a svg, .landing-page-style #header #site-header-center .group-icon-header ul li a svg {
    fill: #ffffff; }
  .index #header #site-header-center .logo svg, .landing-page-style #header #site-header-center .logo svg {
    fill: #ffffff; }
  .index #header #site-header-center .menu-desk .label-hot a, .landing-page-style #header #site-header-center .menu-desk .label-hot a {
    color: #ec2042; }
  .index #header #site-header-center .btn-menu-mb i, .landing-page-style #header #site-header-center .btn-menu-mb i {
    background: #ffffff; }

.index #header #site-header-center .menu-desk > li > a, .landing-page-style #header #site-header-center .menu-desk > li > a {
  color: #fff; }

.index #header:hover #site-header-center, .index #header.headindex #site-header-center, .landing-page-style #header:hover #site-header-center, .landing-page-style #header.headindex #site-header-center {
  background: #fff;
  border-bottom: 1px solid #dedede; }
  .index #header:hover #site-header-center .menu-desk > li > a, .index #header.headindex #site-header-center .menu-desk > li > a, .landing-page-style #header:hover #site-header-center .menu-desk > li > a, .landing-page-style #header.headindex #site-header-center .menu-desk > li > a {
    color: var(--colorshop); }
  .index #header:hover #site-header-center .logo svg, .index #header.headindex #site-header-center .logo svg, .landing-page-style #header:hover #site-header-center .logo svg, .landing-page-style #header.headindex #site-header-center .logo svg {
    fill: #272727; }
  .index #header:hover #site-header-center .group-icon-header ul li a svg, .index #header.headindex #site-header-center .group-icon-header ul li a svg, .landing-page-style #header:hover #site-header-center .group-icon-header ul li a svg, .landing-page-style #header.headindex #site-header-center .group-icon-header ul li a svg {
    fill: #000000; }
  .index #header:hover #site-header-center .menu-desk .label-hot a, .index #header.headindex #site-header-center .menu-desk .label-hot a, .landing-page-style #header:hover #site-header-center .menu-desk .label-hot a, .landing-page-style #header.headindex #site-header-center .menu-desk .label-hot a {
    color: #ec2042; }
  .index #header:hover #site-header-center .btn-menu-mb i, .index #header.headindex #site-header-center .btn-menu-mb i, .landing-page-style #header:hover #site-header-center .btn-menu-mb i, .landing-page-style #header.headindex #site-header-center .btn-menu-mb i {
    background: #000000; }

/*   end style header nền trong suốt   */
.section-image-product .section-content {
  background: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  /* Arrows */ }
  .section-image-product .section-content .head-product {
    margin-bottom: 20px; }
  .section-image-product .section-content .box-image-slide {
    width: 33%; }
  .section-image-product .section-content .box-content {
    width: 67%;
    padding: 0 0 0 40px; }
  .section-image-product .section-content .list-image:not(.slick-initialized) {
    display: flex;
    overflow: hidden;
    flex-direction: row; }
    .section-image-product .section-content .list-image:not(.slick-initialized) .box-img {
      flex: 0 0 100%;
      max-width: 100%; }
    .section-image-product .section-content .list-image:not(.slick-initialized) .d-flex-column {
      flex: 0 0 100%;
      max-width: 100%; }
  .section-image-product .section-content .listProduct-row:not(.slick-initialized) {
    display: flex;
    overflow: hidden; }
    .section-image-product .section-content .listProduct-row:not(.slick-initialized) .d-flex-column {
      flex: 0 0 31.25%;
      max-width: 31.25%; }
  .section-image-product .section-content .slick-list {
    display: flex !important; }
  .section-image-product .section-content .slick-track {
    display: flex; }
  .section-image-product .section-content .slick-dots {
    position: absolute;
    bottom: 15px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
  .section-image-product .section-content .slick-dots li {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 2px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  .section-image-product .section-content .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 40px;
    height: 2px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .section-image-product .section-content .slick-dots li button:hover,
  .section-image-product .section-content .slick-dots li button:focus {
    outline: none; }
  .section-image-product .section-content .slick-dots li button:hover:before,
  .section-image-product .section-content .slick-dots li button:focus:before {
    opacity: 1; }
  .section-image-product .section-content .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 3px;
    content: ' ';
    text-align: center;
    background: #fff;
    border-radius: 1px;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .section-image-product .section-content .slick-dots li.slick-active button:before {
    opacity: .75;
    color: black; }
  .section-image-product .section-content .slick-prev,
  .section-image-product .section-content .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    background: transparent;
    border: 1px solid #000;
    border-radius: 50%;
    outline: none; }
  .section-image-product .section-content .slick-prev:hover:before,
  .section-image-product .section-content .slick-prev:focus:before,
  .section-image-product .section-content .slick-next:hover:before,
  .section-image-product .section-content .slick-next:focus:before {
    opacity: 1; }
  .section-image-product .section-content .slick-prev.slick-disabled:before,
  .section-image-product .section-content .slick-next.slick-disabled:before {
    opacity: .25; }
  .section-image-product .section-content .slick-prev:before,
  .section-image-product .section-content .slick-next:before {
    line-height: 1;
    opacity: .75;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .section-image-product .section-content .slick-prev {
    left: 25px; }
  .section-image-product .section-content [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto; }
  .section-image-product .section-content .slick-next {
    right: 25px; }

.section-image-product .head-product .head-subtile {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0; }

.section-image-product .head-product .head-title {
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0; }

.section-image-product .box-btnall {
  position: relative;
  background: #fff; }
  .section-image-product .box-btnall .btnall {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #f5f4f7;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase; }

.section-image-product.section-1 .section-content {
  background: #ffffff; }

.section-image-product.section-2 .section-content {
  background: #ffffff; }

@media (max-width: 767px) {
  .section-image-product {
    margin-top: 20px; }
    .section-image-product.section-2 {
      margin-top: 20px; }
    .section-image-product .container {
      padding: 0; }
    .section-image-product .box-image-slide .head-product {
      display: block; }
    .section-image-product .box-content .head-product {
      display: none; }
    .section-image-product .head-product {
      text-align: center; }
    .section-image-product .section-content {
      flex-direction: column; }
    .section-image-product .section-content .box-image-slide {
      width: 100%; }
    .section-image-product .section-content .box-content {
      width: 100%;
      padding: 0; }
    .section-image-product .section-content .slick-prev {
      left: 5px; }
    .section-image-product .section-content .slick-next {
      right: 5px; }
    .section-image-product .section-content .listProduct-row:not(.slick-initialized) {
      display: flex;
      overflow: hidden; }
      .section-image-product .section-content .listProduct-row:not(.slick-initialized) .d-flex-column {
        flex: 0 0 50%;
        max-width: 50%; } }

.section-image-product:nth-child(2) .section-content {
  background: #95b377; }

@media (max-width: 767px) {
  #section-two-banner .container {
    padding: 0; } }

/*-- fix banner hình ảnh đỡ bị giật --*/
.image-cover {
  position: relative; }
  .image-cover img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
    z-index: 8; }
  .image-cover:before {
    content: "";
    padding-bottom: calc(100%* 1.50043663);
    display: block; }

#header {
  z-index: 999;
  /*height: var(--height-head);*/
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  top: 0; }
  #header #site-header-center {
    padding: 10px 0;
    background: #fff;
    /*box-shadow: 0px 0px 3px 0px #ccc;min-height:var(--height-head);*/
    border-bottom: 1px solid #dedede; }
    #header #site-header-center .logo svg {
      max-width: 185px;
      width: 100%;
      height: 100%;
      display: block; }
      @media (max-width: 991px) {
        #header #site-header-center .logo svg {
          height: auto;
          width: 100%;
          max-width: 160px;
          margin: 0 auto; } }
    @media (min-width: 992px) {
      #header #site-header-center .menu-desk {
        display: flex;
        flex-direction: row;
        justify-content: center;
        position: relative;
        align-items: center; }
        #header #site-header-center .menu-desk .bg-menu {
          max-height: 42px; }
        #header #site-header-center .menu-desk .label-hot {
          position: relative; }
          #header #site-header-center .menu-desk .label-hot:before {
            position: absolute;
            content: '';
            width: 30px;
            height: 20px;
            background-image: url("https://file.hstatic.net/200000525243/file/label-hot_ad40272fff774927b724a7e4ee321cb9.png");
            top: -2px;
            right: -10px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center; }
          #header #site-header-center .menu-desk .label-hot.cus:before {
            top: -5px;
            right: -30px; }
        #header #site-header-center .menu-desk .label-new {
          position: relative; }
          #header #site-header-center .menu-desk .label-new:before {
            position: absolute;
            content: '';
            width: 30px;
            height: 20px;
            background-image: url("https://file.hstatic.net/200000525243/file/label-hot_ad40272fff774927b724a7e4ee321cb9.png");
            top: -2px;
            right: -10px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center; }
          #header #site-header-center .menu-desk .label-new.cus:before {
            top: -5px;
            right: -30px; }
        #header #site-header-center .menu-desk > li {
          padding: 0 15px;
          position: static; } }
    @media (min-width: 992px) and (max-width: 1366px) {
      #header #site-header-center .menu-desk > li {
        padding: 0 12px; } }
    @media (min-width: 992px) and (max-width: 1024px) {
      #header #site-header-center .menu-desk > li {
        padding: 0 5px; } }
    @media (min-width: 992px) {
          #header #site-header-center .menu-desk > li > a {
            font-size: 16px;
            font-weight: 500;
            text-transform: unset;
            padding: 10px 5px;
            display: block; }
            #header #site-header-center .menu-desk > li > a:hover {
              color: inherit; } }
      @media (min-width: 992px) and (max-width: 1024px) {
        #header #site-header-center .menu-desk > li > a {
          font-size: 14px; } }
    @media (min-width: 992px) {
            #header #site-header-center .menu-desk > li > a i {
              display: none;
              font-size: 10px;
              font-weight: 300;
              margin-left: 5px;
              -webkit-transition: .2s;
              -moz-transition: .2s;
              -o-transition: .2s;
              transition: .2s; }
          #header #site-header-center .menu-desk > li:hover > a > i {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg); }
          #header #site-header-center .menu-desk > li.mega-menu:hover > .mega-menu-wrap {
            -webkit-transform: rotate3d(0, 0, 0, 0deg);
            -moz-transform: rotate3d(0, 0, 0, 0deg);
            -o-transform: rotate3d(0, 0, 0, 0deg);
            -ms-transform: rotate3d(0, 0, 0, 0deg);
            transform: rotate3d(0, 0, 0, 0deg);
            visibility: visible; }
          #header #site-header-center .menu-desk > li .mega-menu-wrap {
            visibility: hidden;
            position: absolute;
            width: 100%;
            left: 0;
            top: 100%;
            padding-top: 10px;
            z-index: 999;
            -webkit-transform: rotate3d(1, 0, 0, -90deg);
            -moz-transform: rotate3d(1, 0, 0, -90deg);
            -o-transform: rotate3d(1, 0, 0, -90deg);
            -ms-transform: rotate3d(1, 0, 0, -90deg);
            transform: rotate3d(1, 0, 0, -90deg);
            -webkit-transform-origin: 0 0 0;
            -moz-transform-origin: 0 0 0;
            -o-transform-origin: 0 0 0;
            -ms-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease; }
            #header #site-header-center .menu-desk > li .mega-menu-wrap .menu-mega-inner {
              background: #fff;
              display: flex;
              padding: 20px;
              box-shadow: 0px 2px 5px 0px #ccc;
              border-top: 2px solid var(--bgshop); }
              #header #site-header-center .menu-desk > li .mega-menu-wrap .menu-mega-inner > .item-mega-menu {
                flex: 1; }
                #header #site-header-center .menu-desk > li .mega-menu-wrap .menu-mega-inner > .item-mega-menu .hd-title-menu > a {
                  font-size: 14px;
                  display: block;
                  padding: 0 7px 10px;
                  padding-right: 0;
                  text-transform: uppercase;
                  font-weight: bold;
                  position: relative; } }
            @media (min-width: 992px) and (min-width: 992px) and (max-width: 1199px) {
              #header #site-header-center .menu-desk > li .mega-menu-wrap .menu-mega-inner > .item-mega-menu .hd-title-menu > a {
                font-size: 12px; } }
    @media (min-width: 992px) {
                  #header #site-header-center .menu-desk > li .mega-menu-wrap .menu-mega-inner > .item-mega-menu .hd-title-menu > a:before {
                    position: absolute;
                    content: "";
                    height: 2px;
                    width: 50px;
                    background: var(--bgshop);
                    bottom: 4px; }
                #header #site-header-center .menu-desk > li .mega-menu-wrap .menu-mega-inner > .item-mega-menu .sub-menu {
                  padding: 5px 10px; }
                  #header #site-header-center .menu-desk > li .mega-menu-wrap .menu-mega-inner > .item-mega-menu .sub-menu li {
                    position: relative;
                    display: block; }
                    #header #site-header-center .menu-desk > li .mega-menu-wrap .menu-mega-inner > .item-mega-menu .sub-menu li a {
                      display: inline-block;
                      padding-bottom: 10px;
                      font-size: 14px;
                      position: relative; } }
                @media (min-width: 992px) and (min-width: 992px) and (max-width: 1199px) {
                  #header #site-header-center .menu-desk > li .mega-menu-wrap .menu-mega-inner > .item-mega-menu .sub-menu li a {
                    font-size: 12px; } }
    @media (min-width: 992px) {
          #header #site-header-center .menu-desk > li.active > a {
            color: #f95d03 !important;
            font-weight: 600; }
          #header #site-header-center .menu-desk > li .sub_top_menu {
            padding-top: 10px;
            position: absolute;
            z-index: 999;
            min-width: 150px;
            margin-top: 30px;
            opacity: 0;
            visibility: hidden;
            -webkit-transform-origin: 0 0 0;
            -moz-transform-origin: 0 0 0;
            -o-transform-origin: 0 0 0;
            -ms-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
            top: 100%; }
            #header #site-header-center .menu-desk > li .sub_top_menu .sub_menu_dropdown {
              background: #fff;
              -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
              -moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
              -o-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
              -ms-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
              box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2); }
              #header #site-header-center .menu-desk > li .sub_top_menu .sub_menu_dropdown.lv3 {
                position: absolute;
                left: 100%;
                top: 0;
                min-width: 150px;
                opacity: 0;
                visibility: hidden;
                -webkit-transform-origin: 0 0 0;
                -moz-transform-origin: 0 0 0;
                -o-transform-origin: 0 0 0;
                -ms-transform-origin: 0 0 0;
                transform-origin: 0 0 0;
                -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease;
                left: 130%;
                top: 0;
                margin-top: 0;
                opacity: 0;
                visibility: hidden; }
              #header #site-header-center .menu-desk > li .sub_top_menu .sub_menu_dropdown li {
                position: relative; }
                #header #site-header-center .menu-desk > li .sub_top_menu .sub_menu_dropdown li a {
                  padding: 10px 10px 0 10px;
                  white-space: nowrap;
                  text-align: left;
                  font-size: 14px;
                  display: flex;
                  align-items: center;
                  justify-content: space-between; }
                  #header #site-header-center .menu-desk > li .sub_top_menu .sub_menu_dropdown li a i {
                    font-size: 10px; }
                #header #site-header-center .menu-desk > li .sub_top_menu .sub_menu_dropdown li:last-child a {
                  padding-bottom: 10px; }
                #header #site-header-center .menu-desk > li .sub_top_menu .sub_menu_dropdown li:hover .lv3 {
                  left: 100%;
                  opacity: 1;
                  visibility: visible; }
          #header #site-header-center .menu-desk > li:hover > .sub_top_menu {
            opacity: 1;
            visibility: visible;
            margin-top: 0; }
        #header #site-header-center .menu-desk .hot-label {
          position: absolute;
          top: -12px;
          left: 100%;
          font-size: 8px;
          display: inline-block;
          text-transform: uppercase;
          line-height: 15px;
          padding: 0 5px;
          font-weight: 600;
          color: #fff;
          background: var(--bg-label); }
          #header #site-header-center .menu-desk .hot-label:before {
            border-top: 4px solid var(--bg-label);
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            display: inline-block;
            top: 100%;
            left: 5px;
            border-right: 4px solid transparent; } }
    #header #site-header-center .group-icon-header ul {
      display: flex;
      justify-content: flex-end; }
      #header #site-header-center .group-icon-header ul li {
        vertical-align: top;
        width: 40px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center; }
        #header #site-header-center .group-icon-header ul li a {
          text-decoration: none;
          color: #000;
          display: block;
          position: relative; }
          #header #site-header-center .group-icon-header ul li a svg, #header #site-header-center .group-icon-header ul li a img {
            width: 20px;
            height: 20px;
            fill: #000000; }
        #header #site-header-center .group-icon-header ul li .number-cart, #header #site-header-center .group-icon-header ul li .number-like {
          color: #fff;
          position: absolute;
          background: var(--bgshop);
          width: 15px;
          height: 15px;
          font-size: 10px;
          line-height: 15px;
          border-radius: 50%;
          text-align: center;
          right: -8px;
          bottom: 5px; }
        #header #site-header-center .group-icon-header ul li.show-search > .header-action_dropdown {
          visibility: visible;
          opacity: 1;
          transform: scale(1); }
        #header #site-header-center .group-icon-header ul li .header-action_dropdown {
          position: absolute;
          top: calc(100% + 20px);
          left: auto;
          right: -15px;
          z-index: 2000;
          min-width: 280px;
          border-radius: 3px;
          color: #677279;
          background: #fff;
          border: solid 1px #dfe3e8;
          box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
          visibility: hidden;
          opacity: 0;
          -webkit-transform: scale(0);
          transform: scale(0);
          transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s, -webkit-transform 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
          transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s, -webkit-transform 0.25s ease-in-out; }
          @media (min-width: 768px) {
            #header #site-header-center .group-icon-header ul li .header-action_dropdown {
              width: 420px; } }
          @media (max-width: 767px) {
            #header #site-header-center .group-icon-header ul li .header-action_dropdown {
              min-width: 100vw;
              right: -10px;
              border-top-left-radius: 0px;
              border-top-right-radius: 0px;
              border-top: none; } }
          #header #site-header-center .group-icon-header ul li .header-action_dropdown .box-arrow {
            left: auto;
            right: 142px;
            position: absolute;
            bottom: calc(100% - 2px);
            margin: 0 auto;
            width: 22px;
            height: 15px; }
            @media (min-width: 768px) and (max-width: 991px) {
              #header #site-header-center .group-icon-header ul li .header-action_dropdown .box-arrow {
                right: 103px; } }
            @media (max-width: 767px) {
              #header #site-header-center .group-icon-header ul li .header-action_dropdown .box-arrow {
                right: 20%; } }
            #header #site-header-center .group-icon-header ul li .header-action_dropdown .box-arrow svg {
              -webkit-filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12));
              filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12)); }
          #header #site-header-center .group-icon-header ul li .header-action_dropdown .header-dropdown_content {
            width: 100%;
            height: 100%;
            max-height: 100%;
            overflow: hidden;
            padding: 10px 20px; }
            #header #site-header-center .group-icon-header ul li .header-action_dropdown .header-dropdown_content .title-search {
              font-size: 17px;
              color: #000000;
              text-transform: uppercase;
              letter-spacing: 0.5px;
              margin: 0 0 10px;
              font-weight: 500;
              padding: 6px 10px;
              text-align: center;
              border-bottom: 1px solid #ededed; }
            #header #site-header-center .group-icon-header ul li .header-action_dropdown .header-dropdown_content .site_search .wanda-mxm-search {
              position: relative;
              padding: 0;
              margin-bottom: 5px; }
              #header #site-header-center .group-icon-header ul li .header-action_dropdown .header-dropdown_content .site_search .wanda-mxm-search .searchinput {
                background: #f5f5f5;
                border: 1px solid #ececec;
                font-size: 14px;
                color: #333333;
                font-weight: 500;
                width: 100%;
                height: 45px;
                padding: 0 55px 0 20px;
                margin: 0;
                display: inline-block;
                border-radius: 0;
                transition: all 150ms linear;
                -webkit-appearance: none;
                -moz-appearance: none;
                -o-appearance: none;
                appearance: none; }
              #header #site-header-center .group-icon-header ul li .header-action_dropdown .header-dropdown_content .site_search .wanda-mxm-search .btn-search {
                width: 45px;
                height: 45px;
                line-height: 45px;
                position: absolute;
                padding: 0;
                top: 0px;
                right: 0px;
                background: transparent;
                transition: opacity 150ms linear;
                border: none;
                min-width: auto;
                outline: none;
                box-shadow: none; }
                #header #site-header-center .group-icon-header ul li .header-action_dropdown .header-dropdown_content .site_search .wanda-mxm-search .btn-search svg, #header #site-header-center .group-icon-header ul li .header-action_dropdown .header-dropdown_content .site_search .wanda-mxm-search .btn-search img {
                  width: 18px;
                  height: 45px;
                  opacity: .4; }
            #header #site-header-center .group-icon-header ul li .header-action_dropdown .header-dropdown_content .site_search #wanda-smart-search {
              position: relative; }
    #header #site-header-center .btn-menu-mb {
      font-size: 0;
      border: none;
      background: none;
      position: relative;
      z-index: 99; }

#inputSearchAuto-3::-webkit-search-cancel-button {
  position: relative;
  right: 0;
  -webkit-appearance: none;
  background: #E0E0E0;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2998 4.69922L4.70014 11.2989' stroke='%2364646C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.7002 4.69922L11.2999 11.2989' stroke='%2364646C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border-radius: 1000px; }

.header-wrap-search {
  overflow: hidden;
  display: none !important;
  flex: 1;
  justify-content: flex-end;
  padding-right: 15px;
  -ms-align-self: center;
  align-self: center;
  padding: 0; }
  .header-wrap-search .header-search {
    position: relative;
    max-width: 200px;
    /*margin: 0 auto;*/
    transition: width .25s ease,transform .25s ease;
    /*float: right;*/ }
    .header-wrap-search .header-search .searchform-product {
      position: relative;
      z-index: 100;
      -webkit-transition: width 0.3s linear 0.1s;
      transition: width  0.3s linear 0.1s; }
    .header-wrap-search .header-search .searchform-product .input-search {
      padding: 9px 9px 10px 50px;
      width: 100%;
      background: #fff;
      border: 1px solid #ececec;
      font-size: 14px;
      font-weight: 500;
      margin: 0;
      display: inline-block;
      border-radius: 30px;
      -webkit-appearance: none;
      -moz-appearance: none;
      -o-appearance: none;
      appearance: none;
      -webkit-transition: all 150ms linear;
      transition: all 150ms linear; }
    .header-wrap-search .header-search .searchform-product .btn-search {
      position: absolute;
      padding: 0;
      top: 0px;
      bottom: 0;
      left: 0px;
      border-radius: 0 4px 4px 0;
      border: 0;
      width: 55px;
      background: transparent;
      transition: opacity 150ms linear; }
    .header-wrap-search .header-search .searchform-product .btn-search svg {
      width: 18px;
      height: 40px;
      display: block;
      margin: auto;
      fill: #c5cee0; }
    .header-wrap-search .header-search .searchform-product .input-search:focus {
      background: #ffffff;
      outline: none;
      border-color: #ececec; }
    .header-wrap-search .header-search .smart-search-wrapper {
      top: 100%;
      left: 0;
      right: 0;
      z-index: 80;
      padding: 20px 0;
      /*.search-suggest{visibility: hidden;opacity: 0; transform: translateY(-20px);}
			.search-suggest.show-suggest{
			visibility: visible;opacity: 1;transform: translateY(0);
			transition: opacity .35s .4s,visibility .35s .4s,transform .25s ease .35s;
		}
			.resultsContent.resultsdata + .search-suggest{display:none}*/ }
    .header-wrap-search .header-search.active {
      margin: 0 auto; }
  .header-wrap-search #suggest_section {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between; }
    @media (min-width: 768px) {
      .header-wrap-search #suggest_section {
        visibility: hidden;
        opacity: 0;
        display: none;
        margin-top: 40px; } }
    .header-wrap-search #suggest_section .search-suggest {
      max-width: 30%;
      padding: 0 15px; }
      .header-wrap-search #suggest_section .search-suggest > p {
        text-transform: uppercase;
        font-weight: bold;
        line-height: 18px;
        color: #64646C; }
      .header-wrap-search #suggest_section .search-suggest ul {
        overflow: hidden;
        overflow-y: auto;
        max-height: 45vh; }
        .header-wrap-search #suggest_section .search-suggest ul::-webkit-scrollbar {
          width: 4px; }
        .header-wrap-search #suggest_section .search-suggest ul::-webkit-scrollbar-track {
          background: #e7e7e7;
          border-radius: 2px;
          width: 4px; }
        .header-wrap-search #suggest_section .search-suggest ul::-webkit-scrollbar-thumb {
          background: #000;
          border-radius: 2px;
          height: 50%; }
        .header-wrap-search #suggest_section .search-suggest ul li.item {
          display: inline-block;
          padding: 5px 10px;
          border: 1px solid transparent;
          border-radius: 20px;
          background: #F1F1F1;
          margin-bottom: 10px;
          margin-right: 10px; }
          .header-wrap-search #suggest_section .search-suggest ul li.item a {
            color: #010101;
            font-weight: 500; }
          .header-wrap-search #suggest_section .search-suggest ul li.item p {
            font-weight: 500;
            line-height: 20px; }
    .header-wrap-search #suggest_section .product-suggest {
      max-width: 70%;
      padding: 0 15px; }
      .header-wrap-search #suggest_section .product-suggest > p {
        text-transform: uppercase;
        font-weight: bold;
        color: #64646C;
        line-height: 18px; }
      .header-wrap-search #suggest_section .product-suggest ul {
        /*overflow: hidden;
				overflow-y: scroll;
				max-height: 300px;*/ }
        .header-wrap-search #suggest_section .product-suggest ul li {
          display: -webkit-flex;
          display: flex;
          padding-right: 15px;
          align-items: center;
          margin-bottom: 10px; }
          .header-wrap-search #suggest_section .product-suggest ul li .prd_search__img {
            width: 60px;
            margin-right: 15px; }
          .header-wrap-search #suggest_section .product-suggest ul li .prd_search__info h4.prd_search__title {
            font-weight: 500;
            font-size: 15px;
            margin-bottom: 5px; }
            .header-wrap-search #suggest_section .product-suggest ul li .prd_search__info h4.prd_search__title a {
              color: #010101;
              font-weight: 500; }
            .header-wrap-search #suggest_section .product-suggest ul li .prd_search__info h4.prd_search__title a:hover {
              color: #000000; }
          .header-wrap-search #suggest_section .product-suggest ul li .prd_search__info p.prd_search__price {
            font-weight: 600;
            font-size: 17px;
            letter-spacing: 1px;
            color: #CF2A2E; }
      .header-wrap-search #suggest_section .product-suggest .list-suggest {
        overflow: hidden;
        max-height: 45vh;
        overflow-y: auto; }
        .header-wrap-search #suggest_section .product-suggest .list-suggest::-webkit-scrollbar {
          width: 4px; }
        .header-wrap-search #suggest_section .product-suggest .list-suggest::-webkit-scrollbar-track {
          background: #e7e7e7;
          border-radius: 2px;
          width: 4px; }
        .header-wrap-search #suggest_section .product-suggest .list-suggest::-webkit-scrollbar-thumb {
          background: #000;
          border-radius: 2px;
          height: 50%; }
        .header-wrap-search #suggest_section .product-suggest .list-suggest li {
          width: 50%; }
    @media (max-width: 767px) {
      .header-wrap-search #suggest_section {
        flex-wrap: wrap;
        padding: 0; }
        .header-wrap-search #suggest_section .search-suggest, .header-wrap-search #suggest_section .product-suggest {
          max-width: 100%;
          width: 100%; }
        .header-wrap-search #suggest_section .search-suggest ul {
          max-height: 250px; }
        .header-wrap-search #suggest_section .product-suggest {
          margin-top: 15px; }
          .header-wrap-search #suggest_section .product-suggest ul {
            max-height: calc(100vh - 300px) !important;
            overflow: hidden;
            overflow-y: auto; }
            .header-wrap-search #suggest_section .product-suggest ul li {
              width: 100% !important; } }
  .header-wrap-search .close-search {
    display: none; }
    .header-wrap-search .close-search span {
      display: flex;
      /*background: #f5f5f5;*/
      border-radius: 100px;
      padding: 14px; }
      .header-wrap-search .close-search span svg {
        height: 12px;
        width: 12px; }
  .search-header .header-wrap-search {
    display: inline-block !important; }
    @media (min-width: 992px) {
      .search-header .header-wrap-search {
        z-index: 10000;
        height: 60vh;
        /*min-height: 100vh;*/
        position: fixed;
        /*top: 112px;*/
        top: 0;
        left: 0;
        text-align: left;
        width: 100%;
        background: #fff;
        overflow-y: scroll;
        padding: 12px 16px;
        transition: all .1s;
        transform: none; } }
    .search-header .header-wrap-search .header-search {
      max-width: 600px; }
    @media (min-width: 1200px) {
      .search-header .header-wrap-search #suggest_section {
        width: 1170px; } }
    @media (min-width: 768px) {
      .search-header .header-wrap-search #suggest_section {
        display: -webkit-flex;
        display: flex;
        justify-content: space-around;
        visibility: visible;
        opacity: 1;
        transition: opacity .35s .4s, visibility .35s .4s, transform .25s ease .35s; } }
    .search-header .header-wrap-search #suggest_section.close {
      display: none; }
    @media (min-width: 992px) {
      .search-header .header-wrap-search .close-search:not(.mb) {
        position: absolute;
        top: 12px;
        right: 10%;
        background: transparent;
        flex: 0 0 auto;
        align-items: center;
        border-radius: 100px;
        display: block;
        z-index: 10;
        border: none; } }
  @media (min-width: 992px) {
    .header-wrap-search {
      overflow-y: hidden !important;
      height: 65vh !important;
      display: -webkit-flex;
      display: flex;
      -ms-align-items: center;
      align-items: center;
      /*&.custom{top: 82.2px;}*/ } }
  @media (max-width: 991px) {
    .header-wrap-search {
      position: fixed;
      top: 0px;
      left: 0;
      width: 100vw;
      height: 100vh;
      z-index: 10000;
      background: #fff; }
      .header-wrap-search .header-search {
        max-width: 100%;
        background: white;
        padding: 12px 10px; }
        .header-wrap-search .header-search .mb-flex {
          display: flex;
          align-items: center;
          justify-content: space-between;
          transform: translateX(calc(100% + 5px)); }
          .header-wrap-search .header-search .mb-flex .searchform-product {
            flex: 1;
            padding-right: 5px; }
            .header-wrap-search .header-search .mb-flex .searchform-product .btn-search svg {
              fill: #333333;
              width: 18px;
              height: 30px; }
            .header-wrap-search .header-search .mb-flex .searchform-product .input-search {
              font-size: 13px;
              padding: 7px 8px 7px 40px;
              background: #f5f5f5;
              border-radius: 55px;
              border-color: #f5f5f5; }
              .header-wrap-search .header-search .mb-flex .searchform-product .input-search:focus {
                border-color: #e7e7e7;
                background: #f5f5f5; }
          .header-wrap-search .header-search .mb-flex .close-search.mb {
            background: transparent;
            flex: 0 0 auto;
            align-items: center;
            border-radius: 100px;
            display: block;
            z-index: 10;
            border: none; }
            .header-wrap-search .header-search .mb-flex .close-search.mb .pre-grey-circle {
              padding: 12px; }
        .header-wrap-search .header-search .smart-search-wrapper {
          position: fixed;
          bottom: 0;
          top: 50px;
          overflow-y: scroll;
          /*margin-top: 15px;*/
          padding: 25px 15px 30px;
          /*display: block !important;*/
          box-shadow: none; }
        .header-wrap-search .header-search.active .mb-flex {
          transform: translateX(0);
          -webkit-transition: transform 0.3s linear 0s;
          transition: width 0.3s linear 0; } }

.header-overflow-search {
  display: none; }
  @media (min-width: 1200px) {
    .header-overflow-search {
      position: fixed;
      top: 105.6px !important;
      width: 100%;
      height: 100%;
      z-index: 9;
      left: 0;
      background: rgba(57, 57, 57, 0.7); }
      .search-header .header-overflow-search {
        display: block; } }

.smart-search-wrapper {
  width: 100%;
  background: #fff; }

.smart-search-wrapper .item-ult {
  padding: 8px 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.smart-search-wrapper .item-ult + .item-ult {
  border-top: 1px dotted #dfe0e1; }

.smart-search-wrapper .item-ult .thumbs {
  width: 40px; }

.smart-search-wrapper .item-ult .title {
  width: calc(100% - 40px);
  padding-right: 15px;
  position: relative; }

.smart-search-wrapper .item-ult .title a {
  font-weight: 500;
  display: block;
  color: #010101;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  margin: 0px 0 5px; }

.smart-search-wrapper .item-ult .title p {
  line-height: 15px;
  font-size: 14px;
  font-weight: 600;
  margin: 0; }

.smart-search-wrapper .item-ult .title p del {
  font-size: 12px;
  font-weight: 400;
  margin-left: 10px;
  color: #797979; }

.smart-search-wrapper .resultsMore {
  border-top: 1px dotted #dfe0e1;
  width: 100%; }

.smart-search-wrapper .resultsMore a {
  font-weight: 500;
  text-align: center;
  display: block;
  font-size: 14px;
  padding: 10px 0; }

.smart-search-wrapper .dataEmpty {
  text-align: center;
  padding: 20px 0; }

.smart-search-wrapper .search-suggest p {
  margin: 0 0 12px; }

.smart-search-wrapper .search-suggest li {
  margin-bottom: 5px; }

.smart-search-wrapper .search-suggest li a {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #010101; }

.slick-slider > button.slick-prev:before {
  content: "\f104";
  font-family: 'FontAwesome';
  font-size: 22px; }

.slick-slider > button.slick-next:before {
  content: "\f105";
  font-family: 'FontAwesome';
  font-size: 22px; }

.slick-slider:hover .slick-arrow {
  background-color: transparent;
  color: #000;
  border: 1px solid #000; }

.topbar-slideText.slick-slider:hover .slick-arrow {
  background-color: unset; }

.slick-arrow {
  z-index: 9;
  cursor: pointer; }

#home-slider.slick-slider > button,
#form-quick-view .slick-slider > button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  height: 32px;
  width: 32px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 32px;
  text-align: center;
  box-shadow: 0 1px 9px -4px;
  background: #fff;
  color: #000;
  border-radius: 50%;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all 36s;
  transition: all .3s;
  opacity: 0;
  border: none;
  font-size: 0;
  z-index: 9; }
  @media (max-width: 767px) {
    #home-slider.slick-slider > button,
    #form-quick-view .slick-slider > button {
      opacity: 0.8;
      height: 35px;
      width: 35px;
      line-height: 35px; }
      #home-slider.slick-slider > button:hover,
      #form-quick-view .slick-slider > button:hover {
        opacity: 1; } }

#form-quick-view .slick-slider > button {
  opacity: 1;
  width: 35px;
  height: 35px; }
  #form-quick-view .slick-slider > button.slick-prev {
    left: -15px; }
  #form-quick-view .slick-slider > button.slick-next {
    right: -15px; }

.quantity-area {
  width: 135px;
  display: flex;
  margin-right: 15px; }
  .quantity-area .qty-btn {
    background: #fff;
    float: left;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    font-weight: 600;
    outline: none;
    height: 45px;
    width: 45px;
    text-align: center;
    border-radius: 0;
    font-size: 20px;
    color: black;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: unset; }
  .quantity-area .quantity-selector {
    background: #fff;
    font-weight: 600;
    height: 45px;
    text-align: center;
    width: 45px;
    border: 1px solid #e1e1e1;
    border-left: none;
    border-right: none;
    border-radius: 0;
    float: left;
    -webkit-appearance: none;
    font-size: 15px;
    color: black;
    padding: 0; }

/* owl nav */
.top-title {
  margin-bottom: 30px;
  text-align: center; }
  .top-title .title-section {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 5px; }
    .top-title .title-section span {
      display: flex;
      align-items: center;
      font-size: 22px;
      text-transform: uppercase;
      font-weight: 700; }
    @media (max-width: 767px) {
      .top-title .title-section span {
        font-size: 18px; } }
  .top-title p {
    text-align: center;
    color: #878787;
    font-style: italic;
    margin: 0;
    display: inline-block;
    padding-top: 15px;
    position: relative;
    min-width: 150px; }
    .top-title p.fsnone {
      font-size: 0; }
    .top-title p:before {
      content: "///";
      color: #000;
      position: absolute;
      top: -5px;
      left: 50%;
      transform: translateX(-50%);
      width: 20px;
      text-align: center;
      background: #fff;
      z-index: 9;
      font-size: 14px; }
    .top-title p:after {
      content: "";
      width: 120px;
      height: 1px;
      background: #000;
      position: absolute;
      top: 5px;
      left: 15px; }

/** product loop **/
.product-block {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  padding-bottom: 7px;
  min-height: 100%;
  flex: 1;
  background: #fff; }
  .product-block .product-img {
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0; }
    .product-block .product-img > a {
      display: block;
      position: relative;
      z-index: 9; }
      .product-block .product-img > a:before {
        content: "";
        padding-bottom: calc(100% * 1.50043663);
        display: block; }
      .product-block .product-img > a img {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        object-fit: cover;
        object-position: top;
        display: block;
        z-index: 8; }
        .product-block .product-img > a img:not(.lazyloaded) {
          background: #c3c3c3; }
        .product-block .product-img > a img.img-hover {
          visibility: hidden;
          opacity: 0; }
      .product-block .product-img > a.sold-out:after {
        content: "";
        background-image: var(--bg-soldout);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 9; }
    .product-block .product-img .product-icon-action {
      position: absolute;
      top: auto;
      bottom: -50px;
      background-color: transparent;
      /*display: flex;*/
      display: none;
      flex-wrap: wrap;
      width: calc(100% + 5px);
      justify-content: space-between;
      right: auto;
      left: 0;
      z-index: 10;
      margin-left: -5px; }
      .product-block .product-img .product-icon-action > div {
        width: 50%;
        padding-left: 5px; }
        .product-block .product-img .product-icon-action > div > button {
          color: #fff;
          display: inline-block;
          line-height: 35px;
          padding: 0;
          font-weight: 400;
          margin: 0;
          background-color: var(--bgshop);
          text-align: center;
          position: relative;
          border: none;
          width: 100%; }
          @media (max-width: 1024px) {
            .product-block .product-img .product-icon-action > div > button {
              font-size: 12px; } }
          .product-block .product-img .product-icon-action > div > button:before {
            top: 3px;
            right: 3px;
            bottom: 3px;
            left: 3px;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            transform: scale(0, 1);
            transform-origin: center; }
          .product-block .product-img .product-icon-action > div > button:after {
            top: 3px;
            right: 3px;
            bottom: 3px;
            left: 3px;
            border-right: 1px solid #fff;
            border-left: 1px solid #fff;
            transform: scale(1, 0);
            transform-origin: center; }
          .product-block .product-img .product-icon-action > div > button:after, .product-block .product-img .product-icon-action > div > button:before {
            position: absolute;
            z-index: 9;
            content: "";
            opacity: 0; }
          .product-block .product-img .product-icon-action > div > button:hover:before, .product-block .product-img .product-icon-action > div > button:hover:after {
            opacity: 1;
            transform: scale(1); }
      @media (max-width: 768px) {
        .product-block .product-img .product-icon-action {
          display: none; } }
    .product-block .product-img .product-wishlist {
      position: absolute;
      z-index: 9;
      top: 8px;
      right: 8px; }
      .product-block .product-img .product-wishlist button {
        font-size: 0;
        outline: none;
        border: none;
        background: none;
        width: 28px;
        height: 28px;
        background-color: #fff;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-size: calc(100% - 14px);
        background-position: center;
        background-image: url("https://file.hstatic.net/200000525243/file/heart_a6c1440e6bfc4054855fd7204fa78121.png"); }
        .product-block .product-img .product-wishlist button.active {
          background-image: url("https://file.hstatic.net/200000525243/file/heart-active_ecb47027066444729917ca9187e4618d.png"); }
        .product-block .product-img .product-wishlist button img {
          margin: 0 auto;
          width: 20px;
          height: 20px; }
  .product-block .product-detail {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0 10px; }
    .product-block .product-detail .pro-vendor {
      display: none;
      padding-top: 10px;
      margin-bottom: 0; }
      .product-block .product-detail .pro-vendor a {
        font-weight: 400;
        font-size: 11px;
        color: #666;
        text-transform: uppercase;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical; }
    .product-block .product-detail .pro-name {
      margin-bottom: 2px;
      margin-top: 5px;
      display: flex;
      flex-direction: column; }
      .product-block .product-detail .pro-name a {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        line-height: 18px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
    .product-block .product-detail .box-pro-prices {
      margin-bottom: 2px; }
    .product-block .product-detail .pro-price {
      margin: 0; }
      .product-block .product-detail .pro-price span {
        color: #000000;
        font-weight: 600; }
      .product-block .product-detail .pro-price.style-price span {
        color: #e70303; }
      .product-block .product-detail .pro-price .percent {
        position: relative;
        background: #D32222;
        color: #fff;
        padding: 2px 6px;
        border-radius: 4px;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        font-weight: 700;
        margin-left: 6px; }
        @media (max-width: 480px) {
          .product-block .product-detail .pro-price .percent {
            margin-left: 4px; } }
      .product-block .product-detail .pro-price .compare-price {
        font-weight: 500;
        margin-left: 8px;
        color: #888888; }
        @media (max-width: 480px) {
          .product-block .product-detail .pro-price .compare-price {
            margin-left: 4px; } }
    .product-block .product-detail .policy-return p {
      margin: 0 0 0 0;
      color: #273bcd;
      font-style: italic; }
    @media (max-width: 767px) {
      .product-block .product-detail .policy-return p {
        font-size: 10px; } }
  .product-block .add-cart-mb-loop {
    position: absolute;
    z-index: 9;
    top: 8px;
    right: 8px; }
    .product-block .add-cart-mb-loop button {
      font-size: 0;
      outline: none;
      border: 1px solid #000;
      background: none;
      width: 28px;
      height: 26px;
      background-color: transform;
      border-radius: 4px;
      background-repeat: no-repeat;
      background-size: calc(100% - 14px);
      background-position: center;
      background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.473 2.7725C13.4028 2.68714 13.3145 2.61842 13.2145 2.5713C13.1145 2.52417 13.0053 2.49982 12.8947 2.5H2.65475L2.325 0.853C2.29068 0.683215 2.1988 0.530484 2.06488 0.420616C1.93096 0.310749 1.76322 0.250482 1.59 0.25H0.75C0.683696 0.25 0.620107 0.276339 0.573223 0.323223C0.526339 0.370107 0.5 0.433696 0.5 0.5C0.5 0.566304 0.526339 0.629893 0.573223 0.676777C0.620107 0.723661 0.683696 0.75 0.75 0.75H1.59C1.64768 0.749931 1.7036 0.769805 1.7483 0.806256C1.793 0.842706 1.82371 0.89349 1.83525 0.95L3.344 8.495C3.40119 8.77798 3.55432 9.03254 3.77752 9.21566C4.00072 9.39877 4.2803 9.49921 4.569 9.5H11.425C11.7155 9.49971 11.9968 9.39837 12.2208 9.21337C12.4447 9.02836 12.5974 8.77121 12.6525 8.486L13.6322 3.3915C13.6531 3.28297 13.6497 3.17116 13.6221 3.06412C13.5946 2.95709 13.5437 2.85749 13.473 2.7725ZM13.1403 3.2975L12.1605 8.39175C12.1276 8.56276 12.0362 8.71698 11.902 8.82797C11.7678 8.93895 11.5991 8.99977 11.425 9H4.56975C4.39646 8.99959 4.22862 8.93935 4.09461 8.82949C3.9606 8.71962 3.86863 8.56685 3.83425 8.397L2.755 3H12.8947C12.9316 3 12.968 3.00814 13.0013 3.02384C13.0346 3.03953 13.0641 3.0624 13.0875 3.0908C13.111 3.1192 13.1279 3.15244 13.137 3.18813C13.1461 3.22382 13.1472 3.26108 13.1403 3.29725V3.2975ZM5.5 10C5.25277 10 5.0111 10.0733 4.80554 10.2107C4.59998 10.348 4.43976 10.5432 4.34515 10.7716C4.25054 11.0001 4.22579 11.2514 4.27402 11.4939C4.32225 11.7363 4.4413 11.9591 4.61612 12.1339C4.79093 12.3087 5.01366 12.4278 5.25614 12.476C5.49861 12.5242 5.74995 12.4995 5.97835 12.4048C6.20676 12.3102 6.40199 12.15 6.53934 11.9445C6.67669 11.7389 6.75 11.4972 6.75 11.25C6.7496 10.9186 6.61778 10.6009 6.38345 10.3666C6.14911 10.1322 5.8314 10.0004 5.5 10ZM5.5 12C5.35166 12 5.20666 11.956 5.08332 11.8736C4.95999 11.7912 4.86386 11.6741 4.80709 11.537C4.75032 11.4 4.73547 11.2492 4.76441 11.1037C4.79335 10.9582 4.86478 10.8246 4.96967 10.7197C5.07456 10.6148 5.2082 10.5434 5.35368 10.5144C5.49917 10.4855 5.64997 10.5003 5.78701 10.5571C5.92406 10.6139 6.04119 10.71 6.1236 10.8333C6.20601 10.9567 6.25 11.1017 6.25 11.25C6.25 11.4489 6.17098 11.6397 6.03033 11.7803C5.88968 11.921 5.69891 12 5.5 12ZM10.5 10C10.2528 10 10.0111 10.0733 9.80554 10.2107C9.59998 10.348 9.43976 10.5432 9.34515 10.7716C9.25054 11.0001 9.22579 11.2514 9.27402 11.4939C9.32225 11.7363 9.4413 11.9591 9.61612 12.1339C9.79093 12.3087 10.0137 12.4278 10.2561 12.476C10.4986 12.5242 10.7499 12.4995 10.9784 12.4048C11.2068 12.3102 11.402 12.15 11.5393 11.9445C11.6767 11.7389 11.75 11.4972 11.75 11.25C11.7496 10.9186 11.6178 10.6009 11.3834 10.3666C11.1491 10.1322 10.8314 10.0004 10.5 10ZM10.5 12C10.3517 12 10.2067 11.956 10.0833 11.8736C9.95999 11.7912 9.86386 11.6741 9.80709 11.537C9.75033 11.4 9.73547 11.2492 9.76441 11.1037C9.79335 10.9582 9.86478 10.8246 9.96967 10.7197C10.0746 10.6148 10.2082 10.5434 10.3537 10.5144C10.4992 10.4855 10.65 10.5003 10.787 10.5571C10.9241 10.6139 11.0412 10.71 11.1236 10.8333C11.206 10.9567 11.25 11.1017 11.25 11.25C11.25 11.4489 11.171 11.6397 11.0303 11.7803C10.8897 11.921 10.6989 12 10.5 12ZM10 6C10 6.0663 9.97366 6.12989 9.92678 6.17678C9.87989 6.22366 9.8163 6.25 9.75 6.25H8.25V7.75C8.25 7.8163 8.22366 7.87989 8.17678 7.92678C8.12989 7.97366 8.0663 8 8 8C7.9337 8 7.87011 7.97366 7.82322 7.92678C7.77634 7.87989 7.75 7.8163 7.75 7.75V6.25H6.25C6.1837 6.25 6.12011 6.22366 6.07322 6.17678C6.02634 6.12989 6 6.0663 6 6C6 5.9337 6.02634 5.87011 6.07322 5.82322C6.12011 5.77634 6.1837 5.75 6.25 5.75H7.75V4.25C7.75 4.1837 7.77634 4.12011 7.82322 4.07322C7.87011 4.02634 7.9337 4 8 4C8.0663 4 8.12989 4.02634 8.17678 4.07322C8.22366 4.12011 8.25 4.1837 8.25 4.25V5.75H9.75C9.8163 5.75 9.87989 5.77634 9.92678 5.82322C9.97366 5.87011 10 5.9337 10 6Z' fill='%231A202C' stroke='%231A202C' stroke-width='0.5'/%3E%3C/svg%3E%0A"); }
      .product-block .add-cart-mb-loop button img {
        width: 28px;
        height: 28px;
        margin: 0 auto; }
  .product-block .product-iconvideo {
    position: absolute;
    z-index: 9;
    top: 44px;
    right: 8px; }
    .product-block .product-iconvideo .pro-video {
      font-size: 0;
      outline: none;
      border: none;
      background: none;
      width: 28px;
      height: 28px;
      background-color: transparent;
      border-radius: 4px;
      border: 1px solid #000;
      display: flex;
      justify-content: center;
      align-items: center; }
      .product-block .product-iconvideo .pro-video svg {
        width: 12px;
        height: 12px;
        margin-left: 2px; }
  @media (min-width: 768px) {
    .product-block {
      /*&:hover .product-icon-action{
		bottom: 0;
	}*/ }
      .product-block .has-hover:hover .img-hover {
        opacity: 1;
        visibility: visible; } }

/** end product loop **/
/* Style Product Loop Loading */
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

.animated-background, .loading-mask .loading-mask__image .mask-line, .loading-mask .loading-mask__detail .mask-line {
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #F6F6F6;
  background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
  background-size: 800px 104px;
  position: relative; }

.loading-mask .loading-mask__image {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .loading-mask .loading-mask__image .mask-line {
    padding-bottom: 150%; }

.loading-mask .loading-mask__detail .mask-line {
  height: 10px;
  width: 100%;
  border-radius: 8px;
  margin: 4px 0; }
  .loading-mask .loading-mask__detail .mask-line:nth-child(2) {
    width: 80%; }
  .loading-mask .loading-mask__detail .mask-line:nth-child(3) {
    width: 65%; }

.scroll-fixed #header #site-header-center {
  z-index: 100;
  background: rgba(255, 255, 255, 0.9); }

/* footer */
footer {
  background: #010101; }
  footer.bgft {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: var(--bg-footer); }
  footer * {
    color: #777E90; }
  footer .top-ft-wanda {
    padding: 45px 0; }
    footer .top-ft-wanda .title-footer {
      width: 100%; }
      footer .top-ft-wanda .title-footer h4 {
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        line-height: 14px;
        text-transform: uppercase;
        padding-bottom: 10px;
        margin-bottom: 6px;
        position: relative;
        /*&:before{
				content: '';
				position: absolute;
				left: 0;
				bottom: 0;
				width: 54px;
				border-bottom: 2px solid $colorfooter;
			}*/ }
      footer .top-ft-wanda .title-footer .arrow {
        display: none; }
    footer .top-ft-wanda ul li {
      padding: 7px 0;
      display: block; }
      footer .top-ft-wanda ul li i {
        margin-right: 5px; }
      footer .top-ft-wanda ul li:hover a {
        color: var(--colorshophover); }
    footer .top-ft-wanda .follow-wanda {
      margin-top: 15px; }
      footer .top-ft-wanda .follow-wanda ul li {
        margin-right: 10px; }
        footer .top-ft-wanda .follow-wanda ul li a {
          display: block;
          width: 35px;
          height: 35px;
          line-height: 31px;
          text-align: center;
          border-radius: 50%;
          border: 1px solid #777E90; }
          footer .top-ft-wanda .follow-wanda ul li a img {
            max-width: 18px;
            filter: grayscale(100%); }
        footer .top-ft-wanda .follow-wanda ul li:hover a[href*="facebook"] {
          border-color: #4267B2; }
        footer .top-ft-wanda .follow-wanda ul li:hover a[href*="insta"] {
          border-color: #c262c4; }
        footer .top-ft-wanda .follow-wanda ul li:hover a[href*="youtube"] {
          border-color: #d90000; }
        footer .top-ft-wanda .follow-wanda ul li:hover a img {
          filter: grayscale(0); }
    footer .top-ft-wanda .newletter p {
      margin-bottom: 15px; }
    footer .top-ft-wanda .newletter form {
      border: none;
      width: 100%;
      max-width: 100%;
      position: relative; }
      footer .top-ft-wanda .newletter form.valid .btn svg path {
        stroke: #61AAF4; }
      footer .top-ft-wanda .newletter form input {
        width: 100%;
        background: transparent;
        border: 1px solid #23262F;
        border-radius: 100px;
        padding: 10px 16px;
        color: #fff; }
        footer .top-ft-wanda .newletter form input:focus {
          border-color: #61AAF4; }
    footer .top-ft-wanda .bocongthuong img {
      max-width: 160px; }
  footer .copyright-wanda {
    border-top: 1px solid #23262F;
    padding: 15px 0; }
    footer .copyright-wanda .text-copyright {
      margin-bottom: 10px;
      text-align: center; }
    footer .copyright-wanda .logo-footer img {
      max-width: 185px; }
    footer .copyright-wanda p {
      margin: 0; }
  footer .infomation-wanda {
    margin-top: 10px; }
    footer .infomation-wanda > p {
      margin-bottom: 24px; }

footer .top-ft-wanda .social-footer {
  margin-top: 30px; }
  footer .top-ft-wanda .social-footer li {
    padding: 0;
    font-size: 18px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    position: relative;
    margin-right: 10px; }
    footer .top-ft-wanda .social-footer li.hotline {
      background: #e9242f; }
    footer .top-ft-wanda .social-footer li.zalo {
      background: #008FE5;
      line-height: 26px; }
    footer .top-ft-wanda .social-footer li.twitter {
      background: #03A9F4; }
    footer .top-ft-wanda .social-footer li.youtube {
      background: #FF0000; }
    footer .top-ft-wanda .social-footer li.tiktok {
      background: #000;
      line-height: 26px; }
    footer .top-ft-wanda .social-footer li.facebook {
      background: #4267B3; }
    footer .top-ft-wanda .social-footer li.instagram {
      background: #f09433;
      background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
      background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
      background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); }
    footer .top-ft-wanda .social-footer li a {
      color: #fff;
      display: block; }
      footer .top-ft-wanda .social-footer li a i {
        margin: 0; }

@media (max-width: 767px) {
  footer .top-ft-wanda {
    padding: 45px 8px; }
  footer .bocongthuong img {
    margin: 15px 0; }
  footer .text-copyright {
    text-align: left !important; }
  footer .title-footer {
    position: relative; }
    footer .title-footer .arrow {
      display: block !important;
      position: absolute;
      right: 0;
      top: 50%;
      content: '';
      width: 16px;
      height: 16px;
      transform: translateY(-50%);
      background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33301 8.67285H12.6663' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      background-position: center;
      background-size: cover; }
      footer .title-footer .arrow.active {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 4.00586V13.3392' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.33301 8.67285H12.6663' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } }

/* btn add cart*/
.wrap-addcart {
  flex: 1; }

/* Menu mobile */
.site-overlay {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 4000;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms linear; }

#wandave-theme.menu-active {
  overflow: hidden; }
  #wandave-theme.menu-active #menu-mobile {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  #wandave-theme.menu-active #site-overlay {
    opacity: 1;
    visibility: visible; }

#wandave-theme.show-add-cart-mb #site-overlay-sw {
  opacity: 1;
  visibility: visible; }

@media (max-width: 992px) {
  /*.site-overlay {
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 4000;
	opacity: 0;
	visibility: hidden;
	transition: all 300ms linear;
}
	#wandave-theme{
	&.menu-active{
	overflow: hidden;
	#menu-mobile{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
	#site-overlay{
	opacity: 1; 
	visibility: visible;
}
}
	&.show-add-cart-mb #site-overlay-sw{
	opacity: 1;
	visibility: visible;
}
}*/
  #menu-mobile {
    width: 340px;
    position: fixed;
    height: 100vh;
    left: 0;
    right: auto;
    top: 0;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    z-index: 6000;
    overflow-y: auto;
    -ms-transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
    #menu-mobile .label-hot-mb {
      position: relative; }
      #menu-mobile .label-hot-mb:before {
        position: absolute;
        content: '';
        width: 30px;
        height: 20px;
        background-image: url("https://file.hstatic.net/200000525243/file/label-hot_ad40272fff774927b724a7e4ee321cb9.png");
        top: -10px;
        right: -32px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center; }
      #menu-mobile .label-hot-mb.cus:before {
        top: -5px;
        right: -30px; }
    #menu-mobile .label-new-mb {
      position: relative; }
      #menu-mobile .label-new-mb:before {
        position: absolute;
        content: '';
        width: 30px;
        height: 20px;
        background-image: url("https://file.hstatic.net/200000525243/file/label-hot_ad40272fff774927b724a7e4ee321cb9.png");
        top: -10px;
        right: -32px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center; }
      #menu-mobile .label-new-mb.cus:before {
        top: -5px;
        right: -30px; }
    #menu-mobile .bg-menu {
      max-height: 42px; }
    #menu-mobile .bg-link + .cl-open {
      height: 60px !important; }
    #menu-mobile .user-acc-logo {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 16px; }
    #menu-mobile .mn-mb-header {
      border-bottom: 0.5px solid #333; }
      #menu-mobile .mn-mb-header a {
        display: block; }
      #menu-mobile .mn-mb-header .drawer-header--auth {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0px 16px;
        margin-top: 0;
        padding: 15px 0; }
        #menu-mobile .mn-mb-header .drawer-header--auth ._object {
          width: 40px;
          height: 40px;
          margin-right: 16px;
          overflow: hidden; }
          #menu-mobile .mn-mb-header .drawer-header--auth ._object img {
            border-radius: 50%; }
        #menu-mobile .mn-mb-header .drawer-header--auth ._body {
          color: #000000;
          font-size: 12px; }
    #menu-mobile .mb-menu li {
      display: block;
      float: left;
      width: calc(100% - 20px);
      position: relative;
      border-radius: 2px;
      overflow: hidden;
      background: #f0f0f0; }
      #menu-mobile .mb-menu li a {
        display: inline-block;
        color: var(--colortextmenumb);
        font-size: 14px;
        padding: 10px 20px 10px 10px;
        position: relative;
        text-transform: uppercase; }
        #menu-mobile .mb-menu li a .hot-label {
          position: absolute;
          top: 3px;
          right: -20px;
          font-size: 8px;
          display: inline-block;
          text-transform: uppercase;
          line-height: 15px;
          padding: 0 5px;
          font-weight: 600;
          color: #fff;
          background: var(--bg-label); }
          #menu-mobile .mb-menu li a .hot-label:before {
            border-top: 4px solid var(--bg-label);
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            display: inline-block;
            top: 100%;
            left: 5px;
            border-right: 4px solid transparent; }
      #menu-mobile .mb-menu li .cl-open {
        font-size: 0;
        background: none;
        border: none;
        position: absolute;
        right: 0;
        width: 38px;
        height: 38px;
        top: 0;
        color: var(--colortextmenumb); }
        #menu-mobile .mb-menu li .cl-open.plus-menu:after {
          content: "+";
          font-size: 25px;
          font-weight: 500; }
        #menu-mobile .mb-menu li .cl-open.minus-menu:after {
          content: "–";
          font-size: 25px;
          font-weight: 500; }
      #menu-mobile .mb-menu li .menu-childrent {
        padding-left: 10px;
        display: none; }
      #menu-mobile .mb-menu li:last-child {
        border: none; }
    #menu-mobile .mb-menu > li {
      margin: 4px 10px;
      padding: 8px; }
      #menu-mobile .mb-menu > li.sale {
        background: #151db4; }
      #menu-mobile .mb-menu > li.sale > a {
        color: #fff;
        font-weight: 700; }
      #menu-mobile .mb-menu > li .cl-open {
        top: 8px; }
      #menu-mobile .mb-menu > li:last-child {
        margin-bottom: 10px; }
      #menu-mobile .mb-menu > li:nth-child(1) {
        margin-top: 10px; }
    #menu-mobile .mn-mb-footer {
      width: 100%;
      background: #fff;
      border-top: 0.5px solid #333;
      margin-top: auto; }
      #menu-mobile .mn-mb-footer .addThis_listing {
        display: flex;
        justify-content: space-evenly; }
  #flex-owl-quickview:not(.slick-initialized) .product-image-feature-qv {
    flex: 0 0 100%; } }

.search-page {
  margin-top: 15px; }
  .search-page .search-input {
    background: #f5f5f5;
    border: 1px solid #ececec;
    font-size: 14px;
    color: #333333;
    font-weight: 500;
    width: 100%;
    height: 45px;
    padding: 0 55px 0 20px;
    margin: 0;
    display: inline-block;
    border-radius: 0;
    transition: all 150ms linear;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none; }
  .search-page .btn-search-now {
    position: absolute;
    right: 15px;
    top: 0;
    height: 45px;
    padding: 0 10px;
    border: none;
    background: var(--bgshop);
    color: #fff; }
    @media (max-width: 767px) {
      .search-page .btn-search-now {
        right: 10px; } }

/*scroll-top*/
.back-to-top {
  color: var(--bgshop);
  border: none;
  font-size: 0;
  position: fixed;
  right: -95px;
  z-index: 1;
  background-color: transparent;
  z-index: 2000;
  bottom: 30px; }
  .back-to-top.show {
    right: -12px; }

/* Paginate */
#pagination span, #pagination a {
  width: 42px;
  height: 42px;
  border: 1px solid #e3e3e3;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  margin-right: 9px;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
  color: #868686; }
  #pagination span.current, #pagination a.current {
    background: #000;
    color: #fff;
    border: 1px solid #000; }

#pagination a:hover {
  background: #000;
  color: #fff; }

.product-sale, .pro-sale-detail {
  position: absolute;
  z-index: 99;
  top: 8px;
  left: 8px;
  display: flex; }
  .product-sale span, .pro-sale-detail span {
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
    background: transparent;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 6px;
    border: 1px solid #333;
    color: #333; }
    .product-sale span:after, .pro-sale-detail span:after {
      display: none;
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      border-left: 18px solid transparent;
      border-right: 18px solid transparent;
      border-top: 10px solid #D32222; }
    .product-sale span.tagindex, .pro-sale-detail span.tagindex {
      background: #f8eb3e; }
    .product-sale span.new, .pro-sale-detail span.new {
      background: transparent;
      border: 1px solid #333;
      color: #333; }
      .product-sale span.new:after, .pro-sale-detail span.new:after {
        border-top: 10px solid #010101; }
  .product-sale.hidden, .pro-sale-detail.hidden {
    display: none; }

.product-label .label-tag:nth-child(2) {
  display: none; }

@media (min-width: 992px) {
  #product-thumb .owl-next, #product-thumb .owl-prev {
    background: var(--bgshop);
    color: #fff;
    width: 30px;
    height: 30px; }
    #product-thumb .owl-next:hover, #product-thumb .owl-prev:hover {
      background: #fff;
      color: var(--bgshop); }
  #product-thumb:hover .owl-prev {
    left: -15px;
    opacity: 1; }
  #product-thumb:hover .owl-next {
    right: -15px;
    opacity: 1; } }

.view-detail {
  text-decoration: underline;
  color: var(--colorshop); }

.social-fixed {
  position: fixed;
  bottom: 120px;
  right: -80px;
  z-index: 999; }
  .social-fixed .btn-support {
    background: var(--colorshophover);
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    background-image: var(--customer);
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat; }
    .social-fixed .btn-support.active-show {
      background-image: var(--cancel);
      background-size: 20px; }
    .social-fixed .btn-support:after {
      content: "";
      background-color: rgba(37, 155, 209, 0.9);
      animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
      border: 2px solid transparent;
      border-radius: 100%;
      height: 65px;
      left: -10px;
      z-index: 99;
      position: absolute;
      top: -10px;
      transform-origin: 50% 50% 0;
      transition: all .5s ease;
      width: 65px; }
  .social-fixed ul {
    max-height: 0;
    overflow: hidden;
    visibility: hidden; }
    .social-fixed ul.active {
      max-height: 500px;
      visibility: visible; }
    .social-fixed ul.overflow-active {
      overflow: initial; }
    .social-fixed ul li {
      font-size: 25px;
      width: 45px;
      height: 45px;
      text-align: center;
      line-height: 45px;
      border-radius: 50%;
      margin-bottom: 15px;
      position: relative; }
      .social-fixed ul li.hotline {
        background: #e9242f; }
      .social-fixed ul li.zalo {
        background: #008FE5;
        line-height: 42px; }
      .social-fixed ul li.twitter {
        background: #03A9F4; }
      .social-fixed ul li.youtube {
        background: #FF0000; }
      .social-fixed ul li.tiktok {
        background: #000;
        line-height: 42px; }
      .social-fixed ul li.instagram {
        background: #f09433;
        background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); }
      .social-fixed ul li a {
        color: #fff;
        display: block; }
  .social-fixed.show {
    right: 10px; }

.row-flex {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px; }
  .row-flex .add-to-cart-style-qv, .row-flex .add-to-cart-style, .row-flex .buynow-style {
    background: var(--bgshop);
    color: #fff;
    height: 45px;
    width: calc(50% - 15px);
    flex: 0 0 calc(50% - 15px);
    margin-right: 15px;
    display: block;
    border: 1px solid var(--bgshop);
    max-width: 250px; }
    .row-flex .add-to-cart-style-qv span, .row-flex .add-to-cart-style span, .row-flex .buynow-style span {
      font-weight: bold;
      letter-spacing: .5px; }
    @media (min-width: 992px) {
      .row-flex .add-to-cart-style-qv:hover, .row-flex .add-to-cart-style:hover, .row-flex .buynow-style:hover {
        background: #fff;
        color: var(--bgshop); } }
  .row-flex .buynow-style {
    background: transparent;
    color: var(--bgshop); }
    .row-flex .buynow-style:hover {
      background: var(--bgshop);
      color: #fff; }
  .row-flex .add-to-cart-style-qv {
    width: calc(100% - 15px);
    flex: 0 0 calc(100% - 15px); }

.quantity-area-cartmini {
  display: flex; }
  .quantity-area-cartmini input {
    height: 32px;
    width: 32px;
    border: none;
    border-radius: 8px;
    font-size: 12px;
    color: #000;
    padding: 0; }
  .quantity-area-cartmini .qty-btn {
    background: #fff;
    cursor: pointer;
    outline: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: unset;
    font-size: 20px;
    box-shadow: 0px 16px 24px rgba(138, 149, 158, 0.08);
    transition: all .3s; }
    .quantity-area-cartmini .qty-btn:hover {
      background: #2a32ba;
      color: #fff; }
  .quantity-area-cartmini .quantity-mini {
    background: #F7F7F7;
    font-weight: 600;
    text-align: center;
    width: 56px;
    margin: 0 8px; }

.rte.description p {
  margin: 0; }

.list-variants-img {
  margin-top: 5px;
  align-items: center;
  margin-bottom: 0 !important;
  padding-left: 0 !important; }
  .list-variants-img li {
    margin-right: 5px;
    line-height: 20px;
    text-align: center;
    padding: 2px;
    border: 1px solid #ccc;
    border-radius: 2px;
    list-style: none !important; }
    .list-variants-img li.swatch-loop-more span {
      width: 16px;
      height: 16px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .list-variants-img li:not(.swatch-loop-more) span {
      width: 16px;
      height: 16px;
      display: block;
      border-radius: 2px;
      cursor: pointer;
      background-image: var(--bg-colorloop);
      background-size: contain !important;
      background-position: center !important; }
    .list-variants-img li:not(.swatch-loop-more).active {
      border-color: #61AAF4; }

.pro-sale-qv.hidden {
  display: none; }

.slick-arrow.slick-disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
  visibility: hidden; }

.count-down-index {
  margin-top: 10px; }
  .count-down-index > span {
    margin-right: 10px;
    font-size: 18px;
    font-weight: bold; }
  .count-down-index .countdown-deal li {
    display: block;
    float: left;
    background: #000000;
    height: 40px;
    width: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    border-radius: 9px;
    margin: 5px;
    font-size: 16px; }
    @media (max-width: 480px) {
      .count-down-index .countdown-deal li {
        height: 35px;
        width: 35px;
        line-height: 35px; } }
    .count-down-index .countdown-deal li span {
      color: #fff; }

.show-buy-mobile .product-fixed-buy-mart {
  bottom: 0; }

#wrapper-box-sw-mb {
  position: fixed;
  background: #fff;
  z-index: 9999;
  bottom: -200vh; }
  #wrapper-box-sw-mb .result-swatch-mb {
    position: relative; }
    #wrapper-box-sw-mb .result-swatch-mb .bar:before, #wrapper-box-sw-mb .result-swatch-mb .bar:after {
      background: #000; }
  #wrapper-box-sw-mb .pro-sale-qv {
    position: relative;
    background: #ec2042;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 9px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 10px;
    margin-bottom: 4px;
    border: 1px solid #ec2042;
    color: #fff; }
    #wrapper-box-sw-mb .pro-sale-qv:after {
      display: none;
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      border-left: 18px solid transparent;
      border-right: 18px solid transparent;
      border-top: 10px solid #D32222; }
    #wrapper-box-sw-mb .pro-sale-qv.tagindex {
      background: #f8eb3e; }
    #wrapper-box-sw-mb .pro-sale-qv.new {
      background: transparent;
      border: 1px solid #333;
      color: #333; }
      #wrapper-box-sw-mb .pro-sale-qv.new:after {
        border-top: 10px solid #010101; }
  #wrapper-box-sw-mb #form-swatch-mobile {
    padding: 15px 10px;
    position: relative;
    /*.select-swatch {
		float: left;
		max-height: 210px;
		overflow-y: auto;
		width: 100%;
  	}*/ }
    #wrapper-box-sw-mb #form-swatch-mobile .product-title h2 {
      font-size: 18px;
      margin-bottom: 10px; }
    #wrapper-box-sw-mb #form-swatch-mobile .pro-price-sw {
      font-size: 16px;
      color: #ff0000;
      font-weight: 600;
      margin-right: 15px; }
    #wrapper-box-sw-mb #form-swatch-mobile del {
      color: #919191;
      font-weight: 500; }
    #wrapper-box-sw-mb #form-swatch-mobile .swatch .header span {
      padding-left: 3px; }
  #wrapper-box-sw-mb #form-swatch-mobile {
    padding: 20px; }
    #wrapper-box-sw-mb #form-swatch-mobile .modal-left {
      width: 40%; }
      @media (max-width: 767px) {
        #wrapper-box-sw-mb #form-swatch-mobile .modal-left {
          width: 0; } }
    #wrapper-box-sw-mb #form-swatch-mobile .modal-right {
      width: 60%;
      padding-left: 20px; }
      #wrapper-box-sw-mb #form-swatch-mobile .modal-right .product-title {
        padding-right: 15px; }
      #wrapper-box-sw-mb #form-swatch-mobile .modal-right .product-price {
        margin-top: 10px; }
      #wrapper-box-sw-mb #form-swatch-mobile .modal-right .modal-action {
        width: 100%;
        align-items: center;
        justify-content: center;
        padding-top: 10px; }
      #wrapper-box-sw-mb #form-swatch-mobile .modal-right .link-to-product {
        font-weight: 400;
        margin-top: 10px;
        text-decoration: underline;
        display: block; }
      #wrapper-box-sw-mb #form-swatch-mobile .modal-right .img-mb {
        display: none;
        width: 35%; }
      @media (max-width: 767px) {
        #wrapper-box-sw-mb #form-swatch-mobile .modal-right {
          width: 100%;
          padding-left: 0;
          display: flex;
          flex-wrap: wrap; }
          #wrapper-box-sw-mb #form-swatch-mobile .modal-right .img-mb {
            display: block; }
          #wrapper-box-sw-mb #form-swatch-mobile .modal-right .modal-action {
            align-items: flex-start;
            flex-direction: column;
            border-top: 1px dotted #dfe0e1; }
            #wrapper-box-sw-mb #form-swatch-mobile .modal-right .modal-action .wrap-addcart {
              margin-top: 10px;
              width: 100%; }
          #wrapper-box-sw-mb #form-swatch-mobile .modal-right .product-title {
            width: calc(65% - 15px);
            padding: 0 0 0 15px; } }
    @media (max-width: 767px) {
      #wrapper-box-sw-mb #form-swatch-mobile {
        padding: 15px; } }
  #wrapper-box-sw-mb .pro-sale-qv span {
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
    background: transparent;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 6px;
    border: 1px solid #333;
    color: #333; }
    #wrapper-box-sw-mb .pro-sale-qv span:after {
      display: none;
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      border-left: 18px solid transparent;
      border-right: 18px solid transparent;
      border-top: 10px solid #D32222; }
    #wrapper-box-sw-mb .pro-sale-qv span.tagindex {
      background: #f8eb3e; }
    #wrapper-box-sw-mb .pro-sale-qv span.new {
      background: transparent;
      border: 1px solid #333;
      color: #333; }
      #wrapper-box-sw-mb .pro-sale-qv span.new:after {
        border-top: 10px solid #010101; }
  #wrapper-box-sw-mb .wanda-close-handle {
    background: transparent; }
  @media (max-width: 767px) {
    #wrapper-box-sw-mb #add-item-form-mb {
      width: 100%; } }

.wanda-close-handle {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  z-index: 999;
  background: #000;
  border: none;
  box-shadow: none;
  cursor: pointer;
  -ms-transition: transform 150ms linear;
  -webkit-transition: transform 150ms linear;
  transition: transform 150ms linear;
  font-size: 0; }
  .wanda-close-handle .mb-menu-cls {
    width: 35px;
    height: 35px;
    cursor: pointer;
    display: inline-block;
    position: relative; }
    .wanda-close-handle .mb-menu-cls .bar {
      position: relative;
      top: 18px;
      right: 7px;
      background: #000;
      display: block;
      margin: auto;
      -ms-transition: all 0ms 100ms, width 150ms linear;
      -webkit-transition: all 0ms 100ms, width 150ms linear;
      transition: all 0ms 100ms, width 150ms linear; }
      .wanda-close-handle .mb-menu-cls .bar:before {
        content: "";
        position: absolute;
        right: 0;
        background: #fff;
        bottom: -2px;
        width: 20px;
        height: 2px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -ms-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1); }
      .wanda-close-handle .mb-menu-cls .bar:after {
        content: "";
        position: absolute;
        right: 0;
        background: #fff;
        top: 0;
        width: 20px;
        height: 2px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1); }

.show-add-cart-mb #wrapper-box-sw-mb {
  bottom: 0; }
  @media (min-width: 993px) {
    .show-add-cart-mb #wrapper-box-sw-mb {
      bottom: 50%;
      left: 50%;
      transform: translateY(50%) translateX(-50%); } }

.unless-product #buynow-sw {
  display: none; }

.btn-all {
  text-align: center;
  margin: 15px 0; }
  .btn-all a {
    border: 1px solid #000;
    padding: 10px 40px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500; }
    .btn-all a:hover {
      color: #fff;
      background: #000; }

.product-block span.label_type_2:nth-child(2) {
  display: none; }

span.label_type_1 {
  position: absolute;
  z-index: 10;
  right: 15px;
  top: 15px;
  width: 90px; }

span.label_type_2 {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 100%;
  opacity: 0.9; }

span.label_type_3 {
  position: absolute;
  z-index: 10;
  left: 15px;
  top: 15px;
  width: 90px; }

span.label_type_4 {
  position: absolute;
  z-index: 10;
  left: 15px;
  bottom: 15px;
  width: 90px; }
  @media (max-width: 767px) {
    span.label_type_4 {
      left: 5px;
      bottom: 5px;
      width: 70px; } }

/*.slick-track {
display: inline-block !important;
height: 100%;
}*/
/*====== BANNER NEO ========================*/
.banner_neo {
  position: fixed;
  bottom: 60px;
  z-index: 991;
  right: 12px;
  border-radius: 8px;
  max-width: 85px;
  overflow: hidden;
  animation: zoom-in-zoom-out-gift 2s ease-out;
  animation-iteration-count: infinite; }
  .banner_neo #close_fixed {
    position: absolute;
    top: 1px;
    right: 0px;
    z-index: 1000;
    width: 20px;
    height: 20px;
    background: transparent;
    border-radius: 50%;
    padding: 0 5px; }
    .banner_neo #close_fixed svg {
      fill: #fff;
      width: 10px; }
  @media (max-width: 767px) {
    .banner_neo {
      max-width: 70px;
      bottom: 60px; } }

@media (max-width: 480px) {
  .d-none-button-mb .slick-callback .slick-arrow {
    display: none !important; }
  .d-block-button-mb .slick-callback .slick-arrow.slick-prev {
    left: -15px;
    opacity: 1; }
  .d-block-button-mb .slick-callback .slick-arrow.slick-next {
    right: -25px;
    opacity: 1; } }

.wish-list-template .product-block .product-img .product-wishlist button {
  background-image: unset; }

/*Thêm class d-block-button-mb thì hiện thị button next prev trên mobile */
/* Icon social */
.addThis_listSharing {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: transparent;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  @media (min-width: 1200px) {
    .addThis_listSharing .addThis_item {
      padding-right: 30px !important; } }

.addThis_listSharing .listSharing_action {
  position: absolute;
  bottom: 140px;
  border-radius: 12px;
  right: 20px;
  max-width: 300px;
  background-color: #f5f6fa;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  -webkit-transform-origin: 100% bottom;
  transform-origin: 100% bottom;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transition: -webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1); }

.addThis_listing .addThis_item {
  margin: 0;
  padding: 10px 15px; }

.addThis_listing .addThis_item:not(:last-of-type) {
  border-bottom: 1px solid #ecedf1;
  box-shadow: 0 1px 0 0 #fff; }

.addThis_listing .addThis_item .addThis_item--icon {
  width: 100%;
  height: auto;
  border-radius: 0;
  box-shadow: none;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }

.addThis_listing .addThis_item .addThis_item--icon svg {
  display: block;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11); }

.addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
  opacity: 1;
  visibility: visible;
  position: initial;
  width: calc(100% - 30px);
  padding-left: 15px;
  text-align: left;
  background: transparent;
  color: #1d243e;
  font-size: 13px;
  font-weight: 400; }

.addThis_listing .addThis_item:hover .tooltip-text {
  color: #259BD1; }

.addThis_listing .addThis_item.addThis_item__fbchat {
  display: none; }

.addThis_listSharing .addThis_close {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
  border: 0;
  outline: none;
  padding: 6px;
  background: transparent; }

.addThis_listSharing .addThis_close svg {
  opacity: 0.6;
  width: 24px;
  height: 24px;
  display: block;
  margin: auto; }

.addThis_iconContact {
  position: fixed;
  bottom: 115px;
  right: 10px;
  margin: 0;
  z-index: 999;
  cursor: pointer; }

.addThis_iconContact .svgico > svg {
  fill: #ffffff;
  width: 28px;
  height: 46px;
  transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; }

.addThis_iconContact .svgico .svgico--close {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.3);
  transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; }

.addThis_iconContact .svgico .svgico--close svg {
  fill: #ffffff;
  width: 17px;
  height: 46px; }

.addThis_listSharing.active + .addThis_iconContact .svgico .svgico--close {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1); }

.addThis_listSharing.active + .addThis_iconContact .svgico > svg {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.3); }

.addThis_listSharing.active {
  opacity: 1;
  visibility: visible; }

.addThis_listSharing.active .listSharing_action {
  -ms-transition-delay: 0.1s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.1s;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1); }

.addThis_iconContact .box-contact .svgico {
  position: relative;
  z-index: 4;
  height: 48px;
  width: 48px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #ffffff;
  cursor: pointer;
  background: #07acf7;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  animation: pulse 2s infinite;
  animation: pulse 2s infinite; }

.addThis_iconContact .box-contact:before, .addThis_iconContact .box-contact:after {
  position: absolute;
  content: '';
  height: 48px;
  width: 48px;
  left: 0;
  top: 0;
  background: #07acf7;
  border-radius: 50%; }

.addThis_iconContact .box-contact:before {
  animation: euiBeaconPulseSmall 2s infinite ease-out; }

.addThis_iconContact .box-contact:after {
  animation: euiBeaconPulseSmall 2s  infinite ease-out 0.4s; }

.listSharing_overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

@keyframes euiBeaconPulseSmall {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.4);
    opacity: 0; } }

@media (max-width: 991px) {
  .addThis_iconContact {
    display: block;
    bottom: 120px; }
  .addThis_listSharing .listSharing_action {
    bottom: 140px;
    left: 14px;
    right: 14px;
    max-width: 100%; }
  .addThis_listing .addThis_item .addThis_item--icon svg {
    width: 28px;
    height: 28px; }
  .addThis_listing .addThis_item.addThis_item__fbchat {
    display: block; }
  .addThis_listSharing.active .listSharing_overlay {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto; } }

/* modal- center */
.modal-addThis {
  font-size: 0;
  text-align: center;
  padding: 0 !important;
  background: rgba(3, 17, 27, 0.7);
  -webkit-transition: opacity .35s linear;
  -o-transition: opacity .35s linear;
  transition: opacity .35s linear; }

.modal-addThis:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; }

.modal-addThis .modal-dialog-centered {
  font-size: 14px;
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

.modal-addThis.fade .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-addThis .modal-dialog-centered .modal-content {
  width: 100%;
  padding: 0 30px; }

.modal-addThis .modal-dialog-centered {
  margin: 30px auto 50px; }

.modal-addThis.fade .modal-dialog-centered {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s; }

.modal-addThis.fade.in .modal-dialog-centered {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

@media (max-width: 767px) {
  .modal-addThis .modal-dialog-centered {
    margin: 30px 10px 50px; } }

/* modal-succes */
.modal-succesform .modal-title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: #3985f7; }

.modal-succesform p:not(.modal-title) {
  font-size: 15px;
  margin: 10px 0 5px; }

.modal-succesform p.txtloading {
  color: #aaa;
  font-size: 13px; }

@keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  5% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  12% {
    -webkit-transform: rotate(-405deg);
    -moz-transform: rotate(-405deg);
    -o-transform: rotate(-405deg);
    transform: rotate(-405deg); }
  100% {
    -webkit-transform: rotate(-405deg);
    -moz-transform: rotate(-405deg);
    -o-transform: rotate(-405deg);
    transform: rotate(-405deg); } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

.modal-icon.sweet-alert {
  padding-top: 15px; }

.animateSuccessTip {
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  animation: rotatePlaceholder 4.25s ease-in; }

.sweet-alert .sa-icon.sa-success {
  width: 80px;
  height: 80px;
  border: 4px solid #4cae4c;
  border-radius: 50%;
  margin: 20px auto 0;
  position: relative;
  box-sizing: content-box; }

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
  content: '';
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  -moz-transform-origin: 60px 60px;
  -o-transform-origin: 60px 60px;
  transform-origin: 60px 60px; }

.sweet-alert .sa-icon.sa-success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  -moz-transform-origin: 0px 60px;
  -o-transform-origin: 0px 60px;
  transform-origin: 0px 60px; }

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(92, 184, 92, 0.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: #fff;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #5cb85c;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* modal-contactform */
.modal-contactform .modal-header h4.modal-title {
  text-align: center;
  font-size: 18px;
  font-weight: 500; }

.modal-contactform .modal-header .close {
  margin-top: -10px;
  opacity: 0.5;
  font-size: 26px;
  width: 30px;
  margin-right: -8px; }

.modal-contactform .content_popupform .input-group {
  width: 100%;
  margin: 0 0 15px; }

.modal-contactform .content_popupform .input-group input,
.modal-contactform .content_popupform .input-group textarea {
  border: 1px solid #e7e7e7;
  box-shadow: none;
  height: 40px;
  font-weight: 500;
  padding: 5px 20px;
  background: #fbfbfb;
  color: #252a2b;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none; }

.modal-contactform .content_popupform .input-group textarea {
  resize: none;
  height: 80px; }

.modal-contactform .btnSubmit-modal {
  background: var(--bgshop);
  color: #fff;
  height: 45px;
  width: calc(50% - 15px);
  flex: 0 0 calc(50% - 15px);
  border: 1px solid var(--bgshop);
  max-width: 250px; }

@media (min-width: 992px) {
  .modal-addThis.modal-contactform .modal-dialog {
    width: 100%; }
  .modal-addThis.modal-succesform .modal-dialog {
    width: 100%; }
  #modal_popup_sale {
    max-width: 550px; } }

#modal-voucher .modal-title {
  margin-bottom: 10px;
  font-size: 16px;
  text-transform: uppercase; }

#modal-voucher .modal-body {
  position: relative;
  display: grid;
  gap: 10px; }

#modal-voucher .voucher-box {
  display: flex;
  justify-content: space-between; }
  #modal-voucher .voucher-box input {
    flex: 0 0 calc(100% - 120px);
    max-width: calc(100% - 120px);
    border-radius: 4px;
    padding: 10px; }
  #modal-voucher .voucher-box button {
    flex: 0 0 110px;
    max-width: 110px;
    border: 1px solid #2a32ba;
    font-weight: 500;
    text-transform: uppercase;
    background: #2a32ba;
    color: #fff;
    border-radius: 4px;
    cursor: pointer; }

#modal-voucher .voucher-status {
  color: #ff0000; }

#modal-voucher .voucher_error {
  margin-top: 5px;
  color: #ff0000; }

#modal-voucher .voucher-list {
  gap: 15px;
  display: grid;
  margin-bottom: 5px; }
  #modal-voucher .voucher-list .item {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer; }
    #modal-voucher .voucher-list .item:after {
      content: "";
      position: absolute;
      bottom: -7.5px;
      width: 100%;
      height: 1px;
      background: #f3f3f3;
      left: 0;
      right: 0; }
  #modal-voucher .voucher-list .icon {
    flex: 0 0 64px;
    max-width: 64px; }
  #modal-voucher .voucher-list .title {
    font-size: 18px;
    font-weight: 600; }
  #modal-voucher .voucher-list .content {
    flex: 1 1 auto;
    margin: 0 12px; }
    #modal-voucher .voucher-list .content p {
      margin: 0 0 2px;
      color: #6B748D;
      font-size: 13px; }
  #modal-voucher .voucher-list .action input {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: -1; }

@media (min-width: 992px) {
  #modal-voucher {
    max-width: 500px; } }

@media (max-width: 767px) {
  #modal-voucher .voucher-list .title {
    font-size: 16px; } }

.label-new a, .label-hot a {
  font-weight: 600 !important; }

#combo-popup.modal, #combo-popup-global.modal {
  opacity: 1;
  border-radius: 0; }
  #combo-popup.modal .modal-header, #combo-popup-global.modal .modal-header {
    padding-bottom: 15px;
    min-height: 16.43px;
    border-bottom: 1px solid #e5e5e5; }
  #combo-popup.modal .name-combo, #combo-popup-global.modal .name-combo {
    margin: 0;
    font-weight: bold;
    font-size: 22px;
    padding: 0px 30px 0px 0px; }
  #combo-popup.modal .combo-title, #combo-popup-global.modal .combo-title {
    margin: 10px 0 0;
    font-size: 14px;
    font-weight: bold; }
  #combo-popup.modal button.close, #combo-popup-global.modal button.close {
    display: none; }
  #combo-popup.modal a.close-modal, #combo-popup-global.modal a.close-modal {
    display: inline-block;
    position: absolute;
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #333;
    right: 13px;
    top: 9px;
    z-index: 9;
    opacity: 1;
    margin: 0; }
  #combo-popup.modal .modal-body, #combo-popup-global.modal .modal-body {
    padding: 15px;
    position: relative; }
    #combo-popup.modal .modal-body #combo-program, #combo-popup.modal .modal-body #combo-program-global, #combo-popup-global.modal .modal-body #combo-program, #combo-popup-global.modal .modal-body #combo-program-global {
      max-height: 400px;
      overflow: auto; }
  #combo-popup.modal .combo-w, #combo-popup-global.modal .combo-w {
    margin-top: 10px;
    border: 0;
    margin-bottom: 0px;
    padding-left: 40px;
    position: relative; }
    #combo-popup.modal .combo-w.checked:before, #combo-popup-global.modal .combo-w.checked:before {
      border: 1px solid #000; }
    #combo-popup.modal .combo-w.checked:after, #combo-popup-global.modal .combo-w.checked:after {
      opacity: 1; }
    #combo-popup.modal .combo-w:before, #combo-popup-global.modal .combo-w:before {
      content: '';
      width: 20px;
      height: 20px;
      border: 1px solid #e1e1e1;
      border-radius: 3px;
      position: absolute;
      top: calc(50% - 10px);
      left: 7px; }
    #combo-popup.modal .combo-w:after, #combo-popup-global.modal .combo-w:after {
      content: '\2714\fe0e';
      font-size: 16px;
      position: absolute;
      top: calc(50% - 11px);
      left: 11px;
      color: #93c3c4;
      opacity: 0; }
    #combo-popup.modal .combo-w table, #combo-popup-global.modal .combo-w table {
      width: 100%;
      border-spacing: 0;
      border: none; }
      #combo-popup.modal .combo-w table tr, #combo-popup-global.modal .combo-w table tr {
        margin-bottom: 3px; }
        #combo-popup.modal .combo-w table tr:first-child, #combo-popup-global.modal .combo-w table tr:first-child {
          border-top: 1px solid #000; }
        #combo-popup.modal .combo-w table tr td, #combo-popup-global.modal .combo-w table tr td {
          padding: 10px;
          text-align: left;
          border: 1px solid #000; }
          #combo-popup.modal .combo-w table tr td:last-child, #combo-popup-global.modal .combo-w table tr td:last-child {
            padding-right: 0px; }
          #combo-popup.modal .combo-w table tr td:first-child, #combo-popup-global.modal .combo-w table tr td:first-child {
            padding-left: 0px; }
        #combo-popup.modal .combo-w table tr th, #combo-popup-global.modal .combo-w table tr th {
          padding: 10px;
          text-align: left; }
      #combo-popup.modal .combo-w table label, #combo-popup-global.modal .combo-w table label {
        font-weight: normal;
        font-size: 13px;
        display: block;
        border: none;
        padding: 2px 5px;
        cursor: pointer;
        margin-bottom: 5px; }
        #combo-popup.modal .combo-w table label img, #combo-popup-global.modal .combo-w table label img {
          display: inline-block;
          width: 85px;
          float: left; }
        #combo-popup.modal .combo-w table label p, #combo-popup-global.modal .combo-w table label p {
          display: inline-block;
          width: calc(100% - 85px);
          float: left;
          margin-bottom: 0px;
          padding-left: 15px;
          line-height: 21px; }
          #combo-popup.modal .combo-w table label p.discount-promotion-price b, #combo-popup-global.modal .combo-w table label p.discount-promotion-price b {
            color: #fa0303; }
  #combo-popup.modal .modal-footer, #combo-popup-global.modal .modal-footer {
    padding: 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5; }
    #combo-popup.modal .modal-footer button, #combo-popup-global.modal .modal-footer button {
      position: relative;
      display: inline-block;
      padding: 10px 28px;
      line-height: normal;
      color: #fff;
      border: 1px solid #000000;
      border-radius: 0;
      text-transform: uppercase;
      font-size: 12px;
      text-align: center;
      letter-spacing: 1px;
      background-color: #000;
      -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      z-index: 1;
      overflow: hidden;
      margin: 0 5px; }

/**** Style Loading ****/
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(24px, 0); } }

.lds-ellipsis {
  /* change color here */
  color: #1c4c5b; }

.lds-ellipsis,
.lds-ellipsis div {
  box-sizing: border-box; }

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 20px; }

.lds-ellipsis div {
  position: absolute;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0); }

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite; }

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite; }

/*----- style check freeship -----*/
.cart-shipping {
  margin-top: 15px;
  margin-bottom: 15px; }
  .cart-shipping .shipping-title {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    letter-spacing: 0.5px;
    min-height: 30px; }
  .cart-shipping .price {
    font-weight: 600;
    color: #ff2c26; }
  .cart-shipping .free-ship {
    text-transform: uppercase;
    color: #333333;
    font-weight: 600; }
  .cart-shipping__bar {
    height: 8px;
    width: 100%;
    background-color: #e9e9e9;
    border-radius: 5px;
    margin: 15px 0 10px;
    position: relative; }
    .cart-shipping__bar span {
      background-color: #2a32ba;
      width: 0;
      border-radius: 5px;
      transition: width .4s ease-in-out;
      display: block;
      height: 100%;
      position: relative; }
      .cart-shipping__bar span .icon {
        width: 30px;
        height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        position: absolute;
        top: 3px;
        right: 15px;
        transform: translate(50%, -50%);
        font-weight: 700;
        content: "";
        font-size: 12px;
        color: #2a32ba;
        border: 1px solid #2a32ba;
        background: currentColor; }
        .cart-shipping__bar span .icon svg {
          fill: #fff; }
  .cart-shipping.cart-shipping-free .cart-shipping__bar .shipping-bar {
    background-color: #3d9851; }
  .cart-shipping.cart-shipping-free .cart-shipping__bar .shipping-bar .icon {
    background-color: #3d9851;
    border-color: #3d9851;
    color: #3d9851; }

#success-copy-wanda {
  max-width: 220px; }

.list-voucher-basic .wrap-box {
  display: flex;
  align-items: center;
  cursor: pointer;
  overflow-x: auto;
  margin-left: -5px;
  margin-right: -5px;
  padding-bottom: 5px; }
  .list-voucher-basic .wrap-box::-webkit-scrollbar {
    width: 4px; }
  .list-voucher-basic .wrap-box::-webkit-scrollbar-track {
    background: #e7e7e7;
    border-radius: 2px;
    width: 4px; }
  .list-voucher-basic .wrap-box::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 2px;
    height: 50%; }

.list-voucher-basic .item {
  flex: 0 0 auto;
  border-radius: 0;
  filter: none;
  min-height: 0;
  overflow: hidden;
  padding: 0 !important;
  margin-left: 5px;
  margin-right: 5px;
  position: relative; }

.list-voucher-basic .item-content {
  border: 1px solid #000;
  color: #000;
  border-radius: 5px;
  padding: 7px 12px;
  position: relative;
  font-size: 14px; }
  .list-voucher-basic .item-content:before, .list-voucher-basic .item-content:after {
    content: '';
    position: absolute;
    border-radius: 999px;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 1px solid #000;
    top: 50%;
    transform: translateY(-50%); }
  .list-voucher-basic .item-content:before {
    left: -5px; }
  .list-voucher-basic .item-content:after {
    right: -5px; }

@media (min-width: 1200px) {
  #article-template .article-content {
    max-width: 70%; } }