footer {
    background-color: transparent;
    background-image: url(images/rectangle-56.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-blend-mode: color-burn
}

.breadcrumb span a.btn.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    height: 37px;
    position: relative;
    float: left;
    border: 0;
    border-radius: 0
}

.btn-breadcrumb a.btn.btn-default {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    height: 37px;
    position: relative;
    float: left;
    border: 0;
    border-radius: 0
}

.slick-slider a:focus {
    outline: none
}

a:focus {
    text-decoration: unset
}

em {
    font-style: italic
}

#td-outer-wrap {
    overflow-x: hidden
}

footer a:hover {
    color: var(--footer-text-color)
}

.breadcrumb-box .btn-group, .breadcrumb-box .btn-group-vertical {
    flex-wrap: wrap
}

.breadcrumb-box .btn-breadcrumb a.btn.btn-default {
    line-height: 25px;
    height: auto;
    float: unset;
    text-align: left;
    padding: 0
}

.breadcrumb-box .btn-breadcrumb a.btn.btn-default.btn-next {
    padding: 0 10px
}

.breadcrumb-box .btn-breadcrumb a span[itemprop="name"] {
    line-height: 25px
}

.product-slider-horizontal .product-item {
    background-color: #fff
}

.sidebar .widget {
    padding: 0;
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.sidebar .widget .sidebar-title {
    padding: 0
}

.sidebar .widget .sidebar-title .header {
    border: 0;
    padding: 10px 15px;
    background-color: var(--theme-color);
    color: #fff;
    text-align: center;
    margin: 0;
    font-size: 16px;
    text-transform: unset
}

.products-detail .box-image-featured {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 100%;
    height: inherit;
    overflow: hidden
}

.products-detail .box-image-featured a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.products-detail .box-image-featured a img {
    height: 100%;
    width: 100%;
    position: relative;
    display: block;
    transition: all .5s ease-in-out;
    object-fit: contain
}

.products-detail .sidebar .policy_intuitive .list-item {
    padding: 10px
}

.products-detail .sidebar .policy_intuitive .list-item .pr-item {
    display: grid;
    grid-template-columns:50px auto;
    grid-gap: 10px;
    align-items: center
}

.products-detail .sidebar .policy_intuitive .list-item .pr-item .img {
    padding: 0;
    float: unset;
    width: 100%
}

.products-detail .sidebar .policy_intuitive .list-item .pr-item .img img {
    width: 100%
}

.products-detail .sidebar .policy_intuitive .list-item .pr-item .title {
    float: unset;
    width: 100%
}

.products-detail .sidebar .policy_intuitive .list-item .pr-item .title h4 {
    text-transform: unset;
    font-weight: 400;
    color: #000
}

.products-detail .policy_intuitive .pr-item .title p {
    color: #000
}

.products-detail .policy_intuitive .list-item .pr-item .title p {
    color: #959393
}

.products-detail .product-slider-horizontal {
    margin: 20px 0
}

.product-slider-horizontal .item {
    background-color: #fff
}

.product-slider-horizontal .item .product {
    position: relative
}

.product-slider-horizontal .item .title .heading {
    height: 40px
}

.product-slider-horizontal .item .title .heading a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 20px
}

.product-slider-horizontal .item .title .item-pr-price {
    line-height: 20px
}

.header-mobile {
    padding: 10px 0
}

.scb-phone-box {
    z-index: 9999 !important
}

.owl-carousel {
    display: none
}

.owl-carousel.slick-initialized {
    display: block
}

.product-slider-horizontal .item .title .pre-cart-box {
    margin-top: 10px
}

.product-slider-horizontal .item .title .pre-cart-box .btn {
    line-height: 30px
}

.products-detail .sidebar .slider_customer-order {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    margin-bottom: 15px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .1)
}

.products-detail .sidebar .slider_customer-order .heading {
    padding: 10px 15px;
    background-color: var(--theme-color);
    overflow: hidden
}

.products-detail .sidebar .slider_customer-order .heading h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    text-align: center
}

.products-detail .sidebar .slider_customer-order .customer-order--content {
    background-color: #fff
}

.products-detail .sidebar .slider_customer-order .customer-order--content .item {
    padding: 7px;
    border-bottom: 1px solid #f1f1f1;
    line-height: 22px
}

.products-detail .sidebar .slider_customer-order .customer-order--content .item span {
    line-height: 22px
}

.products-detail .sidebar .slider_customer-order .customer-order--content .item .name {
    font-weight: 700
}

.products-detail .sidebar .slider_customer-order .customer-order--content .item .phone {
    font-style: italic
}

.products-detail .sidebar .slider_customer-order .customer-order--content .item .prd {
    color: var(--theme-color);
    font-weight: 700
}

.products-detail .order-button {
    margin: 20px 0
}

.products-detail .order-button .heading {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #000
}

.products-detail .order-button .button {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 10px
}

.products-detail .order-button .button img {
    width: 100%
}

.product-slider-horizontal .item .title .pre-info {
    display: flex;
    justify-content: space-between;
    grid-gap: 5px;
    align-items: center;
    margin-top: 10px;
    font-size: 12px;
    flex-wrap: wrap;
    line-height: 20px
}

.flash-sale {
    text-align: center;
    display: none;
    position: relative;
    margin-top: 5px
}

.flash-sale .flash-sale-progress-bar__text {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    font-size: 11px;
    line-height: 20px;
    color: #000;
    z-index: 99
}

.flash-sale .flash-sale-progress-bar__text b {
    font-family: var(--font-header)
}

.flash-sale .flash-sale-progress-bar {
    background-size: cover;
    border-radius: 20px;
    height: 20px;
    margin-top: 0;
    position: relative;
    width: 100%
}

.flash-sale .flash-sale-progress-bar img {
    position: absolute;
    height: 30px;
    bottom: 0;
    left: 0;
    z-index: 1
}

.flash-sale .flash-sale-progress-bar .bar {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #ddd;
    border-radius: 20px;
    left: 0;
    top: 0;
    opacity: .5;
    z-index: 0
}

.flash-sale .flash-sale-progress-bar .sold {
    position: absolute;
    height: 100%;
    background: #FCB500;
    border-radius: 10px;
    left: 0;
    top: 0;
    z-index: 1
}

.widget_product_category_style_1 .displayHorizontal .slick-list {
    margin: 0 calc(var(--bs-gutter-x) / -2)
}

.widget_product_category_style_1 .displayHorizontal .slick-slide {
    margin: 0 calc(var(--bs-gutter-x) / 2)
}

.widget_product_category_style_1 .displayList {
    display: grid;
    grid-template-columns:repeat(var(--numberShow), 1fr);
    grid-gap: var(--bs-gutter-x)
}

.widget_product_category_style_1 .item .img {
    max-width: 60px;
    width: 100%;
    margin: 0 auto
}

.widget_product_category_style_1 .item .img img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.widget_product_category_style_1 .item .title .heading {
    font-size: 14px;
    text-align: center;
    margin: 10px 0 0 0;
    font-weight: 500;
    line-height: 20px
}

.widget_product_category_style_1 .item .title .heading a {
    color: #000;
    line-height: 20px
}

@media (max-width: 991px) {
    .widget_product_category_style_1 .displayList {
        grid-template-columns:repeat(var(--numberShowTablet), 1fr)
    }
}

@media (max-width: 600px) {
    .widget_product_category_style_1 .displayList {
        grid-template-columns:repeat(var(--numberShowMobile), 1fr)
    }
}

