@import url(https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);

::selection {
    background: #e10303;
    color: #ffffff;
}

html {
    overflow: hidden;
    height: 100%;
}

body,
html {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #222831;
    outline: 0;
}

body {
    position: relative;
    cursor: default;
    background-color: #ffffff;
    margin: 0 auto;
    opacity: 1 !important;
    height: 100%;
    overflow-y: auto;
}

@media (max-width: 1280px) {

    body,
    html {
        overflow-x: hidden;
    }
}

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    background-color: transparent;
}

body::-webkit-scrollbar-thumb {
    background-color: #aeaeae;
}

    body::-webkit-scrollbar-thumb:hover {
        background-color: #979797;
    }

body:hover::-webkit-scrollbar-thumb {
    background-color: #aeaeae;
}

.disable-scrollbar::-webkit-scrollbar {
    display: none;
}

.disable-scrollbar::-webkit-scrollbar-track {
    display: none;
}

.disable-scrollbar::-webkit-scrollbar-thumb {
    display: none;
}

    .disable-scrollbar::-webkit-scrollbar-thumb:hover {
        display: none;
    }

.custom-scrollbar::-webkit-scrollbar-track {
    background-color: #f4f4f4;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 5px;
    background-color: #f4f4f4;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #aeaeae;
}

.custom-scrollbar-x::-webkit-scrollbar {
    height: 3px;
}

.custom-scrollbar-x::-webkit-scrollbar-track {
    background-color: #f4f4f4;
}

.custom-scrollbar-x::-webkit-scrollbar-thumb {
    background-color: #aeaeae;
}

a,
a:hover {
    text-decoration: none;
    transition: all .3s;
}

a {
    color: #222831;
}

    a:hover {
        color: #e10303;
    }

input,
select,
textarea,
button {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #222831;
    transition: all .3s;
}

@media (max-width: 768px) {

    input,
    select,
    textarea,
    button {
        font-size: 12px;
    }
}

button,
.button {
    text-decoration: none;
    transition: all .3s;
}

img,
svg {
    vertical-align: middle;
}

img {
    height: auto;
    max-width: 100%;
}

svg {
    fill: #232323;
    stroke: #232323;
    width: 5px;
    height: 5px;
    -webkit-transition: .3s;
    transition: .3s;
}

fieldset,
img,
legend {
    border: none;
}

:focus,
a:focus,
button:focus {
    outline: 0;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 40px #fff inset;
    -webkit-text-fill-color: #232323;
}

input::-ms-clear,
select::-ms-expand {
    display: none;
}

input[type=number] {
    -moz-appearance: textfield !important;
}

input[type=image] {
    width: auto;
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    word-wrap: normal !important;
}

.overflow-hidden {
    overflow: hidden;
}

.custom-select-hidden {
    visibility: hidden;
}

