::-webkit-scrollbar{width:10px;height:10px;transition:1s}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background-color:rgba(127,127,127,.6);background-clip:padding-box;border:2px solid transparent;border-image:initial;border-radius:5px;transition:1s}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb:hover{background:#555}.tooltipster-content{font-family:inherit}.button.zalo:hover,.button.zalo:not(.is-outline){color:#008fe5!important}.process-indicator.is-outline{border:none!important}.process-indicator{height:50px;width:50px;display:none;place-items:center;box-shadow:0 0 10px rgba(0,0,0,.2);cursor:pointer}.process-indicator i,.process-indicator svg{top:0!important;display:block;height:calc(100% - 5px);width:calc(100% - 5px);background-color:#fff;border-radius:50%;display:grid;place-items:center;color:#001a2e}
.nav-translatey li a::after{position:absolute;content:'';top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;height:1px;width:0}
.nav-translatey li a:hover{color:var(--primary-color);padding-left:15px}
.nav-translatey li a:hover::after{background:var(--primary-color);width:10px}
.nav-scalex li>a:after{content:'';display:block;position:absolute;top:calc(100% - 2px);left:0;width:100%;border-bottom:1px solid var(--primary-color);transition:transform 1s cubic-bezier(.28,.75,.22,.95);transform:scaleX(0);transform-origin:right center}
.nav-scalex li>a:hover{color:var(--primary-color)}
.nav-scalex li>a:hover:after{transform:scale(1);transform-origin:left center}

.button i, button i {position: relative;}.has-hover:hover .tag-label,.social-icons.icon-style-small a::after{background-color:var(--fs-color-secondary)}mark{background-image:linear-gradient(135deg,var(--fs-color-primary) 0%,var(--fs-color-secondary) 100%);background-clip:text;-webkit-background-clip:text;color:transparent!important}mark.bg{background-image:linear-gradient(135deg,var(--fs-color-primary) 0%,var(--fs-color-secondary) 100%);background-clip:text;-webkit-background-clip:unset;color:#fff!important}code{border:none!important}#progress-reading{position:fixed;z-index:9999;top:0;left:0;height:4px;width:0;-webkit-transition:width 100ms ease;-o-transition:width 100ms ease;transition:width 100ms ease;background:linear-gradient(to right,var(--fs-color-secondary),var(--fs-color-primary))}.searchform .fill-round{padding:3px;border-radius:5px;background:#fff}.searchform .fill-round select,.searchform .fill-round input{box-shadow:none;border:0}.searchform .fill-round .submit-button{border-radius:5px!important;padding:0 20px;font-size:13px}.table-responsive table{margin:auto;border-collapse:collapse;border-spacing:0}.table-responsive table td,.table-responsive table th{border-style:solid;vertical-align:middle}.table-thead table thead{top:0;position:sticky;z-index:2}.table-first table td:nth-child(1){position:sticky;left:0;z-index:2}.table-first table tfoot td:nth-child(1),.table-first table thead th:nth-child(1){z-index:3;left:0;position:sticky}.table-tfoot table tfoot{bottom:0;position:sticky;z-index:2}.product-thumbnails{padding-top:0}.product-thumbnails a{background-color:#fff;border:1px solid transparent;display:block;overflow:hidden;transform:translateY(0)}.product-thumbnails .is-nav-selected a,.product-thumbnails a:hover{border-color:var(--fs-color-primary);}.product-thumbnails img{backface-visibility:hidden;margin-bottom:-5px;opacity:.5;transition:transform .6s,opacity .6s}.product-thumbnails .is-nav-selected a,.product-thumbnails a:hover{border-color:var(--fs-color-primary);}.product-thumbnails .is-nav-selected a img,.product-thumbnails a:hover img{border-color:var(--fs-color-primary);opacity:1;transform:translateY(-5px)}.vertical-thumbnails .row-slider:not(.flickity-enabled){opacity:0}@media screen and (min-width:850px){.vertical-thumbnails{overflow-x:hidden;overflow-y:auto}.vertical-thumbnails .col{left:0!important;margin-left:1px;max-width:100%!important;min-height:0!important;padding:0 0 15px!important;position:relative!important;right:0!important;width:95%!important}.vertical-thumbnails .flickity-slider,.vertical-thumbnails .flickity-viewport{height:auto!important;overflow:visible!important;transform:none!important}}.icon-zalo{display: inline-block;width: 1em;height: 1em;background-image: url('../../img/zalo.svg');background-size: contain;background-repeat: no-repeat;}

.ux-more {
    min-height: 50px;
    position: relative;
}

.ux-more .ux-more-content {
    position: relative;
}

.ux-more .ux-more-content:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    background-image: linear-gradient(180deg, hsla(0,0%,100%,0), #fff);
    width: 100%;
    height: 100px;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.ux-more[data-open="true"] .ux-more-content:before {
    background-image: unset;
    height: auto;
    opacity: 0;
}

.ux-more[data-open="true"] .ux-more-content {
    animation: stuckFadeIn 0.6s;
}

.ux-more .ux-more-toggle {
    display: block;
    text-align: center;
    width: 100%;
    cursor: pointer;
    background: #fff;
    border: none;
    margin-top: 10px;
}

@keyframes stuckFadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}


.slider-nav-invert .flickity-prev-next-button:hover .arrow {
    fill: #000!important;
}
.slider-nav-light.slider-nav-invert .flickity-prev-next-button:hover .arrow {
    fill: #FFF!important;
}
.slider-nav-invert .flickity-prev-next-button svg{background-color:var(--fs-color-primary) !important}


.slider-nav-large .flickity-prev-next-button {
    width: 44px;
}

.slider-nav-small .flickity-prev-next-button {
    width: 24px;
}
.slider-nav-rounded .flickity-button-icon {border-radius:5px;}
.slider-nav-top-left .flickity-prev-next-button { top: 6%; bottom: unset; } 
.slider-nav-top-left .flickity-prev-next-button.next { left: 6%; }
.slider-nav-top-right .flickity-prev-next-button { top: 6%; bottom: unset; } 
.slider-nav-top-right .flickity-prev-next-button.previous { left: unset; right: 6%; }
.slider-nav-bottom-right .flickity-prev-next-button { top: unset; bottom: -6% } 
.slider-nav-bottom-right .flickity-prev-next-button.previous { left: unset; right: 6%; }
.slider-nav-bottom-center .flickity-prev-next-button { top: unset; bottom: -6%; left: 50%; } 
.slider-nav-bottom-center .flickity-prev-next-button, .slider-nav-outside .flickity-prev-next-button.next { left: 51%; } 
.slider-nav-bottom-center .flickity-prev-next-button.previous, .slider-nav-outside .flickity-prev-next-button.previous { left: 47%; }
.slider-nav-bottom-center .slider-nav-outside .flickity-prev-next-button { bottom: -50px; }
.slider-nav-bottom-left .flickity-prev-next-button { top: unset; bottom: -6% } 
.slider-nav-bottom-left .flickity-prev-next-button.next { left: 6%; }
.slider-nav-dots-rotate .dot {
    transform: rotate(45deg);
    border-radius: 0;
}
.letter-avatar {
    border-radius: 50% !important;
    object-fit: cover;
    display: inline-block;
    vertical-align: middle;
    background: #ccc;
}

.product_meta {
    font-size: 13px !important;
    display: flex;
    flex-direction: column;
}

.product_meta > span {
    display: grid !important;
    grid-template-columns: 160px 1fr;
    border-top: 1px solid var(--fs-color-border) !important;
    border-left: 1px solid var(--fs-color-border);
    border-right: 1px solid var(--fs-color-border);
    align-items: center;
    padding: 0 0 0 15px !important;
    background: var(--fs-color-background);
}

.product_meta .sku_wrapper {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: auto;
}

.product_meta > span:last-child {
    border-bottom: 1px solid var(--fs-color-border);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: auto;
}

.product_meta > span > * {
    padding: 10px 15px;
    background: #FFF;
    border-left: 1px solid var(--fs-color-border);
}

.product_meta > span a {
    color: var(--fs-color-primary);
}


.woocommerce-product-attributes-item__label {
    text-transform: none !important;
}
.woocommerce-product-attributes {
    border: 1px solid var(--fs-color-border);
    border-collapse: separate;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}
.woocommerce-product-attributes .woocommerce-product-attributes-item {
    border-bottom: 1px solid var(--fs-color-border);
    font-size: 14px;
    width: 100%;
}
.woocommerce-product-attributes .woocommerce-product-attributes-item td:first-child, .woocommerce-product-attributes .woocommerce-product-attributes-item th {
    background-color: var(--fs-color-background);
    border-right: 1px solid var(--fs-color-border);
    border-bottom: 1px solid var(--fs-color-border);
    width: 30%;
}
.woocommerce-product-attributes .woocommerce-product-attributes-item td:nth-child(2) {
    width: 70%;
}
.woocommerce-product-attributes .woocommerce-product-attributes-item:not(:last-child) td {
    border-bottom: 1px solid var(--fs-color-border);
}
.woocommerce-product-attributes .woocommerce-product-attributes-item td, .woocommerce-product-attributes .woocommerce-product-attributes-item th {
    height: 100%;
    padding: 8px 16px !important;
    vertical-align: middle;
}
.form-submit .submit {
    text-transform: none !important;
}
.home-title {
  position: absolute !important;
  width: 1px; 
  height: 1px; 
  padding: 0; 
  margin: -1px; 
  overflow: hidden; 
  clip: rect(0, 0, 0, 0); 
  border: 0;
}

figure.wp-caption.aligncenter {
  position: relative;
  overflow: hidden;
}

figure.wp-caption.aligncenter img {
  width: 100%;
  display: block;
}

figcaption.wp-caption-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .02)) !important;
  color: #fff;
  padding: 10px;
  transition: bottom 0.4s ease;
}