.widget_product_style_24 .product_style_24_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.widget_product_style_24 .product_style_24_header .header-title, .widget_product_style_24 .product_style_24_header .header-title .heading {
    margin: 0
}

.widget_product_style_24 .product_style_24_category_list {
    display: flex;
    grid-gap: 10px;
    align-items: center;
    list-style: none;
    margin: 0;
    overflow-x: auto;
    padding: 0;
    background-color: transparent
}

.widget_product_style_24 .product_style_24_category_list li {
    flex: 0 0 auto
}

.widget_product_style_24 .product_style_24_category_list li a {
    padding: 0 15px;
    font-weight: 500;
    height: 35px;
    line-height: 33px;
    text-transform: unset;
    font-size: 15px;
    color: #000;
    background-color: #EEE;
    border-radius: 35px;
    display: block
}

.widget_product_style_24 .product_style_24_category_list li a.active, .widget_product_style_24 .product_style_24_category_list li a:hover {
    color: #fff;
    background-color: var(--theme-color)
}

.widget_product_style_24 .product_style_24_content a.more-link {
    margin-top: 30px;
    border-radius: 0
}

.widget_product_style_24 .displayHorizontal .slick-list {
    margin-left: calc(var(--bs-gutter-x) / -2);
    margin-right: calc(var(--bs-gutter-x) / -2)
}

.widget_product_style_24 .displayHorizontal .slick-slide {
    margin-left: calc(var(--bs-gutter-x) / 2);
    margin-right: calc(var(--bs-gutter-x) / 2)
}

.widget_product_style_24 .displayHorizontal .row-slide {
    display: block !important
}

.widget_product_style_24 .displayHorizontal .row-slide .item:nth-of-type(n+2) {
    margin-top: var(--bs-gutter-x)
}

.widget_product_style_24 .displayList {
    display: grid;
    grid-template-columns:repeat(var(--numberShow), 1fr);
    grid-gap: var(--bs-gutter-x)
}

.widget_product_style_24 .row-content {
    display: grid;
    grid-template-columns:1fr 4fr;
    grid-gap: var(--bs-gutter-x)
}

.widget_product_style_24 .row-content .col-content {
    overflow: hidden
}

.widget_product_style_24 .banner {
    border-radius: 5px
}

.widget_product_style_24 .banner img {
    width: 100%
}

.widget_product_style_24 .list-tag {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    list-style-type: none;
    padding: 0;
    margin: 20px 0 0 0
}

.widget_product_style_24 .list-tag li a {
    padding: 0 15px;
    font-weight: 500;
    height: 35px;
    line-height: 33px;
    text-transform: unset;
    font-size: 15px;
    color: #fff;
    background-color: var(--theme-color);
    border-radius: 35px;
    display: block
}

@media (max-width: 991px) {
    .widget_product_style_24 .displayList {
        grid-template-columns:repeat(var(--numberShowTablet), 1fr)
    }

    .widget_product_style_24 .row-content {
        grid-template-columns:1fr
    }
}

@media (max-width: 600px) {
    .widget_product_style_24 .box-title {
        display: grid;
        grid-gap: 10px
    }

    .widget_product_style_24 .box-title .header-title {
        width: 100%
    }

    .widget_product_style_24 .displayList {
        grid-template-columns:repeat(var(--numberShowMobile), 1fr)
    }
}

.widget_product_style_22 .product_style_22_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.widget_product_style_22 .product_style_22_header .header-title, .widget_product_style_22 .product_style_22_header .header-title .heading {
    margin: 0
}

.widget_product_style_22 .product_style_22_category_list {
    display: flex;
    grid-gap: 10px;
    align-items: center;
    list-style: none;
    margin: 0;
    overflow-x: auto;
    padding: 0;
    background-color: transparent
}

.widget_product_style_22 .product_style_22_category_list li {
    flex: 0 0 auto
}

.widget_product_style_22 .product_style_22_category_list li a {
    padding: 0 15px;
    font-weight: 500;
    height: 35px;
    line-height: 33px;
    text-transform: unset;
    font-size: 15px;
    color: #000;
    background-color: #EEE;
    border-radius: 35px;
    display: block
}

.widget_product_style_22 .product_style_22_category_list li a.active, .widget_product_style_22 .product_style_22_category_list li a:hover {
    color: #fff;
    background-color: var(--theme-color)
}

.widget_product_style_22 .product_style_22_content a.more-link {
    margin-top: 30px;
    border-radius: 0
}

.widget_product_style_22 .displayHorizontal .slick-list {
    margin-left: calc(var(--bs-gutter-x) / -2);
    margin-right: calc(var(--bs-gutter-x) / -2)
}

.widget_product_style_22 .displayHorizontal .slick-slide {
    margin-left: calc(var(--bs-gutter-x) / 2);
    margin-right: calc(var(--bs-gutter-x) / 2)
}

.widget_product_style_22 .displayHorizontal .row-slide {
    display: block !important
}

.widget_product_style_22 .displayHorizontal .row-slide .item:nth-of-type(n+2) {
    margin-top: var(--bs-gutter-x)
}

.widget_product_style_22 .displayList {
    display: grid;
    grid-template-columns:repeat(var(--numberShow), 1fr);
    grid-gap: var(--bs-gutter-x)
}

@media (max-width: 991px) {
    .widget_product_style_22 .displayList {
        grid-template-columns:repeat(var(--numberShowTablet), 1fr)
    }
}

@media (max-width: 600px) {
    .widget_product_style_22 .box-title {
        display: grid;
        grid-gap: 10px
    }

    .widget_product_style_22 .box-title .header-title {
        width: 100%
    }

    .widget_product_style_22 .displayList {
        grid-template-columns:repeat(var(--numberShowMobile), 1fr)
    }
}

.widget_product_style_23 .product_style_23_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.widget_product_style_23 .product_style_23_header .header-title, .widget_product_style_23 .product_style_23_header .header-title .heading {
    margin: 0
}

.widget_product_style_23 .product_style_23_category_list {
    display: flex;
    grid-gap: 10px;
    align-items: center;
    list-style: none;
    margin: 0;
    overflow-x: auto;
    padding: 0;
    background-color: transparent
}

.widget_product_style_23 .product_style_23_category_list li {
    flex: 0 0 auto
}

.widget_product_style_23 .product_style_23_category_list li a {
    padding: 0 15px;
    font-weight: 500;
    height: 35px;
    line-height: 33px;
    text-transform: unset;
    font-size: 15px;
    color: #000;
    background-color: #EEE;
    border-radius: 35px;
    display: block
}

.widget_product_style_23 .product_style_23_category_list li a.active, .widget_product_style_23 .product_style_23_category_list li a:hover {
    color: #fff;
    background-color: var(--theme-color)
}

.widget_product_style_23 .displayHorizontal {
    display: grid;
    grid-template-columns:var(--grid);
    grid-gap: var(--bs-gutter-x)
}

.widget_product_style_23 .displayHorizontal .col-display {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative
}

.widget_product_style_23 .displayHorizontal .col-display .banner {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden
}

.widget_product_style_23 .displayHorizontal .slick-list {
    margin-left: calc(var(--bs-gutter-x) / -2);
    margin-right: calc(var(--bs-gutter-x) / -2)
}

.widget_product_style_23 .displayHorizontal .slick-slide {
    margin-left: calc(var(--bs-gutter-x) / 2);
    margin-right: calc(var(--bs-gutter-x) / 2)
}