.custom-select {
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.custom-select-selection {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 10px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #222831;
}

    .custom-select-selection:after {
        position: absolute;
        top: 11px;
        right: 6px;
        font-family: "Font Awesome 6 Pro";
        content: "\f107";
        display: inline-block;
        padding-left: 5px;
        vertical-align: middle;
        font-weight: 700;
        z-index: 2;
    }

    .custom-select-selection:active,
    .custom-select-selection.active {
    }

.custom-select-option {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #222831;
}

    .custom-select-option li {
        position: relative;
        margin: 0 0;
        padding: 5px 20px;
        z-index: 2;
        transition: all .3s;
    }

        .custom-select-option li:hover {
            background-color: #e10303;
            color: #ffffff;
        }

        .custom-select-option li.icon-all {
        }

            .custom-select-option li.icon-all:after {
                position: absolute;
                top: 7px;
                font-family: "Font Awesome 6 Pro";
                content: "\f054";
                display: inline-block;
                padding-left: 5px;
                vertical-align: middle;
                font-weight: 700;
                z-index: 2;
            }

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.container {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

    .container.container-full {
        max-width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .container.container-1920 {
        max-width: 1920px;
        padding-left: 0;
        padding-right: 0;
    }

@media (min-width: 1200px) {
    .container.container-1170 {
        max-width: 1170px !important;
    }

    .container.container-1000 {
        max-width: 1000px !important;
    }
}

@media (min-width: 1800px) {
    .container.container-1770 {
        max-width: 1770px !important;
    }
}

.row {
    margin-left: -5px;
    margin-right: -5px;
    padding: 0;
}

    .row .row-item {
        position: relative;
        padding: 0 5px;
    }

@media (min-width: 769px) {
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

        .row .row-item {
            padding: 0 10px;
        }
}

@media (min-width: 1025px) {
    .row {
        margin-left: -15px;
        margin-right: -15px;
    }

        .row .row-item {
            padding: 0 15px;
        }
}

.display-empty:empty,
br:empty,
hr:empty,
iframe:empty,
img:empty,
line:empty,
model-viewer:empty,
path:empty,
polyline:empty,
rect:empty,
textarea:empty,
input:empty {
    display: block;
}

button,
.button {
    position: relative;
    font-weight: 500;
    outline: 0;
    cursor: pointer;
    text-align: center;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 5px;
    background-color: #e10303;
    border: 1px solid #e10303;
    color: #ffffff;
    display: inline-block;
    transition: all .3s;
}

    button:hover,
    .button:hover {
        background-color: #232323;
        border-color: #232323;
        color: #ffffff;
    }

    button i,
    .button i {
        display: inline;
        padding: 0 2px;
    }

    button span,
    .button span {
        display: inline;
        padding: 0 2px;
    }

    .button.btn-lg {
        padding: 15px 50px;
    }

    .button.button-alt {
        background-color: #232323;
        border-color: #232323;
        color: #ffffff;
    }

        .button.button-alt:hover {
            background-color: #e10303;
            border: 1px solid #e10303;
            color: #ffffff;
        }

    .button.button-finance {
        background-color: #000;
        border-color: #000;
        color: #fff;
    }

        .button.button-finance:hover {
            background-color: #e10303;
            border-color: #e10303;
            color: #ffffff;
        }

    .button.button-view-all {
        background-color: #000;
        border-color: #000;
        color: #fff;
        padding: 10px 50px;
    }

        .button.button-view-all:hover {
            background-color: #e10303;
            border-color: #e10303;
            color: #ffffff;
        }

    .button.button-add {
        background-color: #e10303;
        border-color: #e10303;
        color: #fff;
    }

        .button.button-add:hover {
            background-color: #a90404;
            border-color: #a90404;
            color: #ffffff;
        }

    .button.button-whatsapp,
    .button.button-line {
        background-color: #ffffff;
        border-color: #000;
        color: #000;
    }

        .button.button-whatsapp:hover,
        .button.button-line:hover {
            background-color: #000;
            border-color: #000;
            color: #ffffff;
        }

    .button.button-tech {
        background-color: #ffffff;
        border-color: #000;
        color: #000;
    }

        .button.button-tech:hover {
            background-color: #000;
            border-color: #000;
            color: #ffffff;
        }

    .button.button-facebook {
        background-color: #1877f2;
        border-color: #1877f2;
        color: #ffffff;
    }

        .button.button-facebook:hover {
            background-color: #0e62cf;
            border-color: #1877f2;
            color: #ffffff;
        }

    .button.button-google {
        background-color: #ffffff;
        border-color: #7e7e7e;
        color: #232323;
    }

        .button.button-google:hover {
            background-color: #efefef;
            border-color: #7e7e7e;
            color: #232323;
        }

    .button.button-loadmore {
        background-color: #ffffff;
        border-color: #000000;
        color: #000000;
    }

        .button.button-loadmore:hover {
            background-color: #232323;
            border-color: #232323;
            color: #ffffff;
        }

        .button.button-loadmore.loading {
        }

            .button.button-loadmore.loading i {
                animation: loader 1s infinite linear;
            }

            .button.button-loadmore.loading span {
                padding-left: 5px;
            }

    .button.disabled,
    .button:disabled,
    .button[aria-disabled=true],
    .button[disabled],
    button.disabled,
    button:disabled,
    button[aria-disabled=true],
    button[disabled] {
        opacity: .6;
        cursor: default !important;
    }

.image-adapt {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

    .image-adapt img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

.image-round {
    border-radius: 50%;
}

.image-round-group {
    border-radius: 10px;
}

.image-box {
    display: block;
    position: relative;
    overflow: hidden;
}

    .image-box .image {
        display: block;
        position: relative;
        overflow: hidden;
    }

.image-box-mobile .image {
    display: none;
}

    .image-box-mobile .image + .image {
        display: block;
    }

@media (min-width: 769px) {
    .image-box-mobile .image {
        display: block;
    }

        .image-box-mobile .image + .image {
            display: none;
        }
}

@media (min-width: 1025px) {
    .animate-scale {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .animate-scale img {
            -webkit-transition: .3s;
            transition: .3s;
        }

        .animate-scale:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        .animate-scale:hover::before {
            overflow: visible;
            opacity: .3;
        }

    .animate-border,
    .animate-overlay {
        position: relative;
    }

        .animate-overlay .image:before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #ffffffb3;
            opacity: 0;
            -webkit-transition: opacity .3s;
            transition: opacity .3s;
            z-index: 2;
        }

        .animate-overlay:hover .image:before {
            opacity: 1;
        }
}

.slide-items {
    display: none;
}

    .slide-items.slick-initialized {
        display: block;
    }

.slick-track {
    margin: 0;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    font-size: 16px;
    color: #323232;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    cursor: pointer;
    border-radius: 50%;
    padding: 6px !important;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35);
    outline: 0;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 9;
}

    .slick-arrow.slick-prev {
        left: -50px;
    }

    .slick-arrow.slick-next {
        right: -50px;
    }

.owl-carousel {
    position: relative;
}

    .owl-carousel .item {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px;
    }

    .owl-carousel .owl-nav {
        position: absolute;
        top: calc(50% - 18px);
        left: 0;
        right: 0;
    }

        .owl-carousel .owl-nav button.owl-prev,
        .owl-carousel .owl-nav button.owl-next {
            position: absolute;
            width: 36px;
            height: 36px;
            display: inline-block;
            font-size: 16px;
            color: #323232;
            background-color: #ffffff;
            border: 1px solid #ffffff;
            border-radius: 50%;
            padding: 6px !important;
            box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35);
            cursor: pointer;
            outline: 0;
            -webkit-transition: .3s;
            transition: .3s;
        }

            .owl-carousel .owl-nav button.owl-prev:hover,
            .owl-carousel .owl-nav button.owl-next:hover {
                background-color: #232323;
                border-color: #232323;
                color: #ffffff;
            }

        .owl-carousel .owl-nav button.owl-prev {
            left: -50px;
        }

        .owl-carousel .owl-nav button.owl-next {
            right: -52px;
        }

.card {
    box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
}

.breadcrumb {
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
}

    .breadcrumb > a.bread-text {
        font-family: 'Outfit', sans-serif;
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        color: #5B5B5B;
    }

        .breadcrumb > a.bread-text:hover {
            color: #e10303;
        }

    .breadcrumb > span.bread-text {
        font-family: 'Outfit', sans-serif;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        color: #222831;
    }

    .breadcrumb > .separate {
        display: block;
        position: relative;
        padding: 0 10px;
    }

        .breadcrumb > .separate i {
            position: relative;
            top: 0px;
            font-size: 14px;
            color: #5B5B5B;
        }

@media (max-width: 768px) {
    .breadcrumb {
        padding: 0;
    }

        .breadcrumb > a.bread-text,
        .breadcrumb > span.bread-text {
            font-size: 10px;
        }

        .breadcrumb > .separate i {
            top: -1px;
            font-size: 12px;
        }
}

.badge-custom {
    position: absolute;
    top: 15px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
}

    .badge-custom .badge {
        display: inline-block;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1.5px;
        line-height: 20px;
        padding: 2px 15px 2px;
        height: auto;
        white-space: nowrap;
        vertical-align: baseline;
        text-align: center;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        border-radius: 0;
    }

        .badge-custom .badge.badge-new {
            color: #ffffff;
            background-color: #189200;
        }

        .badge-custom .badge.badge-available {
            color: #ffffff;
            background-color: #189200;
        }

        .badge-custom .badge.badge-offer {
            color: #000000;
            background-color: #ffbb49;
        }

        .badge-custom .badge.badge-sold-out {
            color: #232323;
            background-color: #c1c1c1;
        }

        .badge-custom .badge.badge-discount {
            color: #e10303;
            background-color: #f0f3f5;
        }

        .badge-custom .badge + .badge {
            margin-top: 5px;
        }

.ranking-custom {
    position: absolute;
    top: 8px;
    right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
}

    .ranking-custom .ranking {
        display: inline-block;
        font-family: 'Bai Jamjuree';
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 12px;
        padding: 9px 0px;
        height: 38px;
        width: 38px;
        text-align: center;
        border-radius: 50%;
        color: #ffffff;
        background-color: #cb0101;
    }

        .ranking-custom .ranking span {
            display: block;
            font-size: 12px;
            font-weight: 600;
        }

        .ranking-custom .ranking + .ranking {
            margin-top: 5px;
        }

.add-custom {
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
}

    .add-custom a {
        display: inline-block;
        border-radius: 5px;
        background: #e10303;
        padding: 7px 10px;
    }

    .add-custom img {
        width: 25px;
        height: 25px;
    }

.favorite-custom {
    position: absolute;
    top: 8px;
    right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
}

    .favorite-custom a {
        display: inline-block;
        border-radius: 5px;
        color: #838383;
        padding: 0 5px;
        font-size: 18px;
    }

        .favorite-custom a.active {
            color: #e10303;
        }

        .favorite-custom a:hover {
            color: #e10303;
        }

.action-custom {
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
}

    .action-custom a {
        display: inline-block;
        border-radius: 5px;
        color: #393E46;
        padding: 0 5px;
        font-size: 18px;
    }

        .action-custom a:hover {
            color: #e10303;
        }

.content-box-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-box-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

    .content-box-column.col-left {
        align-items: flex-start;
    }

    .content-box-column.col-center {
        align-items: center;
    }

    .content-box-column.column-right {
        align-items: flex-end;
    }

.content-box-absolute {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 15px;
    margin: 0 auto;
    width: 100%;
}

.content-box-full {
    max-width: 100% !important;
}

@media (min-width: 769px) {
    .content-box-absolute {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding-left: 0;
        padding-right: 0;
    }

    .content-box-left {
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .content-box-center {
        left: 50%;
    }

    .content-box-bottom {
        top: inherit;
        bottom: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .content-box-right {
        left: inherit;
        right: 30px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

.background-overlay,
.background-overlay-popup,
.background-overlay-search,
.background-overlay-data {
    position: fixed;
    background-color: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
    display: block;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}

.background-overlay-bm3-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1010;
    display: none;
    background-color: rgba(0, 0, 0, .4);
}

.background-overlay-bm3-menu-repuesto {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1010;
    display: none;
    background-color: rgba(0, 0, 0, .4);
}

html.bm3-menu-opened {
    overflow-x: hidden;
}

    html.bm3-menu-opened body {
    }

    html.bm3-menu-opened .bm3-menu {
        pointer-events: auto;
        display: block;
    }

.bm3-menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    overflow: hidden;
    overflow-y: auto;
    background-color: #ffffff;
    z-index: 1011;
    -webkit-overflow-scrolling: touch;
    pointer-events: none;
    display: none;
}

    html:not(.no-transition) body,
    .bm3-menu:not(.no-transition),
    .bm3-menu .submenu:not(.no-transition) {
    }

.bm3-menu-opened .background-overlay-bm3-menu {
    display: block;
    cursor: pointer;
}

.bm3-menu .bm3-menu-close {
    display: block;
    position: absolute;
    top: 13px;
    right: 0;
    letter-spacing: 0;
    text-align: center;
    padding: 7px 14px 7px 7px;
    color: #232323;
    background: #ffffff;
    z-index: 1020;
}

    .bm3-menu .bm3-menu-close i {
        background: #ffffff;
        color: #000000;
        font-size: 22px;
    }

.bm3-menu ul {
    list-style-type: none;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}

    .bm3-menu ul > li {
        display: block;
    }

        .bm3-menu ul > li.has-submenu {
            background-image: url(../images/menu.svg);
            background-repeat: no-repeat;
            background-position: right 20px center;
            background-size: 10px;
        }

        .bm3-menu ul > li > a {
            display: block;
            text-decoration: none;
            padding: 20px;
        }

.bm3-menu .submenu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    overflow: hidden;
    overflow-y: auto;
    min-height: 100%;
    width: 100%;
    background-color: #ffffff;
    z-index: 1012;
}

    .bm3-menu .submenu.opened {
        left: 0;
    }

.bm3-menu .submenu-header {
    position: relative;
}

    .bm3-menu .submenu-header > a {
        display: block;
        font-family: 'Bai Jamjuree', sans-serif;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
        padding: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    }

        .bm3-menu .submenu-header > a:before {
            content: "";
            position: absolute;
            top: 20px;
            left: 20px;
            height: 20px;
            width: 20px;
            transform: rotate(-180deg);
            background-image: url(../images/menu.svg);
            background-repeat: no-repeat;
            background-position: center right;
        }

.bm3-menu .title {
    display: block;
    font-family: 'Bai Jamjuree', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding: 20px;
}

.bm3-menu .title-menu {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.bm3-menu .has-submenu {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.bm3-menu .item-menu {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.bm3-menu .button-menu {
    padding: 20px;
    text-align: center;
}

    .bm3-menu .button-menu .button {
        margin: 0 20px 15px 20px;
        padding: 10px 30px;
        background-color: #ffffff;
        border: 2px solid #222831;
        color: #222831;
        font-weight: 500;
    }

        .bm3-menu .button-menu .button:last-child {
            margin-bottom: 0;
        }

        .bm3-menu .button-menu .button:hover {
            background-color: #222831;
            color: #ffffff;
        }

html.bm3-menu-repuesto-opened {
    overflow: hidden;
}

    html.bm3-menu-repuesto-opened body {
    }

    html.bm3-menu-repuesto-opened .bm3-menu-repuesto {
        pointer-events: auto;
        display: block;
    }

.bm3-menu-repuesto {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    overflow: hidden;
    overflow-y: auto;
    background-color: #ffffff;
    z-index: 1011;
    -webkit-overflow-scrolling: touch;
    pointer-events: none;
    display: none;
}

    html:not(.no-transition) body,
    .bm3-menu-repuesto:not(.no-transition),
    .bm3-menu-repuesto .submenu:not(.no-transition) {
    }

.bm3-menu-repuesto-opened .background-overlay-bm3-menu-repuesto {
    display: block;
    cursor: pointer;
}

.bm3-menu-repuesto .bm3-menu-repuesto-close {
    display: block;
    position: absolute;
    top: 13px;
    right: 0;
    letter-spacing: 0;
    text-align: center;
    padding: 7px 14px 7px 7px;
    color: #232323;
    background: #ffffff;
    z-index: 1020;
}

    .bm3-menu-repuesto .bm3-menu-repuesto-close i {
        background: #ffffff;
        color: #000000;
        font-size: 22px;
    }

.bm3-menu-repuesto ul {
    list-style-type: none;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}

    .bm3-menu-repuesto ul > li {
        display: block;
    }

        .bm3-menu-repuesto ul > li.has-submenu {
        }

            .bm3-menu-repuesto ul > li.has-submenu > a {
                display: block;
                text-decoration: none;
                padding: 15px 35px 15px 12px;
                border: 1px solid #dbdbdb;
                border-radius: 7px;
                margin: 10px;
                background-color: #f9f9f9;
                background-image: url(../images/menu.svg);
                background-repeat: no-repeat;
                background-position: right 20px center;
                background-size: 10px;
            }

                .bm3-menu-repuesto ul > li.has-submenu > a img {
                    display: inline-block;
                    width: 35px;
                }

                .bm3-menu-repuesto ul > li.has-submenu > a:hover {
                    color: #000000;
                    background-color: #e5e5e5;
                    border: 1px solid #dbdbdb;
                }

        .bm3-menu-repuesto ul > li.item-menu > a {
            display: block;
            text-decoration: none;
            padding: 8px 10px;
            background-color: #f9f9f9;
            border: 1px solid #dbdbdb;
            border-radius: 7px;
            margin: 10px;
        }

            .bm3-menu-repuesto ul > li.item-menu > a img {
                display: inline-block;
                width: 35px;
                margin-right: 10px;
            }

            .bm3-menu-repuesto ul > li.item-menu > a:hover {
                color: #000000;
                background: #e5e5e5;
                border: 1px solid #dbdbdb;
            }

.bm3-menu-repuesto .submenu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    overflow: hidden;
    overflow-y: auto;
    min-height: 100%;
    width: 100%;
    background-color: #ffffff;
    z-index: 1012;
}

    .bm3-menu-repuesto .submenu.opened {
        left: 0;
    }

.bm3-menu-repuesto .submenu-header {
    position: relative;
}

    .bm3-menu-repuesto .submenu-header > a {
        display: block;
        font-family: 'Bai Jamjuree', sans-serif;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
        padding: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    }

        .bm3-menu-repuesto .submenu-header > a:before {
            content: "";
            position: absolute;
            top: 20px;
            left: 20px;
            height: 20px;
            width: 20px;
            transform: rotate(-180deg);
            background-image: url(../images/menu.svg);
            background-repeat: no-repeat;
            background-position: center right;
        }

.bm3-menu-repuesto .title {
    display: block;
    font-family: 'Bai Jamjuree', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding: 20px;
}

.bm3-menu-repuesto .title-menu {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.bm3-menu-repuesto .has-submenu {
}

.bm3-menu-repuesto .item-menu {
}

.bm3-menu-repuesto .button-menu {
    padding: 20px;
    text-align: center;
}

    .bm3-menu-repuesto .button-menu .button {
        margin: 0 20px 15px 20px;
        padding: 10px 30px;
        background-color: #ffffff;
        border: 2px solid #222831;
        color: #222831;
        font-weight: 500;
    }

        .bm3-menu-repuesto .button-menu .button:last-child {
            margin-bottom: 0;
        }

        .bm3-menu-repuesto .button-menu .button:hover {
            background-color: #222831;
            color: #ffffff;
        }

.sidebar {
    position: fixed;
    padding: 0;
    width: 100%;
    z-index: 101;
    max-width: calc(100% - 55px);
    opacity: 0;
    visibility: hidden;
    height: 100%;
    bottom: 0;
    top: 0;
    left: 0;
    -webkit-transform: translate(-101%);
    transform: translate(-101%);
    -webkit-transition: opacity .5s, visibility 350ms, -webkit-transform 350ms;
    transition: opacity .5s, transform 350ms, visibility 350ms, -webkit-transform 350ms;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);
    border-radius: 5px;
}

    .sidebar .sidebar-wrapper {
        padding: 0;
        height: 100%;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: calc(100vh - 20px);
    }

    .sidebar .sidebar-header {
        position: relative;
    }

        .sidebar .sidebar-header .sidebar-close {
            display: block;
            position: absolute;
            top: 6px;
            right: 9px;
            letter-spacing: 0;
            text-align: center;
            padding: 7px 7px 7px 7px;
            color: #232323;
            background: #ffffff;
            z-index: 102;
        }

            .sidebar .sidebar-header .sidebar-close i {
                background: #ffffff;
                color: #000000;
                font-size: 22px;
            }

    .sidebar .sidebar-title {
        position: relative;
        border-bottom: 1px solid #e6e6e6;
        padding: 15px;
    }

    .sidebar .sidebar-title-heading {
        position: relative;
        font-family: 'Bai Jamjuree', sans-serif;
        font-size: 14px;
        line-height: 14px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 1px;
        color: #232323;
        margin: 0;
        padding: 0;
    }

        .sidebar .sidebar-title-heading .icon {
            display: inline-block;
            margin-right: 5px;
        }

            .sidebar .sidebar-title-heading .icon i {
                font-size: 16px;
                transition: all .3s;
            }

    .sidebar .sidebar-block {
        position: relative;
        border-bottom: 1px solid #e6e6e6;
        padding: 10px 15px;
    }

        .sidebar .sidebar-block:last-child {
            border-bottom: none;
        }

    .sidebar .sidebar-block-heading {
        position: relative;
        font-family: 'Bai Jamjuree', sans-serif;
        font-size: 12px;
        line-height: 12px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        color: #232323;
        margin: 0;
        padding: 10px 0;
        cursor: pointer;
    }

        .sidebar .sidebar-block-heading .icon {
            position: absolute;
            right: 0;
            top: 8px;
            transition: all .3s;
        }

            .sidebar .sidebar-block-heading .icon i {
                font-size: 16px;
                transition: all .3s;
            }

        .sidebar .sidebar-block-heading.is-clicked .icon i {
            -webkit-transform: scale(1) rotate(-180deg);
            transform: scale(1) rotate(-180deg);
            transition: all .3s;
        }

    .sidebar .sidebar-block-content {
        position: relative;
        overflow: hidden;
        padding: 0;
    }

        .sidebar .sidebar-block-content .nav {
            margin: 0;
        }

            .sidebar .sidebar-block-content .nav li {
                position: relative;
                padding-right: 22px;
                width: 100%;
                margin: 0;
                padding: 0;
            }

                .sidebar .sidebar-block-content .nav li a {
                    position: relative;
                    display: block;
                    font-size: 12px;
                    font-weight: 400;
                    letter-spacing: 1px;
                }

    .sidebar .sidebar-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-height: 175px;
        overflow-y: auto;
        margin: 0 4px 0 0;
    }

        .sidebar .sidebar-list .sidebar-item {
            display: inline-block;
            vertical-align: top;
            width: 100%;
            padding: 2px 0;
        }

        .sidebar .sidebar-list .sidebar-checkbox {
            padding-left: 25px;
            cursor: pointer;
            transition: all .3s;
        }

            .sidebar .sidebar-list .sidebar-checkbox::before {
                top: 2px;
            }

            .sidebar .sidebar-list .sidebar-checkbox::after {
                top: 5px;
            }

            .sidebar .sidebar-list .sidebar-checkbox span {
                font-size: 12px;
                font-weight: 400;
                letter-spacing: 1px;
            }

            .sidebar .sidebar-list .sidebar-checkbox:hover {
                color: #e10303;
                transition: all .3s;
            }

                .sidebar .sidebar-list .sidebar-checkbox:hover span {
                    color: #e10303;
                    transition: all .3s;
                }

    .sidebar .filter-color .sidebar-list .sidebar-item {
        margin-right: 5px !important;
        margin-bottom: 5px !important;
        width: auto !important;
    }

        .sidebar .filter-color .sidebar-list .sidebar-item input:checked + .sidebar-checkbox {
            border-color: #000000;
            padding: 1px;
        }

    .sidebar .filter-color .sidebar-list .sidebar-checkbox {
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        border-radius: 3px;
        position: relative;
        font-size: 0;
        width: 25px;
        height: 25px;
        border: 1px solid #cbcbcb;
        background: 0 0;
        margin: 0;
        padding: 0;
        opacity: 1;
        overflow: hidden;
    }

        .sidebar .filter-color .sidebar-list .sidebar-checkbox::before,
        .sidebar .filter-size .sidebar-checkbox::after,
        .sidebar .filter-size .sidebar-checkbox::before {
            display: none;
        }

        .sidebar .filter-color .sidebar-list .sidebar-checkbox::after {
            top: 8px;
            left: 7px;
            z-index: 9;
            border-color: #4c4c4c;
        }

        .sidebar .filter-color .sidebar-list .sidebar-checkbox:hover {
            border-color: #919191;
        }

        .sidebar .filter-color .sidebar-list .sidebar-checkbox .pattern {
            display: block;
            width: 100%;
            height: 100%;
            cursor: pointer;
            text-align: center;
            font-size: 0;
            letter-spacing: 0;
            position: relative;
            background-size: cover;
        }

    .sidebar .filter-size .sidebar-item-rectangle {
        margin-right: 5px !important;
        margin-bottom: 5px !important;
        width: auto !important;
    }

        .sidebar .filter-size .sidebar-item-rectangle input:checked + .sidebar-checkbox .text {
            border-color: #232323;
        }

    .sidebar .filter-size .sidebar-checkbox {
        padding-left: 0 !important;
    }

        .sidebar .filter-size .sidebar-checkbox .text {
            display: block;
            width: auto;
            min-width: 45px;
            padding: 3px 10px;
            font-size: 12px;
            font-weight: 400;
            text-transform: capitalize;
            color: #232323;
            background-color: #fff;
            text-align: center;
            border: 1px solid #dadada;
            border-radius: 3px;
            -webkit-transition: .3s;
            transition: .3s;
        }

            .sidebar .filter-size .sidebar-checkbox .text:hover {
                border-color: #919191;
            }

    .sidebar.sidebar-right .sidebar-header .sidebar-close {
        right: inherit;
        left: -40px;
    }

    .sidebar.sidebar-horizontal .sidebar-wrapper {
        max-height: 80vh;
    }

.toolbar .filter-sidebar {
    display: inline-block;
    font-size: 0;
}

    .toolbar .filter-sidebar span {
        display: inline-block;
        padding: 10px;
        background-color: #ffffff;
        border: 1px solid #c3c3c3;
        font-size: 18px;
        line-height: 18px;
        border-radius: 5px;
        box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.1);
        cursor: pointer;
    }

    .toolbar .filter-sidebar i {
        display: inline-block;
    }

body.open-mobile-sidebar {
    overflow: hidden;
}

    body.open-mobile-sidebar .sidebar {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1;
        visibility: visible;
        border-radius: 0;
    }

    body.open-mobile-sidebar .background-overlay {
        z-index: 99;
        opacity: 1;
        visibility: visible;
    }

@media (min-width: 552px) {
    .sidebar {
        max-width: 300px;
    }
}

@media (min-width: 1025px) {
    .sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 30px;
        left: unset !important;
        right: unset !important;
        bottom: unset;
        height: auto;
        -webkit-transition: unset;
        transition: unset;
        -webkit-transform: unset !important;
        transform: unset !important;
        z-index: inherit;
        background-color: transparent;
        display: inline-block;
        vertical-align: top;
        width: 250px;
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1;
        visibility: visible;
        float: left;
    }

        .sidebar .sidebar-wrapper {
            padding: 0;
            max-height: initial;
        }

        .sidebar .sidebar-header {
            display: none;
        }

        .sidebar + .page-content {
            width: calc(100% - 250px);
            padding-left: 30px;
            float: left;
        }

        .sidebar.sidebar-right {
            float: right;
        }

            .sidebar.sidebar-right + .page-content {
                padding-left: 0;
                padding-right: 30px;
            }

    .toolbar .filter-sidebar {
        display: none;
        margin-bottom: 0;
        z-index: 10;
    }
}

.sidebar input[type=checkbox],
.sidebar input[type=radio] {
    display: none;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .sidebar input[type=checkbox] + .form-label-checkbox,
    .sidebar input[type=radio] + .form-label--radio {
        display: block;
        width: 100%;
        position: relative;
        padding: 0 0 0 23px;
        margin: 0;
        pointer-events: auto;
        cursor: pointer;
    }

        .sidebar input[type=checkbox] + .form-label-checkbox:before {
            content: "";
            position: absolute;
            top: 3px;
            left: 0;
            border: 1px solid #5B5B5B;
            width: 15px;
            height: 15px;
            background-color: transparent;
            border-radius: 3px;
        }

        .sidebar input[type=checkbox] + .form-label-checkbox:after {
            content: "";
            position: absolute;
            width: 9px;
            height: 5px;
            opacity: 0;
            top: 7px;
            left: 3px;
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            background: rgba(255, 255, 255, 0);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: .1s;
            transition: .1s;
            -webkit-appearance: none;
        }

    .sidebar input[type=checkbox]:checked + .form-label-checkbox:before {
        background-color: #000;
        border-color: #000;
    }

    .sidebar input[type=checkbox]:checked + .form-label-checkbox:after {
        opacity: 1;
    }

    .sidebar input[type=radio] + .form-label--radio:before {
        content: "";
        display: block;
        position: absolute;
        top: 2px;
        left: 0;
        -webkit-transition: 50ms ease-out;
        transition: 50ms ease-out;
        background-color: transparent;
        border: 1px solid #e6e6e6;
        width: 16px;
        height: 16px;
        border-radius: 50%;
    }

    .sidebar input[type=radio]:checked + .form-label--radio:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .sidebar input[type=radio] + .form-label--radio:after {
        content: "";
        display: block;
        position: absolute;
        top: 6px;
        left: 4px;
        -webkit-transition: 50ms ease-out;
        transition: 50ms ease-out;
        width: 0;
        height: 0;
        border: 4px solid #000;
        background-color: #000;
        border-radius: 50%;
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    .sidebar input[type=checkbox] + label {
        padding-left: 26px;
        cursor: pointer;
        position: relative;
    }

        .sidebar input[type=checkbox] + label:before {
            position: absolute;
            content: "";
            top: 2.5px;
            left: 0;
            border: 1px solid #d0d0d0;
            width: 14px;
            height: 14px;
            background-color: #fff;
        }

        .sidebar input[type=checkbox] + label:after {
            content: '';
            width: 9px;
            height: 5px;
            position: absolute;
            top: 6px;
            left: 3px;
            border: 2px solid #232323;
            border-top: none;
            border-right: none;
            background: rgba(255, 255, 255, 0);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: .1s;
            transition: .1s;
        }

    .sidebar input[type=checkbox]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0) rotate(-45deg);
        transform: scale(0) rotate(-45deg);
    }

    .sidebar input[type=checkbox]:checked + label:after {
        opacity: 1;
        -webkit-transform: scale(1) rotate(-45deg);
        transform: scale(1) rotate(-45deg);
    }

.sidebar input[type=color] {
    margin: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 11px 12px 10px;
    line-height: 22px;
}

.toolbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .toolbar .toolbar-item {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        vertical-align: middle;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 0;
    }

    .toolbar .filter-group {
        position: relative;
        margin-right: 10px;
        z-index: 5;
    }

        .toolbar .filter-group:last-child {
            margin-right: 0;
        }

        .toolbar .filter-group span {
            display: inline-block;
            margin-right: 10px;
        }

            .toolbar .filter-group span:last-child {
                margin-right: 0;
            }

            .toolbar .filter-group span.text {
                font-family: 'Bai Jamjuree', sans-serif;
                font-size: 14px;
                line-height: 18px;
                font-weight: 600;
            }

            .toolbar .filter-group span.icon {
                font-size: 14px;
                line-height: 18px;
            }

                .toolbar .filter-group span.icon i {
                    -webkit-transform: scale(1) rotate(-90deg);
                    transform: scale(1) rotate(-90deg);
                }

            .toolbar .filter-group span.option {
            }

                .toolbar .filter-group span.option select {
                }

                .toolbar .filter-group span.option select {
                    padding: 10px 20px;
                }

                .toolbar .filter-group span.option .custom-select-selection {
                    padding: 10px 20px;
                }

                .toolbar .filter-group span.option .custom-select-option {
                    top: calc(100% + 1px);
                    padding: 5px 0;
                    border-radius: 5px;
                }

        .toolbar .filter-group.filter-order span.option .custom-select-selection {
            -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
            border-radius: 5px;
        }


    .toolbar .filter-result h3 {
        position: relative;
        font-size: 24px;
        font-weight: 400;
        margin: 0;
        padding: 0;
    }

    .toolbar .filter-result span {
        font-size: 24px;
    }

        .toolbar .filter-result span.result-phrase {
            display: inline-block;
            font-weight: 600;
            color: #ED1D24;
            margin: 0 0 0 10px;
        }

        .toolbar .filter-result span.result-total {
            position: relative;
            top: -1px;
            display: inline-block;
            background-color: #ED1D24;
            font-size: 15px;
            line-height: 15px;
            font-weight: 600;
            color: #ffffff;
            padding: 5px 15px;
            margin: 0 0 0 10px;
            border-radius: 30px;
        }

    .toolbar.collection-select {
        margin-top: 15px;
    }

        .toolbar.collection-select .select-list {
            display: inline-block;
            vertical-align: middle;
            margin-top: 0;
            margin-bottom: 0;
            text-align: left;
        }

            .toolbar.collection-select .select-list li {
                display: inline-block;
                vertical-align: middle;
                margin: 0 10px 10px 0;
            }

                .toolbar.collection-select .select-list li .select-item {
                    position: relative;
                    display: block;
                    font-size: 13px;
                    font-weight: 400;
                    letter-spacing: 1px;
                    color: #000000;
                    padding: 4px 12px;
                    background-color: #dfe1e5;
                    border-radius: 5px;
                    cursor: pointer;
                    -webkit-transition: .3s;
                    transition: .3s;
                }

                    .toolbar.collection-select .select-list li .select-item:hover {
                        color: #e10303;
                        background-color: #dfe1e5;
                    }

                    .toolbar.collection-select .select-list li .select-item.item-clear {
                        color: #232323;
                        background-color: #ffffff;
                        padding: 4px;
                    }

                        .toolbar.collection-select .select-list li .select-item.item-clear:hover {
                            color: #e10303;
                            background-color: #ffffff;
                        }

                    .toolbar.collection-select .select-list li .select-item i {
                        position: relative;
                        top: 2px;
                        font-size: 16px;
                    }

@media (max-width: 768px) {
    .filter-order .custom-select-option {
        width: 170px;
        top: 30px;
        left: -110px;
    }

    .filter-order .custom-select-selection {
        color: #ffffff;
        font-size: 0;
    }

        .filter-order .custom-select-selection:after {
            top: -2px;
            right: 6px;
            color: #000000;
            font-size: 22px;
        }
}

@media (max-width: 768px) {
    .toolbar .filter-group {
        margin: 0;
    }

        .toolbar .filter-group span.text,
        .toolbar .filter-group span.icon {
            display: none;
        }

        .toolbar .filter-group span.option select {
            font-size: 0;
        }

            .toolbar .filter-group span.option select option {
                font-size: 14px;
            }

            .toolbar .filter-group span.option select.select-order {
            }

        .toolbar .filter-group.filter-order span.option .custom-select-selection {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .toolbar .filter-result h3 {
        position: relative;
        font-size: 16px;
        line-height: 16px;
        font-weight: 500;
    }

    .toolbar .filter-result span {
        font-size: 16px;
        line-height: 16px;
    }

        .toolbar .filter-result span.result-phrase {
            font-size: 16px;
            line-height: 16px;
            margin: 0;
            padding: 0 5px;
        }

        .toolbar .filter-result span.result-total {
            font-size: 10px;
            line-height: 17px;
            margin: 0 5px;
            padding: 0 5px;
        }

    .toolbar.collection-select .select-list li .select-item {
        font-size: 11px;
    }

        .toolbar.collection-select .select-list li .select-item i {
        }

    .toolbar .filter-sidebar span {
        border: none;
        box-shadow: none;
    }
}

.pagination-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

    .pagination-list li {
        margin-right: 8px;
    }

        .pagination-list li:last-child {
            margin-right: 0;
        }

    .pagination-list .pagination-arrow {
        position: relative;
        width: 35px;
        min-width: 35px;
    }

    .pagination-list .pagination-item-arrow {
        color: #222831;
        font-size: 18px;
        line-height: 18px;
        width: 35px;
        height: 35px;
        background-color: #ffffff;
        border-radius: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .pagination-list .pagination-item-arrow:hover {
            color: #fff;
            background: #232323;
        }

    .pagination-list .pagination-num .pagination-item {
        color: #222831;
        width: 35px;
        height: 35px;
        background-color: #ffffff;
        border-radius: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .pagination-list .pagination-num .pagination-item.active,
        .pagination-list .pagination-num .pagination-item:hover {
            background-color: #f2565b;
            color: #ffffff;
            font-weight: 500;
        }

    .pagination-list .pagination-item-none {
        color: #222831 !important;
        background-color: #ffffff !important;
        cursor: default !important;
    }

        .pagination-list .pagination-item-none:hover {
            color: #222831 !important;
            background-color: #ffffff !important;
        }

    .pagination-list .pagination-item-disabled {
        opacity: .5 !important;
        color: #222831 !important;
        background-color: #ffffff !important;
        cursor: default !important;
    }

        .pagination-list .pagination-item-disabled:hover {
            color: #222831 !important;
            background-color: #ffffff !important;
        }

@media (max-width: 768px) {
    .pagination-list {
        justify-content: center;
    }

        .pagination-list .pagination-arrow {
            width: 25px;
            min-width: 25px;
        }

        .pagination-list .pagination-item-arrow {
            font-size: 14px;
            line-height: 14px;
            width: 25px;
            height: 25px;
        }

        .pagination-list .pagination-num .pagination-item {
            font-size: 14px;
            line-height: 14px;
            width: 25px;
            height: 25px;
        }
}

.header {
    position: relative;
    background: #fff;
    box-shadow: 0 0px 10px 4px rgba(0, 0, 0, 0.1);
    z-index: 99;
}

    .header::before {
        content: '';
        position: absolute;
        background: #e10303;
        height: 3px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 0;
    }

    .header .container {
        position: initial;
    }

    .header .header-center .main-menu,
    .header .header-center .main-menu > .container,
    .header .header-center .main-menu .menu-item.has-megamenu {
        position: static;
    }

    .header .header-wrapper {
        display: none;
    }

    .header .header-left {
        width: 100px;
    }

        .header .header-left .header-logo {
            position: relative;
        }

    .header .header-center {
    }

        .header .header-center .menu-nav {
            display: block;
            grid-area: navigation;
            z-index: 1;
        }

        .header .header-center .menu-list {
            display: block;
            list-style: none;
            padding: 0;
            margin: 0;
            font-size: 0;
            letter-spacing: 0;
        }

        .header .header-center .menu-item {
            display: inline-block;
            vertical-align: top;
            position: relative;
        }

            .header .header-center .menu-item .link-menu {
                display: block;
                font-size: 14px;
                font-weight: 500;
                letter-spacing: 1px;
                color: #222831;
                padding: 28px 20px 24px 20px;
                border-bottom: 7px solid transparent;
            }

            .header .header-center .menu-item:hover .link-menu {
                color: #CB0101;
            }

            .header .header-center .menu-item .link-menu.active {
                font-weight: 600;
                color: #222831;
                border-color: #CB0101;
            }

            .header .header-center .menu-item .link-menu.custom {
                color: #CB0101;
            }

        .header .header-center .submenu-nav {
            position: absolute;
            top: auto;
            left: 0;
            width: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            -max-height: 70vh;
            text-align: left;
            visibility: hidden;
            -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, .1);
            box-shadow: 0 3px 3px -3px rgba(0, 0, 0, .1);
            background-color: #fff;
            border-top: 1px solid #efefef;
            border-top: 1px solid #efefef;
            padding: 35px 0;
            opacity: 0;
            pointer-events: none;
            -webkit-transition: 350ms, _ 350ms;
            transition: 350ms, _ 350ms, _ 350ms;
            z-index: -1;
        }

        .header .header-center .submenu-section {
            display: block;
        }

            .header .header-center .submenu-section .link-title {
                display: inline-block;
                font-family: 'Outfit', sans-serif;
                color: #222831;
                font-size: 14px;
                letter-spacing: 1px;
                font-weight: 600;
                padding: 0 0 10px 0;
            }

                .header .header-center .submenu-section .link-title:hover {
                    color: #e10303;
                }

        .header .header-center .submenu-list {
            display: block;
            padding: 0;
        }

            .header .header-center .submenu-list .link {
                display: inline-block;
                color: #393E46;
                font-size: 12px;
                font-weight: 400;
                letter-spacing: .5px;
                padding: 4px 0;
            }

                .header .header-center .submenu-list .link:hover {
                    color: #e10303;
                }

                .header .header-center .submenu-list .link.link-all {
                    position: relative;
                    font-size: 13px;
                    font-weight: 600;
                }

                    .header .header-center .submenu-list .link.link-all i {
                        position: relative;
                        top: 1px;
                        padding-left: 2px;
                    }

        .header .header-center .submenu-section-inline {
            margin: 20px 0 0;
            padding: 20px 0 0;
            border-top: 1px solid #e1e1e1;
        }

            .header .header-center .submenu-section-inline .link-title {
                display: inline-block;
                font-family: 'Outfit', sans-serif;
                color: #222831;
                font-size: 12px;
                letter-spacing: 1px;
                font-weight: 600;
                padding: 0 50px 0 0;
            }

                .header .header-center .submenu-section-inline .link-title:hover {
                    color: #e10303;
                }

        .header .header-center .banner-section {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            font-size: 0;
            letter-spacing: 0;
            padding-top: 7px;
        }

        .header .header-center .banner-list {
            display: block;
            width: 100%;
        }

            .header .header-center .banner-list .image {
                border-radius: 5px;
                overflow: hidden;
            }

        .header .header-center .slide-item {
            margin-bottom: 15px;
            border-radius: 5px;
        }

            .header .header-center .slide-item:last-child {
                margin-bottom: 0;
            }

            .header .header-center .slide-item .banner-link {
                position: absolute;
                bottom: 20px;
                left: 20px;
                right: 20px;
                z-index: 5;
            }

                .header .header-center .slide-item .banner-link span {
                    display: block;
                    background-color: #232323;
                    color: #ffffff;
                    font-size: 14px;
                    padding: 8px 5px;
                    text-align: center;
                    border-radius: 5px;
                    transition: all .3s;
                }

                    .header .header-center .slide-item .banner-link span i {
                        font-size: 12px;
                    }

            .header .header-center .slide-item:hover .banner-link span {
                background-color: #e10303;
                color: #ffffff;
            }

    .header .header-right {
        padding-bottom: 6px;
    }

        .header .header-right .main-menu-inline {
            display: inline-block;
            vertical-align: middle;
        }

        .header .header-right .main-menu-text {
            margin-top: 5px;
            margin-right: 25px;
        }

            .header .header-right .main-menu-text .button {
                font-size: 14px;
                letter-spacing: 1px;
                padding: 8px 22px;
            }

        .header .header-right .main-menu-icon {
            position: relative;
            margin-top: 8px;
        }

            .header .header-right .main-menu-icon .menu-icon {
                display: inline-block;
                margin: 0 10px;
                padding: 8px;
                background: #fafafa;
                border-radius: 50%;
            }

                .header .header-right .main-menu-icon .menu-icon:hover {
                    background: #ddd;
                }

                .header .header-right .main-menu-icon .menu-icon:last-child {
                    margin-right: 0;
                }

                .header .header-right .main-menu-icon .menu-icon img {
                    width: 20px;
                    height: 20px;
                }

                .header .header-right .main-menu-icon .menu-icon.active {
                    background: #ddd !important;
                }

                .header .header-right .main-menu-icon .menu-icon.menu-icon-cart span {
                    position: absolute;
                    top: -6px;
                    right: -5px;
                    display: inline-block;
                    min-width: 22px;
                    min-height: 22px;
                    text-align: center;
                    line-height: 22px;
                    background: #e10303;
                    color: #ffffff;
                    border-radius: 50%;
                    font-size: 12px;
                }

@media (min-width: 1025px) {
    .header .header-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 40px;
    }

    .header .header-center .menu-item.has-megamenu:hover > .submenu-nav {
        z-index: 99;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}

.footer {
    clear: both;
    position: relative;
    background-color: #1A1A1A;
}

    .footer .footer-top {
        position: relative;
        padding: 60px 0 50px 0;
        background-color: #1A1A1A;
    }

        .footer .footer-top .col-about {
        }

        .footer .footer-top .col-menu {
            flex: 0 0 auto;
            width: 245px;
        }

        .footer .footer-top .col-contact {
            flex: 0 0 auto;
            width: 330px;
        }

        .footer .footer-top .col-social {
            flex: 0 0 auto;
            width: 215px;
        }

            .footer .footer-top .col-social a {
                color: #cdcdcd;
            }

                .footer .footer-top .col-social a:hover {
                    color: #ffffff;
                }

                .footer .footer-top .col-social a i {
                    display: inline;
                    padding-right: 5px;
                }

                .footer .footer-top .col-social a:hover {
                    color: #ffffff;
                }

    .footer .footer-bottom {
        position: relative;
        padding: 20px 0;
        background-color: #131313;
    }

    .footer .footer-logo {
        display: inline-block;
        width: 115px;
        margin-bottom: 25px;
    }

    .footer .footer-info {
        position: relative;
        max-width: 285px;
    }

        .footer .footer-info p {
            font-size: 14px;
            line-height: 25px;
            font-weight: 300;
            color: #dddddd;
            letter-spacing: 0.5px;
            margin-bottom: 25px;
        }

            .footer .footer-info p:last-child {
                margin-bottom: 0;
            }

            .footer .footer-info p strong {
                font-weight: 500;
            }

    .footer .footer-menu {
        position: relative;
    }

        .footer .footer-menu .footer-title {
            font-size: 16px;
            font-weight: 500;
            color: #dddddd;
            letter-spacing: 1px;
            margin: 0 0 20px 0;
        }

        .footer .footer-menu .footer-icon-text {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
            padding: 0;
            vertical-align: top;
        }

            .footer .footer-menu .footer-icon-text .item-icon {
                width: 20px;
                text-align: left;
            }

                .footer .footer-menu .footer-icon-text .item-icon i {
                    font-size: 14px;
                    color: #dddddd;
                }

            .footer .footer-menu .footer-icon-text .item-text {
                width: 100%;
            }

                .footer .footer-menu .footer-icon-text .item-text span {
                    display: block;
                    font-size: 14px;
                    line-height: 25px;
                    font-weight: 300;
                    color: #dddddd;
                    padding-left: 5px;
                }

                    .footer .footer-menu .footer-icon-text .item-text span.sub {
                        font-size: 13px;
                        line-height: 22px;
                        font-weight: 300;
                    }

        .footer .footer-menu .list-unstyled {
            margin-bottom: 0;
        }

            .footer .footer-menu .list-unstyled li {
                margin-bottom: 12px;
            }

                .footer .footer-menu .list-unstyled li .footer-link {
                    position: relative;
                    display: block;
                    font-size: 14px;
                    color: #cdcdcd;
                }

                    .footer .footer-menu .list-unstyled li .footer-link:hover {
                        color: #ffffff;
                    }


                .footer .footer-menu .list-unstyled li .footer-icon {
                    font-size: 0;
                }

                .footer .footer-menu .list-unstyled li .footer-link-social {
                    position: relative;
                    display: inline-block;
                    margin-right: 15px;
                }

                    .footer .footer-menu .list-unstyled li .footer-link-social:last-child {
                        margin-right: 0;
                    }

                    .footer .footer-menu .list-unstyled li .footer-link-social img {
                        width: 19px;
                        height: 19px;
                    }

    .footer .footer-copyright {
        font-size: 14px;
        color: #a1a1a1;
        margin: 0;
    }

@media (max-width: 1025px) {
    .footer .footer-top .col-about {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 50px;
    }

    .footer .footer-top .col-menu {
        flex: 0 0 auto;
        width: 50%;
        margin-bottom: 50px;
    }

    .footer .footer-top .col-contact {
        flex: 0 0 auto;
        width: 50%;
        margin-bottom: 50px;
    }

    .footer .footer-top .col-social {
        flex: 0 0 auto;
        width: 100%;
    }

    .footer .footer-info {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .footer .footer-top .col-about {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #090909;
    }

    .footer .footer-top .col-menu {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 30px;
    }

    .footer .footer-top .col-contact {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 30px;
    }

    .footer .footer-top .col-social {
        flex: 0 0 auto;
        width: 100%;
    }

    .footer .footer-info p {
        font-size: 12px;
        line-height: 22px;
        letter-spacing: 1px;
        margin-bottom: 15px;
    }

    .footer .footer-menu .footer-title {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .footer .footer-menu .list-unstyled li .footer-link {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .footer .footer-menu .footer-icon-text .item-text span {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 1px;
    }

        .footer .footer-menu .footer-icon-text .item-text span.sub {
            font-size: 12px;
            line-height: 20px;
            letter-spacing: 1px;
        }

    .footer .footer-bottom {
        text-align: center;
    }

    .footer .footer-copyright {
        font-size: 11px;
    }
}

.header-mobile {
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    display: block;
}

    .header-mobile .container {
        position: initial;
        z-index: 1;
    }

    .header-mobile .header-mobile-item,
    .header-mobile .header-mobile-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .header-mobile .header-mobile-item.header-mobile-left {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .header-mobile .header-mobile-item.header-mobile-right {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

    .header-mobile .header-mobile-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
        min-height: 50px;
    }

        .header-mobile .header-mobile-icon a {
            position: relative;
        }

        .header-mobile .header-mobile-icon .menu-icon {
            position: relative;
        }

        /*.header-mobile .header-mobile-icon .menu-icon.active
            {
                background: #ddd!important;
            }*/

        .header-mobile .header-mobile-icon .menu-icon-toogle {
            width: 28px;
            height: 28px;
            font-size: 0;
            overflow: hidden;
            position: relative;
            top: -1px;
            z-index: 1;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            display: block;
            color: #232323;
        }

            .header-mobile .header-mobile-icon .menu-icon-toogle .menu-icon-hamburger {
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                -webkit-transition: background-color 10ms ease-in .1s;
                transition: background-color 10ms ease-in .1s;
                content: "";
                display: block;
                height: 2px;
                width: 100%;
                position: absolute;
                background-color: #232323;
                -webkit-transform: rotate(0);
                transform: rotate(0);
                -webkit-transition: top .1s ease-in .15s, bottom .1s ease-in .15s, -webkit-transform .1s ease-in;
                transition: transform .1s ease-in, top .1s ease-in .15s, bottom .1s ease-in .15s, -webkit-transform .1s ease-in;
            }

                .header-mobile .header-mobile-icon .menu-icon-toogle .menu-icon-hamburger::after,
                .header-mobile .header-mobile-icon .menu-icon-toogle .menu-icon-hamburger::before {
                    content: "";
                    display: block;
                    height: 2px;
                    width: 100%;
                    position: absolute;
                    background-color: #232323;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                    -webkit-transition: top .1s ease-in .15s, bottom .1s ease-in .15s, -webkit-transform .1s ease-in;
                    transition: transform .1s ease-in, top .1s ease-in .15s, bottom .1s ease-in .15s, -webkit-transform .1s ease-in;
                }

                .header-mobile .header-mobile-icon .menu-icon-toogle .menu-icon-hamburger::before {
                    top: -8px;
                }

                .header-mobile .header-mobile-icon .menu-icon-toogle .menu-icon-hamburger::after {
                    bottom: -8px;
                }

    .header-mobile .header-mobile-item.header-mobile-left .menu-icon {
        margin-right: 25px;
    }

        .header-mobile .header-mobile-item.header-mobile-left .menu-icon.menu-icon-logo {
            max-width: 85px;
        }

            .header-mobile .header-mobile-item.header-mobile-left .menu-icon.menu-icon-logo img {
                width: 100%;
            }

    .header-mobile .header-mobile-item.header-mobile-right .menu-icon {
        margin-left: 15px;
        padding: 6px;
        border-radius: 50%;
        background: #ffffff;
    }

        .header-mobile .header-mobile-item.header-mobile-right .menu-icon span {
            position: absolute;
            top: -6px;
            right: -5px;
            display: inline-block;
            min-width: 22px;
            min-height: 22px;
            text-align: center;
            line-height: 22px;
            background: #e10303;
            color: #ffffff;
            border-radius: 50%;
            font-size: 12px;
        }

        .header-mobile .header-mobile-item.header-mobile-right .menu-icon img {
            width: 22px;
            height: 22px;
        }

        .header-mobile .header-mobile-item.header-mobile-right .menu-icon.active {
            background: #dddddd !important;
        }


@media (min-width: 1025px) {
    .header-mobile {
        display: none;
    }
}

.main {
    background-color: #ffffff;
}

.block-section {
    position: relative;
    padding: 75px 0 75px 0;
}

    .block-section .block-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 40px;
    }

    .block-section .header-left {
        text-align: left;
    }

    .block-section .header-center {
        text-align: center;
    }

    .block-section .header-right {
        text-align: right;
    }

    .block-section .header-title {
        position: relative;
    }

        .block-section .header-title h3 {
            font-family: 'Bai Jamjuree', sans-serif;
            font-size: 32px;
            font-weight: 500;
            letter-spacing: 2px;
            margin: 0;
            padding: 0;
        }

    .block-section .block-content {
        position: relative;
    }

    .block-section .block-slide {
        position: relative;
    }

        .block-section .block-slide.slide-plus {
            position: relative;
        }

            .block-section .block-slide.slide-plus .row {
                margin-left: -35px;
                margin-right: -35px;
            }

                .block-section .block-slide.slide-plus .row .row-item {
                    padding: 0 35px;
                }

                    .block-section .block-slide.slide-plus .row .row-item:before {
                        content: "+";
                        position: absolute;
                        left: -1px;
                        top: 50%;
                        -webkit-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                        color: #3e3e3e;
                        font-size: 35px;
                        font-weight: 300;
                        z-index: 1;
                    }

                .block-section .block-slide.slide-plus .row .slick-slide:first-child .row-item:before {
                    display: none;
                }

    .block-section .wrapper-item {
        margin: 25px 0;
        text-align: center;
    }

    .block-section .content {
        position: relative;
        height: 100%;
    }

    .block-section .content-title {
        display: block;
        margin-top: 20px;
        font-size: 16px;
        font-weight: 500;
        margin: 0;
        padding: 0;
    }

    .block-section .row-item:hover .content-title a {
        color: #e10303;
    }

    .block-section .content-desc {
        display: block;
        font-size: 14px;
        font-weight: 400;
        margin: 5px 0 0 0;
    }

    .block-section .nav-tabs {
        position: relative;
        top: 5px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: none;
    }

        .block-section .nav-tabs .nav-link {
            position: relative;
            font-size: 16px;
            line-height: 16px;
            font-weight: 400;
            letter-spacing: 3px;
            color: #393E46;
            text-transform: uppercase;
            padding: 5px 0 15px 0;
            margin: 0 25px;
            cursor: pointer;
            border: none;
        }

            .block-section .nav-tabs .nav-link:before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 0;
                height: 5px;
                -webkit-transition: .3s;
                transition: .3s;
                background: #e10303;
            }

            .block-section .nav-tabs .nav-link:hover {
                border: none;
                right: 0;
                left: auto;
            }

            .block-section .nav-tabs .nav-link.active {
                color: #232323;
                border: none;
            }

                .block-section .nav-tabs .nav-link.active:before,
                .block-section .nav-tabs .nav-link:hover:before {
                    width: 100%;
                }

        .block-section .nav-tabs .line {
            color: #969696;
            font-size: 17px;
            padding: 8px 22px;
            text-align: center;
            display: block;
        }

    .block-section .tab-content {
        margin-top: 27px;
    }

    .block-section .section-tab-content {
        margin-top: 27px;
    }

        .block-section .section-tab-content > .tab-pane {
            display: block;
            height: 0;
            overflow: hidden;
        }

            .block-section .section-tab-content > .tab-pane.active {
                height: auto;
                overflow: visible;
            }

        .block-section .section-tab-content .slick-dots {
            bottom: -30px;
        }

    .block-section .link.link-all {
        position: relative;
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
    }

        .block-section .link.link-all i {
            position: relative;
            top: 2px;
            font-size: 20px;
            padding-left: 3px;
        }

    .block-section .product-items {
        position: relative;
    }

    .block-section .product-item {
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);
        box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);
        margin-bottom: 30px;
    }

        .block-section .product-item .badge-custom .badge {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

    .block-section .product-item-top {
        position: relative;
        background: #ffffff;
        overflow: hidden;
    }

    .block-section .product-item-bottom {
        position: relative;
        padding: 15px;
        overflow: hidden;
    }

    .block-section .product-item-information {
        position: relative;
    }

    .block-section .product-item-media {
        overflow: hidden;
        min-height: 250px;
        max-height: 250px;
        background: #f5f5f5;
        display: flex;
        align-items: center;
    }

        .block-section .product-item-media .bg-white {
            background: #ffffff;
        }

        .block-section .product-item-media img {
            max-height: 250px;
            max-width: 100%;
            padding: 25px;
        }

    .block-section .product-item-action {
        position: relative;
        bottom: 0;
        width: 100%;
        padding: 0;
        background: 0 0;
        z-index: 1;
        margin: 0;
        -webkit-transition: .3s;
        transition: .3s;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        -webkit-transform: translate(0);
        transform: translate(0);
    }

        .block-section .product-item-action .button {
            position: relative;
            display: block;
            width: 100%;
            min-width: auto;
            border-radius: 0;
            padding: 5px;
        }

    .block-section .product-item-mediax {
        overflow: hidden;
        min-height: 250px;
        max-height: 250px;
        background: #f5f5f5;
        display: flex;
        align-items: center;
    }

        .block-section .product-item-mediax .bg-white {
            background: #ffffff;
        }

    .block-section .product-item-imagex {
        height: 180px;
        width: 180px;
        margin: 10px auto 20px auto;
    }

        .block-section .product-item-imagex img {
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            -moz-transition: 0.3s;
            transition: 0.3s;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            max-height: 100%;
            margin: 0 auto;
        }

    .block-section .product-item-imagex-:hover img {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }

    .block-section .product-item-actionx {
        position: relative;
        bottom: 0;
        width: 100%;
        padding: 0;
        background: 0 0;
        z-index: 1;
        margin: 0;
        -webkit-transition: .3s;
        transition: .3s;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        -webkit-transform: translate(0);
        transform: translate(0);
    }

        .block-section .product-item-actionx .button {
            position: relative;
            display: block;
            width: 100%;
            min-width: auto;
            border-radius: 0;
            padding: 5px;
        }

    .block-section .product-item-brand {
        position: relative;
        font-family: 'Bai Jamjuree', sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #393E46;
        letter-spacing: 1px;
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 3px;
        margin-bottom: 8px;
    }

    .block-section .product-item-colors {
        position: absolute;
        top: -3px;
        right: 5px;
        margin: 0;
    }

        .block-section .product-item-colors .color-option {
            display: inline-block;
            font-size: 12px;
            line-height: 12px;
            margin-right: 1px;
            border-radius: 50%;
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 1);
        }

    .block-section .product-item-name {
        position: relative;
        display: block;
        font-family: 'Outfit', sans-serif;
        font-size: 16px;
        font-weight: 500;
        color: #222831;
        letter-spacing: 1px;
        margin: 0 0 5px 0;
        transition: all .3s;
    }

        .block-section .product-item-name span {
            display: block;
            line-height: 20px;
        }

    .block-section .product-item-add {
        position: relative;
        display: block;
        margin: 15px 0 0 0;
    }

        .block-section .product-item-add .button {
            position: relative;
            display: block;
            width: 100%;
            padding: 3px 10px 7px 10px;
            font-size: 14px;
        }

            .block-section .product-item-add .button .text {
                position: relative;
                display: inline;
                padding-right: 5px;
                line-height: 30px;
            }

            .block-section .product-item-add .button i {
                position: relative;
                top: 4px;
                display: inline;
                font-size: 28px;
            }










    .block-section .product-item-variants {
        display: block;
        margin: 0 0 20px 0;
    }

        .block-section .product-item-variants .product-option-category {
            display: block;
            margin: 0 0 4px;
        }

            .block-section .product-item-variants .product-option-category span {
                font-weight: 600;
                font-size: 10px;
                color: #222831;
                text-transform: uppercase;
            }

                .block-section .product-item-variants .product-option-category span + span {
                    font-size: 12px;
                    font-weight: 500;
                }

        .block-section .product-item-variants .product-option-select {
            display: block;
            margin: 0 0 4px;
        }

            .block-section .product-item-variants .product-option-select span {
                font-weight: 700;
                font-size: 10px;
                color: #222831;
                text-transform: uppercase;
            }

                .block-section .product-item-variants .product-option-select span + span {
                    font-size: 12px;
                    font-weight: 500;
                }

        .block-section .product-item-variants .product-option-color {
            display: block;
            margin: 0 0 4px;
        }

            .block-section .product-item-variants .product-option-color .product-options {
                position: relative;
                font-size: 0;
                line-height: 0;
            }

            .block-section .product-item-variants .product-option-color .product-option {
                position: relative;
                display: inline-block;
                width: 200px;
                margin: 15px 15px 0 0;
            }

                .block-section .product-item-variants .product-option-color .product-option input[type=checkbox],
                .block-section .product-item-variants .product-option-color .product-option input[type=radio] {
                    position: absolute;
                    clip: rect(1px, 1px, 1px, 1px);
                    height: 1px;
                    width: 1px;
                    overflow: hidden;
                }

                .block-section .product-item-variants .product-option-color .product-option .item-option {
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: nowrap;
                    flex-wrap: nowrap;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    border-radius: 5px;
                    border: 1px solid #b1b1b1;
                    background: #ffffff;
                    cursor: pointer;
                    overflow: hidden;
                    transition: all .3s;
                }

                    .block-section .product-item-variants .product-option-color .product-option .item-option:hover {
                        border-color: #e10303;
                        transition: all .3s;
                    }

                .block-section .product-item-variants .product-option-color .product-option .item-value:checked + .item-option {
                    border-color: #DC4504;
                    transition: all .3s;
                }

                .block-section .product-item-variants .product-option-color .product-option .item-option .option-image {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background: #f5f5f5;
                    padding: 5px 10px;
                    width: 50%;
                    border-right: 1px solid #c2c2c2;
                    transition: all .3s;
                }

                .block-section .product-item-variants .product-option-color .product-option .item-value:checked + .item-option .option-image {
                    background: #fcede6;
                    border-color: #cfa28f;
                    transition: all .3s;
                }

                .block-section .product-item-variants .product-option-color .product-option .item-option .option-image img {
                    max-width: 100%;
                    max-height: 70px;
                }

                .block-section .product-item-variants .product-option-color .product-option .item-option .option-detail {
                    padding: 5px 8px;
                    width: 50%;
                }

                    .block-section .product-item-variants .product-option-color .product-option .item-option .option-detail .option-value {
                        display: block;
                        font-size: 12px;
                        line-height: 22px;
                        font-weight: 600;
                        color: #222831;
                    }

                    .block-section .product-item-variants .product-option-color .product-option .item-option .option-detail .option-price {
                        display: block;
                        font-size: 14px;
                        line-height: 18px;
                        font-weight: 500;
                        color: #5b5b5b;
                    }

                        .block-section .product-item-variants .product-option-color .product-option .item-option .option-detail .option-price span {
                            font-size: 10px;
                        }

                    .block-section .product-item-variants .product-option-color .product-option .item-option .option-detail .option-status {
                        display: block;
                        font-size: 10px;
                        line-height: 20px;
                        font-weight: 600;
                        color: #059d26;
                    }

                        .block-section .product-item-variants .product-option-color .product-option .item-option .option-detail .option-status.available {
                            color: #059d26;
                        }

                        .block-section .product-item-variants .product-option-color .product-option .item-option .option-detail .option-status.sold-out {
                            color: #ED1D24;
                        }

                        .block-section .product-item-variants .product-option-color .product-option .item-option .option-detail .option-status i {
                            padding-right: 5px;
                        }

                .block-section .product-item-variants .product-option-color .product-option input[type=checkbox][disabled],
                .block-section .product-item-variants .product-option-color .product-option input[type=radio][disabled] {
                    cursor: not-allowed;
                    opacity: .5;
                }

                .block-section .product-item-variants .product-option-color .product-option .item-option.disabled {
                    border: 1px solid #b1b1b1;
                    background: #ffffff;
                    cursor: not-allowed;
                    opacity: .5;
                }

        .block-section .product-item-variants .product-option-item {
            display: block;
            margin: 0 0 4px;
        }

            .block-section .product-item-variants .product-option-item .product-options {
                position: relative;
                font-size: 0;
                line-height: 0;
            }

            .block-section .product-item-variants .product-option-item .product-option {
                position: relative;
                display: inline-block;
                width: 50px;
                margin: 10px 10px 0 0;
            }

                .block-section .product-item-variants .product-option-item .product-option input[type=checkbox],
                .block-section .product-item-variants .product-option-item .product-option input[type=radio] {
                    position: absolute;
                    clip: rect(1px, 1px, 1px, 1px);
                    height: 1px;
                    width: 1px;
                    overflow: hidden;
                }

                .block-section .product-item-variants .product-option-item .product-option .item-option {
                    position: relative;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: nowrap;
                    flex-wrap: nowrap;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    border-radius: 5px;
                    cursor: pointer;
                    border: 1px solid #b1b1b1;
                    background: #ffffff;
                    overflow: hidden;
                    transition: all .3s;
                }

                    .block-section .product-item-variants .product-option-item .product-option .item-option:hover {
                        border-color: #e10303;
                        transition: all .3s;
                    }

                .block-section .product-item-variants .product-option-item .product-option .item-value:checked + .item-option {
                    border-color: #DC4504;
                    transition: all .3s;
                }

                .block-section .product-item-variants .product-option-item .product-option .item-option .option-detail {
                    padding: 5px 8px;
                    width: 100%;
                    text-align: center;
                }

                    .block-section .product-item-variants .product-option-item .product-option .item-option .option-detail .option-value {
                        display: block;
                        font-size: 12px;
                        line-height: 22px;
                        font-weight: 600;
                        color: #222831;
                    }

                .block-section .product-item-variants .product-option-item .product-option input[type=checkbox][disabled],
                .block-section .product-item-variants .product-option-item .product-option input[type=radio][disabled] {
                    cursor: not-allowed;
                }

                .block-section .product-item-variants .product-option-item .product-option .item-option.disabled {
                    border: 1px solid #EEEEEE;
                    background: #EEEEEE;
                    cursor: not-allowed;
                }

                    .block-section .product-item-variants .product-option-item .product-option .item-option.disabled .option-detail .option-value {
                        color: #C4C4C4;
                    }

    .block-section .product-item-attribute {
        position: relative;
        display: block;
        font-family: 'Outfit', sans-serif;
        font-size: 10px;
        font-weight: 400;
        color: #393E46;
        letter-spacing: 1px;
        margin: 0 0 5px 0;
        transition: all .3s;
    }

    .block-section .product-item-price {
        position: relative;
        display: block;
        font-size: 16px;
        font-weight: 500;
        color: #393E46;
        letter-spacing: 1px;
        margin: 0 0 5px 0;
        transition: all .3s;
    }

        .block-section .product-item-price span {
            display: inline-block;
            padding-right: 5px;
            vertical-align: middle;
        }

            .block-section .product-item-price span.price-offer {
                color: #e10303;
            }

            .block-section .product-item-price span.price-old {
                color: #8f8f8f;
                text-decoration: line-through;
            }

            .block-section .product-item-price span.discount {
                position: absolute;
                top: 0;
                right: 0;
                display: inline-block;
                padding: 2px 6px;
                border-radius: 4px;
                background-color: #efefef;
                color: #ED1D24;
                font-family: "Inter";
                font-weight: 600;
                font-size: 11px;
                line-height: 17px;
            }

    .block-section .product-item-additional {
        position: relative;
        display: block;
        margin: 0 0 5px 0;
    }

        .block-section .product-item-additional span.text {
            color: #605F5F;
            font-family: "Inter";
            font-weight: 400;
            font-size: 12px;
            line-height: 14.52px;
        }

        .block-section .product-item-additional span.discount {
            position: absolute;
            top: 0;
            right: 0;
            display: inline-block;
            padding: 2px 6px;
            border-radius: 4px;
            background-color: #efefef;
            color: #ED1D24;
            font-family: "Inter";
            font-weight: 600;
            font-size: 11px;
            line-height: 17px;
        }

    .block-section .product-item:hover .product-item-name {
        color: #e10303;
        transition: all .3s;
    }

    .block-section .product-item:hover .product-item-add .button {
        background: #000000;
        border: 1px solid #000000;
    }

    .block-section .product-item.item-alt {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .block-section .product-item.item-alt .product-item-top {
            border-radius: 5px;
        }

        .block-section .product-item.item-alt .product-item-bottom {
            padding: 10px 0 0 0;
        }

@media (max-width: 768px) {
    .block-section .product-item-media {
        overflow: hidden;
        max-height: 220px;
        min-height: 220px;
        display: block;
    }

        .block-section .product-item-media img {
            max-height: 100%;
            max-width: 100%;
        }
}

@media (min-width: 769px) {
    .block-section .block-slide.slide-plus .row {
        margin-left: -35px;
        margin-right: -35px;
    }

        .block-section .block-slide.slide-plus .row .row-item {
            padding: 0 35px;
        }

    .block-section .product-item-actionx {
        position: absolute;
        bottom: -15px;
        opacity: 0;
        visibility: hidden;
        z-index: 10;
    }

    .block-section .product-item:hover .product-item-actionx {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        bottom: 0;
    }

    .block-section .product-item-action {
        position: absolute;
        bottom: -15px;
        opacity: 0;
        visibility: hidden;
        z-index: 10;
    }

    .block-section .product-item:hover .product-item-action {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        bottom: 0;
    }
}

@media (max-width: 768px) {
    .block-section .block-header {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 15px;
    }

    .block-section .header-title h3 {
        font-size: 16px;
        font-weight: 600;
    }

    .block-section .wrapper-item {
        margin: 15px 0;
    }

    .block-section .link.link-all {
        display: none;
    }

    .block-section .product-item {
        margin-bottom: 10px;
    }

    .block-section .product-item-brand {
        font-size: 10px;
    }

    .block-section .product-item-name {
        font-size: 12px;
    }

    .block-section .product-item-price {
        font-size: 14px;
    }

    .block-section .product-item-actionx .button {
        font-size: 12px;
    }

    .block-section .product-item-action .button {
        font-size: 12px;
    }
}

.block-section-bg {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000000;
    padding: 0;
    overflow: hidden;
}

    .block-section-bg.bg-category {
        background-position: right center;
        height: 500px;
    }

    .block-section-bg.bg-about {
        background-position: right center;
        height: 500px;
    }

    .block-section-bg h1 {
        font-family: 'Bai Jamjuree', sans-serif;
        font-size: 62px;
        line-height: 62px;
        font-weight: 400;
        letter-spacing: 5px;
        color: #ffffff;
        margin: 0;
    }

@media (max-width: 1024px) {

    .block-section-bg.bg-category {
        height: 250px;
    }

    .block-section-bg.bg-about {
        height: 250px;
    }

    .block-section-bg h1 {
        font-size: 40px;
    }
}

@media (max-width: 768px) {

    .block-section-bg.bg-category {
        height: 100px;
    }

    .block-section-bg.bg-about {
        height: 170px;
    }

    .block-section-bg h1 {
        font-size: 24px;
    }
}

.block-nav {
    position: relative;
    padding: 10px 0;
}

    .block-nav .block-header {
        border-bottom: 1px solid #c5c5c5;
        margin-bottom: 0;
        padding: 0;
    }

    .block-nav .toolbar {
    }

    .block-nav .toolbar-item {
        text-align: left;
        margin-right: 25px;
    }

        .block-nav .toolbar-item:last-child {
            margin-right: 0;
        }

    .block-nav .toolbar .custom-select select {
        padding: 10px 20px;
    }

    .block-nav .toolbar .custom-select .custom-select-selection {
        padding: 10px 20px;
    }

    .block-nav .toolbar .custom-select .custom-select-option {
        top: calc(100% + 1px);
        padding: 5px 0;
        border-radius: 5px;
    }

@media (max-width: 1024px) {
    .block-nav .block-header {
        flex-direction: column;
        align-items: self-start;
        padding: 0;
    }

    .block-nav .toolbar select {
        padding-left: 0;
    }
}

.block-standout {
    position: relative;
    padding: 75px 0 30px 0;
}

    .block-standout.product-category {
    }

        .block-standout.product-category .block-content {
            display: flex;
            flex-direction: row;
            margin-left: -15px;
            margin-right: -15px;
        }

        .block-standout.product-category .col-banner {
            max-width: 340px;
            padding: 0 15px;
        }

        .block-standout.product-category .col-product {
            max-width: calc(100% - 340px);
            padding: 0 15px;
        }

        .block-standout.product-category .content-box {
            margin: 15px 0;
            border-radius: 5px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: calc(100% - 30px);
            background: #f5f5f5;
        }

        .block-standout.product-category .banner-title {
            position: relative;
            font-family: 'Bai Jamjuree', sans-serif;
            font-size: 36px;
            line-height: 45px;
            font-weight: 400;
            letter-spacing: 1px;
            text-align: center;
            margin: 0 30px 70px 30px;
            padding-bottom: 15px;
            z-index: 1;
        }

            .block-standout.product-category .banner-title:after {
                position: absolute;
                content: "";
                height: 1px;
                background-color: #C4C4C4;
                left: 50px;
                right: 50px;
                bottom: 0px;
            }

        .block-standout.product-category .banner-button {
            background-color: #F5F5F5;
            border-color: #222831;
            color: #222831;
            font-size: 16px;
            font-weight: 500;
            padding: 15px 35px;
            margin: 0 30px 0 30px;
        }

            .block-standout.product-category .banner-button:hover {
                background-color: #222831;
                border-color: #222831;
                color: #ffffff;
            }

        .block-standout.product-category .product-item {
            margin-top: 15px;
            margin-bottom: 15px;
        }

    .block-standout.product-featured .col-image {
        background-color: transparent;
        padding: 0 25px;
    }

    .block-standout.product-featured .col-product {
        background-color: transparent;
        padding: 0 25px;
    }

    .block-standout.product-featured .content {
        padding: 0;
    }

    .block-standout.product-featured .product-image {
    }

    .block-standout.product-featured .product-brand {
        font-size: 20px;
        line-height: 20px;
        font-weight: 500;
        color: #E10203;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }

    .block-standout.product-featured .product-name {
        font-family: 'Bai Jamjuree', sans-serif;
        font-size: 32px;
        line-height: 35px;
        font-weight: 600;
        color: #222831;
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    .block-standout.product-featured .product-desc {
        font-size: 16px;
        line-height: 26px;
        font-weight: 400;
        max-width: 768px;
        margin-bottom: 20px;
    }

    .block-standout.product-featured .product-attr {
        margin-bottom: 20px;
    }

        .block-standout.product-featured .product-attr li {
            padding-bottom: 10px;
            font-size: 16px;
            line-height: 26px;
            font-weight: 400;
        }

            .block-standout.product-featured .product-attr li span {
                display: inline-block;
                font-weight: 600;
            }

            .block-standout.product-featured .product-attr li i {
                position: relative;
                top: 3px;
                display: inline-block;
                color: #e10303;
                padding-right: 10px;
                font-size: 25px;
            }

    .block-standout.product-featured .product-button {
        display: inline-block;
        font-size: 16px;
        padding: 15px 50px;
    }

    .block-standout.product-related {
        padding: 0 0 50px 0;
    }

    .block-standout.product-frequently {
        padding: 0 0 50px 0;
    }

@media (max-width: 1024px) {
    .block-standout.product-category .content-box {
        padding: 15px;
    }

    .block-standout.product-category .col-banner {
        max-width: 215px;
    }

    .block-standout.product-category .col-product {
        max-width: calc(100% - 215px);
    }

    .block-standout.product-category .banner-title {
        font-size: 24px;
        line-height: 35px;
        font-weight: 500;
    }

        .block-standout.product-category .banner-title:after {
            left: 15px;
            right: 15px;
        }

    .block-standout.product-category .banner-button {
        font-size: 14px;
        padding: 10px 15px;
    }
}

@media (max-width: 768px) {
    .block-standout {
        padding: 15px 0 15px 0;
    }

    .block-section .nav-tabs .nav-link {
        font-size: 12px;
        margin-left: 0;
        margin-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .block-standout.product-category {
    }

        .block-standout.product-category .block-content {
            flex-direction: column;
        }

        .block-standout.product-category .col-banner {
            max-width: 100%;
        }

        .block-standout.product-category .col-product {
            max-width: 100%;
        }

        .block-standout.product-category .content-box {
            padding: 25px 10px;
        }

        .block-standout.product-category .banner-title {
            font-size: 24px;
            line-height: 35px;
            font-weight: 500;
            margin: 0 0 25px 0;
            padding-bottom: 15px;
        }

        .block-standout.product-category .banner-button {
            font-size: 12px;
            font-weight: 500;
            padding: 10px 35px;
        }

    .block-standout.product-featured {
        background-color: #f5f5f5;
        padding: 25px 0 25px 0;
        margin: 25px 0;
    }

        .block-standout.product-featured .container {
            padding: 0;
        }

        .block-standout.product-featured .col-image {
            background-color: #f5f5f5;
        }

        .block-standout.product-featured .col-product {
            background-color: #f5f5f5;
        }

        .block-standout.product-featured .product-brand {
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 10px;
        }

        .block-standout.product-featured .product-name {
            font-size: 32px;
            line-height: 40px;
            margin-bottom: 15px;
        }

        .block-standout.product-featured .product-desc {
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 30px;
        }

        .block-standout.product-featured .product-attr li {
            font-size: 14px;
            line-height: 24px;
        }

        .block-standout.product-featured .product-button {
            display: block;
            font-size: 14px;
            padding: 15px 45px;
            margin: 0 auto;
            width: 85%;
        }
}

.block-banner-full {
    position: relative;
    line-height: 1;
    font-size: 0;
    padding: 0;
}

    .block-banner-full .slide-items {
    }

        .block-banner-full .slide-items .slide-item {
            display: none;
        }

            .block-banner-full .slide-items .slide-item:first-child,
            .block-banner-full .slide-items.slick-initialized .slide-item {
                display: block;
            }

            .block-banner-full .slide-items .slide-item .slide-item-content {
                position: relative;
                display: block;
                background-color: #fff;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center center;
                overflow: hidden;
                width: 100%;
            }

                .block-banner-full .slide-items .slide-item .slide-item-content .slide-item-image,
                .block-banner-full .slide-items .slide-item .slide-item-content .slide-item-image-responsive {
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    background-repeat: no-repeat !important;
                    background-position: center !important;
                    background-size: cover !important;
                }

                .block-banner-full .slide-items .slide-item .slide-item-content .slide-item-image-responsive {
                    display: none;
                }

        .block-banner-full .slide-items .slick-arrow {
            background: rgba(151, 0, 0, .75);
            border-color: transparent;
            border-radius: 5px;
            color: #fff;
            width: 40px;
            height: 40px;
            font-size: 25px;
            padding: 7px !important;
        }

            .block-banner-full .slide-items .slick-arrow:hover {
                background: rgba(151, 0, 0, 1);
            }

            .block-banner-full .slide-items .slick-arrow.slick-prev {
                left: 0;
            }

            .block-banner-full .slide-items .slick-arrow.slick-next {
                right: 0;
            }

        .block-banner-full .slide-items .slick-dots {
            bottom: 20px;
        }

    .block-banner-full .content-box {
        display: flex;
        flex-direction: column;
        height: 720px;
    }

    .block-banner-full .content-box-info {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 350px;
    }

        .block-banner-full .content-box-info .banner-title {
            font-family: "Bai Jamjuree", sans-serif;
            font-size: 42px;
            line-height: 50px;
            letter-spacing: 2px;
            color: #ffffff;
            margin: 0 0 15px 0;
            font-weight: 400;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, .75);
        }

            .block-banner-full .content-box-info .banner-title a {
                color: #ffffff;
            }

        .block-banner-full .content-box-info .banner-subtitle {
            font-size: 20px;
            line-height: 25px;
            color: #E10303;
            font-weight: 400;
            margin: 0 0 15px 0;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, .75);
        }


        .block-banner-full .content-box-info .banner-button {
            display: inline-block;
            font-size: 16px;
            line-height: 16px;
            font-weight: 400;
            padding: 20px 40px;
            width: max-content;
            margin-top: 20px;
        }

    .block-banner-full .content-box-image,
    .block-banner-full .content-box-image-responsive {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 220px;
    }

    .block-banner-full .content-box-image-responsive {
        display: none;
    }

    .block-banner-full .content-box-banner {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 15px;
        margin: 0 auto;
        width: 100%;
        z-index: 1;
    }

        .block-banner-full .content-box-banner .banner-middle {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .block-banner-full .content-box-banner .banner-title {
            font-family: "Bai Jamjuree", sans-serif;
            font-size: 42px;
            line-height: 42px;
            letter-spacing: 2px;
            color: #ffffff;
            margin: 0 0 15px 0;
            font-weight: 400;
        }

        .block-banner-full .content-box-banner .banner-subtitle {
            font-size: 20px;
            line-height: 20px;
            color: #E10303;
            font-weight: 400;
            margin: 0 0 15px 0;
        }

        .block-banner-full .content-box-banner .banner-button {
            display: inline-block;
            font-size: 16px;
            line-height: 16px;
            font-weight: 400;
            padding: 20px 40px;
            margin-top: 20px;
        }

        .block-banner-full .content-box-banner .banner-image {
            max-width: 100%;
        }

@media (max-width: 1300px) {
    .block-banner-full .content-box {
        padding: 0 50px;
    }
}

@media (max-width: 1024px) {
    .block-banner-full .content-box {
        justify-content: center;
        height: 470px;
    }

    .block-banner-full .content-box-info {
        margin-top: 0;
        justify-content: center;
        margin-top: 250px;
    }

        .block-banner-full .content-box-info .banner-subtitle {
            font-size: 18px;
            line-height: 22px;
        }

        .block-banner-full .content-box-info .banner-title {
            font-size: 35px;
            line-height: 40px;
        }

    .block-banner-full .content-box-image {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    .block-banner-full .content-box {
        justify-content: center;
        height: auto;
        padding: 0 75px;
    }

    .block-banner-full .slide-items .slide-item .slide-item-content .slide-item-image {
        display: none;
    }

    .block-banner-full .slide-items .slide-item .slide-item-content .slide-item-image-responsive {
        display: block;
    }

    .block-banner-full .content-box-info {
        margin-top: 50px;
        margin-bottom: 75px;
        height: 250px;
        justify-content: flex-start;
    }

    .block-banner-full .content-box-image {
        display: none;
    }

    .block-banner-full .content-box-image-responsive {
        display: block;
        margin-top: 175px;
    }
}

@media (max-width: 768px) {
    .block-banner-full .content-box {
        padding: 0 35px;
    }

    .block-banner-full .content-box-info {
        margin-top: 15px;
        margin-bottom: 0;
        margin-left: 10px;
        margin-right: 10px;
        height: 230px;
        justify-content: flex-start;
        overflow: hidden;
    }

        .block-banner-full .content-box-info .banner-subtitle {
            font-size: 12px;
            line-height: 16px;
            margin-bottom: 5px;
        }

        .block-banner-full .content-box-info .banner-title {
            font-size: 24px;
            line-height: 30px;
            margin-bottom: 10px;
        }

        .block-banner-full .content-box-info .banner-button {
            font-size: 12px;
            line-height: 12px;
            padding: 15px 30px;
            margin-top: 10px;
        }

    .block-banner-full .content-box-image-responsive {
        margin-top: 175px;
    }
}

.block-banner-full .slide-items .slide-item .slide-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.block-banner-full .slide-items .slide-item .slide-image {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
}

    .block-banner-full .slide-items .slide-item .slide-image img {
        height: 100%;
        width: 100%;
    }

        .block-banner-full .slide-items .slide-item .slide-image img.image-lg {
            display: block;
        }

        .block-banner-full .slide-items .slide-item .slide-image img.image-md {
            display: none;
        }

        .block-banner-full .slide-items .slide-item .slide-image img.image-sm {
            display: none;
        }

@media (max-width: 1024px) {
    .block-banner-full .slide-items .slide-item .slide-image img.image-lg {
        display: none;
    }

    .block-banner-full .slide-items .slide-item .slide-image img.image-md {
        display: block;
    }

    .block-banner-full .slide-items .slide-item .slide-image img.image-sm {
        display: none;
    }
}

@media (max-width: 768px) {
    .block-banner-full .slide-items .slide-item .slide-image img.image-lg {
        display: none;
    }

    .block-banner-full .slide-items .slide-item .slide-image img.image-md {
        display: none;
    }

    .block-banner-full .slide-items .slide-item .slide-image img.image-sm {
        display: block;
    }
}

.block-banner-full .slide-items .slide-item .slide-info {
}

    .block-banner-full .slide-items .slide-item .slide-info .slide-info-text {
        position: absolute;
        top: 75px;
        bottom: 100px;
        left: 0;
        right: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .block-banner-full .slide-items .slide-item .slide-info .slide-info-text .row {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
        }

        .block-banner-full .slide-items .slide-item .slide-info .slide-info-text .slide-info-title {
            font-family: "Bai Jamjuree", sans-serif;
            font-size: 42px;
            line-height: 50px;
            letter-spacing: 2px;
            color: #ffffff;
            margin: 0 0 15px 0;
            font-weight: 400;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, .75);
        }

            .block-banner-full .slide-items .slide-item .slide-info .slide-info-text .slide-info-title a {
                color: #ffffff;
            }

        .block-banner-full .slide-items .slide-item .slide-info .slide-info-text .slide-info-subtitle {
            font-size: 20px;
            line-height: 25px;
            color: #E10303;
            font-weight: 400;
            margin: 0 0 15px 0;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, .75);
        }

    .block-banner-full .slide-items .slide-item .slide-info .slide-info-action {
        position: absolute;
        bottom: 130px;
        left: 0;
        right: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .block-banner-full .slide-items .slide-item .slide-info .slide-info-action .slide-info-button {
            display: inline-block;
            font-size: 16px;
            line-height: 16px;
            font-weight: 400;
            padding: 20px 40px;
            width: max-content;
        }

@media (max-width: 768px) {
    .block-banner-full .slide-items .slide-item .slide-info {
        align-items: center;
        justify-content: center;
    }
}

.block-brand {
    position: relative;
    background-color: #eeeeee;
    padding: 20px 0 20px 0;
    overflow: hidden;
}

    .block-brand .image-box {
        display: block;
        background-color: #eeeeee;
    }

        .block-brand .image-box .image {
            display: inline-block;
        }

    .block-brand.brand-category {
        background-color: #ffffff;
        padding: 50px 0 75px 0;
    }

@media (max-width: 768px) {
    .block-brand {
        padding: 5px 0 5px 0;
    }

        .block-brand .wrapper-item {
            margin: 5px 0;
        }
}

.block-popular {
    position: relative;
    padding: 75px 0 0 0;
    overflow: hidden;
}

    .block-popular .image-box {
        display: block;
        max-width: 194px;
        max-height: 194px;
        margin: 0 auto;
    }

        .block-popular .image-box .image {
            background-color: #eaeaea;
        }

    .block-popular .content {
        margin-top: 25px;
    }

    .block-popular .content-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 3px;
    }

    .block-popular.popular-category {
        position: relative;
        padding: 25px 0 0 0;
    }

    .block-popular.popular-group {
        position: relative;
        padding: 25px 0 85px 0;
    }

        .block-popular.popular-group .content-title {
            font-family: 'Outfit';
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 1px;
            text-decoration: underline;
        }

        .block-popular.popular-group .row .row-item {
            flex: 0 0 auto;
            width: 20%;
            padding: 0 15px;
        }

        .block-popular.popular-group .image-box .image {
            padding: 25px;
        }

    .block-popular.popular-collection {
        position: relative;
        padding: 10px 0 0 0;
    }

        .block-popular.popular-collection .image-box {
            max-width: 180px;
            max-height: 180px;
        }

@media (max-width: 1024px) {
    .block-popular.popular-group .row .row-item {
        width: 33.333%;
    }
}

@media (max-width: 768px) {
    .block-popular {
        padding: 35px 0 0 0;
    }

        .block-popular .block-header {
            margin-bottom: 15px;
        }

        .block-popular .wrapper-item {
            padding: 5px;
            margin: 15px 0;
        }

        .block-popular .content {
            margin-top: 15px;
        }

        .block-popular .content-title {
            font-size: 9px;
            font-weight: 500;
            letter-spacing: 1px;
        }

        .block-popular .content-title {
            font-size: 11px;
        }

        .block-popular.popular-group .row .row-item {
            width: 50%;
            padding: 0 10px;
        }
}

.block-promotion {
    position: relative;
    padding: 75px 0 0 0;
    overflow: hidden;
}

    .block-promotion .image-box {
        display: block;
        border-radius: 5px;
    }

@media (max-width: 768px) {
    .block-promotion {
        padding: 15px 0 0 0;
    }
}

.block-featured {
    position: relative;
    background-color: #f5f5f5;
    padding: 25px 0 25px 0;
    overflow: hidden;
}

    .block-featured .col-image {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
    }

    .block-featured .col-product {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .block-featured .product-image {
        text-align: right;
    }

        .block-featured .product-image img {
            display: inline-block;
        }

    .block-featured .product-wrapper {
        padding: 50px;
    }

    .block-featured .product-brand {
        font-size: 20px;
        line-height: 20px;
        font-weight: 500;
        color: #E10203;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }

    .block-featured .product-name {
        font-family: 'Bai Jamjuree', sans-serif;
        font-size: 42px;
        line-height: 42px;
        font-weight: 600;
        color: #222831;
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    .block-featured .product-desc {
        font-size: 16px;
        line-height: 26px;
        font-weight: 400;
        max-width: 512px;
        margin-bottom: 20px;
    }

    .block-featured .product-button {
        display: inline-block;
        font-size: 16px;
        padding: 15px 50px;
    }

@media (max-width: 768px) {
    .block-featured {
        margin: 25px 0;
    }

        .block-featured .product-image {
            text-align: center;
            padding: 5px 25px;
        }

        .block-featured .product-wrapper {
            padding: 30px 20px;
        }

        .block-featured .product-brand {
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 10px;
        }

        .block-featured .product-name {
            font-size: 32px;
            line-height: 40px;
        }

        .block-featured .product-desc {
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 30px;
            max-width: 100%;
        }

        .block-featured .product-button {
            display: block;
            font-size: 14px;
            padding: 15px 45px;
            margin: 0 auto;
            width: 85%;
        }
}

.block-support {
    position: relative;
    padding: 60px 0 60px 0;
    background-color: #000000;
    background-image: url(../images/soporte.jpg);
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

    .block-support .support-image {
        display: none;
    }

    .block-support .support-header {
        position: relative;
        max-width: 575px;
        margin-bottom: 35px;
    }

        .block-support .support-header .title {
            font-family: 'Bai Jamjuree', sans-serif;
            font-size: 32px;
            font-weight: 500;
            color: #ffffff;
            letter-spacing: 2px;
            margin-bottom: 15px;
        }

        .block-support .support-header .desc {
            font-size: 16px;
            font-weight: 300;
            color: #ffffff;
            margin-bottom: 0;
        }

    .block-support .support-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: hidden;
        width: 100%;
        max-width: 750px;
    }

        .block-support .support-wrapper .field {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-right: 10px;
        }

            .block-support .support-wrapper .field .field-input {
                background: #fff;
                border-radius: 4px;
                font-size: 14px;
                line-height: 22px;
                color: #232323;
                border: 1px solid #d3d3d3;
                padding: 15px;
                width: 100%;
            }

            .block-support .support-wrapper .field .field-button {
                font-size: 16px;
                font-weight: 500;
                margin: 0;
                width: 100%;
                max-width: 140px;
                height: 100%;
                background-color: #e10303bf;
                border-color: #e10303bf;
            }

                .block-support .support-wrapper .field .field-button:hover {
                    background-color: #232323bf;
                    border-color: #232323bf;
                }

@media (max-width: 768px) {
    .block-support {
        padding: 0;
        background-image: none;
    }

        .block-support .container {
            padding: 0;
        }

        .block-support .support-image {
            display: block;
            width: 100%;
        }

        .block-support .support-header {
            padding: 25px;
            margin-bottom: 0;
        }

            .block-support .support-header .title {
                font-size: 24px;
                line-height: 30px;
            }

            .block-support .support-header .desc {
                font-size: 14px;
                line-height: 24px;
            }

        .block-support .support-wrapper {
            padding: 5px 25px 35px 25px;
            flex-direction: column;
        }

            .block-support .support-wrapper .field + .field {
                margin-top: 15px;
            }

            .block-support .support-wrapper .field .field-input {
                font-size: 14px;
                line-height: 14px;
                padding: 14px;
            }

            .block-support .support-wrapper .field .field-button {
                font-size: 14px;
            }
}

.block-icon {
    position: relative;
    padding: 50px 0 50px 0;
    overflow: hidden;
}

    .block-icon .image-box {
        display: block;
        max-width: 90px;
        max-height: 90px;
        margin: 0 auto;
    }

    .block-icon .content {
        margin-top: 20px;
    }

    .block-icon .content-title {
        font-family: 'Bai Jamjuree', sans-serif;
        font-size: 20px;
        font-weight: 600;
        color: #393E46;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }

    .block-icon .content-desc {
        font-size: 14px;
        font-weight: 400;
        color: #5B5B5B;
        max-width: 200px;
        margin: 0 auto;
    }

@media (max-width: 768px) {
    .block-icon {
    }

        .block-icon .image-box {
            max-width: 50px;
            max-height: 50px;
        }

        .block-icon .content-title {
            font-size: 13px;
        }

        .block-icon .content-desc {
            font-size: 13px;
        }
}

.block-collection {
    position: relative;
    padding: 35px 0 75px 0;
    display: block;
}

    .block-collection .collection-product {
        margin: 25px 0 15px 0;
    }

    .block-collection .collection-pagination {
        margin: 15px 0 30px 0;
    }

        .block-collection .collection-pagination .pagination-list {
            margin-top: 25px;
        }

        .block-collection .collection-pagination .pagination-loadmore {
            margin-top: 25px;
            text-align: center;
            display: none;
        }

            .block-collection .collection-pagination .pagination-loadmore .button {
                padding: 10px 25px;
                font-weight: 600;
            }

                .block-collection .collection-pagination .pagination-loadmore .button span {
                    letter-spacing: 1px;
                }

@media (max-width: 768px) {
    .block-collection {
        padding: 25px 0 25px 0;
    }

        .block-collection .collection-pagination .pagination-list {
            display: none;
        }

        .block-collection .collection-pagination .pagination-loadmore {
            display: block;
        }
}

.block-product {
    padding: 15px 0 50px 0;
}

    .block-product .product-view-information {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .block-product .product-view-information hr {
            margin: 35px 0;
            background-color: #6e6e6e;
        }

        .block-product .product-view-information .slick-dots {
            display: block;
            text-align: center;
            padding: 0;
        }

            .block-product .product-view-information .slick-dots li {
                display: inline-block;
                margin: 0 5px;
                padding: 0;
                font-size: 0;
            }

                .block-product .product-view-information .slick-dots li button {
                    color: #bfbfbf;
                    background-color: #bfbfbf;
                    border: 1px solid #bfbfbf;
                    border-radius: 50%;
                    font-size: 0;
                    width: 12px;
                    height: 12px;
                    padding: 0;
                }

                .block-product .product-view-information .slick-dots li.slick-active button {
                    color: #e10303;
                    background-color: #e10303;
                    border: 1px solid #e10303;
                }

        .block-product .product-view-information .product-view-left {
            position: relative;
            width: 100%;
            margin-bottom: 50px;
        }

        .block-product .product-view-information .product-view-right {
            width: 100%;
            margin-bottom: 50px;
        }

        .block-product .product-view-information .product-view-images-wrapper {
            position: relative;
            margin-bottom: 25px;
            padding: 25px 10px;
            background: #f5f5f5;
            border-radius: 5px;
        }

        .block-product .product-view-information .product-view-images {
        }

            .block-product .product-view-information .product-view-images .badge {
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
            }

            .block-product .product-view-information .product-view-images .badge-custom {
                top: 35px;
            }

            .block-product .product-view-information .product-view-images .badge {
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
                padding: 5px 15px;
            }

            .block-product .product-view-information .product-view-images .row {
                margin-left: -5px;
                margin-right: -5px;
            }

                .block-product .product-view-information .product-view-images .row .row-item {
                    padding: 0 5px;
                }

        .block-product .product-view-information .product-view-images-wrapper .product-view-zoom {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 10;
            padding: 10px 12px;
            font-size: 15px;
        }

        .block-product .product-view-information .product-view-images .row .row-item.product-view-image {
            padding: 10px;
            background: #f5f5f5;
            border-radius: 5px;
        }

            .block-product .product-view-information .product-view-images .row .row-item.product-view-image img {
                margin: 0 auto;
            }

            .block-product .product-view-information .product-view-images .row .row-item.product-view-image .image-zoom {
                cursor: ew-resize;
            }

        .block-product .product-view-information .product-view-images .product-view-thumbnail {
            margin: 0 auto;
        }

            .block-product .product-view-information .product-view-images .product-view-thumbnail img {
                margin: 0 auto;
            }

        .block-product .product-view-information .product-view-thumbnail-wrapper {
            position: relative;
        }

            .block-product .product-view-information .product-view-images-wrapper .product-view-nav,
            .block-product .product-view-information .product-view-thumbnail-wrapper .product-view-for {
                display: none !important;
            }

                .block-product .product-view-information .product-view-images-wrapper .product-view-nav .slick-arrow.slick-prev {
                    left: 10px;
                }

                    .block-product .product-view-information .product-view-images-wrapper .product-view-nav .slick-arrow.slick-prev.slick-disabled {
                        opacity: 0;
                    }

                .block-product .product-view-information .product-view-images-wrapper .product-view-nav .slick-arrow.slick-next {
                    right: 10px;
                }

                    .block-product .product-view-information .product-view-images-wrapper .product-view-nav .slick-arrow.slick-next.slick-disabled {
                        opacity: 0;
                    }

                .block-product .product-view-information .product-view-images-wrapper .product-view-nav .slick-slide img,
                .block-product .product-view-information .product-view-thumbnail-wrapper .product-view-for .slick-slide img {
                    border-radius: 5px;
                    max-height: 400px;
                }

                .block-product .product-view-information .product-view-images-wrapper .product-view-nav.slick-initialized,
                .block-product .product-view-information .product-view-thumbnail-wrapper .product-view-for.slick-initialized {
                    display: block !important;
                }

            .block-product .product-view-information .product-view-thumbnail-wrapper .slick-current .product-view-thumbnail-link img {
                opacity: .3;
            }

        .block-product .product-view-information .product-view-details {
            position: relative;
        }

        .block-product .product-view-information .product-view-badge {
            position: relative;
        }

            .block-product .product-view-information .product-view-badge .badge-custom {
                top: 0;
                right: 0;
                left: auto;
            }

                .block-product .product-view-information .product-view-badge .badge-custom .badge {
                    padding: 3px 8px;
                    border-radius: 5px;
                    font-weight: 600;
                }

        .block-product .product-view-information .product-detail-warranty {
            position: absolute;
            top: 115px;
            right: 0;
            width: 80px;
        }

        .block-product .product-view-information .product-detail-discount {
            position: absolute;
            top: 0;
            right: 0;
            display: inline;
            color: #ED1D24;
            background: #f0f3f5;
            font-size: 14px;
            font-weight: 600;
            padding: 3px 10px;
            text-align: center;
            border-radius: 6px;
        }

        .block-product .product-view-information .product-detail-brand {
            display: block;
            font-family: 'Bai Jamjuree', sans-serif;
            font-size: 24px;
            line-height: 24px;
            font-weight: 400;
            margin: 0 0 15px 0;
        }

        .block-product .product-view-information .product-detail-name {
            display: block;
            font-size: 34px;
            line-height: 34px;
            font-weight: 600;
            margin: 0 0 20px 0;
        }

        .block-product .product-view-information .product-detail-sku {
            display: block;
            margin: 0 0 20px 0;
        }

            .block-product .product-view-information .product-detail-sku span {
                display: inline-block;
                background: #EEEEEE;
                padding: 5px 10px;
                border-radius: 6px;
                font-family: 'Outfit', sans-serif;
                font-size: 14px;
                font-weight: 300;
                letter-spacing: 0.5px;
                color: #222831;
            }

        .block-product .product-view-information .product-detail-attribute {
            display: block;
            margin: 0 0 20px 0;
        }

            .block-product .product-view-information .product-detail-attribute span {
                display: block;
                font-size: 16px;
                line-height: 24px;
                letter-spacing: 1px;
                font-weight: 400;
                color: #222831;
            }

        .block-product .product-view-information .product-detail-rating {
            display: block;
            margin: 0 0 20px 0;
        }

            .block-product .product-view-information .product-detail-rating .spr-badge {
                display: block;
            }

            .block-product .product-view-information .product-detail-rating .spr-badge-starrating {
                position: relative;
            }

                .block-product .product-view-information .product-detail-rating .spr-badge-starrating .spr-icon::before {
                    font-family: inherit;
                    font-size: 25px;
                    line-height: 25px;
                    font-style: normal;
                    width: auto;
                    height: auto;
                    font-weight: 400;
                    display: inline-block;
                    text-decoration: inherit;
                    text-align: center;
                    font-variant: normal;
                    text-transform: none;
                }

                .block-product .product-view-information .product-detail-rating .spr-badge-starrating .spr-icon.spr-icon-star::before {
                    content: "\2605";
                    color: #f9c123;
                }

                .block-product .product-view-information .product-detail-rating .spr-badge-starrating .spr-icon.spr-icon-star-empty::before {
                    content: "\2605";
                    color: #c8c8c8;
                }

            .block-product .product-view-information .product-detail-rating .spr-badge-caption {
                position: relative;
                top: -2px;
                display: inline-block;
                font-size: 15px;
                font-weight: 400;
                color: #828282;
                margin: 0 0 0 10px;
            }

        .block-product .product-view-information .product-detail-price {
            display: block;
            margin: 0 0 20px 0;
        }

            .block-product .product-view-information .product-detail-price span {
                display: inline-block;
                padding-right: 20px;
                vertical-align: middle;
            }

                .block-product .product-view-information .product-detail-price span.price-normal {
                    font-size: 36px;
                    line-height: 36px;
                    font-weight: 500;
                    color: #393E46;
                }

                .block-product .product-view-information .product-detail-price span.price-offer {
                    font-size: 36px;
                    line-height: 36px;
                    font-weight: 500;
                    color: #ED1D24;
                }

                .block-product .product-view-information .product-detail-price span.price-old {
                    font-size: 26px;
                    line-height: 36px;
                    font-weight: 400;
                    color: #7e7e7e;
                    text-decoration: line-through;
                }

        .block-product .product-view-information .product-detail-reference {
            display: block;
            margin: 0 0 20px 0;
        }

            .block-product .product-view-information .product-detail-reference span {
                display: block;
            }

                .block-product .product-view-information .product-detail-reference span.price {
                    font-size: 20px;
                    line-height: 20px;
                    font-weight: 600;
                    color: #7e7e7e;
                    margin-bottom: 15px;
                }

                .block-product .product-view-information .product-detail-reference span.text {
                    font-size: 10px;
                    line-height: 10px;
                    font-weight: 400;
                    color: #7e7e7e;
                }

        .block-product .product-view-information .product-detail-info {
            display: block;
            margin: 0 0 20px 0;
            padding: 5px 0 0 0;
        }

            .block-product .product-view-information .product-detail-info p {
                font-size: 14px;
                line-height: 22px;
                margin-bottom: 10px;
            }

        .block-product .product-view-information .product-detail-variants {
            display: block;
            margin: 0 0 20px 0;
        }

            .block-product .product-view-information .product-detail-variants .product-option-category {
                display: block;
                margin: 0 0 4px;
            }

                .block-product .product-view-information .product-detail-variants .product-option-category span {
                    font-weight: 600;
                    font-size: 10px;
                    color: #222831;
                    text-transform: uppercase;
                }

                    .block-product .product-view-information .product-detail-variants .product-option-category span + span {
                        font-size: 12px;
                        font-weight: 500;
                    }

            .block-product .product-view-information .product-detail-variants .product-option-select {
                display: block;
                margin: 0 0 4px;
            }

                .block-product .product-view-information .product-detail-variants .product-option-select span {
                    font-weight: 700;
                    font-size: 10px;
                    color: #222831;
                    text-transform: uppercase;
                }

                    .block-product .product-view-information .product-detail-variants .product-option-select span + span {
                        font-size: 12px;
                        font-weight: 500;
                    }

            .block-product .product-view-information .product-detail-variants .product-option-color {
                display: block;
                margin: 0 0 4px;
            }

                .block-product .product-view-information .product-detail-variants .product-option-color .product-options {
                    position: relative;
                    font-size: 0;
                    line-height: 0;
                }

                .block-product .product-view-information .product-detail-variants .product-option-color .product-option {
                    position: relative;
                    display: inline-block;
                    width: 200px;
                    margin: 15px 15px 0 0;
                }

                    .block-product .product-view-information .product-detail-variants .product-option-color .product-option input[type=checkbox],
                    .block-product .product-view-information .product-detail-variants .product-option-color .product-option input[type=radio] {
                        position: absolute;
                        clip: rect(1px, 1px, 1px, 1px);
                        height: 1px;
                        width: 1px;
                        overflow: hidden;
                    }

                    .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-option {
                        position: relative;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: nowrap;
                        flex-wrap: nowrap;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: start;
                        -ms-flex-pack: start;
                        justify-content: flex-start;
                        border-radius: 5px;
                        border: 1px solid #b1b1b1;
                        background: #ffffff;
                        cursor: pointer;
                        overflow: hidden;
                        transition: all .3s;
                    }

                        .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-option:hover {
                            border-color: #e10303;
                            transition: all .3s;
                        }

                    .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-value:checked + .item-option {
                        border-color: #DC4504;
                        transition: all .3s;
                    }

                    .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-option .option-image {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background: #f5f5f5;
                        padding: 5px 10px;
                        width: 50%;
                        border-right: 1px solid #c2c2c2;
                        transition: all .3s;
                    }

                    .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-value:checked + .item-option .option-image {
                        background: #fcede6;
                        border-color: #cfa28f;
                        transition: all .3s;
                    }

                    .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-option .option-image img {
                        max-width: 100%;
                        max-height: 70px;
                    }

                    .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-option .option-detail {
                        padding: 5px 8px;
                        width: 50%;
                    }

                        .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-option .option-detail .option-value {
                            display: block;
                            font-size: 12px;
                            line-height: 22px;
                            font-weight: 600;
                            color: #222831;
                        }

                        .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-option .option-detail .option-price {
                            display: block;
                            font-size: 14px;
                            line-height: 18px;
                            font-weight: 500;
                            color: #5b5b5b;
                        }

                            .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-option .option-detail .option-price span {
                                font-size: 10px;
                            }

                        .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-option .option-detail .option-status {
                            display: block;
                            font-size: 10px;
                            line-height: 20px;
                            font-weight: 600;
                            color: #059d26;
                        }

                            .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-option .option-detail .option-status.available {
                                color: #059d26;
                            }

                            .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-option .option-detail .option-status.sold-out {
                                color: #ED1D24;
                            }

                            .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-option .option-detail .option-status i {
                                padding-right: 5px;
                            }

                    .block-product .product-view-information .product-detail-variants .product-option-color .product-option input[type=checkbox][disabled],
                    .block-product .product-view-information .product-detail-variants .product-option-color .product-option input[type=radio][disabled] {
                        cursor: not-allowed;
                        opacity: .5;
                    }

                    .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-option.disabled {
                        border: 1px solid #b1b1b1;
                        background: #ffffff;
                        cursor: not-allowed;
                        opacity: .5;
                    }

            .block-product .product-view-information .product-detail-variants .product-option-item {
                display: block;
                margin: 0 0 4px;
            }

                .block-product .product-view-information .product-detail-variants .product-option-item .product-options {
                    position: relative;
                    font-size: 0;
                    line-height: 0;
                }

                .block-product .product-view-information .product-detail-variants .product-option-item .product-option {
                    position: relative;
                    display: inline-block;
                    width: 50px;
                    margin: 15px 15px 0 0;
                }

                    .block-product .product-view-information .product-detail-variants .product-option-item .product-option input[type=checkbox],
                    .block-product .product-view-information .product-detail-variants .product-option-item .product-option input[type=radio] {
                        position: absolute;
                        clip: rect(1px, 1px, 1px, 1px);
                        height: 1px;
                        width: 1px;
                        overflow: hidden;
                    }

                    .block-product .product-view-information .product-detail-variants .product-option-item .product-option .item-option {
                        position: relative;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: nowrap;
                        flex-wrap: nowrap;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: start;
                        -ms-flex-pack: start;
                        justify-content: flex-start;
                        border-radius: 5px;
                        cursor: pointer;
                        border: 1px solid #b1b1b1;
                        background: #ffffff;
                        overflow: hidden;
                        transition: all .3s;
                    }

                        .block-product .product-view-information .product-detail-variants .product-option-item .product-option .item-option:hover {
                            border-color: #e10303;
                            transition: all .3s;
                        }

                    .block-product .product-view-information .product-detail-variants .product-option-item .product-option .item-value:checked + .item-option {
                        border-color: #DC4504;
                        transition: all .3s;
                    }

                    .block-product .product-view-information .product-detail-variants .product-option-item .product-option .item-option .option-detail {
                        padding: 5px 8px;
                        width: 100%;
                        text-align: center;
                    }

                        .block-product .product-view-information .product-detail-variants .product-option-item .product-option .item-option .option-detail .option-value {
                            display: block;
                            font-size: 12px;
                            line-height: 22px;
                            font-weight: 600;
                            color: #222831;
                        }

                    .block-product .product-view-information .product-detail-variants .product-option-item .product-option input[type=checkbox][disabled],
                    .block-product .product-view-information .product-detail-variants .product-option-item .product-option input[type=radio][disabled] {
                        cursor: not-allowed;
                    }

                    .block-product .product-view-information .product-detail-variants .product-option-item .product-option .item-option.disabled {
                        border: 1px solid #EEEEEE;
                        background: #EEEEEE;
                        cursor: not-allowed;
                    }

                        .block-product .product-view-information .product-detail-variants .product-option-item .product-option .item-option.disabled .option-detail .option-value {
                            color: #C4C4C4;
                        }

        .block-product .product-view-information .product-view-stock {
            display: block;
            margin: 0 0 25px 0;
        }

            .block-product .product-view-information .product-view-stock .badge {
                display: block;
                color: #000000;
                font-size: 11px;
                font-weight: 600;
                padding: 2px 0;
                text-align: left;
            }

                .block-product .product-view-information .product-view-stock .badge.badge-stock {
                    color: #189200;
                }

                .block-product .product-view-information .product-view-stock .badge.badge-sold-out {
                    color: #e10303;
                }

        .block-product .product-view-information .product-detail-action {
            position: relative;
        }

            .block-product .product-view-information .product-detail-action .action-group {
                margin: 12px 0 0;
            }

                .block-product .product-view-information .product-detail-action .action-group .action-box {
                    width: 100%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: nowrap;
                    flex-wrap: nowrap;
                    -webkit-box-align: end;
                    -ms-flex-align: end;
                    align-items: flex-end;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    padding: 0;
                    margin: 0 -5px;
                }

                    .block-product .product-view-information .product-detail-action .action-group .action-box .product-detail-action {
                        margin: 0 5px;
                        width: 100%;
                    }

                        .block-product .product-view-information .product-detail-action .action-group .action-box .product-detail-action.button-action-add {
                            width: 65%;
                        }

                        .block-product .product-view-information .product-detail-action .action-group .action-box .product-detail-action .button {
                            position: relative;
                            display: block;
                            width: 100%;
                            padding: 7px 10px 10px 10px;
                            border-width: 2px;
                            font-size: 15px;
                        }

                            .block-product .product-view-information .product-detail-action .action-group .action-box .product-detail-action .button .text {
                                position: relative;
                                display: inline;
                                padding-right: 5px;
                                line-height: 30px;
                            }

                            .block-product .product-view-information .product-detail-action .action-group .action-box .product-detail-action .button i {
                                position: relative;
                                top: 4px;
                                display: inline;
                                font-size: 28px;
                            }

                            .block-product .product-view-information .product-detail-action .action-group .action-box .product-detail-action .button.button-add {
                                -webkit-animation: shake 5s ease 2s infinite;
                                animation: shake 5s ease 2s infinite;
                            }

    .block-product .product-view-tab {
        padding: 10px 0 25px 0;
    }

        .block-product .product-view-tab .tab-content {
            margin-top: 50px;
        }

    .block-product .product-view-toogle {
    }

        .block-product .product-view-toogle .product-view-toogle-title {
            position: relative;
            font-family: 'Bai Jamjuree', sans-serif;
            font-size: 24px;
            line-height: 36px;
            font-weight: 600;
            letter-spacing: 1px;
            color: #232323;
            background: #e7e7e7;
            border-bottom: 1px solid #ffffff;
            margin: 0;
            padding: 5px 25px;
            cursor: pointer;
            display: none;
        }

            .block-product .product-view-toogle .product-view-toogle-title .icon {
                position: absolute;
                right: 10px;
                top: 12px;
                font-family: 'Font Awesome 6 Pro';
                font-size: 16px;
                line-height: 16px;
                transition: all .3s;
            }

                .block-product .product-view-toogle .product-view-toogle-title .icon:before {
                    content: "\f078";
                }

            .block-product .product-view-toogle .product-view-toogle-title.is-clicked .icon:before {
                content: "\f077";
            }

        .block-product .product-view-toogle .product-toogle-content {
        }

    .block-product .product-view-icon {
        position: relative;
        margin: 50px 0 0 0;
    }

        .block-product .product-view-icon .row {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .block-product .product-view-icon .row-item {
            position: relative;
        }

            .block-product .product-view-icon .row-item.even {
            }

            .block-product .product-view-icon .row-item.odd {
            }

            .block-product .product-view-icon .row-item:before {
                content: "";
                position: absolute;
                top: 60px;
                right: 0;
                height: 100px;
                width: 1px;
                background: #c1c1c1;
            }

            .block-product .product-view-icon .row-item.no-separate::before,
            .block-product .product-view-icon .row-item:last-child:before {
                display: none;
            }

        .block-product .product-view-icon .wrapper-item {
            margin: 0 0 25px 0;
            text-align: center;
        }

        .block-product .product-view-icon .content-title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 75px;
        }

            .block-product .product-view-icon .content-title span {
                font-size: 28px;
                line-height: 30px;
                font-weight: 600;
            }

                .block-product .product-view-icon .content-title span + span {
                    font-size: 20px;
                    line-height: 30px;
                    font-weight: 600;
                }

        .block-product .product-view-icon .content-desc {
            font-size: 14px;
            line-height: 20px;
            font-weight: 400;
            letter-spacing: 1px;
        }

    .block-product .product-view-tech {
        position: relative;
        margin: 50px 0 0 0;
    }

        .block-product .product-view-tech .product-view-tech-title {
            position: relative;
            font-family: 'Bai Jamjuree', sans-serif;
            font-size: 24px;
            line-height: 36px;
            font-weight: 600;
            letter-spacing: 1px;
            color: #232323;
            background: #e7e7e7;
            border-bottom: 1px solid #ffffff;
            margin: 0;
            padding: 8px 25px;
            cursor: pointer;
        }

            .block-product .product-view-tech .product-view-tech-title .icon {
                position: absolute;
                right: 20px;
                top: 15px;
                font-family: 'Font Awesome 6 Pro';
                font-size: 22px;
                line-height: 22px;
                transition: all .3s;
            }

                .block-product .product-view-tech .product-view-tech-title .icon:before {
                    content: "\f078";
                }

            .block-product .product-view-tech .product-view-tech-title.is-clicked .icon:before {
                content: "\f077";
            }

        .block-product .product-view-tech .product-view-tech-content {
            position: relative;
            overflow: hidden;
        }

        .block-product .product-view-tech .product-view-tech-wrapper {
            display: block;
            padding: 0 0 30px 0;
            background: #f9f9f9;
        }

        .block-product .product-view-tech .product-view-tech-button {
            position: relative;
            margin: 0 0 15px 0;
            text-align: right;
        }

            .block-product .product-view-tech .product-view-tech-button .button {
                border-width: 2px;
            }

        .block-product .product-view-tech .info-tech {
            display: block;
            padding: 30px 25px 0px 25px;
        }

            .block-product .product-view-tech .info-tech span {
                display: block;
                font-size: 18px;
                line-height: 25px;
                font-weight: 500;
                margin-bottom: 8px;
            }

                .block-product .product-view-tech .info-tech span + span {
                    font-size: 12px;
                    line-height: 18px;
                    font-weight: 400;
                    color: #757575;
                    letter-spacing: 1px;
                    margin-bottom: 0;
                }

        .block-product .product-view-tech .info-feature {
            display: block;
            padding: 30px 25px 0px 25px;
        }

            .block-product .product-view-tech .info-feature span {
                position: relative;
                display: block;
                font-size: 16px;
                line-height: 25px;
                font-weight: 400;
                margin-bottom: 8px;
                padding-left: 20px;
            }

                .block-product .product-view-tech .info-feature span:before {
                    position: absolute;
                    left: 0;
                    top: 0;
                    font-family: 'Font Awesome 6 Pro';
                    font-size: 13px;
                    content: "\f00c";
                    color: #059D26;
                }

    .block-product .product-view-brand {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 25px;
        background: #F5F5F5;
    }

        .block-product .product-view-brand .brand-image {
            display: block;
            text-align: center;
            padding: 25px;
        }

            .block-product .product-view-brand .brand-image img {
                display: block;
                max-width: 190px;
                width: 190px;
            }

        .block-product .product-view-brand .brand-info {
            padding: 25px;
        }

            .block-product .product-view-brand .brand-info p {
                font-size: 16px;
                margin-bottom: 25px;
            }

                .block-product .product-view-brand .brand-info p:last-child {
                    margin-bottom: 0;
                }

@media (min-width: 769px) {
    .block-product .product-view-information .product-view-left {
        width: 50%;
    }

    .block-product .product-view-information .product-view-right {
        width: 50%;
        padding-left: 35px;
    }

    .block-product .product-view-tab .product-view-icon .row .row-item {
        flex: 0 0 auto;
        width: 20%;
        padding: 0 15px;
    }

    .block-product .product-view-toogle .product-view-toogle-title {
        display: none !important;
    }

    .block-product .product-view-toogle .product-view-toogle-content {
        display: block !important;
    }
}

@media (min-width: 1025px) {
    .block-product .product-view-information .product-view-right {
        width: 500px;
        padding-left: 50px;
    }

    .block-product .product-view-information .product-view-left {
        width: calc(100% - 500px);
    }

    .block-product .product-view-tab .product-view-icon .row .row-item {
        flex: 0 0 auto;
        width: 20%;
        padding: 0 15px;
    }
}

@media (max-width: 1024px) {
    .block-product .product-view-icon .content-title {
        min-height: 65px;
    }

        .block-product .product-view-icon .content-title span {
            font-size: 18px;
            line-height: 24px;
        }

            .block-product .product-view-icon .content-title span + span {
                font-size: 14px;
                line-height: 20px;
            }

    .block-product .product-view-icon .content-desc {
        font-size: 12px;
        line-height: 15px;
    }

    .block-product .product-view-information .product-detail-variants .product-option-color .product-option {
    }

        .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-option .option-image {
            width: 150px;
        }

            .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-option .option-image img {
                max-width: 80px;
            }

        .block-product .product-view-information .product-detail-variants .product-option-color .product-option .item-option .option-detail {
            width: 100%;
            padding: 5px 15px;
        }
}

@media (max-width: 768px) {
    .block-product {
        padding: 15px 0 15px 0;
    }

        .block-product .product-view-information .product-view-details {
            margin-bottom: 15px;
        }

        .block-product .product-view-information .product-detail-brand {
            font-size: 14px;
            line-height: 14px;
            margin: 0 0 8px 0;
        }

        .block-product .product-view-information .product-detail-name {
            font-size: 24px;
            line-height: 24px;
            margin: 0 0 10px 0;
        }

        .block-product .product-view-information .product-detail-rating {
            top: 75px;
            width: 75px;
        }

        .block-product .product-view-information .product-detail-rating {
            margin: 0 0 10px 0;
        }

            .block-product .product-view-information .product-detail-rating .spr-badge-caption {
                font-size: 12px;
            }

            .block-product .product-view-information .product-detail-rating .spr-badge-starrating .spr-icon::before {
                font-size: 18px;
                line-height: 18px;
            }

        .block-product .product-view-information .product-detail-price {
            margin: 0 0 10px 0;
        }

            .block-product .product-view-information .product-detail-price span.price-offer {
                font-size: 24px;
                line-height: 24px;
            }

            .block-product .product-view-information .product-detail-price span.price-old {
                font-size: 16px;
                line-height: 24px;
            }

        .block-product .product-view-information .product-detail-reference span.price {
            font-size: 18px;
            line-height: 18px;
        }

        .block-product .product-view-information .product-detail-reference span.text {
            font-size: 9px;
            line-height: 9px;
        }

        .block-product .product-view-information .product-detail-info {
            margin: 0 0 20px 0;
        }

            .block-product .product-view-information .product-detail-info p {
                font-size: 13px;
                line-height: 20px;
            }

        .block-product .product-view-tab .nav-tabs {
            display: none !important;
        }

        .block-product .product-view-tab .tab-content {
            margin-top: 15px;
        }

            .block-product .product-view-tab .tab-content > .tab-pane {
                display: block !important;
            }

        .block-product .product-view-tab .fade:not(.show) {
            opacity: 1 !important;
        }

        .block-product .product-view-toogle .product-view-toogle-title {
            display: block !important;
            font-size: 12px;
            line-height: 30px;
            text-transform: uppercase;
            letter-spacing: 2px;
            padding: 5px 10px;
            background: #ebebeb;
        }

        .block-product .product-view-icon {
            margin: 30px 0 0 0;
        }

            .block-product .product-view-icon .row-item {
                flex: 0 0 auto;
                width: 50%;
            }

                .block-product .product-view-icon .row-item:before {
                    top: 20px;
                    height: 50%;
                }

                .block-product .product-view-icon .row-item:nth-of-type(even):before {
                    display: none;
                }

                .block-product .product-view-icon .row-item:nth-of-type(odd):before {
                }

            .block-product .product-view-icon .wrapper-item {
                margin: 0 0 35px 0;
            }

            .block-product .product-view-icon .content-title {
                min-height: auto;
                margin-bottom: 5px;
            }

                .block-product .product-view-icon .content-title span {
                    font-size: 18px;
                    line-height: 24px;
                }

                    .block-product .product-view-icon .content-title span + span {
                        font-size: 14px;
                        line-height: 20px;
                    }

        .block-product .product-view-tech {
            margin: 0;
        }

            .block-product .product-view-tech .product-view-tech-title {
                background: #f5f5f5;
                font-size: 18px;
                line-height: 30px;
                padding: 10px 25px;
            }

                .block-product .product-view-tech .product-view-tech-title .icon {
                    top: 16px;
                    right: 30px;
                    font-size: 18px;
                    line-height: 18px;
                }

                    .block-product .product-view-tech .product-view-tech-title .icon:before {
                        content: "\2b";
                    }

                .block-product .product-view-tech .product-view-tech-title.is-clicked .icon:before {
                    content: "\f068";
                }

            .block-product .product-view-tech .product-view-tech-wrapper {
                background: #ffffff;
                padding: 0 0 20px 0;
            }

            .block-product .product-view-tech .info-tech {
                padding: 20px 25px 0px 25px;
            }

                .block-product .product-view-tech .info-tech span {
                    font-size: 14px;
                    line-height: 20px;
                    margin-bottom: 5px;
                }

                    .block-product .product-view-tech .info-tech span + span {
                        font-size: 13px;
                        line-height: 20px;
                    }

        .block-product .product-view-brand {
            background: #ffffff;
            flex-direction: column;
            padding: 25px 15px;
        }

            .block-product .product-view-brand .brand-image {
                padding: 0 15px 15px 15px;
            }

            .block-product .product-view-brand .brand-info {
                padding: 15px 0;
            }

                .block-product .product-view-brand .brand-info p {
                    font-size: 14px;
                    margin-bottom: 15px;
                }
}

@media (max-width: 480px) {
    .block-product .product-view-information .product-detail-variants .product-option-color .product-option {
        width: 100%;
    }

    .block-product .product-view-information .product-detail-action .action-group .action-box {
        display: block;
        margin: 0;
    }

        .block-product .product-view-information .product-detail-action .action-group .action-box .product-detail-action {
            margin: 12px 0 0 0;
        }

            .block-product .product-view-information .product-detail-action .action-group .action-box .product-detail-action.button-action-add {
                width: 100%;
            }

    .block-section .product-item-media {
        overflow: hidden;
        max-height: 200px;
        min-height: 200px;
    }

    .slick-arrow.slick-prev {
        left: -10px;
    }

    .slick-arrow.slick-next {
        right: -10px;
    }
}

.block-info {
    padding: 100px 0 100px 0;
}

    .block-info .block-content {
        padding: 0 0 75px 0;
    }

        .block-info .block-content h3 {
            font-family: 'Bai Jamjuree', sans-serif;
            font-size: 32px;
            line-height: 32px;
            font-weight: 500;
            letter-spacing: 2px;
            margin-bottom: 30px;
        }

        .block-info .block-content h5 {
            font-size: 26px;
            line-height: 26px;
            font-weight: 200;
            color: #43474d;
            margin-bottom: 30px;
        }

            .block-info .block-content h5 span {
                display: block;
                padding-top: 0;
            }

                .block-info .block-content h5 span + span {
                    padding-top: 10px;
                }

        .block-info .block-content p {
            font-size: 16px;
            line-height: 30px;
            font-weight: 400;
            color: #61656b;
            padding: 0;
            margin: 0;
        }

            .block-info .block-content p + p {
                padding-top: 5px;
            }

            .block-info .block-content p.p-col {
                padding-right: 25px;
            }

            .block-info .block-content p strong {
                font-weight: 600;
                color: #4a4a4a;
            }

        .block-info .block-content .col-brand {
            padding-bottom: 30px;
        }

        .block-info .block-content .social-icon {
            font-size: 0;
        }

            .block-info .block-content .social-icon .social-link {
                position: relative;
                display: inline-block;
                margin-right: 35px;
            }

                .block-info .block-content .social-icon .social-link img {
                    width: 25px;
                    height: 25px;
                }

    .block-info .block-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-direction: column;
        width: 100%;
    }

        .block-info .block-form .form-field {
            position: relative;
            display: block;
        }

            .block-info .block-form .form-field + .form-field {
                margin-top: 25px;
            }

            .block-info .block-form .form-field .form-label {
                position: absolute;
                top: -10px;
                left: 9px;
                color: #444444;
                font-size: 13px;
                font-weight: 500;
                padding: 0 5px;
                background: #ffffff;
                border-radius: 5px;
            }

            .block-info .block-form .form-field .form-input {
                display: block;
                padding: 15px;
                font-size: 14px;
                border-radius: 5px;
                border: 1px solid #c7c7c7;
                color: #232323;
                background-color: #fff;
                width: 100%;
            }

                .block-info .block-form .form-field .form-input:hover {
                    border-color: #8f8f8f;
                }

        .block-info .block-form .form-actions {
            text-align: right;
            margin-top: 25px;
        }

            .block-info .block-form .form-actions .button {
                font-size: 16px;
                font-weight: 500;
                padding: 15px 75px;
            }

    .block-info .block-action {
        display: block;
        text-align: center;
        margin-top: 30px;
    }

        .block-info .block-action .button {
            font-size: 16px;
            font-weight: 500;
            padding: 15px 30px;
        }

@media (max-width: 768px) {
    .slick-arrow.slick-prev {
        left: -10px;
    }

    .slick-arrow.slick-next {
        right: -10px;
    }

    .block-info {
        padding: 75px 10px 75px 10px;
    }

        .block-info .block-content {
            padding: 0 0 50px 0;
        }

            .block-info .block-content h3 {
                font-size: 16px;
                line-height: 16px;
                font-weight: 600;
                margin-bottom: 20px;
            }

            .block-info .block-content h5 {
                font-size: 16px;
                line-height: 30px;
                margin-bottom: 20px;
            }

                .block-info .block-content h5 span {
                    display: inline;
                }

                    .block-info .block-content h5 span + span {
                        display: inline;
                    }

            .block-info .block-content p {
                font-size: 14px;
                line-height: 28px;
            }

                .block-info .block-content p.p-col {
                    padding-right: 0;
                    padding-bottom: 15px;
                }

            .block-info .block-content .col-brand {
                padding-bottom: 10px;
            }

        .block-info .block-action .button {
            font-size: 14px;
            padding: 15px 45px;
        }

        .block-info .block-form .form-actions {
            text-align: center;
        }

            .block-info .block-form .form-actions .button {
                font-size: 14px;
                padding: 15px 45px;
            }
}

@media (max-width: 480px) {
    .block-info .block-content .col-brand {
        width: 50%;
        padding-bottom: 10px;
    }
}

.block-finance {
    background: #f5f5f5;
    padding: 0 0 75px 0;
}

    .block-finance .container {
        background: #ffffff;
    }

    .block-finance .block-header {
        padding: 100px 105px 60px 105px;
        margin: 0;
    }

        .block-finance .block-header h3 {
            font-family: 'Bai Jamjuree', sans-serif;
            font-size: 32px;
            font-weight: 500;
            letter-spacing: 2px;
            margin-bottom: 30px;
        }

        .block-finance .block-header p {
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 0;
        }

    .block-finance .block-content {
        padding: 0 45px 55px 45px;
    }

    .block-finance .block-form {
        position: relative;
        padding: 0 0 30px 60px;
        z-index: 1;
    }

        .block-finance .block-form:before {
            content: "";
            position: absolute;
            top: 7px;
            left: 0;
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: #949494;
            z-index: 3;
        }

        .block-finance .block-form:after {
            content: "";
            position: absolute;
            top: 0;
            left: 4px;
            width: 1px;
            height: 100%;
            background: #949494;
            z-index: 2;
        }

        .block-finance .block-form.block-form-start {
        }

            .block-finance .block-form.block-form-start:after {
                top: 7px;
            }

        .block-finance .block-form.block-form-end {
            padding-bottom: 0;
        }

        .block-finance .block-form .form-title {
            margin-bottom: 15px;
        }

            .block-finance .block-form .form-title h3 {
                font-size: 20px;
                font-weight: 500;
                letter-spacing: 1px;
            }

        .block-finance .block-form .form-field {
            position: relative;
            display: block;
            margin: 15px 0px;
        }

            .block-finance .block-form .form-field .form-label {
                position: absolute;
                top: -10px;
                left: 9px;
                color: #444444;
                font-size: 13px;
                font-weight: 600;
                padding: 0 5px;
                background: #ffffff;
                border-radius: 5px;
            }

            .block-finance .block-form .form-field .form-input {
                display: block;
                padding: 15px;
                font-size: 14px;
                border-radius: 5px;
                border: 1px solid #c7c7c7;
                color: #232323;
                background-color: #fff;
                width: 100%;
            }

                .block-finance .block-form .form-field .form-input:hover {
                    border-color: #8f8f8f;
                }

            .block-finance .block-form .form-field .form-radio {
                position: relative;
                display: block;
            }

                .block-finance .block-form .form-field .form-radio input {
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    font-size: inherit;
                    position: absolute;
                    left: 18px;
                    top: 18px;
                    background: #fff;
                    border: 1px solid #c7c7c7;
                    border-radius: 50%;
                    height: 20px;
                    width: 20px;
                    margin: 0;
                    cursor: pointer;
                    outline: none;
                    transition: all .3s;
                }

                    .block-finance .block-form .form-field .form-radio input:checked {
                        background: #000000;
                        border-color: #000000;
                    }

                    .block-finance .block-form .form-field .form-radio input::after {
                        content: "";
                        position: absolute;
                        border: 2px solid #fff;
                        border-top: 0;
                        border-left: 0;
                        display: block;
                        height: 0.75rem;
                        left: 25%;
                        top: 50%;
                        transform: rotate(45deg) translate(-50%, -50%);
                        width: 0.375rem;
                    }

                .block-finance .block-form .form-field .form-radio label {
                    position: relative;
                    background-color: #fff;
                    border-radius: 5px;
                    width: 100%;
                }

                .block-finance .block-form .form-field .form-radio .radio-item {
                    display: flex;
                    flex-direction: column;
                    border: 1px solid #c7c7c7;
                    border-radius: 5px;
                    padding: 15px 20px 15px 50px;
                    cursor: pointer;
                    transition: all .3s;
                }

                    .block-finance .block-form .form-field .form-radio .radio-item span {
                        display: block;
                        font-size: 16px;
                        font-weight: 500;
                        margin-bottom: 5px;
                    }

                        .block-finance .block-form .form-field .form-radio .radio-item span + span {
                            font-size: 14px;
                            font-weight: 400;
                            color: #5B5B5B;
                            margin-bottom: 0;
                        }

                .block-finance .block-form .form-field .form-radio input:checked ~ .radio-item {
                    border-color: #8f8f8f;
                }

                .block-finance .block-form .form-field .form-radio:hover .radio-item {
                    border-color: #8f8f8f;
                }

                .block-finance .block-form .form-field .form-radio:hover input {
                    border-color: #8f8f8f;
                }

                    .block-finance .block-form .form-field .form-radio:hover input:checked {
                        border-color: #000000;
                    }

            .block-finance .block-form .form-field .label-title {
                color: #000000;
                font-weight: 600;
            }

            .block-finance .block-form .form-field.form-currency {
                position: relative;
            }

                .block-finance .block-form .form-field.form-currency .form-label {
                    left: 0;
                    padding-left: 0;
                }

                .block-finance .block-form .form-field.form-currency .form-label-currency {
                    position: absolute;
                    top: 34px;
                    left: 15px;
                    font-size: 30px;
                    font-weight: 300;
                }

                .block-finance .block-form .form-field.form-currency .form-input-currency {
                    font-size: 36px;
                    font-weight: 300;
                    border-radius: 0;
                    border-left: 0;
                    border-right: 0;
                    border-top: 0;
                    padding: 30px 15px 0px 60px;
                }

            .block-finance .block-form .form-field .form-checkbox {
                position: relative;
            }

                .block-finance .block-form .form-field .form-checkbox + .form-checkbox {
                    margin-top: 15px;
                }

                .block-finance .block-form .form-field .form-checkbox input {
                    position: absolute;
                    left: 0;
                    top: 0;
                    display: inline-block;
                    width: 18px;
                    height: 18px;
                    cursor: pointer;
                }

                .block-finance .block-form .form-field .form-checkbox span {
                    position: relative;
                    top: -2px;
                    left: 22px;
                    display: inline-block;
                    padding-left: 5px;
                    padding-right: 22px;
                    cursor: pointer;
                }

            .block-finance .block-form .form-field .form-image {
                text-align: center;
            }

                .block-finance .block-form .form-field .form-image img {
                    max-width: 300px;
                    margin: 0 auto;
                }

                .block-finance .block-form .form-field .form-image img {
                    max-width: 300px;
                    margin: 0 auto;
                }

    .block-finance .block-form {
        opacity: .5;
    }

        .block-finance .block-form:before {
            background: #949494;
        }

.validado:before {
    background: red;
}

.block-finance .block-form.form-active,
.block-finance .block-form.form-complete {
    opacity: 1;
}

    .block-finance .block-form.form-active:before,
    .block-finance .block-form.form-complete:before {
        background: #ED1D24;
    }

.block-finance .block-action {
    display: block;
    text-align: right;
    margin-top: 30px;
}

    .block-finance .block-action .button {
        font-size: 16px;
        font-weight: 500;
        padding: 15px 30px;
    }

@media (max-width: 1024px) {
    .block-finance .block-action {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .block-finance .block-header {
        padding: 50px 30px 30px 30px;
    }

        .block-finance .block-header h3 {
            font-size: 16px;
            font-weight: 600;
        }

        .block-finance .block-header p {
            font-size: 14px;
            line-height: 24px;
        }

    .block-finance .block-content {
        padding: 0 30px 55px 30px;
    }

    .block-finance .block-form {
        padding: 0 0 30px 0;
    }

        .block-finance .block-form:before,
        .block-finance .block-form:after {
            display: none;
        }

        .block-finance .block-form .form-title h3 {
            font-size: 16px;
        }

        .block-finance .block-form .form-field .form-radio .radio-item span {
            font-size: 14px;
        }

            .block-finance .block-form .form-field .form-radio .radio-item span + span {
                font-size: 12px;
            }

    .block-finance .block-action .button {
        font-size: 14px;
        padding: 15px 45px;
        width: 100%;
    }
}

.block-map {
    padding: 0;
    border-bottom: 3px solid #C4C4C4;
}

    .block-map .contact-map {
        height: 450px;
    }

        .block-map .contact-map #google-map {
            position: relative;
            height: 100%;
            width: 100%;
            overflow: hidden;
        }

@media (max-width: 768px) {
    .block-map .contact-map {
        height: 400px;
    }
}

.search-popup {
    display: block;
    position: absolute;
    top: 80px;
    left: 50%;
    height: auto;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 6px 27px #0003;
    box-shadow: 0 6px 27px #0003;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

    .search-popup .search-popup-wrapper {
        position: relative;
        padding: 30px;
    }

    .search-popup .search-popup-form {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .search-popup .search-popup-form input {
            width: 100%;
            line-height: 37px;
            padding: 0 100px 0 10px;
            border: 1px solid #979797;
            border-radius: 5px;
            transition: all .3s;
        }

            .search-popup .search-popup-form input:focus,
            .search-popup .search-popup-form input:hover {
                border-color: #000000;
            }

        .search-popup .search-popup-form button {
            font-size: 25px;
            line-height: 24px;
            color: #222831;
            background: none;
            border: none;
            padding: 7px 14px;
        }

            .search-popup .search-popup-form button.button-search {
                color: #ffffff;
                background: #000000;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

            .search-popup .search-popup-form button.icon-search {
                position: absolute;
                top: 0;
                right: 0;
            }

            .search-popup .search-popup-form button.icon-cancel {
                position: absolute;
                top: 0;
                right: 52px;
            }

    .search-popup .search-popup-result {
        position: relative;
        display: block;
        border: 1px solid #dddddd;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);
        box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);
    }

        .search-popup .search-popup-result .search-result-list {
            position: relative;
            display: block;
            padding: 15px;
        }

            .search-popup .search-popup-result .search-result-list a {
                display: block;
                padding: 3px;
            }

            .search-popup .search-popup-result .search-result-list img {
                max-width: 40px;
                max-height: 40px;
            }

        .search-popup .search-popup-result .search-result-button {
            position: relative;
            display: block;
            border-top: 1px solid #dddddd;
            padding: 10px;
        }

    .search-popup .search-popup-popular {
        position: relative;
        margin-top: 35px;
    }

        .search-popup .search-popup-popular h3 {
            font-family: 'Outfit', sans-serif;
            font-size: 14px;
            line-height: 14px;
            font-weight: 500;
            letter-spacing: 1px;
            margin-bottom: 25px;
        }

        .search-popup .search-popup-popular .popular-search {
            position: relative;
        }

            .search-popup .search-popup-popular .popular-search a {
                display: block;
                font-size: 12px;
                line-height: 30px;
                letter-spacing: 1px;
            }

        .search-popup .search-popup-popular .popular-product {
            position: relative;
            padding: 10px 0 0 0;
        }

body.search-popup-show .search-popup {
    pointer-events: auto;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

body.search-popup-show .background-overlay-search {
    z-index: 98;
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1024px) {
    .search-popup {
        top: 50px;
    }

        .search-popup .search-popup-wrapper {
            position: relative;
            padding: 15px 0;
        }

        .search-popup .search-popup-popular {
            margin-top: 25px;
        }

            .search-popup .search-popup-popular h3 {
                margin-bottom: 15px;
            }
}

.account-popup {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    height: auto;
    width: 100%;
    max-width: 500px;
    background: #fff;
    -webkit-box-shadow: 0 6px 27px #0003;
    box-shadow: 0 6px 27px #0003;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

    .account-popup .account-popup-wrapper {
        position: relative;
        padding: 50px;
    }

        .account-popup .account-popup-wrapper .popup-close {
            display: block;
            position: absolute;
            top: 6px;
            right: -9px;
            line-height: 1;
            font-size: 20px;
            letter-spacing: 0;
            text-align: center;
            padding: 7px;
            color: #232323;
            background: #ffffff;
        }

            .account-popup .account-popup-wrapper .popup-close:hover {
                color: #ffffff;
                background: #232323;
            }

    .account-popup .account-popup-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-direction: column;
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
    }

        .account-popup .account-popup-form .form-icon {
            position: relative;
            display: block;
            margin-bottom: 40px;
        }

            .account-popup .account-popup-form .form-icon svg {
                width: 100px;
                height: 100px;
            }

        .account-popup .account-popup-form .form-title {
            position: relative;
            display: block;
        }

            .account-popup .account-popup-form .form-title h3 {
                font-family: 'Outfit', sans-serif;
                font-size: 42px;
                line-height: 42px;
                font-weight: 300;
                letter-spacing: 1px;
                margin-bottom: 30px;
            }

        .account-popup .account-popup-form .form-info {
            position: relative;
            display: block;
        }

            .account-popup .account-popup-form .form-info p {
                font-size: 17px;
                line-height: 20px;
                font-weight: 400;
            }

        .account-popup .account-popup-form .form-field {
            position: relative;
            display: block;
        }

            .account-popup .account-popup-form .form-field + .form-field {
                margin-top: 20px;
            }

            .account-popup .account-popup-form .form-field .form-label {
                position: absolute;
                top: -10px;
                left: 9px;
                color: #444444;
                font-size: 13px;
                padding: 0 5px;
                background: #ffffff;
            }

            .account-popup .account-popup-form .form-field .form-input {
                display: block;
                padding: 15px;
                font-size: 14px;
                border-radius: 5px;
                border: 1px solid #c7c7c7;
                color: #232323;
                background-color: #fff;
                width: 100%;
            }

                .account-popup .account-popup-form .form-field .form-input:hover {
                    border-color: #8f8f8f;
                }

            .account-popup .account-popup-form .form-field .password-toogle {
                position: absolute;
                top: 11px;
                right: 11px;
                background: #ffffff;
                padding: 4px 5px;
                width: 30px;
                height: 30px;
                text-align: center;
                border-radius: 50%;
                cursor: pointer;
                transition: all .3s;
            }

                .account-popup .account-popup-form .form-field .password-toogle:hover {
                    background: #efefef;
                }

        .account-popup .account-popup-form .form-actions {
            margin: 15px 0 0;
        }

            .account-popup .account-popup-form .form-actions .auth-link {
                display: block;
                margin: 0;
            }

            .account-popup .account-popup-form .form-actions .button {
                display: block;
                padding: 15px;
                margin-top: 10px;
                max-width: 100%;
                width: 100%;
            }

                .account-popup .account-popup-form .form-actions .button:first-child {
                    margin-top: 0;
                }

                .account-popup .account-popup-form .form-actions .button.button-google svg {
                    position: absolute;
                    left: 15px;
                    top: 16px;
                    height: 20px;
                    width: 20px;
                }

                .account-popup .account-popup-form .form-actions .button.button-facebook svg {
                    position: absolute;
                    left: 15px;
                    top: 16px;
                    height: 20px;
                    width: 20px;
                }

            .account-popup .account-popup-form .form-actions.auth-or {
                position: relative;
                margin: 15px 0 0;
            }

                .account-popup .account-popup-form .form-actions.auth-or:before {
                    content: "";
                    position: absolute;
                    top: 11px;
                    left: 0;
                    right: 0;
                    height: 1px;
                    background: #bbbbbb;
                    z-index: 1;
                }

                .account-popup .account-popup-form .form-actions.auth-or span {
                    position: relative;
                    display: inline-block;
                    background: #ffffff;
                    padding: 0 25px;
                    z-index: 10;
                }

body.account-popup-show .account-popup {
    pointer-events: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
    z-index: 1000;
}

body.account-popup-show .background-overlay-popup {
    z-index: 1000;
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1024px) {
    .account-popup {
        max-width: 95%;
    }

        .account-popup .account-popup-wrapper {
            padding: 50px 25px;
        }
}

.cart-popup {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    height: auto;
    width: 100%;
    max-width: 500px;
    background: #fff;
    -webkit-box-shadow: 0 6px 27px #0003;
    box-shadow: 0 6px 27px #0003;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

    .cart-popup .cart-popup-container {
        overflow: hidden;
        padding: 0;
    }

    .cart-popup .cart-popup-wrapper {
        display: flex;
        flex-direction: column;
        height: 100vh;
    }

    .cart-popup .cart-popup-top {
        background: #ffffff;
        z-index: 2;
    }

    .cart-popup .cart-popup-flex {
        flex: 1;
        background: #ffffff;
        z-index: 1;
        overflow-x: auto;
    }

    .cart-popup .cart-popup-bottom {
        position: relative;
        background: #ffffff;
        z-index: 2;
    }

    .cart-popup .cart-popup-top .cart-content {
        position: relative;
        border-bottom: 1px solid #d3d3d3;
        padding: 15px 25px;
    }

    .cart-popup .cart-popup-flex .cart-content {
        padding: 15px 25px;
    }

    .cart-popup .cart-popup-bottom .cart-content {
        border-top: 1px solid #d3d3d3;
        padding: 15px 25px 25px 25px;
    }

    .cart-popup .cart-title h3 {
        font-family: 'Bai Jamjuree', sans-serif;
        font-size: 18px;
        margin: 0;
    }

        .cart-popup .cart-title h3 span {
            font-size: 18px;
            line-height: 23px;
            font-weight: 600;
            letter-spacing: 1px;
            margin: 0;
        }

        .cart-popup .cart-title h3 i {
            display: inline-block;
            width: 40px;
        }

            .cart-popup .cart-title h3 i.active {
                color: #CB0101;
            }

    .cart-popup .cart-title .popup-close {
        display: block;
        position: absolute;
        top: 9px;
        right: 10px;
        line-height: 1;
        font-size: 25px;
        letter-spacing: 0;
        text-align: center;
        padding: 5px 8px;
        color: #232323;
        background: #ffffff;
    }

        .cart-popup .cart-title .popup-close:hover {
            color: #ffffff;
            background: #232323;
        }

    .cart-popup .cart-item {
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px solid #ebebeb;
    }

        .cart-popup .cart-item:last-child {
            border-bottom: none;
        }

        .cart-popup .cart-item .col-auto {
            flex: 1;
        }

        .cart-popup .cart-item .col-50 {
            flex: 0 0 auto;
            width: 50px;
        }

        .cart-popup .cart-item .col-75 {
            flex: 0 0 auto;
            width: 75px;
        }

        .cart-popup .cart-item .col-100 {
            flex: 0 0 auto;
            width: 100px;
        }

        .cart-popup .cart-item .col-125 {
            flex: 0 0 auto;
            width: 125px;
        }

        .cart-popup .cart-item .col-150 {
            flex: 0 0 auto;
            width: 150px;
        }

        .cart-popup .cart-item .col-175 {
            flex: 0 0 auto;
            width: 175px;
        }

        .cart-popup .cart-item .col-200 {
            flex: 0 0 auto;
            width: 200px;
        }

        .cart-popup .cart-item .col-250 {
            flex: 0 0 auto;
            width: 250px;
        }

        .cart-popup .cart-item .col-300 {
            flex: 0 0 auto;
            width: 300;
        }

        .cart-popup .cart-item .cart-item-price {
            display: block;
            padding-top: 0;
        }

        .cart-popup .cart-item .cart-item-image {
            overflow: hidden;
            background: #f5f5f5;
            padding: 5px 10px;
            border-radius: 5px;
        }

        .cart-popup .cart-item .cart-item-detail {
            display: block;
            padding: 10px 0;
        }

            .cart-popup .cart-item .cart-item-detail h4 {
                font-size: 15px;
                font-weight: 600;
                margin-bottom: 10px;
            }

            .cart-popup .cart-item .cart-item-detail h5 {
                font-size: 13px;
                font-weight: 400;
                margin-bottom: 3px;
            }

            .cart-popup .cart-item .cart-item-detail h6 {
                font-size: 11px;
                font-weight: 400;
                margin-top: 5px;
                margin-bottom: 0;
            }

        .cart-popup .cart-item .cart-item-price {
            display: block;
            padding: 10px 0;
        }

            .cart-popup .cart-item .cart-item-price span {
                display: block;
                font-size: 16px;
                font-weight: 600;
            }

                .cart-popup .cart-item .cart-item-price span.price-offer {
                    color: #e10303;
                }

                .cart-popup .cart-item .cart-item-price span.price-old {
                    color: #8f8f8f;
                    text-decoration: line-through;
                    font-size: 12px;
                    font-weight: 400;
                }

        .cart-popup .cart-item .cart-item-link {
            display: block;
            padding: 10px 0;
            text-align: right;
        }

            .cart-popup .cart-item .cart-item-link a {
                display: inline-block;
                padding: 3px;
                margin: 2px;
            }

        .cart-popup .cart-item .res-show {
            display: none;
        }

        .cart-popup .cart-item .res-hide {
            display: block;
        }

    .cart-popup .cart-total {
        position: relative;
    }

        .cart-popup .cart-total .cart-item {
            max-width: 250px;
            margin: 0 auto;
            padding: 0 0 5px 0;
        }

            .cart-popup .cart-total .cart-item span {
                font-size: 16px;
                font-weight: 600;
            }

                .cart-popup .cart-total .cart-item span + span {
                    float: right;
                }

    .cart-popup .cart-button {
        margin-top: 10px;
    }

        .cart-popup .cart-button a {
            display: block;
            font-size: 16px;
            padding: 15px;
        }

body.cart-popup-show {
    overflow: hidden;
}

    body.cart-popup-show .cart-popup {
        pointer-events: auto;
        opacity: 1;
        visibility: visible;
        z-index: 1000;
    }

    body.cart-popup-show .background-overlay-popup {
        z-index: 1000;
        opacity: 1;
        visibility: visible;
    }

@media (max-width: 1024px) {
    .cart-popup {
        max-width: 95%;
    }
}

@media (max-width: 600px) {
    .cart-popup .cart-item .res-show {
        display: block;
        padding: 0;
    }

    .cart-popup .cart-item .res-hide {
        display: none;
    }
}

/**/
.finance-popup {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    height: 750px;
    /* Ajusta la altura del popup (90% de la altura de la ventana) */
    width: 100%;
    max-width: 760px;
    background: #fff;
    -webkit-box-shadow: 0 6px 27px #0003;
    box-shadow: 0 6px 27px #0003;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1001;
    /* Adjust the value as needed */
    opacity: 1;
    visibility: hidden;
    pointer-events: auto;
    overflow-y: auto;
}



    .finance-popup .finance-popup-wrapper {
        max-height: none;
        /* Deshabilita la altura máxima del contenido dentro del popup */
        position: relative;
        padding: 50px 5px;
        /* overflow-y: auto;*/
        /* Habilita el scroll vertical cuando el contenido excede la altura máxima */
    }

        .finance-popup .finance-popup-wrapper .popup-close {
            display: block;
            position: absolute;
            top: 6px;
            right: -9px;
            line-height: 1;
            font-size: 20px;
            letter-spacing: 0;
            text-align: center;
            padding: 7px;
            color: #232323;
            background: #ffffff;
        }

            .finance-popup .finance-popup-wrapper .popup-close:hover {
                color: #ffffff;
                background: #232323;
            }

    .finance-popup .block-finance {
        background: #ffffff;
        padding: 0;
    }

        .finance-popup .block-finance .block-header {
            padding: 0 0 25px 40px;
        }

            .finance-popup .block-finance .block-header h3 {
                margin-bottom: 20px;
            }

        .finance-popup .block-finance .block-content {
            padding: 0 15px 15px 0;
            overflow: hidden;
        }

        .finance-popup .block-finance .block-form {
            padding: 0 0 30px 40px;
        }

            .finance-popup .block-finance .block-form.block-form-end {
                padding-bottom: 0;
            }

body.finance-popup-show .finance-popup {
    pointer-events: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    /* Ajusta la opacidad según tus preferencias */
    visibility: visible;
    z-index: 999;
}

body.finance-popup-show .background-overlay-popup {
    z-index: 1000;
    /*opacity: 1;*/
    width: 100%;
    height: 750px;
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.4);
    /* Color negro con opacidad del 50% */
}

body.finance-popup-show .finance-popup {
    pointer-events: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
    z-index: 1001;
    /* Asegúrate de que el z-index sea mayor que el de la capa de fondo */
}

@media (max-width: 1024px) {
    .finance-popup {
        max-width: 95%;
    }

        .finance-popup .finance-popup-wrapper {
            padding: 35px 0px;
        }
}

@media (max-width: 768px) {
    .finance-popup .block-finance .block-header {
        padding: 0 0 25px 0;
    }

    .finance-popup .block-finance .block-content {
        padding: 0 8px 15px 0;
    }

    .finance-popup .block-finance .block-form {
        padding: 0 0 25px 0;
    }
}

.block-llanta {
    position: relative;
    padding: 50px 0 35px 0;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
}

    .block-llanta .nav-pills .nav-link {
        color: #000000;
        background-color: #ffffff;
        border-bottom: 5px solid #ffffff;
        border-radius: 0;
        padding: 5px 5px 10px 5px;
        margin-right: 25px;
    }

        .block-llanta .nav-pills .nav-link span {
            font-family: 'Bai Jamjuree', sans-serif;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5;
        }

        .block-llanta .nav-pills .nav-link i {
            display: inline-block;
            margin-right: 5px;
        }

        .block-llanta .nav-pills .nav-link.active {
            color: #000000;
            background-color: #ffffff;
            border-bottom: 5px solid #ED1D24;
            border-radius: 0;
        }

    .block-llanta .info-lectura {
        position: absolute;
        top: 5px;
        right: 15px;
        font-family: 'Bai Jamjuree', sans-serif;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5;
    }

        .block-llanta .info-lectura span {
            text-decoration: underline;
        }

    .block-llanta .info-llanta {
        display: block;
        padding: 10px 10px;
        background: #F5F5F5;
        border-radius: 6px;
        margin-top: 5px;
    }

        .block-llanta .info-llanta span {
            position: relative;
            display: block;
            font-family: 'Inter', sans-serif;
            font-size: 11px;
            line-height: 20px;
            font-weight: 500;
            letter-spacing: 0.5px;
        }

            .block-llanta .info-llanta span i {
                position: relative;
                top: 1px;
                margin-right: 2px;
                font-size: 14px;
            }

    .block-llanta .block-form .form-field {
        position: relative;
        display: block;
        margin: 15px 0px;
    }

        .block-llanta .block-form .form-field .form-label {
            position: absolute;
            top: -6px;
            left: 9px;
            color: #444444;
            font-weight: 600;
            font-size: 13px;
            line-height: 13px;
            padding: 0 5px;
            background: #ffffff;
            border-radius: 5px;
        }

        .block-llanta .block-form .form-field .form-input {
            display: block;
            padding: 15px;
            font-size: 14px;
            border-radius: 5px;
            border: 1px solid #c7c7c7;
            color: #232323;
            background-color: #fff;
            width: 100%;
            font-weight: 400;
        }

            .block-llanta .block-form .form-field .form-input:hover {
                border-color: #8f8f8f;
            }

    .block-llanta .block-form .form-action {
        display: block;
        margin-top: 15px;
    }

        .block-llanta .block-form .form-action .button {
            width: 100%;
            padding: 5px 15px 4px 15px;
            line-height: 40px;
        }

        .block-llanta .block-form .form-action .text {
            display: inline-block;
        }

        .block-llanta .block-form .form-action .icon {
            display: inline-block;
            margin-right: 15px;
        }

    .block-llanta .block-form .col-input {
        flex: 0 0 auto;
        width: 27%;
    }

    .block-llanta .block-form .col-button {
        flex: 0 0 auto;
        width: 19%;
    }

.search-llanta {
}

    .search-llanta .search-llanta-wrapper {
        position: relative;
        padding: 30px;
    }

    .search-llanta .search-llanta-form {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .search-llanta .search-llanta-form input {
            width: 100%;
            line-height: 45px;
            padding: 0 100px 0 15px;
            border: 1px solid #979797;
            border-radius: 5px;
            transition: all .3s;
        }

            .search-llanta .search-llanta-form input:focus,
            .search-llanta .search-llanta-form input:hover {
                border-color: #000000;
            }

        .search-llanta .search-llanta-form button {
            font-size: 25px;
            line-height: 33px;
            color: #222831;
            background: none;
            border: none;
            padding: 7px 14px;
        }

            .search-llanta .search-llanta-form button.button-search {
                color: #ffffff;
                background: #000000;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

            .search-llanta .search-llanta-form button.icon-search {
                position: absolute;
                top: 0;
                right: 0;
            }

            .search-llanta .search-llanta-form button.icon-cancel {
                position: absolute;
                top: 0;
                right: 52px;
            }

    .search-llanta .search-llanta-result {
        position: relative;
        display: block;
        border: 1px solid #dddddd;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);
        box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);
    }

        .search-llanta .search-llanta-result .search-result-list {
            position: relative;
            display: block;
            padding: 15px;
        }

            .search-llanta .search-llanta-result .search-result-list a {
                display: block;
                padding: 3px;
            }

            .search-llanta .search-llanta-result .search-result-list img {
                max-width: 40px;
                max-height: 40px;
            }

        .search-llanta .search-llanta-result .search-result-button {
            position: relative;
            display: block;
            border-top: 1px solid #dddddd;
            padding: 10px;
        }

    .search-llanta .search-llanta-popular {
        position: relative;
        margin-top: 35px;
    }

        .search-llanta .search-llanta-popular h3 {
            font-family: 'Outfit', sans-serif;
            font-size: 14px;
            line-height: 14px;
            font-weight: 500;
            letter-spacing: 1px;
            margin-bottom: 25px;
        }

        .search-llanta .search-llanta-popular .popular-search {
            position: relative;
        }

            .search-llanta .search-llanta-popular .popular-search a {
                display: block;
                font-size: 12px;
                line-height: 30px;
                letter-spacing: 1px;
            }

        .search-llanta .search-llanta-popular .popular-product {
            position: relative;
            padding: 10px 0 0 0;
        }

@media (max-width: 1024px) {
    .search-llanta {
        top: 50px;
    }

        .search-llanta .search-llanta-wrapper {
            position: relative;
            padding: 15px 0;
        }

        .search-llanta .search-llanta-popular {
            margin-top: 25px;
        }

            .search-llanta .search-llanta-popular h3 {
                margin-bottom: 15px;
            }
}

.llanta-popup {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    height: auto;
    width: 100%;
    max-width: 750px;
    background: #fff;
    -webkit-box-shadow: 0 6px 27px #0003;
    box-shadow: 0 6px 27px #0003;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

    .llanta-popup .llanta-popup-wrapper {
        position: relative;
    }

        .llanta-popup .llanta-popup-wrapper .popup-close {
            display: block;
            position: absolute;
            top: 6px;
            right: -9px;
            line-height: 1;
            font-size: 20px;
            letter-spacing: 0;
            text-align: center;
            padding: 7px;
            color: #232323;
            background: #ffffff;
        }

            .llanta-popup .llanta-popup-wrapper .popup-close:hover {
                color: #ffffff;
                background: #232323;
            }

    .llanta-popup .llanta-popup-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
    }

body.llanta-popup-show .llanta-popup {
    pointer-events: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
    z-index: 1000;
}

body.llanta-popup-show .background-overlay-popup {
    z-index: 1000;
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1024px) {
    .llanta-popup {
        max-width: 95%;
    }

        .llanta-popup .llanta-popup-wrapper {
            padding: 50px 25px;
        }
}

.block-repuesto {
    position: relative;
    padding: 40px 0 40px 0;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
}

    .block-repuesto .col-item {
        padding-left: 15px;
        padding-right: 15px;
    }

    .block-repuesto .block-form {
    }

        .block-repuesto .block-form .form-title {
            position: relative;
            display: flex;
            align-items: center;
        }

            .block-repuesto .block-form .form-title h3 {
                font-family: 'Bai Jamjuree', sans-serif;
                font-size: 24px;
                font-weight: 500;
                letter-spacing: 1px;
                line-height: 25px;
                margin: 0;
            }

            .block-repuesto .block-form .form-title .icon-title {
                background: url(../images/icon-repuesto-filter.svg) no-repeat;
                width: 40px;
                height: 40px;
                min-width: 40px;
            }

            .block-repuesto .block-form .form-title .icon-toggle {
                font-size: 20px;
                line-height: 25px;
            }

            .block-repuesto .block-form .form-title .icon-title,
            .block-repuesto .block-form .form-title .icon-toggle {
                display: none;
            }

        .block-repuesto .block-form .form-field {
            position: relative;
            margin-top: 15px;
        }

            .block-repuesto .block-form .form-field .form-label {
                position: absolute;
                top: -6px;
                left: 9px;
                color: #444444;
                font-weight: 600;
                font-size: 13px;
                line-height: 13px;
                padding: 0 5px;
                background: #ffffff;
                border-radius: 5px;
            }

            .block-repuesto .block-form .form-field .form-input {
                display: block;
                padding: 15px;
                font-size: 14px;
                border-radius: 5px;
                border: 1px solid #c7c7c7;
                color: #232323;
                background-color: #fff;
                width: 100%;
                font-weight: 400;
            }

                .block-repuesto .block-form .form-field .form-input:hover {
                    border-color: #8f8f8f;
                }

            .block-repuesto .block-form .form-field.disabled {
                position: relative;
                display: block;
            }

                .block-repuesto .block-form .form-field.disabled .form-label {
                    color: #919191;
                }

                .block-repuesto .block-form .form-field.disabled .form-input {
                    border: 1px solid #b7b7b7;
                    background: #eeeeee;
                    color: #919191;
                }

        .block-repuesto .block-form .form-action {
            display: block;
            margin-top: 15px;
        }

            .block-repuesto .block-form .form-action .button {
                padding: 5px 15px 4px 15px;
                line-height: 40px;
            }

            .block-repuesto .block-form .form-action .text {
                display: inline-block;
            }

            .block-repuesto .block-form .form-action .icon {
                display: inline-block;
                margin-right: 15px;
            }

@media (max-width: 1024px) {
    .block-repuesto {
    }

        .block-repuesto .col-item {
            padding-left: 10px;
            padding-right: 10px;
        }

        .block-repuesto .block-form {
        }

            .block-repuesto .block-form .form-title {
                padding: 25px;
                background: #eeeeee;
                border-radius: 6px;
                cursor: pointer;
            }

                .block-repuesto .block-form .form-title h3 {
                    font-size: 14px;
                    font-weight: 400;
                    letter-spacing: 1px;
                    padding-left: 25px;
                }

                .block-repuesto .block-form .form-title .icon-title,
                .block-repuesto .block-form .form-title .icon-toggle {
                    display: inline;
                }

            .block-repuesto .block-form .form-field {
                display: none;
            }

            .block-repuesto .block-form.active .form-field {
                display: block;
            }

            .block-repuesto .block-form .form-action {
            }

                .block-repuesto .block-form .form-action .button {
                    width: 100%;
                }
}

.block-account {
    position: relative;
    padding: 50px 0 35px 0;
}

    .block-account .account-info {
        position: relative;
        padding: 0 0 15px 0;
    }

        .block-account .account-info .row-item {
            position: relative;
            display: flex;
        }

        .block-account .account-info .col-account-image {
            position: relative;
            width: 65px;
            flex: 0 0 auto;
        }

        .block-account .account-info .col-account-user {
            position: relative;
            padding-left: 15px;
        }

            .block-account .account-info .col-account-user .user-p1 {
                display: block;
                margin-top: 5px;
                font-size: 14px;
                font-weight: 400;
                color: #605f5f;
            }

            .block-account .account-info .col-account-user .user-p2 {
                display: block;
                font-size: 22px;
                font-weight: 500;
                color: #44464b;
            }

        .block-account .account-info .col-account-session {
            position: relative;
            padding-top: 25px;
        }

    .block-account .account-tabs {
        position: relative;
        padding-top: 10px;
    }

    .block-account .nav-pills .nav-link {
        color: #000000;
        background-color: #ffffff;
        border-bottom: 5px solid #ffffff;
        border-radius: 0;
        padding: 5px 5px 10px 5px;
        margin-right: 35px;
    }

        .block-account .nav-pills .nav-link span {
            font-family: 'Outfit', sans-serif;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        .block-account .nav-pills .nav-link i {
            display: inline-block;
            margin-right: 5px;
        }

        .block-account .nav-pills .nav-link.active {
            color: #000000;
            background-color: #ffffff;
            border-bottom: 5px solid #ED1D24;
            border-radius: 0;
        }

@media (min-width: 768px) {
    .block-account .tab-toggle {
        display: none !important;
    }

    .block-account .tab-container {
        display: block !important;
    }

    .block-account .tab-pane {
        display: none !important;
    }

        .block-account .tab-pane.active {
            display: block !important;
        }
}

@media (max-width: 767px) {
    .block-account .account-tabs {
    }

    .block-section .tab-content {
        margin-top: 0;
    }

    .block-account .nav-pills {
        display: none;
    }

    .block-account .tab-pane {
        display: block !important;
    }

    .block-account .fade {
        opacity: 1 !important;
    }

    .block-account .tab-container {
        display: none;
        margin-top: 25px;
    }

    .block-account .tab-toggle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        background-color: #eeeeee;
        border-bottom: 1px solid #c7c7c7;
        padding: 15px;
        margin-left: -15px;
        margin-right: -15px;
    }

        .block-account .tab-toggle span {
            font-family: "Inter";
            font-weight: 400;
            font-size: 12px;
            line-height: 18px;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .block-account .tab-toggle i {
            font-size: 18px;
            line-height: 18px;
            color: #1a1a1a;
        }
}

.block-account .account-section {
    position: relative;
    padding-bottom: 50px;
}

    .block-account .account-section .col-auto {
        flex: 1;
    }

    .block-account .account-section .col-100 {
        flex: 0 0 auto;
        width: 100px;
    }

    .block-account .account-section .col-150 {
        flex: 0 0 auto;
        width: 150px;
    }

    .block-account .account-section .col-200 {
        flex: 0 0 auto;
        width: 200px;
    }

    .block-account .account-section .col-250 {
        flex: 0 0 auto;
        width: 250px;
    }

    .block-account .account-section .col-300 {
        flex: 0 0 auto;
        width: 300;
    }

@media (max-width: 992px) {
}

.block-account .account-section .card-empty {
    display: inline-block;
    height: 12px;
    width: 50px;
    position: relative;
}

.block-account .account-section .card-visa {
    display: inline-block;
    height: 12px;
    width: 50px;
    background-image: url(../cards/visa.svg);
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
}

.block-account .account-section .card-amex {
    display: inline-block;
    height: 12px;
    width: 50px;
    background-image: url(../cards/amex.svg);
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
}

.block-account .account-section .card {
    position: relative;
    border-radius: 7px;
    overflow: hidden;
}

    .block-account .account-section .card .card-header {
        position: relative;
        padding: 15px;
        background-color: rgba(255, 255, 255, 0);
        overflow: hidden;
    }

        .block-account .account-section .card .card-header:first-child {
            border-radius: initial;
        }

    .block-account .account-section .card .card-body {
        position: relative;
        padding: 15px;
        overflow: hidden;
    }

        .block-account .account-section .card .card-body.card-body-item {
            position: relative;
            padding: 0;
        }

        .block-account .account-section .card .card-body.card-body-resumen {
            position: relative;
            padding: 0;
        }

    .block-account .account-section .card h3 {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 5px 0;
    }

        .block-account .account-section .card h3 span {
            display: inline-block;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            padding-left: 10px;
        }

    .block-account .account-section .card a.link-float {
        position: absolute;
        right: 20px;
        top: 20px;
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

        .block-account .account-section .card a.link-float span {
            display: inline-block;
            padding-right: 5px;
        }

        .block-account .account-section .card a.link-float i {
            display: inline-block;
        }

.block-account .account-section .account-detail {
    padding: 10px 0;
}

    .block-account .account-section .account-detail h4 {
        color: #222831;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .block-account .account-section .account-detail h5 {
        color: #7c7c7c;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 0;
    }

.block-account .account-section .account-address {
    padding: 20px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

    .block-account .account-section .account-address:last-child {
        border-bottom: none;
    }

    .block-account .account-section .account-address h4 {
        color: #222831;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .block-account .account-section .account-address h5 {
        color: #222831;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    .block-account .account-section .account-address a {
        margin-top: 15px;
        font-size: 12px;
        padding: 8px 20px;
    }

.block-account .account-section .account-security {
    padding: 20px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

    .block-account .account-section .account-security:last-child {
        border-bottom: none;
    }

    .block-account .account-section .account-security .row {
        align-items: center;
    }

    .block-account .account-section .account-security .account-security-detail {
    }

        .block-account .account-section .account-security .account-security-detail h4 {
            color: #222831;
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 10px;
        }

        .block-account .account-section .account-security .account-security-detail h5 {
            color: #5B5B5B;
            font-size: 12px;
            font-weight: 400;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 0;
        }

        .block-account .account-section .account-security .account-security-detail p {
            letter-spacing: 1px;
            line-height: 22px;
            margin-top: 15px;
            margin-bottom: 0;
            max-width: 575px;
        }

        .block-account .account-section .account-security .account-security-detail .account-delete {
            position: relative;
        }

            .block-account .account-section .account-security .account-security-detail .account-delete input {
                position: relative;
                top: 4px;
                left: -4px;
                display: inline-block;
                width: 16px;
                height: 16px;
                cursor: pointer;
            }

            .block-account .account-section .account-security .account-security-detail .account-delete label {
                position: relative;
                display: inline;
                color: #5B5B5B;
                font-size: 12px;
                font-weight: 400;
                letter-spacing: 1px;
                text-transform: uppercase;
                padding-right: 15px;
                cursor: pointer;
            }

    .block-account .account-section .account-security .account-security-link {
        text-align: right;
    }

        .block-account .account-section .account-security .account-security-link a {
            font-size: 12px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

            .block-account .account-section .account-security .account-security-link a span {
                display: inline-block;
                padding-right: 5px;
            }

            .block-account .account-section .account-security .account-security-link a i {
                display: inline-block;
            }

    .block-account .account-section .account-security .account-security-button {
        text-align: right;
    }

        .block-account .account-section .account-security .account-security-button a {
            display: block;
        }

.block-account .account-section .account-title {
    padding: 10px 0;
}

    .block-account .account-section .account-title h4 {
        color: #222831;
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 10px;
        letter-spacing: 1px;
    }

    .block-account .account-section .account-title h5 {
        color: #222831;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0;
    }

        .block-account .account-section .account-title h5.status {
            font-weight: 600;
        }

    .block-account .account-section .account-title a {
        width: 100%;
    }

.block-account .account-section .account-item {
    padding: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    align-items: center;
}

    .block-account .account-section .account-item:last-child {
        padding: 15px;
        border-bottom: none;
        align-items: center;
    }

    .block-account .account-section .account-item .account-item-image {
        overflow: hidden;
        background: #f5f5f5;
        padding: 10px 20px;
        border-radius: 5px;
    }

    .block-account .account-section .account-item .account-item-detail {
        padding: 10px 0;
    }

        .block-account .account-section .account-item .account-item-detail h4 {
            font-size: 14px;
            font-weight: 400;
            margin: 0 0 5px 0;
        }

            .block-account .account-section .account-item .account-item-detail h4 a {
                font-size: 14px;
                font-weight: 400;
                text-decoration: underline;
            }

        .block-account .account-section .account-item .account-item-detail h5 {
            font-size: 14px;
            font-weight: 400;
            margin: 10px 0 0 0;
        }

    .block-account .account-section .account-item .account-item-link {
        padding: 10px 0;
    }

        .block-account .account-section .account-item .account-item-link a {
            width: 100%;
        }

    .block-account .account-section .account-item .account-button-detail {
        text-align: center;
    }

.block-account .account-section .account-resumen-title {
    margin-bottom: 30px;
}

    .block-account .account-section .account-resumen-title h3 {
        font-family: 'Bai Jamjuree', sans-serif;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    .block-account .account-section .account-resumen-title h4 {
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    .block-account .account-section .account-resumen-title h5 {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    .block-account .account-section .account-resumen-title p {
        margin-bottom: 0;
    }

.block-account .account-section .account-resumen {
    padding: 0;
}

    .block-account .account-section .account-resumen .row-separate {
        border-right: 1px solid #dddddd;
    }

    .block-account .account-section .account-resumen .account-resumen-detail {
        padding: 15px;
    }

        .block-account .account-section .account-resumen .account-resumen-detail h4 {
            font-size: 12px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin: 0 0 25px 0;
        }

        .block-account .account-section .account-resumen .account-resumen-detail h5 {
            font-size: 15px;
            font-weight: 500;
            margin: 0 0 15px 0;
        }

        .block-account .account-section .account-resumen .account-resumen-detail h6 {
            font-size: 14px;
            font-weight: 400;
        }

    .block-account .account-section .account-resumen .account-resumen-payment {
        padding: 15px;
    }

        .block-account .account-section .account-resumen .account-resumen-payment h4 {
            font-size: 12px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin: 0 0 25px 0;
        }

        .block-account .account-section .account-resumen .account-resumen-payment h5 {
            font-size: 14px;
            font-weight: 400;
            margin: 0 0 15px 0;
        }

    .block-account .account-section .account-resumen .account-resumen-amount {
        padding: 15px;
    }

        .block-account .account-section .account-resumen .account-resumen-amount h4 {
            font-size: 12px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin: 0 0 25px 0;
        }

        .block-account .account-section .account-resumen .account-resumen-amount h5 {
            font-size: 14px;
            font-weight: 400;
            margin: 0 0 15px 0;
        }

            .block-account .account-section .account-resumen .account-resumen-amount h5.total {
                font-weight: 600;
            }

        .block-account .account-section .account-resumen .account-resumen-amount span {
            float: right;
        }

    .block-account .account-section .account-resumen .stepper-wrapper {
        margin-top: auto;
        display: flex;
        justify-content: space-between;
        margin: 25px 0;
    }

    .block-account .account-section .account-resumen .stepper-item {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1;
    }

@media (max-width: 768px) {
    .block-account .account-section .account-resumen .stepper-item {
        font-size: 12px;
    }
}

.block-account .account-section .account-resumen .stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: -50%;
    z-index: 2;
}

.block-account .account-section .account-resumen .stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 2;
}

.block-account .account-section .account-resumen .stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #dddddd;
    color: #000000;
    margin-bottom: 6px;
    border: 5px solid #ffffff;
}

.block-account .account-section .account-resumen .stepper-item .step-name {
    display: block;
    width: 100px;
    margin: 10px auto 0 auto;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.block-account .account-section .account-resumen .stepper-item.active {
    font-weight: bold;
}

.block-account .account-section .account-resumen .stepper-item.completed .step-counter {
    background-color: #24A941;
    color: #ffffff;
}

.block-account .account-section .account-resumen .stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #24A941;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 3;
}

.block-account .account-section .account-resumen .stepper-item:first-child::before {
    content: none;
}

.block-account .account-section .account-resumen .stepper-item:last-child::after {
    content: none;
}

.block-account .account-section .account-resumen .account-resumen-package {
}

    .block-account .account-section .account-resumen .account-resumen-package h4 {
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0 0 10px 0;
    }

    .block-account .account-section .account-resumen .account-resumen-package h5 {
        font-size: 14px;
        font-weight: 400;
        margin: 0;
    }

    .block-account .account-section .account-resumen .account-resumen-package p {
        margin-bottom: 10px;
    }

        .block-account .account-section .account-resumen .account-resumen-package p:last-child {
            margin-bottom: 0;
        }

        .block-account .account-section .account-resumen .account-resumen-package p a {
            text-decoration: underline;
        }

.block-account .account-section .account-itemdet {
}

    .block-account .account-section .account-itemdet .account-itemdet-item {
        align-items: center;
    }

    .block-account .account-section .account-itemdet .account-itemdet-title {
        margin-bottom: 15px;
    }

        .block-account .account-section .account-itemdet .account-itemdet-title h4 {
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 1px;
            margin: 0;
        }

    .block-account .account-section .account-itemdet .account-itemdet-image {
        overflow: hidden;
        background: #f5f5f5;
        padding: 10px 20px;
        border-radius: 5px;
        margin-top: 10px;
    }

    .block-account .account-section .account-itemdet .account-itemdet-detail {
        padding: 10px 0;
        margin-top: 10px;
    }

        .block-account .account-section .account-itemdet .account-itemdet-detail h4 {
            font-size: 14px;
            font-weight: 400;
            margin: 0 0 5px 0;
        }

            .block-account .account-section .account-itemdet .account-itemdet-detail h4 a {
                font-size: 14px;
                font-weight: 400;
                text-decoration: underline;
            }

        .block-account .account-section .account-itemdet .account-itemdet-detail h5 {
            font-size: 14px;
            font-weight: 400;
            margin: 10px 0 0 0;
        }

    .block-account .account-section .account-itemdet .account-itemdet-link {
        padding: 10px 0;
        margin-top: 10px;
    }

        .block-account .account-section .account-itemdet .account-itemdet-link a {
            width: 100%;
        }

.block-cart {
    position: relative;
    padding: 0;
    margin-bottom: 50px;
}

    .block-cart .border-none {
        border: none !important;
    }

    .block-cart .border-top {
        border-top: 1px solid rgba(0, 0, 0, .125) !important;
    }

    .block-cart .border-bottom {
        border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
    }

    .block-cart .cart-nav {
        position: relative;
        padding: 15px 0px;
        border-bottom: 1px solid #C4C4C4;
        margin-bottom: 25px;
    }

        .block-cart .cart-nav i {
            position: relative;
            top: 2px;
            display: inline-block;
            font-size: 20px;
            line-height: 20px;
            padding-right: 15px;
        }

        .block-cart .cart-nav span {
            display: inline-block;
            font-size: 14px;
            line-height: 20px;
            font-weight: 400;
            letter-spacing: 1px;
        }

    .block-cart .cart-container {
        position: relative;
        margin-bottom: 50px;
    }

        .block-cart .cart-container .col-auto {
            flex: 1;
        }

        .block-cart .cart-container .col-100 {
            flex: 0 0 auto;
            width: 100px;
        }

        .block-cart .cart-container .col-125 {
            flex: 0 0 auto;
            width: 125px;
        }

        .block-cart .cart-container .col-150 {
            flex: 0 0 auto;
            width: 150px;
        }

        .block-cart .cart-container .col-200 {
            flex: 0 0 auto;
            width: 200px;
        }

        .block-cart .cart-container .col-250 {
            flex: 0 0 auto;
            width: 250px;
        }

        .block-cart .cart-container .col-300 {
            flex: 0 0 auto;
            width: 300px;
        }

        .block-cart .cart-container .col-350 {
            flex: 0 0 auto;
            width: 350px;
        }

        .block-cart .cart-container .col-400 {
            flex: 0 0 auto;
            width: 400px;
        }

@media (max-width: 1024px) {
    /*.block-cart .cart-container .card-header {
        display: none;
    }*/

    .block-cart .cart-container .row-item-section-list {
        flex: 100%;
    }

    .block-cart .cart-container .row-item-section-resumen {
        flex: 100%;
    }
}

.block-cart .cart-section {
    position: relative;
    padding-bottom: 20px;
}

    .block-cart .cart-section .card {
        overflow: hidden;
    }

        .block-cart .cart-section .card .card-header {
            overflow: hidden;
            padding: 0;
            border: none;
            background: #ffffff;
        }

        .block-cart .cart-section .card .card-body {
            overflow: hidden;
            padding: 0;
            border: none;
            background: #ffffff;
        }

        .block-cart .cart-section .card .card-footer {
            overflow: hidden;
            padding: 0;
            border: none;
            background: #ffffff;
        }

    .block-cart .cart-section a.link-float {
        position: absolute;
        right: 0;
        top: 0;
    }

        .block-cart .cart-section a.link-float span {
            display: inline-block;
            padding-right: 5px;
            letter-spacing: 1px;
        }

        .block-cart .cart-section a.link-float i {
            display: inline-block;
        }

    .block-cart .cart-section .cart-item {
        padding: 20px 20px;
        align-items: center;
    }

    .block-cart .cart-section .cart-resumen {
        padding: 10px 20px;
        align-items: center;
    }

    .block-cart .cart-section .cart-title {
        padding: 20px 20px;
    }

        .block-cart .cart-section .cart-title h3 {
            position: relative;
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 0;
        }

        .block-cart .cart-section .cart-title .cart-card {
            position: absolute;
            top: 18px;
            right: 18px;
        }

            .block-cart .cart-section .cart-title .cart-card img {
                display: inline-block;
                width: 50px;
                margin-left: 5px;
                border: 1px solid #dddddd;
                border-radius: 5px;
                filter: brightness(100%) contrast(100%) grayscale(100%) saturate(0%);
                opacity: .5;
            }

        .block-cart .cart-section .cart-title h3 .cart-step {
            position: relative;
            display: inline-block;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            font-family: 'Bai Jamjuree', sans-serif;
            background: #000000;
            color: #ffffff;
            font-size: 14px;
            line-height: 24px;
            text-align: center;
            font-weight: 600;
            border: 1px solid #000000;
            margin-right: 10px;
        }

            .block-cart .cart-section .cart-title h3 .cart-step.step-complete {
                background: #24A941;
                color: #ffffff;
                border-color: #24A941;
            }

        .block-cart .cart-section .cart-title h4 {
            font-weight: 700;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 0;
        }

        .block-cart .cart-section .cart-title a.link-float {
            right: 20px;
            top: 24px;
        }

            .block-cart .cart-section .cart-title a.link-float i {
                font-size: 16px;
            }

    .block-cart .cart-section .cart-form {
        padding: 0px 20px 20px 20px;
        align-items: center;
    }

    .block-cart .cart-section .cart-button {
        max-width: 300px;
        margin: 30px auto 25px auto;
    }

        .block-cart .cart-section .cart-button a {
            display: block;
            font-size: 16px;
            padding: 15px;
        }

    .block-cart .cart-section .cart-terms {
        margin: 20px auto 0 auto;
        text-align: center;
    }

        .block-cart .cart-section .cart-terms h4 {
            font-size: 16px;
            font-weight: 400;
        }

            .block-cart .cart-section .cart-terms h4 a {
                text-decoration: underline;
            }

    .block-cart .cart-section .cart-item-title {
    }

        .block-cart .cart-section .cart-item-title h4 {
            font-weight: 600;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 0;
        }

    .block-cart .cart-section .cart-item-detail {
    }

        .block-cart .cart-section .cart-item-detail h4 {
            font-size: 14px;
            font-weight: 400;
            margin: 3px 0;
        }

            .block-cart .cart-section .cart-item-detail h4.item-info {
                font-size: 12px;
                font-weight: 400;
            }

            .block-cart .cart-section .cart-item-detail h4.item-price {
                font-size: 14px;
                font-weight: 400;
            }

            .block-cart .cart-section .cart-item-detail h4.item-subtotal {
                font-size: 14px;
                font-weight: 600;
            }

            .block-cart .cart-section .cart-item-detail h4.resumen-text {
                font-size: 14px;
                font-weight: 400;
                letter-spacing: 1px;
            }

            .block-cart .cart-section .cart-item-detail h4.resumen-value {
                font-size: 14px;
                font-weight: 400;
            }

        .block-cart .cart-section .cart-item-detail .btn {
            padding: 0;
            border-radius: 0;
            background: #F5F5F5;
            border: 1px solid #F5F5F5;
        }

            .block-cart .cart-section .cart-item-detail .btn:focus,
            .block-cart .cart-section .cart-item-detail .btn:hover {
                border: none;
                outline: 0;
            }

        .block-cart .cart-section .cart-item-detail .form-control {
            padding: 0;
            border: none;
        }

            .block-cart .cart-section .cart-item-detail .form-control:focus,
            .block-cart .cart-section .cart-item-detail .form-control:hover {
                border: none;
                outline: 0;
            }

        .block-cart .cart-section .cart-item-detail a.link-float {
            right: 20px;
            top: 2px;
        }

            .block-cart .cart-section .cart-item-detail a.link-float i {
                font-size: 20px;
            }

    .block-cart .cart-section .cart-item-button {
        padding: 5px 0;
    }

        .block-cart .cart-section .cart-item-button a {
            display: block;
        }

    .block-cart .cart-section .cart-item-image {
        overflow: hidden;
        background: #f5f5f5;
        padding: 5px 10px;
        border-radius: 5px;
    }

    .block-cart .cart-section .cart-item-form {
        position: relative;
        display: block;
        margin: 25px 0px 0px 0px;
    }

        .block-cart .cart-section .cart-item-form.form-float {
            position: relative;
            display: block;
            margin: 25px 0px 0px 0px;
        }

        .block-cart .cart-section .cart-item-form .form-label {
            position: relative;
            color: #444444;
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 5px;
        }

        .block-cart .cart-section .cart-item-form .form-label-float {
            position: absolute;
            top: -6px;
            left: 9px;
            color: #444444;
            font-size: 13px;
            line-height: 13px;
            font-weight: 600;
            padding: 0 5px;
            background: #ffffff;
            border-radius: 5px;
            z-index: 3;
        }

        .block-cart .cart-section .cart-item-form .form-input {
            position: relative;
        }

            .block-cart .cart-section .cart-item-form .form-input .form-input-inline {
                position: relative;
                display: block;
                padding: 0 15px;
                font-size: 16px;
                line-height: 16px;
                min-height: 56px;
                border-radius: 5px;
                border: 1px solid #c7c7c7;
                color: #232323;
                background-color: #fff;
                width: 100%;
            }

        .block-cart .cart-section .cart-item-form .form-checkbox {
            position: relative;
        }

            .block-cart .cart-section .cart-item-form .form-checkbox .form-checkbox-inline {
                position: relative;
                top: 3px;
                display: inline-block;
                width: 18px;
                height: 18px;
            }

            .block-cart .cart-section .cart-item-form .form-checkbox .form-label-inline {
                position: relative;
                display: inline-block;
                font-size: 14px;
                padding-left: 10px;
            }

        .block-cart .cart-section .cart-item-form .form-icon-info {
            position: absolute;
            right: 15px;
            top: 14px;
            font-size: 20px;
            z-index: 4;
            color: #393E46;
        }

        .block-cart .cart-section .cart-item-form .form-icon-status {
            position: absolute;
            right: 15px;
            top: 14px;
            font-size: 20px;
            z-index: 4;
            display: none;
            color: #c7c7c7;
        }

        .block-cart .cart-section .cart-item-form.status-success .form-icon-status {
            display: inline;
            color: #24A941;
        }

        .block-cart .cart-section .cart-item-form.status-success .form-input-inline {
            background-image: linear-gradient(to bottom, #24A941 4px, #ffffff 4px);
            background-position: 0 50px;
        }

        .block-cart .cart-section .cart-item-form.status-danger .form-icon-status {
            display: inline;
            color: #ff0000;
        }

        .block-cart .cart-section .cart-item-form.status-danger .form-input-inline {
            background-image: linear-gradient(to bottom, #ff0000 4px, #ffffff 4px);
            background-position: 0 50px;
        }

        .block-cart .cart-section .cart-item-form h5 {
            position: relative;
            font-size: 14px;
            font-weight: 400;
            margin: 0;
        }

            .block-cart .cart-section .cart-item-form h5.format-1 {
                font-size: 15px;
                font-weight: 500;
            }

            .block-cart .cart-section .cart-item-form h5.format-2 {
                display: block;
                font-size: 14px;
                font-weight: 400;
                padding: 25px;
                background: #F5F5F5;
                border-radius: 8px;
            }

            .block-cart .cart-section .cart-item-form h5.format-3 {
                font-size: 15px;
                font-weight: 600;
            }

            .block-cart .cart-section .cart-item-form h5.format-4 {
                font-size: 16px;
                font-weight: 600;
                margin-bottom: 5px;
            }

            .block-cart .cart-section .cart-item-form h5.format-delivery {
                font-size: 15px;
                font-weight: 500;
            }

                .block-cart .cart-section .cart-item-form h5.format-delivery span {
                    display: inline-block;
                }

                .block-cart .cart-section .cart-item-form h5.format-delivery img {
                    display: inline-block;
                    width: 25px;
                    margin-left: 10px;
                }

            .block-cart .cart-section .cart-item-form h5.format-card {
                font-size: 15px;
                font-weight: 500;
            }

                .block-cart .cart-section .cart-item-form h5.format-card span {
                    display: inline-block;
                }

                .block-cart .cart-section .cart-item-form h5.format-card img {
                    position: relative;
                    top: -3px;
                    display: inline-block;
                    width: 50px;
                    margin-left: 10px;
                }

    .block-cart .cart-section .cart-item-secure {
        position: relative;
        display: block;
        margin: 20px 0px 0px 0px;
        text-align: center;
    }

        .block-cart .cart-section .cart-item-secure h5 {
            position: relative;
            display: inline-block;
        }

            .block-cart .cart-section .cart-item-secure h5 i {
                position: relative;
                display: inline-block;
                padding-right: 15px;
            }

            .block-cart .cart-section .cart-item-secure h5 span {
                position: relative;
                display: inline-block;
                font-size: 13px;
                font-weight: 400;
                letter-spacing: 1px;
            }

    .block-cart .cart-section .cart-item-card {
        position: relative;
        display: block;
        margin: 15px 0px 0px 0px;
    }

        .block-cart .cart-section .cart-item-card img {
            display: inline-block;
            width: 75px;
            margin-right: 5px;
            border: 1px solid #dddddd;
            border-radius: 5px;
        }

            .block-cart .cart-section .cart-item-card img.inactive {
            }

    .block-cart .cart-section.cart-disabled {
    }

        .block-cart .cart-section.cart-disabled .cart-title h3 {
            color: #C4C4C4;
        }

            .block-cart .cart-section.cart-disabled .cart-title h3 .cart-step {
                background: #ffffff;
                color: #C4C4C4;
                border-color: #C4C4C4;
            }

    .block-cart .cart-section .cart-shipping {
        position: relative;
        height: 85px;
        width: 100%;
        margin-bottom: 10px;
    }

        .block-cart .cart-section .cart-shipping:last-child {
            margin-bottom: 0;
        }

        .block-cart .cart-section .cart-shipping input[type="radio"] {
            -webkit-appearance: none;
            position: relative;
            height: 100%;
            width: 100%;
            background-color: #ffffff;
            border-radius: 8px;
            cursor: pointer;
            border: 2px solid #d5d5d5;
            outline: none;
        }

            .block-cart .cart-section .cart-shipping input[type="radio"]:after {
                position: absolute;
                font-family: "Font Awesome 6 Pro";
                font-weight: 400;
                content: "\f111";
                font-size: 25px;
                top: 23px;
                right: 28px;
                color: #959595;
            }

            .block-cart .cart-section .cart-shipping input[type="radio"]:checked {
                border: 2px solid #4c4c4c;
            }

                .block-cart .cart-section .cart-shipping input[type="radio"]:checked:after {
                    content: "\f192";
                    color: #000000;
                }

        .block-cart .cart-section .cart-shipping label {
            display: flex;
            align-items: center;
            gap: 20px;
            height: 85px;
            position: absolute;
            top: 0;
            left: 30px;
            cursor: pointer;
        }

        .block-cart .cart-section .cart-shipping div {
            align-items: center;
            gap: 20px;
            height: 85px;
            position: absolute;
            top: 10px;
            left: 20px;
            cursor: pointer;
        }        

.block-cart .cart-section .cart-shipping label img {
    width: 35px;
}

.block-cart .cart-section .cart-shipping label h6 {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}

.data-profile,
.data-address,
.data-password,
.data-email {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    height: auto;
    width: 100%;
    max-width: 750px;
    background: #fff;
    -webkit-box-shadow: 0 6px 27px #0003;
    box-shadow: 0 6px 27px #0003;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.data-password {
    max-width: 600px;
}

.data-email {
    max-width: 550px;
}

body.data-popup-show-profile .data-profile,
body.data-popup-show-address .data-address,
body.data-popup-show-password .data-password,
body.data-popup-show-email .data-email {
    pointer-events: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
    z-index: 1000;
}

body.data-popup-show-profile .background-overlay-data,
body.data-popup-show-address .background-overlay-data,
body.data-popup-show-password .background-overlay-data,
body.data-popup-show-email .background-overlay-data {
    z-index: 1000;
    opacity: 1;
    visibility: visible;
}

.data-popup {
}

    .data-popup .data-popup-wrapper {
        position: relative;
        padding: 50px;
    }

        .data-popup .data-popup-wrapper .popup-close {
            display: block;
            position: absolute;
            top: 6px;
            right: -9px;
            line-height: 1;
            font-size: 20px;
            letter-spacing: 0;
            text-align: center;
            padding: 7px;
            color: #232323;
            background: #ffffff;
        }

            .data-popup .data-popup-wrapper .popup-close:hover {
                color: #ffffff;
                background: #232323;
            }

    .data-popup .data-popup-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
    }

        .data-popup .data-popup-form .form-block {
            margin-top: 25px;
        }

        .data-popup .data-popup-form .form-title {
            position: relative;
            display: block;
        }

            .data-popup .data-popup-form .form-title h3 {
                font-family: 'Bai Jamjuree', sans-serif;
                font-size: 32px;
                font-weight: 500;
                letter-spacing: 2px;
                margin-bottom: 0;
            }

        .data-popup .data-popup-form .form-field {
            position: relative;
            display: block;
            margin: 15px 0px;
        }

            .data-popup .data-popup-form .form-field .form-label {
                position: absolute;
                top: -10px;
                left: 9px;
                color: #444444;
                font-size: 13px;
                font-weight: 600;
                padding: 0 5px;
                background: #ffffff;
                border-radius: 5px;
            }

            .data-popup .data-popup-form .form-field .form-input {
                display: block;
                padding: 15px;
                font-size: 14px;
                border-radius: 5px;
                border: 1px solid #c7c7c7;
                color: #232323;
                background-color: #fff;
                width: 100%;
            }

                .data-popup .data-popup-form .form-field .form-input:hover {
                    border-color: #8f8f8f;
                }

            .data-popup .data-popup-form .form-field .form-radio {
                position: relative;
                display: block;
            }

                .data-popup .data-popup-form .form-field .form-radio input {
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    font-size: inherit;
                    position: absolute;
                    left: 18px;
                    top: 18px;
                    background: #fff;
                    border: 1px solid #c7c7c7;
                    border-radius: 50%;
                    height: 20px;
                    width: 20px;
                    margin: 0;
                    cursor: pointer;
                    outline: none;
                    transition: all .3s;
                }

                    .data-popup .data-popup-form .form-field .form-radio input:checked {
                        background: #000000;
                        border-color: #000000;
                    }

                    .data-popup .data-popup-form .form-field .form-radio input::after {
                        content: "";
                        position: absolute;
                        border: 2px solid #fff;
                        border-top: 0;
                        border-left: 0;
                        display: block;
                        height: 0.75rem;
                        left: 25%;
                        top: 50%;
                        transform: rotate(45deg) translate(-50%, -50%);
                        width: 0.375rem;
                    }

                .data-popup .data-popup-form .form-field .form-radio label {
                    position: relative;
                    background-color: #fff;
                    border-radius: 5px;
                    width: 100%;
                }

                .data-popup .data-popup-form .form-field .form-radio .radio-item {
                    display: flex;
                    flex-direction: column;
                    border: 1px solid #c7c7c7;
                    border-radius: 5px;
                    padding: 15px 20px 15px 50px;
                    cursor: pointer;
                    transition: all .3s;
                }

                    .data-popup .data-popup-form .form-field .form-radio .radio-item span {
                        display: block;
                        font-size: 16px;
                        font-weight: 500;
                        margin-bottom: 5px;
                    }

                        .data-popup .data-popup-form .form-field .form-radio .radio-item span + span {
                            font-size: 14px;
                            font-weight: 400;
                            color: #5B5B5B;
                            margin-bottom: 0;
                        }

                .data-popup .data-popup-form .form-field .form-radio input:checked ~ .radio-item {
                    border-color: #8f8f8f;
                }

                .data-popup .data-popup-form .form-field .form-radio:hover .radio-item {
                    border-color: #8f8f8f;
                }

                .data-popup .data-popup-form .form-field .form-radio:hover input {
                    border-color: #8f8f8f;
                }

                    .data-popup .data-popup-form .form-field .form-radio:hover input:checked {
                        border-color: #000000;
                    }

            .data-popup .data-popup-form .form-field .form-checkbox {
                position: relative;
            }

                .data-popup .data-popup-form .form-field .form-checkbox + .form-checkbox {
                    margin-top: 15px;
                }

                .data-popup .data-popup-form .form-field .form-checkbox input {
                    position: absolute;
                    left: 0;
                    top: 0;
                    display: inline-block;
                    width: 18px;
                    height: 18px;
                    cursor: pointer;
                }

                .data-popup .data-popup-form .form-field .form-checkbox span {
                    position: relative;
                    top: -2px;
                    left: 22px;
                    display: inline-block;
                    padding-left: 5px;
                    padding-right: 22px;
                    cursor: pointer;
                }

        .data-popup .data-popup-form .form-action {
            display: block;
            text-align: right;
            margin-top: 30px;
        }

            .data-popup .data-popup-form .form-action .button {
                font-size: 16px;
                font-weight: 500;
                padding: 15px 30px;
            }

@media (max-width: 1024px) {
    .data-popup {
        max-width: 95%;
    }

        .data-popup .data-popup-wrapper {
            padding: 50px 25px;
        }
}