@media (min-width: 1024px) {
  figcaption.wp-caption-text {
    bottom: -100%;
  }
  figure.wp-caption.aligncenter:hover figcaption.wp-caption-text {
    bottom: 0;
  }
}

.searchform-wrapper.icon-left .flex-col:last-of-type {
    margin-left: 0 !important;
    position: absolute;
    left: 5px;
}

.searchform-wrapper.form-flat .row-reverse .flex-col:last-of-type {
    margin-left: 0 !important;
}

.nav-dark .icon-left input:not([type=submit]) {
    padding-left: 2.9em;
}
.live-search-results .nav>li>a {
    color: #000 !important;
}

.live-search-results .nav-outline>li>a {
    border-color: var(--fs-color-border) !important;
}

.footer-wrapper .nav>li>a:hover {
    color: var(--fs-experimental-link-color-hover) !important;
}

.header-vertical-menu__fly-out .current-dropdown.menu-item .nav-dropdown{
    width: 980px !important;
    border-bottom-right-radius: 10px;
}

.header-wrapper .header-vertical-menu__fly-out {
    border-bottom-left-radius: 10px;
}

.header-vertical-menu__fly-out .current-dropdown.menu-item .nav-dropdown:first-child {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.nav-vertical-content {
    left: 300px !important;
    top: 0 !important;
    width: 880px !important;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    background: #fff;
    border-left: 1px solid #EFEFEF;
}
.ux-nav-vertical-menu, .sub-menu.nav-dropdown {
    height: 300px;
    overflow-y: auto;
}

.nav-vertical-fly-out > li + li {
    border-top: unset !important;
}

.nav-vertical-fly-out > li a {
    margin:10px 15px 0 15px !important;
    border-radius: 10px;
    padding: 5px 10px !important;
}

.nav-vertical-fly-out > li a:hover, .nav-vertical-fly-out .current-dropdown > a {
    background: #EFEFEF !important;
    font-weight: 500;
    color: #0073e6;
}

.ux-logos img {
    border-radius: 6px;
    border: 1px solid #e5e7eb;
}

.custom-mega-content {
    padding: 15px !important;
}

.nav-vertical-content::-webkit-scrollbar,
.ux-nav-vertical-menu::-webkit-scrollbar,
.sub-menu.nav-dropdown::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.nav-vertical-content::-webkit-scrollbar-thumb,
.ux-nav-vertical-menu::-webkit-scrollbar-thumb,
.sub-menu.nav-dropdown::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 5px;
    border: 2px solid #FFF;
}