.widget_product_style_23 .displayHorizontal .row-slide {
    display: block !important
}

.widget_product_style_23 .displayHorizontal .row-slide .item:nth-of-type(n+2) {
    margin-top: var(--bs-gutter-x)
}

.widget_product_style_23 .displayHorizontal .banner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.widget_product_style_23 .displayList {
    display: grid;
    grid-template-columns:repeat(var(--numberShow), 1fr);
    grid-gap: var(--bs-gutter-x)
}

.widget_product_style_23 .displayList .banner {
    overflow: hidden;
    grid-column: span 2;
    position: relative;
    border-radius: 5px
}

.widget_product_style_23 .displayList .banner a {
    display: block;
    width: 100%;
    height: 100%
}

.widget_product_style_23 .displayList .banner a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 991px) {
    .widget_product_style_23 .displayHorizontal .col-display .banner {
        position: relative
    }

    .widget_product_style_23 .displayHorizontal {
        grid-template-columns:1fr
    }

    .widget_product_style_23 .displayHorizontal .col-display .banner {
        position: relative
    }

    .widget_product_style_23 .displayList .banner a img {
        position: relative
    }

    .widget_product_style_23 .displayList {
        grid-template-columns:repeat(var(--numberShowTablet), 1fr)
    }

    .widget_product_style_23 .product_style_23_header .box-categories {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        display: flex;
        justify-content: center
    }

    .widget_product_style_23 .product_style_23_header .product_style_23_category_list {
        justify-content: unset
    }
}

@media (max-width: 600px) {
    .widget_product_style_23 .displayList {
        grid-template-columns:repeat(var(--numberShowMobile), 1fr)
    }
}

.widget_post_tab_style_1 .displayHorizontal .slick-list {
    margin-left: calc(var(--bs-gutter-x) / -2);
    margin-right: calc(var(--bs-gutter-x) / -2)
}

.widget_post_tab_style_1 .displayHorizontal .slick-slide {
    margin-left: calc(var(--bs-gutter-x) / 2);
    margin-right: calc(var(--bs-gutter-x) / 2)
}

.widget_post_tab_style_1 .displayList {
    display: grid;
    grid-template-columns:repeat(var(--numberShow), 1fr);
    grid-gap: var(--bs-gutter-x)
}

.widget_post_tab_style_1 .post_tab_style_1_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.widget_post_tab_style_1 .post_tab_style_1_header .header-title, .widget_post_tab_style_1 .post_tab_style_1_header .header-title .heading {
    margin: 0
}

.widget_post_tab_style_1 .post_tab_style_1_category_list {
    display: flex;
    align-items: center;
    background: transparent;
    list-style: none;
    margin: 0;
    overflow: auto;
    grid-gap: 10px;
    padding: 0
}

.widget_post_tab_style_1 .post_tab_style_1_category_list li {
    position: relative;
    flex: 0 0 auto;
    overflow: hidden;
    display: inline-block;
    border-radius: 50px;
    border: 1px solid rgba(42, 53, 80, .2);
    transition: all 0.5s
}

.widget_post_tab_style_1 .post_tab_style_1_category_list li a {
    display: block;
    text-transform: capitalize;
    text-decoration: none;
    position: relative;
    padding: 8px 25px;
    font-weight: 600;
    font-size: 14px;
    color: #000;
    text-align: center;
    transition: 400ms;
    z-index: 1;
    overflow: hidden
}

.widget_post_tab_style_1 .post_tab_style_1_category_list li:hover, .widget_post_tab_style_1 .post_tab_style_1_category_list li.active {
    border-color: var(--theme-color)
}

.widget_post_tab_style_1 .post_tab_style_1_category_list li:hover a, .widget_post_tab_style_1 .post_tab_style_1_category_list li.active a, .widget_post_tab_style_1 .post_tab_style_1_category_list li:hover a, .widget_post_tab_style_1 .post_tab_style_1_category_list li a.active {
    color: #fff;
    background-color: var(--theme-color)
}

.widget_post_tab_style_1 .item {
    overflow: hidden
}

.widget_post_tab_style_1 .item .img {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 65%;
    height: inherit;
    overflow: hidden;
    border-radius: 3px
}

.widget_post_tab_style_1 .item .img a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all .5s ease-in-out
}

.widget_post_tab_style_1 .item .img a:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.widget_post_tab_style_1 .item .img a img {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    display: inherit;
    transition: all .5s ease-in-out;
    object-fit: cover
}

.widget_post_tab_style_1 .item .title .header {
    font-weight: 500;
    font-size: 16px;
    color: #000;
    margin: 10px 0
}

.widget_post_tab_style_1 .item .title .header a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    line-height: 22px;
    height: 44px
}

.widget_post_tab_style_1 .item:hover .title .header a {
    color: var(--theme-color)
}

.widget_post_tab_style_1 .item .title .excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.widget_post_tab_style_1 .item .title .readmore {
    color: var(--theme-color);
    font-weight: 700
}

.widget_post_tab_style_1 .post_style_tab_content a.more-link {
    margin-top: 20px;
    border-radius: 40px
}

@media (max-width: 991px) {
    .widget_post_tab_style_1 .displayList {
        grid-template-columns:repeat(var(--numberShowTablet), 1fr)
    }
}

@media (max-width: 600px) {
    .widget_post_tab_style_1 .displayList {
        grid-template-columns:repeat(var(--numberShowMobile), 1fr)
    }

    .widget_post_tab_style_1 .post_tab_style_1_category_list {
        margin: 0 auto
    }

    .widget_post_tab_style_1 .post_style_tab_content a.more-link {
        margin-top: 20px
    }
}

.widget_brands_partner .slick-list {
    margin: 0 -8px
}

.widget_brands_partner .slick-slide {
    margin: 0 8px
}

.widget_brands_partner .logo-item {
    padding: 15px;
    border: 1px solid #F0F0F0;
    border-radius: 5px;
    margin-bottom: 16px
}

.widget_brands_partner .logo-item .img {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 45%;
    height: inherit;
    overflow: hidden;
    border-radius: 0
}

.widget_brands_partner .logo-item .img a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.widget_brands_partner .logo-item .img a img {
    height: 100%;
    width: 100%;
    position: relative;
    display: block;
    transition: all .5s ease-in-out;
    object-fit: contain;
    filter: grayscale(1);
    -webkit-filter: grayscale(1)
}

.widget_brands_partner .logo-item:hover .img a img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0)
}

.widget_content .row-widget {
    display: grid;
    grid-template-columns:3fr 1fr;
    grid-gap: 30px
}

.widget_content p {
    margin-bottom: 0
}

.widget_content .widget-right {
    padding-left: 30px;
    border-left: 1px solid #ccc
}

@media (max-width: 768px) {
    .widget_content .row-widget {
        grid-template-columns:1fr
    }

    .widget_content .widget-right {
        padding-left: 0;
        padding-top: 30px;
        border-left: 0;
        border-top: 1px solid #ccc
    }
}

:root {
    --header-layout-grid: 2fr 5fr 8fr;
    --header-padding: 10px 0;
    --header-logo-height: 80px;
    --header-search-br-color: transparent;
    --header-search-bg-color: #f0f0f0;
    --header-search-btn-bg-color: #C7271A;
    --header-search-btn-txt-color: #fff;
    --header-search-btn-width: 70px;
    --header-search-radius: 12px;
    --header-txt-color: #000;
    --header-cart-br: #C7271A;
    --search-input-width: calc(100% - var(--header-search-btn-width));
    --header-trending-color: #000;
    --header-trending-tag-color: #989898
}

:root {
    --top-bar-bg: #C7271A;
    --top-bar-txt-color: #fff
}

.row-flex-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

#top-bar {
    background: var(--top-bar-bg);
    color: var(--top-bar-txt-color)
}

.top-bar span.space {
    padding: 0 8px
}

.top-bar a {
    color: var(--top-bar-txt-color)
}

.top-bar .social-icon a {
    padding-right: 10px;
    color: var(--top-bar-txt-color)
}

.top-bar .social-icon a:last-child {
    padding-right: 0
}

.top-bar .social-icon img {
    height: 20px
}

.pre-box-views-cart {
    display: flex;
    align-items: center;
    gap: 5px
}

.pre-box-views-cart .pre-cart-box, .pre-box-views-cart .pre-views-box {
    flex: 1 1 auto
}

.pre-cart-box, .pre-views-box {
    display: flex;
    align-items: center;
    width: 100%;
    flex: 0 0 auto;
    margin-bottom: 5px
}

.pre-cart-box .btn, .pre-views-box .btn {
    padding: 0 5px;
    width: 100%
}

.pre-views-box {
    text-align: var(--pre-views-align)
}

.pre-views-box .btn {
    background-color: var(--pre-views-bg);
    border: var(--pre-views-border-width) solid var(--pre-views-border);
    text-align: var(--pre-cart-align)
}

.pre-views-box .btn span {
    color: var(--pre-views-color);
    font-family: var(--pre-views-font);
    font-size: var(--pre-views-size);
    font-weight: var(--pre-views-weight)
}

.pre-views-box .btn:hover {
    background-color: var(--pre-views-bg-hover);
    border-color: var(--pre-views-border-hover)
}

.pre-views-box .btn:hover span {
    color: var(--pre-views-color-hover)
}

.pre-cart-box {
    text-align: var(--pre-cart-align)
}

.pre-cart-box .btn {
    background-color: var(--pre-cart-bg);
    border: var(--pre-cart-border-width) solid var(--pre-cart-border);
    text-align: var(--pre-cart-align)
}

.pre-cart-box .btn span {
    color: var(--pre-cart-color);
    font-family: var(--pre-cart-font);
    font-size: var(--pre-cart-size);
    font-weight: var(--pre-cart-weight)
}

.pre-cart-box .btn:hover {
    background-color: var(--pre-cart-bg-hover);
    border-color: var(--pre-cart-border-hover)
}

.pre-cart-box .btn:hover span {
    color: var(--pre-cart-color-hover)
}

.product-detail-items-info {
    overflow: hidden;
    text-align: center
}

.product-detail-items-info .item-info-wrapper {
    position: relative;
    display: grid;
    grid-template-columns:repeat(var(--prd-item-info-per-row), 1fr);
    gap: 10px
}

.product-detail-items-info .item-info-wrapper .item-info {
    position: relative;
    overflow: hidden;
    text-align: center;
    background-position: center
}

.product-detail-items-info .item-info-wrapper .item-info .item-img {
    height: var(--item1-height, 40px);
    text-align: center
}

.product-detail-items-info .item-info-wrapper .item-info .item-img img {
    width: auto;
    height: 100%;
    display: inline-block;
    border-radius: 5px;
    padding: 5px;
    margin-top: 5px
}

.product-detail-items-info .item-info-wrapper .item-info .item-title {
    text-align: center;
    padding: 10px
}

.product-detail-items-info .item-info-wrapper .item-info .item-title p.item-heading {
    color: var(--prd-item-info-heading);
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 10px 0
}

.product-detail-items-info .item-info-wrapper .item-info .item-title p.item-description {
    color: var(--prd-item-info-desc);
    font-size: 13px;
    line-height: 20px
}

@media (max-width: 768px) {
    .product-detail-items-info .item-info-wrapper {
        grid-template-columns:repeat(2, 1fr)
    }
}

.sale-popup-box {
    position: fixed;
    z-index: 99999;
    opacity: 0;
    transition: all 1s
}

.sale-popup-box.bottomLeft {
    left: 10px;
    bottom: -120px
}

.sale-popup-box.bottomRight {
    right: 10px;
    bottom: -120px
}

.sale-popup-box.topLeft {
    left: 10px;
    top: -120px
}

.sale-popup-box.topRight {
    right: 10px;
    top: -120px
}

.sale-popup-box.show {
    opacity: 1
}

.sale-popup-box.show.bottomLeft, .sale-popup-box.show.bottomRight {
    bottom: 20px
}

.sale-popup-box.show.topLeft, .sale-popup-box.show.topRight {
    top: 20px
}

@media (max-width: 600px) {
    .sale-popup-box {
        width: 100%
    }

    .sale-popup-box.bottomRight, .sale-popup-box.topRight {
        right: 0
    }

    .sale-popup-box.bottomLeft, .sale-popup-box.topLeft {
        left: 0
    }

    .sale-popup-box.show.bottomLeft, .sale-popup-box.show.bottomRight {
        bottom: 0
    }

    .sale-popup-box.show.topLeft, .sale-popup-box.show.topRight {
        top: 0
    }
}

.sale-popup {
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    width: 500px;
    max-width: 100%
}

.sale-popup .sale-popup-thumb {
    width: 110px;
    height: 110px;
    border-radius: 10px;
    overflow: hidden;
    background: #ccc
}

.sale-popup .sale-popup-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sale-popup .sale-popup-info {
    width: calc(100% - 110px);
    padding-left: 10px;
    font-size: 12px
}

.sale-popup .sale-popup-info a {
    color: #000;
    font-size: 13px
}

.sale-popup .sale-popup-info .sale-popup-name {
    font-weight: 700
}

.sale-popup .sale-popup-info .sale-popup-title {
    font-size: 13px;
    font-weight: 700;
    color: var(--theme-color);
    line-height: 10px
}

.sale-popup .sale-popup-info .sale-popup-address {
    font-style: italic
}

.sale-popup .sale-popup-info .sale-popup-time {
    color: #7F7F7F;
    font-weight: 500;
    margin-right: 10px
}

.sale-popup .sale-popup-info-footer span {
    display: inline-block
}

header .header-content {
    padding: var(--header-padding)
}

header .header-grid {
    display: grid;
    grid-gap: 50px;
    grid-template-columns:var(--header-layout-grid)
}

header .logo img {
    max-height: var(--header-logo-height)
}

header .search {
    padding-top: 0
}

header .search .form-search {
    border-color: var(--header-search-br-color);
    background-color: var(--header-search-bg-color);
    border-radius: var(--header-search-radius)
}

header .search .form-search .form-group {
    width: var(--search-input-width)
}

header .search .form-search .form-group .form-control {
    background-color: var(--header-search-bg-color);
    height: 45px
}

header .search .form-search .btn-search {
    width: var(--header-search-btn-width);
    background-color: var(--header-search-btn-bg-color);
    color: var(--header-search-btn-txt-color);
    border: 2px solid var(--header-search-btn-bg-color);
    line-height: 41px !important
}

header .tag-trending {
    display: flex;
    color: var(--header-trending-color);
    margin-top: 5px
}

header .tag-trending .title {
    font-weight: 700
}

header .tag-trending ul {
    list-style: none;
    padding-left: 5px
}