.nav-vertical-content::-webkit-scrollbar-thumb:hover,
.ux-nav-vertical-menu::-webkit-scrollbar-thumb:hover,
.sub-menu.nav-dropdown::-webkit-scrollbar-thumb:hover {
    background: #666;
}

.nav-vertical-content::-webkit-scrollbar-track,
.ux-nav-vertical-menu::-webkit-scrollbar-track,
.sub-menu.nav-dropdown::-webkit-scrollbar-track {
    background: #f1f1f1;
}


.custom-mega-content {
    flex: 1;
    padding: 0px;
    display: none;
    background: white;
}

.custom-mega-content.current-dropdown {
    display: block;
}


.custom-mega-content li a {
  color: #555;
  text-decoration: none;
  padding: 5px 0;
}

.custom-mega-content li a:hover {
  color: #0073e6;
  text-decoration: underline;
}


.trustpilot-container {
    position: relative;
    container-type: inline-size;
}

.trustpilot-container, .trustpilot-container svg {
    width: 110px;
    height: 20px;
}
.trustpilot-star {
    color: #dcdce6;
}

.trustpilot-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    container-type: inline-size;
}

.trustpilot-color {
    color: var(--stars-color, #ff3722);
}

@container (min-width: 40cqw) {
    .trustpilot-color {
        color: var(--stars-color, #ff8622);
    }
}

@container (min-width: 60cqw) {
    .trustpilot-color {
        color: var(--stars-color, #ffce00);
    }
}

@container (min-width: 80cqw) {
    .trustpilot-color {
        color: var(--stars-color, #73cf11);
    }
}

@container (min-width: 90cqw) {
    .trustpilot-color {
        color: var(--stars-color, #00b67a);
    }
}

.stars-color .star-rating span:before, .stars-color .icon-certificate {
    color: var(--stars-color, #FAB51C) !important;
}

.filter-button {
    border: 1px solid var(--fs-color-primary);
    padding: 5px 10px;
    color: var(--fs-color-primary);
}

.grid-style-4 > div {
  flex: 1 1 100%;
}
.grid-style-4 > div:nth-child(2),
.grid-style-4 > div:nth-child(3) {
  flex: 1 1 calc(50% - 10px);
}

.custom-category-header ol li,.custom-category-header ul li, .custom-category-footer ol li,.custom-category-footer ul li {
    margin-left: 1em;
}
.shop-container h3 {
    font-size: 1em !important;
    font-weight: 400 !important;
}
/** Only Desktop **/
@media (min-width: 768px) {
    .marquee:hover .col-inner {
        animation-play-state: paused !important;
        cursor: pointer;
    }
    .marquee-left .row > .col > .col-inner {
        --marquee-item-position: calc(var(--marquee-item-index) + 1);
        --duration: calc(var(--marquee-speed) * 1s);
        --duration-per-item: calc(var(--duration) / var(--marquee-count));
        --delay: calc(-1 * var(--duration-per-item) * (var(--marquee-count) - var(--marquee-item-position)));
        animation: marquee-left var(--duration) var(--delay) linear infinite;
    }
    @keyframes marquee-left {
        from { transform: translateX(calc(100% * (var(--marquee-count) - var(--marquee-item-position)))); }
        to { transform: translateX(calc(-100% * var(--marquee-item-position))); }
    }
    .marquee-right .row > .col > .col-inner {
        --marquee-item-position: calc(var(--marquee-count) - var(--marquee-item-index));
        --duration: calc(var(--marquee-speed) * 1s);
        --duration-per-item: calc(var(--duration) / var(--marquee-count));
        --delay: calc(-1 * var(--duration-per-item) * (var(--marquee-count) - var(--marquee-item-position)));
        animation: marquee-right var(--duration) var(--delay) linear infinite;
    }

    @keyframes marquee-right {
        from { transform: translateX(calc(-100% * (var(--marquee-count) - var(--marquee-item-position)))); }
        to { transform: translateX(calc(100% * var(--marquee-item-position))); }
    }
    .marquee-down .row, .marquee-up .row {flex-direction:column}
    .marquee-down .row > .col > .col-inner {
        --marquee-item-position: calc(var(--marquee-count) - var(--marquee-item-index));
        --duration: calc(var(--marquee-speed) * 1s);
        --duration-per-item: calc(var(--duration) / var(--marquee-count));
        --delay: calc(-1 * var(--duration-per-item) * (var(--marquee-count) - var(--marquee-item-position)));
        animation: marquee-down var(--duration) var(--delay) linear infinite;
    }
    @keyframes marquee-down {
        from { transform: translateY(calc(-100% * (var(--marquee-count) - var(--marquee-item-position)))); }
        to   { transform: translateY(calc( 100% * var(--marquee-item-position))); }
    }
    .marquee-up .row > .col > .col-inner {
        --marquee-item-position: calc(var(--marquee-item-index) + 1);
        --duration: calc(var(--marquee-speed) * 1s);
        --duration-per-item: calc(var(--duration) / var(--marquee-count));
        --delay: calc(-1 * var(--duration-per-item) * (var(--marquee-count) - var(--marquee-item-position)));
        animation: marquee-up var(--duration) var(--delay) linear infinite;
    }
    @keyframes marquee-up {
        from { transform: translateY(calc( 100% * (var(--marquee-count) - var(--marquee-item-position)))); }
        to   { transform: translateY(calc(-100% * var(--marquee-item-position))); }
    }
}