header .tag-trending ul li {
    display: inline-block;
    padding-right: 2px
}

header .tag-trending ul li a {
    color: var(--header-trending-tag-color);
    font-size: 13px
}

header .tag-trending ul li a:hover {
    color: var(--theme-color)
}

header .tag-trending ul li:after {
    content: ',';
    color: var(--header-trending-tag-color)
}

header .tag-trending ul li:last-child:after {
    content: ''
}

header .list-item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-gap: 30px
}

header .list-item .item a {
    display: grid;
    grid-template-columns:45px auto;
    grid-gap: 5px;
    align-items: center
}

header .list-item .item a .icon {
    width: 45px;
    height: 45px
}

header .list-item .item a .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

header .list-item .item a .title p {
    margin: 0;
    line-height: 22px
}

header .list-item .item a .title .heading {
    color: var(--header-txt-color)
}

header .list-item .item a .title .phone, header .list-item .item a .title .name {
    color: var(--header-txt-color);
    font-size: 16px;
    font-weight: 700
}

header .list-item .cart-top a {
    padding: 5px 10px;
    border: 1px solid var(--header-cart-br);
    border-radius: 5px;
    display: grid;
    grid-template-columns:30px auto;
    align-items: center;
    grid-gap: 5px
}

header .list-item .cart-top a .cart-top__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

header .list-item .cart-top a .cart-top__title .heading {
    margin: 0;
    color: var(--header-txt-color)
}

header .list-item .cart-top a .cart-top__title .heading .wcmc-total-items {
    color: var(--header-cart-br);
    font-weight: 700
}

.row-flex-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.navigation .navigation {
    background-color: var(--nav-bg-color)
}

.navigation > .container > div {
    position: relative
}

.navigation .header-list-item {
    display: flex;
    align-items: center;
    justify-content: space-around;
    grid-gap: 30px
}

.navigation .header-list-item .item a {
    display: grid;
    grid-template-columns:30px auto;
    grid-gap: 5px;
    align-items: center
}

.navigation .header-list-item .item a .img img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.navigation .header-list-item .item a .title .heading {
    margin: 0;
    font-family: var(--nav-item-heading-font);
    font-weight: var(--nav-item-heading-weight);
    font-size: var(--nav-item-heading-size);
    color: var(--nav-item-heading-color)
}

.navigation .header-list-item .item a .title p.description {
    font-family: var(--nav-item-des-font);
    font-weight: var(--nav-item-des-weight);
    font-size: var(--nav-item-des-size);
    color: var(--nav-item-des-color);
    margin: 0
}

.vertical-menu {
    padding-right: 0
}

.menu-vertical {
    position: relative;
    z-index: 52;
    display: block !important
}

.menu-vertical .menu-vertical__header {
    cursor: pointer;
    margin: 10px 0 0 0;
    padding: 0 15px;
    min-height: 40px;
    display: flex;
    align-items: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--navd-head-txt);
    background-color: var(--navd-head-bg);
    border-radius: 5px 5px 0 0
}

.menu-vertical .menu-vertical__header span {
    padding-left: 25px
}

.menu-vertical .menu-vertical__content {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 52
}

.menu-vertical .menu-vertical__content:before {
    content: "";
    position: absolute;
    top: calc(var(--nav-hv-margin-top) * -1);
    left: 0;
    display: block;
    width: 100%;
    height: var(--nav-hv-margin-top);
    background-color: transparent;
    z-index: 1
}

.menu-vertical .menu-vertical__content .menu-vertical__category {
    border: 1px solid #dadada;
    border-radius: var(--navd-radius-top) var(--navd-radius-top) var(--navd-radius-bottom) var(--navd-radius-bottom)
}

.menu-vertical .menu-vertical__content .menu-vertical__category .menu-vertical__category__nav {
    color: var(--navd-txt-color);
    background-color: var(--navd-bg-color);
    list-style: none;
    margin: 0;
    border-radius: var(--navd-radius-top) var(--navd-radius-top) var(--navd-radius-bottom) var(--navd-radius-bottom)
}

.menu-vertical .menu-vertical__content .menu-vertical__category .menu-vertical__category__nav .nav-item {
    float: none;
    border-top: 1px solid var(--navd-border-color);
    position: initial
}

.menu-vertical .menu-vertical__content .menu-vertical__category .menu-vertical__category__nav .nav-item:first-child {
    border-top: 0 solid rgba(0, 0, 0, .15);
    border-radius: var(--navd-radius-top) var(--navd-radius-top) 0 0
}

.menu-vertical .menu-vertical__content .menu-vertical__category .menu-vertical__category__nav .nav-item:first-child a {
    border-radius: inherit
}

.menu-vertical .menu-vertical__content .menu-vertical__category .menu-vertical__category__nav .nav-item:last-child {
    border-radius: 0 0 var(--navd-radius-bottom) var(--navd-radius-bottom)
}

.menu-vertical .menu-vertical__content .menu-vertical__category .menu-vertical__category__nav .nav-item:last-child a {
    border-radius: inherit
}

.menu-vertical .menu-vertical__content .menu-vertical__category .menu-vertical__category__nav .nav-item.nav-hidden {
    display: none
}

.menu-vertical .menu-vertical__content .menu-vertical__category .menu-vertical__category__nav .nav-item .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.menu-vertical .menu-vertical__content .menu-vertical__category .menu-vertical__category__nav .nav-item .icon img {
    width: 20px
}

.menu-vertical .menu-vertical__content .menu-vertical__category .menu-vertical__category__nav .nav-item > a.nav-link {
    position: relative;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 10px 30px 10px 40px;
    border: none;
    color: var(--navd-txt-color, #000000);
    background-color: var(--navd-bg-color, #ffffff)
}

.menu-vertical .menu-vertical__content .menu-vertical__category .menu-vertical__category__nav .nav-item > a.nav-link:hover {
    color: var(--navd-txt-color-hv, var(--theme-color));
    background-color: var(--navd-bg-color-hv, #ffffff)
}

.menu-vertical .menu-vertical__content .menu-vertical__category .menu-vertical__category__nav .nav-item i {
    position: absolute;
    top: 0;
    right: 0;
    width: 43px;
    line-height: 43px;
    text-align: center
}

.menu-vertical .menu-vertical__content .menu-vertical__category .menu-vertical__category__nav .nav-item:hover .sub-menu-dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    pointer-events: unset
}

.menu-vertical .menu-vertical__content .sub-menu-dropdown {
    position: absolute;
    z-index: 380;
    margin: 0 0 0;
    padding: 30px 35px 0 35px;
    background-color: #FFF;
    background-position: bottom right;
    background-clip: border-box;
    background-repeat: no-repeat;
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
    -webkit-transform: translateY(15px) translateZ(0);
    transform: translateY(15px) translateZ(0);
    pointer-events: none;
    top: 0;
    left: 100%;
    width: 825px;
    min-height: 100%;
    border-radius: var(--navd-radius-top) var(--navd-radius-top) var(--navd-radius-bottom) var(--navd-radius-bottom)
}

.menu-vertical .menu-vertical__content .sub-menu-dropdown .sub-menu-dropdown-container {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.menu-vertical .menu-vertical__content .sub-menu-dropdown .col-inner {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 25%;
    float: left
}

.menu-vertical .menu-vertical__content .sub-menu-dropdown ul {
    list-style: none
}

.menu-vertical .menu-vertical__content .sub-menu-dropdown ul li:hover {
    color: var(--navd-txt-color-hv, var(--theme-color))
}

.menu-vertical .menu-vertical__content .sub-menu-dropdown ul li a {
    color: var(--navd-txt-color, #000000);
    background-color: var(--navd-bg-color, #ffffff);
    padding-bottom: 10px;
    display: block
}

.menu-vertical .menu-vertical__content .sub-menu-dropdown ul.mega-menu-list > li > a {
    font-weight: 700
}

.menu-vertical .bg-vertical.active {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 51
}

.menu-vertical.no-home .menu-vertical__content {
    display: none
}

.menu-vertical.no-home:hover .menu-vertical__content {
    display: block
}

.menu-vertical.style2 .menu-vertical__content .menu-vertical__category__nav .nav-item {
    position: relative
}

.menu-vertical.style2 .menu-vertical__content .menu-vertical__category__nav .nav-item > .dropdown-menu {
    position: absolute;
    top: 0;
    padding: 0;
    min-width: 230px;
    border-radius: var(--navd-radius-top) var(--navd-radius-top) var(--navd-radius-bottom) var(--navd-radius-bottom);
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, .4);
    color: var(--navd-txt-color);
    background-color: var(--navd-bg-color);
    left: calc(100%) !important;
    border: 0;
    margin-top: 0;
    width: 700px
}

.menu-vertical.style2 .menu-vertical__content .menu-vertical__category__nav .nav-item > .dropdown-menu h5 {
    margin-bottom: 0;
    border-bottom: 1px solid #ccc
}

.menu-vertical.style2 .menu-vertical__content .menu-vertical__category__nav .nav-item > .dropdown-menu a.nav-link {
    padding: 10px;
    margin: 0
}

.menu-vertical.style2 .menu-vertical__content .menu-vertical__category__nav .nav-item .dropdown > .dropdown-menu > .col-menu {
    float: left;
    width: 33%;
    margin-bottom: 10px;
    padding: 0 10px
}

.menu-vertical.style2 .menu-vertical__content .menu-vertical__category__nav .nav-item a.nav-link:hover {
    color: var(--navd-txt-color-hv, #000000);
    background-color: var(--navd-bg-color-hv, #ffffff)
}

.menu-vertical.style2 .menu-vertical__content .menu-vertical__category__nav .nav-item:hover {
    color: var(--navd-txt-color-hv, #000000);
    background-color: var(--navd-bg-color-hv, #ffffff)
}

.menu-vertical.style2 .menu-vertical__content .menu-vertical__category__nav .nav-item:hover > a.nav-link:hover {
    color: var(--navd-txt-color-hv, #000000);
    background-color: var(--navd-bg-color-hv, #ffffff)
}

.menu-vertical.style2 .menu-vertical__content .menu-vertical__category__nav .nav-item:hover > .dropdown-menu {
    display: block;
    min-width: 200px;
    width: auto
}

.fixed .menu-vertical .menu-vertical__content {
    display: none
}

.fixed .menu-vertical .menu-vertical__content.active {
    display: block
}

.fixed .menu-vertical.no-home:hover .menu-vertical__content {
    display: block
}

.section-vertical {
    margin-top: var(--nav-hv-margin-top)
}

.section-vertical .vertical-slider {
    padding: 0 10px
}

.section-vertical .vertical-slider .container {
    width: 100% !important;
    padding: 0
}

@media (max-width: 768px) {
    .section-vertical .vertical-slider {
        padding: 0
    }
}

body .header-title.header-title-style-1 {
    text-align: var(--heading-position);
    margin: var(--heading-margin)
}

body .header-title.header-title-style-1 .header-text-top {
    margin-bottom: var(--heading-top-margin)
}

body .header-title.header-title-style-1 .header {
    text-align: var(--heading-position);
    letter-spacing: 0;
    margin: 0;
    position: relative;
    display: block
}

body .header-title.header-title-style-1 .header-image-bottom {
    margin-top: 5px;
    text-align: var(--heading-position);
    line-height: 0
}

body .header-title.header-title-style-1 .header-image-bottom img {
    width: var(--img-width);
    height: var(--img-height)
}

body .header-title.header-title-style-1 .header-description {
    max-width: var(--heading-des-width);
    margin-top: var(--heading-des-margin);
    margin-bottom: 0
}

body .header-title.header-title-style-1 .header-description.header-description-center {
    margin-right: auto;
    margin-left: auto
}

body .header-title.header-title-style-1 .header-description.header-description-right {
    margin-right: 0;
    margin-left: auto
}

body .header-title.header-title-style-1 .header-description.header-description-left {
    margin-right: auto;
    margin-left: 0
}

footer {
    position: relative
}

footer p {
    margin-bottom: 5px
}

footer .widget_footer_style_2 .row-widget {
    display: grid;
    grid-template-columns:1fr 0.75fr 0.75fr 1fr 1fr;
    grid-gap: 30px
}

@media (max-width: 991px) {
    footer .widget_footer_style_2 .row-widget {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 600px) {
    footer .widget_footer_style_2 .row-widget {
        grid-template-columns:repeat(1, 1fr)
    }
}

footer .widget_footer_style_2 .row-widget .col-widget .box-widget:nth-of-type(n+2) {
    margin-top: 30px
}

footer .widget_footer_style_2 .bottom-content {
    margin-top: 30px
}

footer .widget_footer_style_2 .header-title .header {
    padding: 0
}

footer .widget_footer_style_2 ul.footer-menu {
    padding: 0
}

footer .widget_footer_style_2 ul.footer-menu li a {
    display: block;
    padding: 0;
    transition: all 0.5s
}

footer .widget_footer_style_2 ul.footer-menu li a i {
    display: none
}

footer .widget_footer_style_2 .widget_email .form-group {
    overflow: hidden;
    margin: 0;
    display: grid;
    grid-template-columns:auto 70px
}

footer .widget_footer_style_2 .widget_email .form-group .input .form-control {
    border: 0;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    margin-bottom: 0;
    float: left;
    width: 100%;
    padding: 0 20px;
    outline: none;
    color: #989898;
    box-shadow: none;
    background-color: #F0F0F0
}

footer .widget_footer_style_2 .widget_email .form-group .button button {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    border-radius: 0
}

.widget_product_flash_sale .header-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0;
    padding: 100px 10px 10px 10px;
    border-radius: 10px 10px 0 0
}

.widget_product_flash_sale .header-title .header {
    display: flex;
    align-items: center;
    color: #fff;
    margin: 15px 0;
    font-size: 20px
}

.widget_product_flash_sale .header-title .header img {
    margin-right: 10px
}

.widget_product_flash_sale .adv_product {
    display: inline-block
}

.widget_product_flash_sale .adv_product .cd {
    display: flex;
    flex-wrap: wrap;
    font-weight: bolder
}

.widget_product_flash_sale .adv_product .cd .end-sale {
    display: inline-block;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    padding: 8px 10px;
    border-radius: 5px
}

.widget_product_flash_sale .adv_product .cd .count {
    padding: 0 10px;
    text-align: center
}

.widget_product_flash_sale .adv_product .cd .cd_item {
    font-size: 20px;
    color: #fff;
    background-color: #000;
    padding: 8px;
    border-radius: 5px
}

.widget_product_flash_sale .adv_product .cd .dv {
    color: #fff
}

.widget_product_flash_sale .box-content {
    padding: 15px
}

.widget_product_flash_sale .displayHorizontal .slick-list {
    margin-left: calc(var(--bs-gutter-x) / -2);
    margin-right: calc(var(--bs-gutter-x) / -2)
}

.widget_product_flash_sale .displayHorizontal .slick-slide {
    margin-left: calc(var(--bs-gutter-x) / 2);
    margin-right: calc(var(--bs-gutter-x) / 2)
}

.widget_product_flash_sale .displayHorizontal .item .title .flash-sale {
    display: block
}

.widget_product_flash_sale .displayHorizontal .item .title .pre-cart-box, .widget_product_flash_sale .displayHorizontal .item .title .pre-info {
    display: none
}

:root {
    font-size: 14px;
    --theme-color: #C7271A;
    --btn-blue: #3F7DF6;
    --btn-green: #449D44;
    --btn-yellow: #EC971F;
    --btn-red: #ff0000;
    --btn-theme: var(--theme-color);
    --header-mb-bg: #fff;
    --menu-mb-bg: #fff;
    --menu-mb-txt:;
    --menu-mb-br: #fff;
    --search-mb-bg: #fff;
    --search-mb-color: #000;
    --menu-mb-color: #000;
    --body-img:;
    /*--font-family: Open Sans, sans-serif;*/
    --font-family: "Inter", sans-serif;
    --font-family: "Inter", sans-serif;

    --footer-header-color: black;
    --footer-header-size: 18px;
    --footer-text-color: black;
    --footer-bottom-public: none;
    --footer-bottom-bg: #282828;
    --footer-bottom-color: #fff;
    --footer-padding: 50px 0 50px 0;
}

.header-menu-mobile {
    padding: 5px 10px;
    background-color: #E6E6E6;
    display: flex;
    overflow-x: auto;
    -ms-scroll-snap-type: x proximity;
    scroll-snap-type: x proximity;
    gap: 1rem;
}

.header-menu-mobile .menu__item {
    text-align: center;
    display: inline-block;
    scroll-snap-stop: normal;
    scroll-snap-align: start;
    flex: 0 0 auto;
    width: 20%;
    margin: 0 0 0 0px;
}

.header-menu-mobile .menu__item .img {
    height: 50px;
    width: 50px;
    background-color: #fff;
    padding: 12px;
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: inline-block;
}

.header-menu-mobile .menu__item:hover .img {
    background-color: var(--theme-color);
}

.header-menu-mobile .menu__item .title {
    color: #000;
    text-align: center;
    margin-top: 0px;
    line-height: 15px;
}

.header-menu-mobile .menu__item .title a {
    color: #000;
    text-align: center;
    line-height: 15px;
    font-size: 10px;
}

.mobile-category-icon {
    display: flex;
    flex-wrap: wrap;
    background-color: rgb(255, 255, 255);
    -webkit-box-pack: center;
    justify-content: center;
}

.mobile-category-icon .menu__item {
    display: block;
    text-align: center;
    width: 100%;
    max-width: calc(100% / 3 - 20px);
    color: rgb(51, 51, 51);
    margin: 12px 10px;
    padding: 10px 16px;
    text-decoration: none;
    border-radius: 10px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

.mobile-category-icon .menu__item .img {
    height: 70px;
    width: 70px;
    background-color: #fff;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.mobile-category-icon .menu__item:hover {
    background-color: var(--theme-color);
}

.mobile-category-icon .menu__item .title {
    color: #000;
    text-align: center;
    margin-top: 0px;
}

.mobile-category-icon .menu__item .title a {
    color: #000;
    text-align: center;
}

.social-contact-style1 .social-contact-item {
    display: inline-block;
}

.social-contact-style1 .social-contact-item a {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--color, #fff);
    color: #000;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    transition: all 0.3s;
}

.social-contact-style1 .social-contact-item a img {
    width: 30px;
    filter: brightness(0) invert(1);
}

.social-contact-style1 .social-contact-item a:hover {
    background-color: #fff;
}

.social-contact-style1 .social-contact-item a:hover img {
    width: 30px;
    filter: brightness(1) invert(0);
}

:root {
    --social-pc-vertical: 16px;
    --social-pc-horizontal: 10px;
    --social-mb-vertical: 21px;
    --social-mb-horizontal: 10px;
    --social-pc-display: block;
    --social-mb-display: block;

    --fb-fp: #0674E8;
    --fb-ms: #0080F7;
    --fb-share: #0080F7;
    --twitter-page: #41B6E4;
    --twitter-share: #41B6E4;
    --yt-page: #D92E2E;
    --ins-page: #AA168B;
    --pinterest-page: #B7081B;
    --email-page: #1B9AC3;
    --skype-page: #14A7DE;
    --phone-page: #2CBB00;
    --sms-page: #F0C823;
    --zalo-page: #0088FF;
}

.social-contact-box {
    position: fixed;
    display: var(--social-pc-display);
    z-index: 9999;
}

.social-contact-box ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

.social-contact-item a img {
    width: 30px;
}

.social-contact-item.social-contact-fb a {
    background-color: var(--fb-fp);
    color: #fff;
}

.social-contact-item.social-contact-fb a:hover {
    background-color: #fff;
    color: var(--fb-fp);
}

.social-contact-item.social-contact-fb-ms a {
    background-color: var(--fb-ms);
    color: #fff;
}

.social-contact-item.social-contact-fb-ms a:hover {
    background-color: #fff;
    color: var(--fb-ms);
}

.social-contact-item.social-contact-fb-share a {
    background-color: var(--fb-share);
    color: #fff;
}

.social-contact-item.social-contact-fb-share a:hover {
    background-color: #fff;
    color: var(--fb-share);
}

.social-contact-item.social-contact-twitter a {
    background-color: var(--twitter-page);
    color: #fff;
}

.social-contact-item.social-contact-twitter a:hover {
    background-color: #fff;
    color: var(--twitter-page);
}

.social-contact-item.social-contact-twitter-share a {
    background-color: var(--twitter-share);
    color: #fff;
}

.social-contact-item.social-contact-twitter-share a:hover {
    background-color: #fff;
    color: var(--twitter-share);
}

.social-contact-item.social-contact-yt a {
    background-color: var(--yt-page);
    color: #fff;
}

.social-contact-item.social-contact-yt a:hover {
    background-color: #fff;
    color: var(--yt-page);
}

.social-contact-item.social-contact-ins a {
    background-color: var(--ins-page);
    color: #fff;
}

.social-contact-item.social-contact-ins a:hover {
    background-color: #fff;
    color: var(--ins-page);
}

.social-contact-item.social-contact-pinterest a {
    background-color: var(--pinterest-page);
    color: #fff;
}

.social-contact-item.social-contact-pinterest a:hover {
    background-color: #fff;
    color: var(--pinterest-page);
}

.social-contact-item.social-contact-email a {
    background-color: var(--email-page);
    color: #fff;
}

.social-contact-item.social-contact-email a:hover {
    background-color: #fff;
    color: var(--email-page);
}

.social-contact-item.social-contact-zalo a {
    background-color: var(--zalo-page);
    color: #fff;
}

.social-contact-item.social-contact-zalo a:hover {
    background-color: #fff;
    color: var(--zalo-page);
}

.social-contact-item.social-contact-skype a {
    background-color: var(--skype-page);
    color: #fff;
}

.social-contact-item.social-contact-skype a:hover {
    background-color: #fff;
    color: var(--skype-page);
}

.social-contact-item.social-contact-phone a {
    background-color: var(--phone-page);
    color: #fff;
}

.social-contact-item.social-contact-phone a:hover {
    background-color: #fff;
    color: var(--phone-page);
}

.social-contact-item.social-contact-sms a {
    background-color: var(--sms-page);
    color: #fff;
}

.social-contact-item.social-contact-sms a:hover {
    background-color: #fff;
    color: var(--sms-page);
}

@media (min-width: 601px) {
    .social-contact-box.social-bottomLeft {
        left: var(--social-pc-horizontal);
        bottom: var(--social-pc-vertical);
    }

    .social-contact-box.social-bottomRight {
        right: var(--social-pc-horizontal);
        bottom: var(--social-pc-vertical);
    }

    .social-contact-box.social-topLeft {
        left: var(--social-pc-horizontal);
        top: var(--social-pc-vertical);
    }

    .social-contact-box.social-topRight {
        right: var(--social-pc-horizontal);
        top: var(--social-pc-vertical);
    }
}

@media (max-width: 600px) {
    .social-contact-box {
        display: var(--social-mb-display) !important;
    }

    .social-contact-box.social-mb-bottomLeft {
        left: var(--social-mb-horizontal) !important;
        bottom: var(--social-mb-vertical) !important;
    }

    .social-contact-box.social-mb-bottomRight {
        right: var(--social-mb-horizontal) !important;
        bottom: var(--social-mb-vertical) !important;
    }

    .social-contact-box.social-mb-topLeft {
        left: var(--social-mb-horizontal) !important;
        top: var(--social-mb-vertical) !important;
    }

    .social-contact-box.social-mb-topRight {
        right: var(--social-mb-horizontal) !important;
        top: var(--social-mb-vertical) !important;
    }
}

:root {
    --btn-bg-color: #38a3fd;
    --btn-border-color: rgba(56, 163, 253, 0.2);
    --btn-txt-color: #fff;
}

.scb-phone-box .btn-call {
    position: relative;
    background: var(--btn-bg-color);
    border: 2px solid var(--btn-bg-color);
    border-radius: 50%;
    box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3);
    cursor: pointer;
    height: 60px;
    width: 60px;
    text-align: center;
    z-index: 999;
    transition: .3s;
    -webkit-animation: hoverWave linear 1s infinite;
    animation: hoverWave linear 1s infinite;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.scb-phone-box .btn-call__ico {
    display: flex;
    justify-content: center;
    align-items: center;
    animation: 1200ms ease 0s normal none 1 running shake;
    animation-iteration-count: infinite;
    -webkit-animation: 1200ms ease 0s normal none 1 running shake;
    -webkit-animation-iteration-count: infinite;
    color: var(--btn-txt-color);
    font-size: 30px;
    padding-top: 5px;
    transition: .3s all;
    z-index: 3;
}

.scb-phone-box .btn-call__number {
    position: absolute;
    height: 50px;
    line-height: 50px;
    left: 30px;
    top: 5px;
    background: var(--btn-bg-color);
    border: 2px solid var(--btn-bg-color);
    box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3);
    color: var(--btn-txt-color);
    border-radius: 0 20px 20px 0;
    font-size: 20px;
    font-weight: bold;
    z-index: 1;
    transition: all 0.5s;
    width: 0;
    overflow: hidden;
}

.scb-phone-box .btn-call__number a {
    color: var(--btn-txt-color);
}

.scb-phone-box .btn-call:hover {
    background-color: var(--btn-txt-color);
}

.scb-phone-box .btn-call:hover .btn-call__ico {
    color: var(--btn-bg-color);
}

.scb-phone-box:hover .btn-call__number {
    width: 200px;
    padding-left: 50px;
    background-color: var(--btn-txt-color);;
}

.scb-phone-box:hover .btn-call__number a {
    color: var(--btn-bg-color);
}

@-webkit-keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px var(--btn-border-color), 0 0 0 0 var(--btn-border-color), 0 0 0 0 var(--btn-border-color)
    }
    40% {
        box-shadow: 0 8px 10px var(--btn-border-color), 0 0 0 15px var(--btn-border-color), 0 0 0 0 var(--btn-border-color)
    }
    80% {
        box-shadow: 0 8px 10px var(--btn-border-color), 0 0 0 30px var(--btn-border-color), 0 0 0 26.7px var(--btn-border-color)
    }
    100% {
        box-shadow: 0 8px 10px var(--btn-border-color), 0 0 0 30px var(--btn-border-color), 0 0 0 40px var(--btn-border-color)
    }
}

@keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px var(--btn-border-color), 0 0 0 0 var(--btn-border-color), 0 0 0 0 var(--btn-border-color)
    }
    40% {
        box-shadow: 0 8px 10px var(--btn-border-color), 0 0 0 15px var(--btn-border-color), 0 0 0 0 var(--btn-border-color)
    }
    80% {
        box-shadow: 0 8px 10px var(--btn-border-color), 0 0 0 30px var(--btn-border-color), 0 0 0 26.7px var(--btn-border-color)
    }
    100% {
        box-shadow: 0 8px 10px var(--btn-border-color), 0 0 0 30px var(--btn-border-color), 0 0 0 40px var(--btn-border-color)
    }
}

@keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }

    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }

    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }

    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }

    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }

    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }

    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }

    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }

    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }

    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }

    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}

@-webkit-keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }

    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }

    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }

    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }

    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }

    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }

    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }

    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }

    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }

    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}

:root {
    --phone-pc-vertical: 100px;
    --phone-pc-horizontal: 10px;
    --phone-mb-vertical: 100px;
    --phone-mb-horizontal: 10px;
    --phone-pc-display: block;
    --phone-mb-display: block;
}

.scb-phone-box {
    position: fixed;
    display: var(--phone-pc-display);
    z-index: 9;
}

@media (min-width: 601px) {
    .scb-phone-box.social-bottomLeft {
        left: var(--phone-pc-horizontal);
        bottom: var(--phone-pc-vertical);
    }

    .scb-phone-box.social-bottomRight {
        right: var(--phone-pc-horizontal);
        bottom: var(--phone-pc-vertical);
    }

    .scb-phone-box.social-topLeft {
        left: var(--phone-pc-horizontal);
        top: var(--phone-pc-vertical);
    }

    .scb-phone-box.social-topRight {
        right: var(--phone-pc-horizontal);
        top: var(--phone-pc-vertical);
    }
}

@media (max-width: 600px) {
    .scb-phone-box {
        display: var(--phone-mb-display) !important;
    }

    .scb-phone-box.social-mb-bottomLeft {
        left: var(--phone-mb-horizontal) !important;
        bottom: var(--phone-mb-vertical) !important;
    }

    .scb-phone-box.social-mb-bottomRight {
        right: var(--phone-mb-horizontal) !important;
        bottom: var(--phone-mb-vertical) !important;
    }

    .scb-phone-box.social-mb-topLeft {
        left: var(--phone-mb-horizontal) !important;
        top: var(--phone-mb-vertical) !important;
    }

    .scb-phone-box.social-mb-topRight {
        right: var(--phone-mb-horizontal) !important;
        top: var(--phone-mb-vertical) !important;
    }
}


body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#sliderWidthTitle_5 {
    --slider-thumb-color: white;
    --slider-thumb-color-active: #C7271A;
    --slider-thumb-bg: #C7271A;
    --slider-thumb-bg-active: #eeeeee;
    --slider-thumb-font-size: 15px;
}