﻿@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
@charset "UTF-8"

.container {
    padding-right: 12px;
    padding-left: 12px
}

@media(min-width:1200px) {
    .container {
        max-width: 1224px
    }
}

.row {
    margin-right: -12px;
    margin-left: -12px
}

    .row .col, .row [class*=col-] {
        padding-right: 12px;
        padding-left: 12px
    }

@media(max-width:767px) {
    .row {
        margin-right: -6px;
        margin-left: -6px
    }

        .row .col, .row [class*=col-] {
            padding-right: 6px;
            padding-left: 6px
        }
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .row.no-gutters > .col, .row.no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

@media(max-width:991px) {
    body[class$=-active] {
        cursor: pointer
    }
}

@media(max-width:991px) {
    body.navigation-active {
        overflow: hidden;
        position: fixed;
        height: 100%;
        width: 100%
    }

    body.navigation-active {
        left: 280px
    }

        body.navigation-active #mobile-navigation {
            left: 0;
            box-shadow: 2px 0 5px 0 rgba(0,0,0,.1)
        }

        body.navigation-active .navigation-menu-overlay {
            display: block
        }
}

#mobile-navigation {
    position: fixed;
    top: 0;
    left: -280px;
    width: 280px;
    height: 100%;
    z-index: 999;
    transition: all .2s ease-in-out;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

    #mobile-navigation .mobile-navigation {
        overflow: hidden;
        position: relative
    }

    #mobile-navigation li.has-sub-category > div {
        overflow: hidden
    }

    #mobile-navigation li.has-sub-category.active > div {
        left: 0;
        overflow: visible
    }

    #mobile-navigation a {
        padding: 1.5rem 1rem;
        color: #262626;
        font-size: 1.4rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #ebebeb
    }

        #mobile-navigation a > div {
            display: flex;
            align-items: center
        }

            #mobile-navigation a > div > div {
                margin-right: 1rem
            }

                #mobile-navigation a > div > div img {
                    width: 3rem;
                    height: 3rem;
                    object-fit: scale-down
                }

    #mobile-navigation .category-level-2, #mobile-navigation .category-level-3 {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        background: #fff;
        transition: all .2s ease-in-out;
        z-index: 2
    }

        #mobile-navigation .category-level-2 ul, #mobile-navigation .category-level-3 ul {
            padding: 0 1rem
        }

            #mobile-navigation .category-level-2 ul > li > a, #mobile-navigation .category-level-3 ul > li > a {
                padding: 1rem;
                border-color: #ebebeb;
                color: #262626;
                font-size: 1.3rem
            }

    #mobile-navigation .mobile-navigation-back a {
        justify-content: flex-start
    }

        #mobile-navigation .mobile-navigation-back a span {
            margin-left: 1rem
        }

        #mobile-navigation .mobile-navigation-back a i {
            font-size: 1rem
        }

.modal-cart-delete {
    overflow: visible !important
}

    .modal-cart-delete .modal-dialog {
        max-width: 310px;
        margin: 1.75rem auto
    }

        .modal-cart-delete .modal-dialog .modal-content {
            max-width: 310px;
            padding: 1rem;
            border-radius: .4rem;
            border: none;
            text-align: center;
            box-shadow: 0 3px 9px rgba(0,0,0,.5)
        }

            .modal-cart-delete .modal-dialog .modal-content .close {
                display: none
            }

            .modal-cart-delete .modal-dialog .modal-content .modal-body .fa-times {
                width: 6rem;
                height: 6rem;
                margin: 0 auto 1rem;
                border-radius: 50%;
                border: 3px solid #f15e5e;
                text-align: center;
                color: #f15e5e;
                font-size: 2.8rem;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .modal-cart-delete .modal-dialog .modal-content .modal-body span {
                display: block;
                text-align: center;
                font-size: 1.8rem
            }

            .modal-cart-delete .modal-dialog .modal-content .modal-body p {
                color: #999
            }

            .modal-cart-delete .modal-dialog .modal-content .modal-footer {
                border: none;
                text-align: center;
                justify-content: center
            }

                .modal-cart-delete .modal-dialog .modal-content .modal-footer .btn {
                    width: 12rem;
                    font-size: 1.3rem;
                    margin-right: 1rem;
                    padding: 1rem 1.5rem
                }

                    .modal-cart-delete .modal-dialog .modal-content .modal-footer .btn:last-child {
                        margin-right: 0
                    }

@media(max-width:767px) {
    .modal-cart-delete .modal-dialog .modal-content .modal-body .fa-times {
        width: 6.5rem;
        height: 6.5rem;
        margin-bottom: 2rem;
        font-size: 3rem
    }

    .modal-cart-delete .modal-dialog .modal-content .modal-body span {
        font-size: 1.9rem;
        margin-bottom: 1rem
    }
}

.shopping-information-cart {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1100;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.9)
}

    .shopping-information-cart .shopping-information-cart-inside {
        position: absolute;
        left: 50%;
        top: 50%;
        display: flex;
        align-items: center;
        color: #262626;
        font-size: 2.2rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        transform: translate(-50%,-50%)
    }

        .shopping-information-cart .shopping-information-cart-inside svg {
            flex: 0 0 5.6rem;
            width: 5.6rem;
            height: 5.6rem;
            border-radius: 50%;
            display: block;
            stroke-width: 2;
            stroke: #fff;
            stroke-miterlimit: 10;
            margin-right: 2rem;
            animation: fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both
        }

            .shopping-information-cart .shopping-information-cart-inside svg circle {
                float: left;
                stroke-dasharray: 166;
                stroke-dashoffset: 166;
                stroke-width: 2;
                stroke-miterlimit: 10;
                stroke: #9D0B2F;
                fill: none;
                animation: stroke .6s cubic-bezier(.65,0,.45,1) 2
            }

            .shopping-information-cart .shopping-information-cart-inside svg path {
                transform-origin: 50% 50%;
                stroke-dasharray: 48;
                stroke-dashoffset: 48;
                animation: stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards
            }

@keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes scale {
    0%,100% {
        transform: none
    }

    50% {
        transform: scale3d(1.1,1.1,1)
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0 0 0 30px #9D0B2F
    }
}

.promotion-wrapper {
    margin-bottom: 3.2rem
}

    .promotion-wrapper .promotion-content .promotion-row {
        border: 1px solid #ebebeb;
        margin-top: -1px
    }

        .promotion-wrapper .promotion-content .promotion-row:first-child {
            margin-top: 0
        }

        .promotion-wrapper .promotion-content .promotion-row:nth-child(odd) {
            background: #fafafa
        }

    .promotion-wrapper .promotion-content .promotion-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%
    }

        .promotion-wrapper .promotion-content .promotion-icon i {
            font-size: 3rem;
            color: #262626
        }

@media(max-width:991px) {
    .promotion-wrapper .promotion-content .promotion-icon i {
        font-size: 2.2rem
    }
}

.promotion-wrapper .promotion-content .promotion-info {
    height: 100%;
    padding: 1rem 0
}

    .promotion-wrapper .promotion-content .promotion-info > div {
        margin-bottom: .8rem
    }

        .promotion-wrapper .promotion-content .promotion-info > div strong {
            font-size: 1.4rem
        }

    .promotion-wrapper .promotion-content .promotion-info > span {
        display: block;
        max-height: 7.5rem;
        overflow-y: auto
    }

.promotion-wrapper .promotion-content .promotion-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 1rem
}

.tabbed-midblocks-container {
    margin-bottom: 2rem
}

    .tabbed-midblocks-container .tabbed-midblocks-header {
        margin-bottom: 1rem;
        display: flex;
        flex-wrap: wrap
    }

        .tabbed-midblocks-container .tabbed-midblocks-header > a {
            width: 4rem;
            height: 4rem;
            display: none;
            align-items: center;
            justify-content: center;
            background-color: #9D0B2F;
            color: #fff
        }

@media(max-width:991px) {
    .tabbed-midblocks-container .tabbed-midblocks-header > a {
        display: flex
    }
}

.tabbed-midblocks-container .tabbed-midblocks-header > div {
    display: flex;
    flex: auto
}

    .tabbed-midblocks-container .tabbed-midblocks-header > div [data-tab-index] {
        flex: 0 0 20%;
        cursor: pointer;
        position: relative
    }

        .tabbed-midblocks-container .tabbed-midblocks-header > div [data-tab-index] > span {
            height: 4rem;
            color: #262626;
            border-bottom: 3px solid transparent;
            font-size: 1.6rem;
            flex: 0 0 100%;
            display: flex;
            align-items: center
        }

@media(max-width:991px) {
    .tabbed-midblocks-container .tabbed-midblocks-header > div [data-tab-index] {
        flex: 0 0 100%;
        display: none
    }

        .tabbed-midblocks-container .tabbed-midblocks-header > div [data-tab-index] > span {
            justify-content: center
        }
}

.tabbed-midblocks-container .tabbed-midblocks-header > div [data-tab-index].active {
    display: flex
}

    .tabbed-midblocks-container .tabbed-midblocks-header > div [data-tab-index].active > span {
        border-color: #9D0B2F;
        color: #262626
    }

.tabbed-midblocks-container .tabbed-midblock-content {
    margin-bottom: 1rem
}

    .tabbed-midblocks-container .tabbed-midblock-content > [data-tab-content] {
        display: none
    }

        .tabbed-midblocks-container .tabbed-midblock-content > [data-tab-content].active {
            display: block
        }

.tabbed-midblocks-container .tabbed-midblock-bottom {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center
}

    .tabbed-midblocks-container .tabbed-midblock-bottom a {
        width: 2.4rem;
        height: 2.4rem;
        margin: 0 .2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #9D0B2F;
        color: #fff
    }

        .tabbed-midblocks-container .tabbed-midblock-bottom a.passive {
            pointer-events: none;
            background-color: #eee;
            color: gray
        }

.mid-blocks-wrapper .mid-blocks-container .mid-blocks-header {
    margin-bottom: 2rem
}

    .mid-blocks-wrapper .mid-blocks-container .mid-blocks-header .mid-blocks-title {
        height: 4rem;
        color: #262626;
        border-bottom: 3px solid #9D0B2F;
        font-size: 1.6rem;
        display: flex;
        align-items: center
    }

.zoomContainer .zoomWindow {
    background-color: #fff
}

@media(max-width:991px) {
    .zoomContainer {
        display: none !important
    }
}

.product-tags {
    display: flex
}

    .product-tags .product-tags-title {
        padding: .3rem 0;
        margin-right: 1.6rem;
        color: #262626;
        font-weight: 700;
        flex: 0 0 auto
    }

    .product-tags .product-tags-content {
        display: flex;
        flex-wrap: wrap
    }

        .product-tags .product-tags-content a {
            display: block;
            padding: .3rem 1.6rem;
            border-radius: .4rem;
            background: #fff;
            color: #262626;
            margin-right: .4rem;
            margin-bottom: .4rem;
            border: 1px solid #ebebeb
        }

@media(max-width:991px) {
    .product-tags {
        display: block
    }
}

.fancybox-slide .fancybox-image-wrap {
    background: #fff !important
}

.product-standart-cargo-buttons {
    display: flex;
    margin-bottom: 24px
}

    .product-standart-cargo-buttons .product-standart-cargo-button {
        margin-right: 12px;
        border: 1px solid #ebebeb;
        padding: .6rem 2rem;
        color: #262626;
        background: #fafafa;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .product-standart-cargo-buttons .product-standart-cargo-button i:before {
            font-family: "font awesome 5 free";
            font-weight: 900;
            font-style: normal;
            margin-right: 1rem;
            font-size: 1.7rem
        }

        .product-standart-cargo-buttons .product-standart-cargo-button:last-child {
            margin-right: 0
        }

        .product-standart-cargo-buttons .product-standart-cargo-button.fast_shipping i:before {
            content: ''
        }

        .product-standart-cargo-buttons .product-standart-cargo-button.same_day_shipping i:before {
            content: ''
        }

        .product-standart-cargo-buttons .product-standart-cargo-button.three_days_delivery i:before {
            content: ''
        }

        .product-standart-cargo-buttons .product-standart-cargo-button.five_days_delivery i:before {
            content: ''
        }

        .product-standart-cargo-buttons .product-standart-cargo-button.seven_days_delivery i:before {
            content: ''
        }

        .product-standart-cargo-buttons .product-standart-cargo-button.free_shipping i:before {
            content: ''
        }

        .product-standart-cargo-buttons .product-standart-cargo-button.delivery_from_stock i:before {
            content: ''
        }

        .product-standart-cargo-buttons .product-standart-cargo-button.pre_ordered_product i:before {
            content: ''
        }

        .product-standart-cargo-buttons .product-standart-cargo-button.limited_stock i:before {
            content: ''
        }

        .product-standart-cargo-buttons .product-standart-cargo-button.ask_stock i:before {
            content: ''
        }

        .product-standart-cargo-buttons .product-standart-cargo-button.campaigned_product i:before {
            content: ''
        }

@media(max-width:767px) {
    .product-standart-cargo-buttons .product-standart-cargo-button {
        padding: .6rem 1rem
    }
}

@media(max-width:767px) {
    #social-container {
        padding: 0
    }

        #social-container [data-selector=whatsapp-order], #social-container [data-selector=facebook-messenger] {
            position: fixed;
            width: 4rem;
            font-size: 0;
            border-radius: 100%
        }

            #social-container [data-selector=whatsapp-order] .fab, #social-container [data-selector=facebook-messenger] .fab {
                margin-right: 0
            }

            #social-container [data-selector=facebook-messenger].overlap {
                bottom: 60px
            }
}

body {
    font-size: 1.3rem;
    font-family: poppins,sans-serif;
    color: #262626;
    background: #fff;
    transition: left .2s ease-in-out,right .2s ease-in-out;
    position: relative;
    left: 0
}

a {
    color: #9D0B2F
}

    a:active, a:focus, a:hover {
        color: #9D0B2F
    }

.openbox-overlay, .navigation-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.6);
    display: none;
    z-index: 99;
    width: 100%;
    height: 100%;
    cursor: pointer
}

#header .header-middle {
    border-top: solid 1px #d8d8d8
}

@media(max-width:991px) {
    #header .header-middle {
        padding: 1rem 0
    }
}

@media(max-width:767px) {
    #header .header-middle {
        padding: 1rem 0
    }
}

.header-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 98
}

.header-bottom {
    background-color: #9D0B2F;
    margin-bottom: 1.8rem
}

.menu-items-row1 {
    display: flex
}

    .menu-items-row1 li a {
        color: #262626;
        display: block;
        padding: 0 1rem;
        font-size: 1.2rem;
        height: 1.7rem
    }

        .menu-items-row1 li a:hover {
            color: #9D0B2F
        }

        .menu-items-row1 li a:first-child {
            padding-left: 0
        }

.menu-items-row2 {
    display: flex;
    justify-content: flex-end
}

    .menu-items-row2 li a {
        color: #262626;
        display: block;
        padding: 0 1rem;
        font-size: 1.2rem;
        height: 1.7rem
    }

        .menu-items-row2 li a:hover {
            color: #9D0B2F
        }

        .menu-items-row2 li a:last-child {
            padding-right: 0
        }

.header-top-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #fff
}

    .header-top-bar span {
        display: block;
        color: #262626;
        font-size: 1.3rem;
        padding: 1.4rem 1.2rem;
        font-weight: 600
    }

.search form {
    position: relative
}

    .search form input {
        width: 100%;
        padding: 1.26rem 6rem 1.3rem 2rem;
        border: 1px solid #ebebeb;
        height: 4.5rem;
        color: #707070;
        border-radius: 5px;
        background-color: #fdfff6;
        font-size: 1.3rem
    }

        .search form input::placeholder {
            opacity: 1;
            color: #262626
        }

    .search form button {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 5rem;
        background: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-search.svg?revision=7.1.9.0-2-1631689609) no-repeat 50% 50%;
        border: none;
        padding: 0
    }

.logo {
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width:767px) {
    .logo {
        margin-bottom: 1rem
    }
}

.logo img {
    max-height: 10.4rem
}

@media(max-width:991px) {
    .header-phone {
        display: flex;
        justify-content: center
    }
}

@media(max-width:767px) {
    .header-phone {
        display: none
    }
}

.header-phone > a {
    color: #9D0B2F;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 600
}

    .header-phone > a i {
        margin-right: 1rem
    }

    .header-phone > a > div {
        display: flex;
        flex-direction: column
    }

        .header-phone > a > div .phone-title {
            font-size: 1.3rem;
            font-weight: 500;
            color: #646464
        }

#navigation {
    position: relative;
    display: flex;
    justify-content: center
}

    #navigation .category-level-1 > ul {
        display: flex
    }

        #navigation .category-level-1 > ul > li > a {
            display: block;
            color: #fff;
            font-size: 1.4rem;
            padding: 1.5rem;
            font-weight: 600
        }

            #navigation .category-level-1 > ul > li > a:hover {
                color: #9D0B2F
            }

        #navigation .category-level-1 > ul > li.active > a {
            color: #9D0B2F;
            background-color: #9D0B2F
        }

        #navigation .category-level-1 > ul > li.active > .category-level-2 {
            display: block
        }

    #navigation .category-level-2 {
        position: absolute;
        top: 100%;
        left: auto;
        width: 20%;
        background-color: #fdfff6;
        border-radius: 7px;
        display: none;
        box-shadow: 0 2px 5px rgba(0,0,0,.1);
        z-index: 101;
        padding: 3rem
    }

        #navigation .category-level-2 > ul {
            display: block;
            flex-wrap: wrap
        }

            #navigation .category-level-2 > ul > li {
                flex: 0 0 25%;
                margin-bottom: 2rem
            }

                #navigation .category-level-2 > ul > li > a {
                    display: block;
                    color: #676767;
                    font-size: 1.3rem;
                    margin-bottom: 1rem;
                    font-weight: 500
                }

                    #navigation .category-level-2 > ul > li > a:only-child {
                        margin-bottom: 0
                    }

                #navigation .category-level-2 > ul > li.navigation-category-image {
                    flex: 0 0 20%
                }

                    #navigation .category-level-2 > ul > li.navigation-category-image > a {
                        text-align: center
                    }

                        #navigation .category-level-2 > ul > li.navigation-category-image > a div {
                            position: relative;
                            width: 10rem;
                            height: 10rem;
                            margin: 0 auto 1rem
                        }

                            #navigation .category-level-2 > ul > li.navigation-category-image > a div img {
                                position: absolute;
                                top: 0;
                                right: 0;
                                bottom: 0;
                                left: 0;
                                margin: auto;
                                display: block;
                                max-width: 100%;
                                max-height: 100%
                            }

                #navigation .category-level-2 > ul > li:hover > a {
                    color: #9D0B2F
                }

    #navigation .category-level-3 > ul > li > a {
        display: block;
        color: #262626;
        margin-bottom: .8rem
    }

    #navigation .category-level-3 > ul > li:hover > a {
        color: #9D0B2F
    }

    #navigation .category-level-3 > ul > li.navigation-show-all {
        font-style: italic;
        text-decoration: underline
    }

@media(max-width:991px) {
    #navigation {
        display: none
    }
}

.toggle-bar {
    width: 4rem;
    height: 4rem;
    align-items: center;
    justify-content: start;
    font-size: 2rem;
    display: none;
    cursor: pointer;
    z-index: 1
}

@media(max-width:991px) {
    .toggle-bar {
        display: flex
    }
}

#entry-slider {
    margin-bottom: 9.5rem;
    margin-top: -1.8rem
}

@media(max-width:991px) {
    #entry-slider {
        margin-bottom: 3rem
    }
}

#entry-slider > div {
    height: 0;
    overflow: hidden
}

    #entry-slider > div.slick-slider {
        height: auto;
        overflow: visible
    }

#entry-slider .slick-arrow {
    width: 4rem;
    height: 4rem;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #fff
}

    #entry-slider .slick-arrow > i {
        display: none
    }

    #entry-slider .slick-arrow.slick-prev {
        left: 15px;
        background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-arrow-left.svg?revision=7.1.9.0-2-1631689609)
    }

    #entry-slider .slick-arrow.slick-next {
        right: 15px;
        background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-arrow-right.svg?revision=7.1.9.0-2-1631689609)
    }

    #entry-slider .slick-arrow.slick-disabled {
        background-color: #333
    }

#entry-slider .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    bottom: -5rem
}

    #entry-slider .slick-dots > li {
        margin: 0 .5rem
    }

        #entry-slider .slick-dots > li > button {
            width: 14px;
            height: 14px;
            border: none;
            position: relative;
            overflow: hidden;
            text-indent: -9999px;
            border-radius: 50%;
            background-color: #9D0B2F;
            padding: 0;
            display: block;
            margin-bottom: .5rem
        }

        #entry-slider .slick-dots > li.slick-active > button {
            background-color: #9D0B2F;
            background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-slider.svg?revision=7.1.9.0-2-1631689609)
        }

.theme-banners {
    margin-bottom: 5.5rem
}

    .theme-banners .theme-banner {
        border-radius: 7px
    }

@media(max-width:767px) {
    .theme-banners .theme-banner {
        margin-bottom: 2rem
    }
}

.theme-banners .theme-banner .theme-banner-img {
    overflow: hidden
}

    .theme-banners .theme-banner .theme-banner-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 7px
    }

.theme-banners .theme-banner:hover {
    box-shadow: 0 3px 9px rgba(89,158,42,.7);
    transition: all .2s ease-in-out
}

.list-tab {
    margin-bottom: 2.4rem
}

.list-tab-title {
    margin-bottom: 2.6rem
}

    .list-tab-title [data-tab-index] a {
        color: #9b9999;
        font-size: 1.6rem;
        font-weight: 500
    }

    .list-tab-title [data-tab-index].active a {
        font-weight: 600;
        color: #9D0B2F;
        font-size: 1.6rem;
        border-bottom: solid 1px #9D0B2F
    }

    .list-tab-title [data-tab-index].active::after {
        content: '';
        position: absolute;
        right: 50%;
        bottom: -10px;
        border-style: solid;
        border-top-width: 8px;
        border-right-width: 5px;
        border-left-width: 5px;
        border-color: #9D0B2F;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent
    }

@media(max-width:767px) {
    .list-tab-title [data-tab-index].active::after {
        display: none
    }
}

.list-tab-content [data-tab-content] {
    height: 0;
    overflow: hidden
}

    .list-tab-content [data-tab-content].active {
        height: auto;
        overflow: visible
    }

.list-tab-content .slick-arrow {
    width: 4rem;
    height: 4rem;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
    z-index: 2;
    cursor: pointer;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent
}

    .list-tab-content .slick-arrow > i {
        display: none
    }

    .list-tab-content .slick-arrow.slick-prev {
        left: -1rem;
        background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-arrow-left.svg?revision=7.1.9.0-2-1631689609);
        background-color: #fff;
        border: solid 1px #e8e8e8
    }

    .list-tab-content .slick-arrow.slick-next {
        right: -1rem;
        background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-arrow-right.svg?revision=7.1.9.0-2-1631689609);
        background-color: #fff;
        border: solid 1px #e8e8e8
    }

    .list-tab-content .slick-arrow.slick-disabled {
        opacity: 1
    }

.list-tab-content .slick-dots {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 2rem;
    width: 100%
}

    .list-tab-content .slick-dots > li {
        margin: 0 .5rem
    }

        .list-tab-content .slick-dots > li > button {
            width: 14px;
            height: 14px;
            border: none;
            position: relative;
            overflow: hidden;
            text-indent: -9999px;
            border-radius: 50%;
            background-color: #9D0B2F;
            padding: 0;
            display: block;
            margin-bottom: .5rem
        }

        .list-tab-content .slick-dots > li.slick-active > button {
            background-color: #9D0B2F;
            background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-slider.svg?revision=7.1.9.0-2-1631689609)
        }

@media(max-width:991px) {
    .list-tab-title {
        overflow-x: auto;
        scroll-snap-type: x mandatory
    }

        .list-tab-title [data-tab-index] {
            scroll-snap-align: start
        }
}

.default-products {
    margin-bottom: 2rem
}

    .default-products .products-header {
        color: #262626;
        font-size: 1.8rem;
        font-weight: 500;
        text-align: center;
        margin-bottom: 3.6rem
    }

    .default-products .products-content {
        height: 0;
        overflow: hidden
    }

        .default-products .products-content.slick-slider {
            height: auto;
            overflow: visible
        }

        .default-products .products-content > .slick-arrow {
            width: 4rem;
            height: 4rem;
            opacity: 1;
            position: absolute;
            top: 50%;
            transform: translateY(-60%);
            z-index: 2;
            cursor: pointer;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-color: transparent
        }

            .default-products .products-content > .slick-arrow > i {
                display: none
            }

            .default-products .products-content > .slick-arrow.slick-prev {
                left: -1rem;
                background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-arrow-left.svg?revision=7.1.9.0-2-1631689609);
                background-color: #fff;
                border: solid 1px #e8e8e8
            }

            .default-products .products-content > .slick-arrow.slick-next {
                right: -1rem;
                background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-arrow-right.svg?revision=7.1.9.0-2-1631689609);
                background-color: #fff;
                border: solid 1px #e8e8e8
            }

            .default-products .products-content > .slick-arrow.slick-disabled {
                opacity: 1
            }

        .default-products .products-content > .slick-dots {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            padding-top: 2rem;
            width: 100%
        }

            .default-products .products-content > .slick-dots > li {
                margin: 0 .5rem
            }

                .default-products .products-content > .slick-dots > li > button {
                    width: 14px;
                    height: 14px;
                    border: none;
                    position: relative;
                    overflow: hidden;
                    text-indent: -9999px;
                    border-radius: 50%;
                    background-color: #9D0B2F;
                    padding: 0;
                    display: block;
                    margin-bottom: .5rem
                }

                .default-products .products-content > .slick-dots > li.slick-active > button {
                    background-color: #9D0B2F;
                    background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-slider.svg?revision=7.1.9.0-2-1631689609)
                }

    .default-products.home-products .products-content, .default-products.featured-products .products-content {
        height: auto
    }

.showcase {
    position: relative;
    border: solid 1px #ebebeb;
    border-radius: 5px;
    margin-bottom: 2.4rem
}

    .showcase:hover {
        box-shadow: 0 0 20px rgba(0,0,0,.1);
        transition: all .2s ease-in-out
    }

    .showcase .showcase-image {
        position: relative;
        padding-top: 100%;
        overflow: hidden
    }

        .showcase .showcase-image img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            display: block;
            max-width: 100%;
            max-height: 100%
        }

    .showcase .discount-label {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background-color: #9D0B2F;
        width: 4.6rem;
        height: 4.6rem;
        z-index: 2;
        top: 1rem;
        left: 1rem;
        border-radius: 50%
    }

@media(max-width:767px) {
    .showcase .discount-label {
        width: 3rem;
        height: 3rem;
        top: .5rem;
        left: .5rem;
        font-size: 1.2rem
    }
}

.showcase .showcase-content {
    padding: 1.5rem 1rem 1rem
}

    .showcase .showcase-content .showcase-title {
        text-align: center;
        margin-bottom: 1rem
    }

        .showcase .showcase-content .showcase-title a {
            display: block;
            font-size: 1.3rem;
            font-weight: 600;
            line-height: 1.6rem;
            height: 3.2rem;
            overflow: hidden;
            color: #616161
        }

    .showcase .showcase-content .showcase-price {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-direction: column;
        height: 5.4rem;
        margin-bottom: 1.4rem
    }

    .showcase .showcase-content .showcase-price-new {
        color: #262626;
        font-size: 1.6rem;
        font-weight: 700
    }

    .showcase .showcase-content .showcase-price-old {
        color: #989898;
        font-weight: 500;
        font-size: 1.3rem;
        text-decoration: line-through
    }

    .showcase .showcase-content .showcase-buttons {
        display: flex;
        align-items: center;
        justify-content: center
    }

        .showcase .showcase-content .showcase-buttons .add-to-cart-button {
            width: 100%;
            height: 3.4rem;
            border-radius: 5px;
            color: #fff;
            font-size: 1.2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 500;
            background-color: #9D0B2F
        }

        .showcase .showcase-content .showcase-buttons .no-stock-button {
            width: 100%;
            height: 3.4rem;
            border-radius: 5px;
            color: #fff;
            font-size: 1.2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 500;
            background-color: #9D0B2F
        }

    .showcase .showcase-content .showcase-favorites > a.add-my-favorites {
        width: 4rem;
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 1rem;
        font-size: 2rem;
        right: 1rem;
        z-index: 2
    }

@media(max-width:767px) {
    .showcase .showcase-content .showcase-favorites > a.add-my-favorites {
        top: 0;
        right: .5rem
    }
}

.showcase .showcase-content .showcase-favorites > a.add-my-favorites.favorite-product {
    color: #9D0B2F
}

    .showcase .showcase-content .showcase-favorites > a.add-my-favorites.favorite-product i {
        font-weight: 900
    }

.showcase-image-container {
    position: relative
}

.sold-out-label-wrapper .sold-out-label {
    background-color: #fff;
    width: 100%;
    height: 100%;
    opacity: .6;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.sold-out-label-wrapper span {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #444;
    font-weight: 500;
    z-index: 2;
    position: absolute;
    text-align: center;
    background-color: #fff;
    opacity: .86;
    width: 100%;
    padding: 1rem 0;
    top: 50%
}

.limited-text {
    border: solid 5px #9D0B2F;
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 2.8rem
}

@media(max-width:767px) {
    .limited-text {
        display: none
    }
}

.limited-text .limited-text-title {
    font-weight: 600;
    margin-bottom: 12px;
    display: none
}

.limited-text .limited-text-content {
    background-color: #9D0B2F;
    border-radius: 10px
}

    .limited-text .limited-text-content [type=checkbox] {
        display: none
    }

        .limited-text .limited-text-content [type=checkbox] + div {
            height: calc(18px * 6);
            line-height: 18px;
            overflow: hidden;
            font-size: 1.4rem;
            color: #fff;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 2rem;
            text-align: center
        }

@media(max-width:991px) {
    .limited-text .limited-text-content [type=checkbox] + div {
        font-size: 1rem;
        padding: 2rem
    }
}

.limited-text .limited-text-content [type=checkbox] + div + label {
    display: none;
    margin: 0;
    cursor: pointer
}

    .limited-text .limited-text-content [type=checkbox] + div + label:before {
        content: attr(data-title-show)
    }

    .limited-text .limited-text-content [type=checkbox] + div + label:hover {
        color: #9D0B2F
    }

.limited-text .limited-text-content [type=checkbox]:checked + div {
    height: 100%;
    overflow: visible
}

    .limited-text .limited-text-content [type=checkbox]:checked + div + label:before {
        content: attr(data-title-hide)
    }

.shopping-banners {
    margin-bottom: 3rem
}

    .shopping-banners .shopping-banner {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        color: #262626;
        padding: 1rem
    }

@media(max-width:767px) {
    .shopping-banners .shopping-banner {
        text-align: center
    }
}

.shopping-banners .shopping-banner .shopping-banner-img {
    width: 4rem;
    height: 4rem;
    position: relative;
    display: block
}

    .shopping-banners .shopping-banner .shopping-banner-img img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        display: block;
        max-width: 100%;
        max-height: 100%
    }

.shopping-banners .shopping-banner .shopping-banner-content {
    padding-left: 1rem
}

    .shopping-banners .shopping-banner .shopping-banner-content .shopping-banner-title {
        font-size: 1.3rem;
        font-weight: 700;
        color: #646464
    }

    .shopping-banners .shopping-banner .shopping-banner-content .shopping-banner-sub-title {
        font-size: 1.2rem;
        color: #5d5d5d
    }

.block-item[data-type=product-groups] {
    border: solid 1px #9D0B2F;
    border-radius: 7px;
    background-color: #fdfff6;
    padding: 2rem
}

    .block-item[data-type=product-groups] .block-item-title {
        font-size: 1.4rem;
        font-weight: 600;
        color: #2e2e2e;
        text-transform: uppercase
    }

    .block-item[data-type=product-groups] .block-item-content {
        padding: 1rem 0
    }

        .block-item[data-type=product-groups] .block-item-content .standard-menu a {
            border: none;
            background-color: transparent;
            display: flex;
            justify-content: start
        }

        .block-item[data-type=product-groups] .block-item-content .all-categories a {
            font-size: 1.3rem;
            font-weight: 500;
            color: #2e2e2e;
            transition: all .2s ease-in-out;
            padding: 1rem 0
        }

            .block-item[data-type=product-groups] .block-item-content .all-categories a::before {
                display: block;
                content: ' ';
                background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-plus.svg?revision=7.1.9.0-2-1631689609);
                background-size: 15px 17px;
                width: 2rem;
                height: 2rem;
                background-repeat: no-repeat
            }

            .block-item[data-type=product-groups] .block-item-content .all-categories a i {
                display: none
            }

.standard-menu .parent-item.selected-item > a::before {
    content: '';
    font-family: "font awesome 5 free";
    font-weight: 900;
    margin-right: .5rem
}

.parent-item.selected-item {
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8
}

@media(min-width:768px) {
    .block-item[data-type=filter-product-groups] {
        border: solid 1px #9D0B2F;
        border-radius: 7px;
        background-color: #fdfff6;
        padding: 2rem
    }

        .block-item[data-type=filter-product-groups] .block-item-title {
            font-size: 1.4rem;
            font-weight: 600;
            color: #2e2e2e;
            text-transform: uppercase
        }

        .block-item[data-type=filter-product-groups] .block-item-content {
            padding: 0
        }

            .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box {
                border: none;
                margin-bottom: 1rem
            }

                .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-category .filter-menu-category-title {
                    border-top: solid 1px #ebebeb;
                    font-weight: 500;
                    font-size: 1.3rem;
                    text-transform: capitalize
                }

                    .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-category .filter-menu-category-title::before {
                        content: '';
                        font-family: "font awesome 5 free";
                        font-weight: 900
                    }

                .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-category .filter-menu-category-content {
                    padding: .3rem 0;
                    border-bottom: none;
                    margin-bottom: 1.5rem
                }

                    .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-category .filter-menu-category-content a {
                        color: #676767;
                        font-size: 1.2rem;
                        padding: .5rem 0 .5rem 1rem;
                        transition: all .2s ease-in-out
                    }

                        .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-category .filter-menu-category-content a:hover {
                            color: #9D0B2F;
                            text-decoration: underline
                        }

                        .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-category .filter-menu-category-content a i {
                            display: none
                        }

                .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-category .filter-menu-category-top {
                    border-top: solid 1px #d8d8d8
                }

                    .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-category .filter-menu-category-top a {
                        font-size: 1.3rem;
                        font-weight: 500;
                        color: #2e2e2e;
                        transition: all .2s ease-in-out;
                        padding: 1rem 0
                    }

                        .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-category .filter-menu-category-top a::before {
                            display: block;
                            content: ' ';
                            background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-plus.svg?revision=7.1.9.0-2-1631689609);
                            background-size: 15px 17px;
                            width: 2rem;
                            height: 2rem;
                            background-repeat: no-repeat
                        }

                        .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-category .filter-menu-category-top a i {
                            display: none
                        }

                .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-groups .filter-menu-group-title {
                    padding: 1.2rem 0;
                    font-size: 1.4rem;
                    font-weight: 600;
                    color: #2e2e2e;
                    text-transform: uppercase
                }

                .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-groups .filter-menu-group-content {
                    padding: 0
                }

                    .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-groups .filter-menu-group-content input[type=checkbox] + label {
                        color: #676767;
                        font-size: 1.2rem;
                        padding-left: 3rem
                    }

                        .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-groups .filter-menu-group-content input[type=checkbox] + label:before {
                            top: 2px;
                            width: 18px;
                            height: 17px;
                            border-radius: 3px;
                            background-size: .8rem;
                            border: 1px solid #ebebeb
                        }

                    .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-groups .filter-menu-group-content input[type=checkbox]:checked + label:before {
                        background-color: #9D0B2F;
                        border-color: #d8d8d8;
                        background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-checkbox.svg?revision=7.1.9.0-2-1631689609)
                    }

                    .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-groups .filter-menu-group-content .scrollbar-inner > .scroll-element .scroll-element_track {
                        background-color: #ebebeb
                    }

                    .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-groups .filter-menu-group-content .scrollbar-inner > .scroll-element .scroll-bar {
                        background-color: #9D0B2F
                    }

                    .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-groups .filter-menu-group-content .scrollbar-inner > .scroll-element .scroll-bar, .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-groups .filter-menu-group-content .scrollbar-inner > .scroll-element .scroll-element_track, .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-groups .filter-menu-group-content .scrollbar-inner > .scroll-element .scroll-element_outer {
                        opacity: 1;
                        filter: alpha(opacity=100);
                        -ms-filter: "alpha(opacity=100)";
                        -webkit-border-radius: 0;
                        -moz-border-radius: 0;
                        border-radius: 0
                    }

                    .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-groups .filter-menu-group-content .scrollbar-inner > .scroll-element:hover .scroll-bar, .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-groups .filter-menu-group-content .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
                        background-color: #9D0B2F
                    }

                    .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-groups .filter-menu-group-content .checkbox-custom {
                        padding: .2rem 0
                    }

                .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-selected-items {
                    margin-bottom: 1.8rem
                }

                    .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-selected-items .filter-menu-selected-items-title {
                        color: #262626;
                        font-size: 1.2rem;
                        font-weight: 500;
                        padding: 0 0 1.8rem
                    }

                    .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-selected-items .filter-menu-selected-items-content {
                        padding: 0 0 1.8rem
                    }

                        .block-item[data-type=filter-product-groups] .block-item-content .filter-menu .filter-menu-box.filter-menu-selected-items .filter-menu-selected-items-content a {
                            color: #fff;
                            font-size: 1.3rem;
                            background-color: #9D0B2F
                        }

    #sorting-options {
        margin-bottom: 2.4rem
    }

        #sorting-options select.form-control:not([size]):not([multiple]), #sorting-options select:not([size]) {
            height: 4rem;
            font-size: 1.2rem;
            padding: .6rem 3rem .6rem 2rem;
            border: 1px solid #e8e8e8;
            color: #676767;
            background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-selectbox1.svg?revision=7.1.9.0-2-1631689609)
        }

        #sorting-options .record-count {
            line-height: 26px;
            font-size: 1.2rem;
            color: #9D0B2F;
            font-weight: 600
        }

        #sorting-options .checkbox-custom {
            line-height: 26px
        }

            #sorting-options .checkbox-custom input[type=checkbox] + label {
                color: #676767;
                font-size: 1.2rem
            }

                #sorting-options .checkbox-custom input[type=checkbox] + label:before {
                    top: 4px;
                    width: 18px;
                    height: 17px;
                    border-radius: 3px;
                    background-size: .8rem;
                    border: 1px solid #d8d8d8
                }

            #sorting-options .checkbox-custom input[type=checkbox]:checked + label:before {
                background-color: #9D0B2F;
                border-color: #d8d8d8;
                background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-checkbox.svg?revision=7.1.9.0-2-1631689609)
            }
}

#footer {
    padding: 6rem 0 0
}

    #footer .footer-top {
        background-color: #fdfff6;
        padding: 8.8rem 0 3rem;
        position: relative
    }

        #footer .footer-top .footer-menu .footer-menu-title {
            font-size: 1.3rem;
            margin-bottom: 1.5rem;
            font-weight: 700;
            color: #9D0B2F
        }

    #footer .footer-bottom {
        background-color: #fff;
        padding: 2.8rem 0
    }

.footer-logo {
    position: absolute;
    left: 45%;
    top: -6rem
}

@media(max-width:991px) {
    .footer-logo {
        left: 40%
    }
}

@media(max-width:767px) {
    .footer-logo {
        left: 30%
    }
}

.footer-logo img {
    max-height: 12.2rem
}

.footer-menu-container .footer-menu .footer-menu-title {
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
    font-weight: 700;
    color: #9D0B2F
}

.footer-menu-container .footer-menu .footer-menu-content > ul > li {
    margin-bottom: 1rem;
    color: #646464;
    font-size: 1.2rem
}

    .footer-menu-container .footer-menu .footer-menu-content > ul > li > a {
        color: #646464;
        transition: all .2s ease-in-out
    }

        .footer-menu-container .footer-menu .footer-menu-content > ul > li > a:hover {
            color: #9D0B2F
        }

@media(max-width:767px) {
    .footer-menu-container[data-menu-type=accordion] {
        text-align: left
    }

        .footer-menu-container[data-menu-type=accordion] .footer-menu .footer-menu-title {
            padding: 12px;
            border: 1px solid #ebebeb;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            cursor: pointer;
            margin-bottom: 12px
        }

            .footer-menu-container[data-menu-type=accordion] .footer-menu .footer-menu-title:after {
                content: '';
                font-family: "font awesome 5 free";
                font-weight: 900
            }

        .footer-menu-container[data-menu-type=accordion] .footer-menu .footer-menu-content {
            padding: 0 12px 12px;
            display: none
        }

        .footer-menu-container[data-menu-type=accordion] .footer-menu.active .footer-menu-title:after {
            content: ''
        }

        .footer-menu-container[data-menu-type=accordion] .footer-menu.active .footer-menu-content {
            display: block
        }
}

.newsletter {
    margin-bottom: 3.7rem
}

.newsletter-title {
    margin-bottom: 1.3rem
}

    .newsletter-title > div {
        font-size: 1.3rem;
        font-weight: 700;
        color: #9D0B2F;
        margin-bottom: 1.5rem
    }

    .newsletter-title > span {
        font-size: 1.2rem;
        color: #646464
    }

.newsletter-content form {
    position: relative
}

    .newsletter-content form input {
        width: 100%;
        padding: 1rem 6rem 1rem 1rem;
        border: none;
        height: 5rem;
        color: #686868;
        font-size: 1.2rem;
        border-radius: 5px
    }

        .newsletter-content form input::placeholder {
            opacity: 1;
            color: #262626
        }

    .newsletter-content form button {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 5rem;
        background: #9D0B2F;
        border: none;
        padding: 0;
        background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-send.svg?revision=7.1.9.0-2-1631689609);
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 5px
    }

.footer-social {
    display: flex;
    margin-left: -.5rem;
    margin-right: -.5rem
}

@media(max-width:767px) {
    .footer-social {
        justify-content: center
    }
}

.footer-social div {
    padding-left: .5rem;
    padding-right: .5rem
}

    .footer-social div a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.2rem;
        height: 3.2rem;
        color: #fff;
        font-size: 1.6rem;
        border-radius: 50%;
        background-color: #9D0B2F;
        transition: all .2s ease-in-out
    }

        .footer-social div a:hover {
            color: #9D0B2F;
            background-color: #fff;
            border: solid 1px #9D0B2F
        }

.footer-adres {
    margin-bottom: 1rem
}

    .footer-adres > span {
        color: #646464;
        font-size: 1.2rem;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

.footer-whatsapp {
    margin-bottom: 1rem
}

    .footer-whatsapp > a {
        color: #646464;
        font-size: 1.2rem;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

.footer-phone {
    margin-bottom: 1rem
}

    .footer-phone > a {
        color: #646464;
        font-size: 1.2rem;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

.footer-mail {
    margin-bottom: 1rem
}

    .footer-mail > a {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        color: #646464;
        font-size: 1.2rem
    }

#head-content {
    margin-bottom: 2.7rem
}

.copyright {
    color: #646464;
    font-size: 1.3rem
}

@media(max-width:767px) {
    .copyright {
        font-size: 1.2rem;
        margin-bottom: 2rem;
        text-align: center
    }
}

.footer-bank {
    display: flex;
    justify-content: flex-end
}

@media(max-width:767px) {
    .footer-bank {
        justify-content: center
    }
}

.footer-bank i {
    padding: 0 2rem 0 0
}

#social-container [data-selector=whatsapp-order] {
    background-color: #56ae62
}

@media(max-width:991px) {
    #social-container [data-selector=whatsapp-order] {
        display: none
    }
}

#social-container [data-selector=whatsapp-order].left, #social-container [data-selector=facebook-messenger].left {
    left: 15rem;
    bottom: 4.5rem
}

#social-container [data-selector=whatsapp-order], #social-container [data-selector=facebook-messenger] {
    height: 4.5rem;
    width: 18.2rem
}

.paginate-wrapper {
    position: relative;
    padding: 1rem 0;
    margin-bottom: 4.1rem
}

    .paginate-wrapper .paginate {
        display: flex;
        justify-content: start
    }

@media(max-width:767px) {
    .paginate-wrapper .paginate {
        justify-content: space-between
    }
}

.paginate-wrapper .paginate a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 4rem;
    height: 4rem;
    color: #262626;
    font-size: 1.4rem;
    padding: 0 .2rem
}

@media(max-width:575px) {
    .paginate-wrapper .paginate a {
        min-width: 3rem;
        height: 3rem
    }
}

.paginate-wrapper .paginate a i {
    display: block;
    line-height: 1.4rem;
    font-size: 1.8rem
}

.paginate-wrapper .paginate .paginate-content {
    display: flex
}

    .paginate-wrapper .paginate .paginate-content a {
        margin: 0 .6rem;
        border: solid 1px #e9e9e9;
        border-radius: 3px
    }

.paginate-wrapper .paginate .paginate-left a {
    margin-right: .6rem;
    padding: 1.2rem 1.8rem
}

    .paginate-wrapper .paginate .paginate-left a::before {
        content: 'GERİ'
    }

.paginate-wrapper .paginate .paginate-left i {
    display: none
}

.paginate-wrapper .paginate .paginate-right a {
    margin-left: .6rem;
    padding: 1.2rem 1.8rem
}

    .paginate-wrapper .paginate .paginate-right a::before {
        content: 'İLERİ'
    }

.paginate-wrapper .paginate .paginate-right i {
    display: none
}

.paginate-wrapper .paginate .paginate-passive a {
    background-color: #fff;
    color: #212121;
    border: solid 1px #e9e9e9;
    border-radius: 3px
}

.paginate-wrapper .paginate .paginate-active a {
    background-color: #eee;
    background-color: #fff;
    color: #212121;
    border: solid 1px #e9e9e9;
    border-radius: 3px
}

.paginate-wrapper .paginate .paginate-element-active {
    background-color: #9D0B2F;
    color: #fff;
    border: solid 1px #d8d8d8;
    border-radius: 3px
}

.contentbox-header {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: solid 1px #ebebeb
}

    .contentbox-header p {
        font-size: 1.2rem;
        margin-bottom: 0;
        display: block
    }

    .contentbox-header h4 {
        margin-bottom: 0;
        font-size: 1.9rem
    }

#breadcrumbs {
    margin-bottom: 12px
}

@media(max-width:991px) {
    #breadcrumbs {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        margin-bottom: .5rem;
        padding-bottom: 1rem
    }
}

#breadcrumbs ol {
    display: flex;
    padding: 0;
    margin: 0;
    align-items: center
}

    #breadcrumbs ol li i {
        font-size: 1.2rem;
        margin: 0 .5rem;
        font-style: normal
    }

        #breadcrumbs ol li i:before {
            content: '/'
        }

    #breadcrumbs ol li:last-child span {
        color: #9D0B2F
    }

    #breadcrumbs ol li span {
        display: flex;
        align-items: center;
        white-space: nowrap;
        color: #888;
        font-size: 1.2rem;
        transition: all .2s ease-in-out
    }

    #breadcrumbs ol li a {
        color: #888
    }

        #breadcrumbs ol li a:hover span span {
            color: #888
        }

@media(max-width:991px) {
    #breadcrumbs ol li span {
        font-size: 1.1rem
    }
}

@media(max-width:767px) {
    .block-item[data-type=filter-product-groups] {
        display: block;
        margin-bottom: 0;
        border: none
    }

        .block-item[data-type=filter-product-groups] .block-item-title {
            display: none
        }

        .block-item[data-type=filter-product-groups] .block-item-content {
            display: block;
            padding: 0
        }

    .block-item[data-type=product-groups] {
        display: none
    }

    .filter-menu, .horizontal-filter-menu {
        position: fixed;
        width: 280px;
        height: 100%;
        left: -280px;
        top: 0;
        background: #fff;
        z-index: 100;
        padding: 12px;
        transition: all .2s ease-in-out;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

        .filter-menu .filter-menu-category, .horizontal-filter-menu .filter-menu-category {
            display: none
        }

    .filter-menu-active {
        left: 280px;
        overflow: hidden;
        position: fixed;
        height: 100%;
        width: 100%
    }

        .filter-menu-active .filter-menu, .filter-menu-active .horizontal-filter-menu {
            left: 0
        }

    #filter-wrapper {
        display: none
    }

        #filter-wrapper.has-sorting-option:not(.has-filter-option) {
            display: block
        }

            #filter-wrapper.has-sorting-option:not(.has-filter-option) .filter-wrapper-header {
                display: none
            }

            #filter-wrapper.has-sorting-option:not(.has-filter-option) .filter-wrapper-content #sorting-options {
                display: block
            }

        #filter-wrapper.has-filter-option {
            display: block
        }

            #filter-wrapper.has-filter-option .filter-wrapper-content #sorting-options {
                display: none
            }

    .sorting-options-content-active #filter-wrapper .filter-wrapper-content #sorting-options {
        display: block
    }
}

@media(max-width:767px) and (max-width:767px) {
    #filter-wrapper {
        margin-bottom: 2rem
    }
}

@media(min-width:768px) {
    .filter-menu-overlay, .filter-wrapper-header {
        display: none !important
    }
}

.horizontal-filter-menu {
    padding: 1.5rem;
    border: 1px solid #ebebeb;
    margin-bottom: 1rem
}

    .horizontal-filter-menu .horizontal-filter-menu-title {
        font-size: 1.6rem;
        margin-bottom: 1rem
    }

    .horizontal-filter-menu .clear-filters {
        display: flex;
        margin-bottom: 1rem
    }

        .horizontal-filter-menu .clear-filters a {
            display: block;
            padding: .2rem .5rem;
            background: #eee;
            color: #262626
        }

    .horizontal-filter-menu .filter-menu-selected-items {
        flex: 0 0 100%
    }

    .horizontal-filter-menu .filter-menu-groups {
        margin-bottom: 1rem
    }

        .horizontal-filter-menu .filter-menu-groups .filter-menu-group-title {
            margin-bottom: 1rem
        }

    .horizontal-filter-menu .filter-menu-selected-items {
        margin-bottom: 1rem
    }

        .horizontal-filter-menu .filter-menu-selected-items .filter-menu-selected-items-title {
            font-size: 1.4rem;
            margin-bottom: 1rem
        }

        .horizontal-filter-menu .filter-menu-selected-items .filter-menu-selected-items-content .filter-menu-selected-group {
            margin-bottom: .5rem
        }

            .horizontal-filter-menu .filter-menu-selected-items .filter-menu-selected-items-content .filter-menu-selected-group .filter-menu-selected-group-title {
                margin-right: 1rem;
                margin-bottom: .5rem
            }

            .horizontal-filter-menu .filter-menu-selected-items .filter-menu-selected-items-content .filter-menu-selected-group .filter-menu-selected-group-content {
                display: flex;
                flex-wrap: wrap
            }

                .horizontal-filter-menu .filter-menu-selected-items .filter-menu-selected-items-content .filter-menu-selected-group .filter-menu-selected-group-content .filter-menu-selected-item {
                    margin-right: 1rem;
                    margin-bottom: .5rem;
                    flex: 0 0 auto
                }

                    .horizontal-filter-menu .filter-menu-selected-items .filter-menu-selected-items-content .filter-menu-selected-group .filter-menu-selected-group-content .filter-menu-selected-item:last-child {
                        margin-right: 0
                    }

                    .horizontal-filter-menu .filter-menu-selected-items .filter-menu-selected-items-content .filter-menu-selected-group .filter-menu-selected-group-content .filter-menu-selected-item a {
                        display: block;
                        padding: .2rem .5rem;
                        background: #eee;
                        color: #262626
                    }

.cascade-menu .parent-item a.selected-item {
    color: #9D0B2F
}

.block-item {
    margin-bottom: 2rem;
    border: 1px solid #ebebeb
}

    .block-item a {
        color: #262626
    }

        .block-item a:hover {
            color: #9D0B2F
        }

    .block-item .block-item-title {
        padding: 1 0;
        font-size: 1.4rem;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .block-item .block-item-title > i {
            display: none
        }

@media(max-width:767px) {
    .block-item .block-item-title > i {
        display: block
    }
}

.block-item .block-item-content {
    padding: 1rem
}

.block-item.active .block-item-title > i.fa-angle-down:before {
    content: ''
}

.block-item[data-type=no-frame] .block-item-title {
    display: none
}

.block-item[data-type=popular-product-list] {
    border: solid 1px #9D0B2F;
    border-radius: 7px;
    background-color: #fdfff6;
    padding: 2rem
}

    .block-item[data-type=popular-product-list] .block-item-title {
        padding: 1.2rem 0;
        font-size: 1.4rem;
        font-weight: 600;
        color: #2e2e2e;
        text-transform: uppercase
    }

    .block-item[data-type=popular-product-list] .block-item-content {
        color: #676767;
        font-size: 1.2rem;
        padding: .5rem 0 .5rem 1rem;
        transition: all .2s ease-in-out
    }

.block-item[data-type=quick-search] {
    border: solid 1px #9D0B2F;
    border-radius: 7px;
    background-color: #fdfff6;
    padding: 2rem
}

    .block-item[data-type=quick-search] .block-item-title {
        padding: 1.2rem 0;
        font-size: 1.4rem;
        font-weight: 600;
        color: #2e2e2e;
        text-transform: uppercase
    }

    .block-item[data-type=quick-search] .block-item-content {
        color: #676767;
        font-size: 1.2rem;
        padding: .5rem 0 .5rem 1rem;
        transition: all .2s ease-in-out
    }

        .block-item[data-type=quick-search] .block-item-content .block-item-content-footer {
            background-color: transparent
        }

.block-item[data-type=featured-product-list] {
    border: solid 1px #9D0B2F;
    border-radius: 7px;
    background-color: #fdfff6;
    padding: 2rem
}

    .block-item[data-type=featured-product-list] .block-item-title {
        padding: 1.2rem 0;
        font-size: 1.4rem;
        font-weight: 600;
        color: #2e2e2e;
        text-transform: uppercase
    }

    .block-item[data-type=featured-product-list] .block-item-content {
        color: #676767;
        font-size: 1.2rem;
        padding: .5rem 0 .5rem 1rem;
        transition: all .2s ease-in-out
    }

.block-item[data-type=poll-list] {
    border: solid 1px #9D0B2F;
    border-radius: 7px;
    background-color: #fdfff6;
    padding: 2rem
}

    .block-item[data-type=poll-list] .block-item-title {
        padding: 1.2rem 0;
        font-size: 1.4rem;
        font-weight: 600;
        color: #2e2e2e;
        text-transform: uppercase
    }

    .block-item[data-type=poll-list] .block-item-content {
        color: #676767;
        font-size: 1.2rem;
        padding: .5rem 0 .5rem 1rem;
        transition: all .2s ease-in-out
    }

.block-item[data-type=page-list] {
    border: solid 1px #9D0B2F;
    border-radius: 7px;
    background-color: #fdfff6;
    padding: 2rem
}

    .block-item[data-type=page-list] .block-item-title {
        padding: 1.2rem 0;
        font-size: 1.4rem;
        font-weight: 600;
        color: #2e2e2e;
        text-transform: uppercase
    }

    .block-item[data-type=page-list] .block-item-content {
        color: #676767;
        font-size: 1.2rem;
        padding: .5rem 0 .5rem 1rem;
        transition: all .2s ease-in-out
    }

        .block-item[data-type=page-list] .block-item-content .block-item-content-footer {
            background-color: transparent
        }

.block-item[data-type=blog-list] {
    border: solid 1px #9D0B2F;
    border-radius: 7px;
    background-color: #fdfff6;
    padding: 2rem
}

    .block-item[data-type=blog-list] .block-item-title {
        padding: 1.2rem 0;
        font-size: 1.4rem;
        font-weight: 600;
        color: #2e2e2e;
        text-transform: uppercase
    }

    .block-item[data-type=blog-list] .block-item-content {
        color: #676767;
        font-size: 1.2rem;
        padding: .5rem 0 .5rem 1rem;
        transition: all .2s ease-in-out
    }

.block-item[data-type=blog-category-list] {
    border: solid 1px #9D0B2F;
    border-radius: 7px;
    background-color: #fdfff6;
    padding: 2rem
}

    .block-item[data-type=blog-category-list] .block-item-title {
        padding: 1.2rem 0;
        font-size: 1.4rem;
        font-weight: 600;
        color: #2e2e2e;
        text-transform: uppercase
    }

    .block-item[data-type=blog-category-list] .block-item-content {
        color: #676767;
        font-size: 1.2rem;
        padding: .5rem 0 .5rem 1rem;
        transition: all .2s ease-in-out
    }

.block-item[data-type=blog-category-list] {
    border: solid 1px #9D0B2F;
    border-radius: 7px;
    background-color: #fdfff6;
    padding: 2rem
}

    .block-item[data-type=blog-category-list] .block-item-title {
        padding: 1.2rem 0;
        font-size: 1.4rem;
        font-weight: 600;
        color: #2e2e2e;
        text-transform: uppercase
    }

    .block-item[data-type=blog-category-list] .block-item-content {
        color: #676767;
        font-size: 1.2rem;
        padding: .5rem 0 .5rem 1rem;
        transition: all .2s ease-in-out
    }

.block-item[data-type=member-menu] .block-item-title {
    padding: 1rem;
    font-size: 1.4rem;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.product-image #product-primary-image {
    position: relative;
    padding-top: 100%;
    margin-bottom: 1.5rem
}

    .product-image #product-primary-image img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        display: block;
        max-width: 100%;
        max-height: 100%
    }

#product-thumb-image {
    margin-left: -12px;
    margin-right: -12px;
    height: 0;
    overflow: hidden
}

    #product-thumb-image.slick-slider {
        height: auto;
        overflow: visible
    }

    #product-thumb-image .thumb-item {
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 12px
    }

        #product-thumb-image .thumb-item > div > a {
            padding-top: 100%;
            position: relative;
            display: block;
            border: 1px solid #ebebeb
        }

            #product-thumb-image .thumb-item > div > a img {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                margin: auto;
                display: block;
                max-width: 100%;
                max-height: 100%
            }

            #product-thumb-image .thumb-item > div > a.zoomGalleryActive {
                border-color: #9D0B2F
            }

            #product-thumb-image .thumb-item > div > a img {
                width: 100%;
                height: 100%
            }

    #product-thumb-image > .slick-arrow {
        width: 2rem;
        height: 2rem;
        opacity: 1;
        position: absolute;
        bottom: -5rem;
        z-index: 2;
        cursor: pointer
    }

        #product-thumb-image > .slick-arrow.slick-prev {
            left: 4rem;
            bottom: -1.5rem;
            background: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-arrow-prev.svg?revision=7.1.9.0-2-1631689609) no-repeat 50% 50%
        }

        #product-thumb-image > .slick-arrow.slick-next {
            left: 4rem;
            bottom: -3rem;
            background: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-arrow-next.svg?revision=7.1.9.0-2-1631689609) no-repeat 50% 50%
        }

        #product-thumb-image > .slick-arrow > i {
            display: none
        }

    #product-thumb-image > .slick-dots {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding-top: 2rem;
        width: 100%
    }

        #product-thumb-image > .slick-dots > li {
            margin: 0 .5rem
        }

            #product-thumb-image > .slick-dots > li > button {
                width: 14px;
                height: 14px;
                border: none;
                position: relative;
                overflow: hidden;
                text-indent: -9999px;
                border-radius: 50%;
                background-color: #9D0B2F;
                padding: 0;
                display: block;
                margin-bottom: .5rem
            }

            #product-thumb-image > .slick-dots > li.slick-active > button {
                background-color: #9D0B2F;
                background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-slider.svg?revision=7.1.9.0-2-1631689609)
            }

.product-list-container {
    margin-bottom: 1.73rem
}

    .product-list-container .product-list-block {
        padding: .4rem 0
    }

    .product-list-container .product-list-row {
        display: flex;
        align-items: baseline;
        line-height: 2.5rem
    }

        .product-list-container .product-list-row a {
            transition: all .2s ease-in-out;
            color: #676767;
            font-size: 1.3rem
        }

            .product-list-container .product-list-row a:hover {
                color: #9D0B2F
            }

        .product-list-container .product-list-row .product-list-title {
            flex: 0 0 14%;
            width: 30%;
            color: #676767;
            font-size: 1.3rem
        }

@media(max-width:767px) {
    .product-list-container .product-list-row .product-list-title {
        flex: 0 0 23%
    }
}

.product-list-container .product-list-row .product-list-content {
    flex: 1 1 auto;
    display: flex;
    align-items: baseline;
    word-break: break-word;
    color: #676767;
    font-size: 1.3rem
}

    .product-list-container .product-list-row .product-list-content:before {
        content: ':';
        margin-right: .2rem
    }

.product-title {
    margin-bottom: .67rem;
    padding: 0 .5rem
}

    .product-title h1 {
        font-size: 2rem;
        color: #616161;
        font-weight: 600;
        margin-bottom: 0
    }

@media(max-width:767px) {
    .product-title h1 {
        font-size: 1.8rem
    }
}

.product-price-container {
    display: flex;
    align-items: center;
    margin-left: -.5rem;
    margin-right: -.5rem;
    padding: 1.86rem 0 2rem;
    border-top: solid 1px #ebebeb
}

    .product-price-container > div {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .product-price-container .product-price {
        display: flex;
        align-items: baseline
    }

    .product-price-container .product-price-new, .product-price-container .product-price-old {
        color: #262626;
        font-size: 5rem;
        font-weight: 700
    }

    .product-price-container.has-discount .product-price .product-price-old {
        color: #989898;
        font-size: 1.7rem;
        font-weight: 400;
        text-decoration: line-through;
        padding-left: 1rem
    }

    .product-price-container .discount-label {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 4.6rem;
        width: 4.6rem;
        color: #fff;
        font-size: 1.4rem;
        padding: 0 1rem;
        border-radius: 50%;
        background-color: #9D0B2F
    }

#product-user-buttons {
    margin-bottom: 2.1rem;
    display: flex;
    flex-wrap: wrap;
    margin-left: -.5rem;
    margin-right: -.5rem;
    align-items: center;
    justify-content: space-between;
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
    padding: 2.1rem 0
}

@media(max-width:767px) {
    #product-user-buttons {
        justify-content: start
    }
}

#product-user-buttons > div {
    margin-right: 2.1rem
}

    #product-user-buttons > div a {
        display: flex;
        color: #676767;
        font-size: 1.3rem;
        transition: all .2s ease-in-out;
        align-items: center
    }

        #product-user-buttons > div a i {
            font-size: 1.6rem
        }

        #product-user-buttons > div a span {
            padding-left: 1rem
        }

@media(max-width:767px) {
    #product-user-buttons > div a span {
        padding-left: .5rem
    }
}

#product-user-buttons > div a:hover {
    color: #9D0B2F
}

#product-user-buttons > div a.add-my-favorites span:before {
    content: attr(data-add-to-favorites)
}

#product-user-buttons > div a.add-my-favorites.favorite-product i {
    font-weight: 900;
    color: #9D0B2F
}

#product-user-buttons > div a.add-my-favorites.favorite-product span:before {
    content: attr(data-favorite-product)
}

.cargo-date {
    margin-bottom: 1.2rem;
    font-size: 1.2rem;
    color: #646464
}

.product-social {
    position: relative;
    width: 3rem;
    height: 3rem
}

@media(max-width:767px) {
    .product-social {
        padding-left: 4rem
    }
}

.product-social > a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #262626;
    font-size: 1.6rem
}

.product-social .product-social-content {
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    display: none;
    background-color: #eee;
    z-index: 11;
    padding: 0 1rem
}

@media(max-width:767px) {
    .product-social .product-social-content {
        top: 3rem;
        left: -8rem;
        background-color: #fff
    }
}

.product-social .product-social-content > div {
    display: flex;
    height: 100%;
    margin-left: -5px;
    margin-right: -5px;
    align-items: center;
    justify-content: center
}

    .product-social .product-social-content > div > div {
        padding-left: 5px;
        padding-right: 5px
    }

        .product-social .product-social-content > div > div > a i {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            color: #fff;
            width: 2rem;
            height: 2rem
        }

        .product-social .product-social-content > div > div > a.product-social-facebook i {
            background-color: #3b5998
        }

        .product-social .product-social-content > div > div > a.product-social-twitter i {
            background-color: #1da1f2
        }

        .product-social .product-social-content > div > div > a.product-social-pinterest i {
            background-color: #bd081c
        }

        .product-social .product-social-content > div > div > a.product-social-whatsapp i {
            background-color: #128c7e
        }

.product-options .product-options-title {
    font-size: 1.3rem;
    color: #232323;
    margin-bottom: 1.2rem;
    font-weight: 500;
    border-top: solid 1px #ebebeb;
    padding: 1.7rem 0 0
}

.variant-select {
    margin-bottom: 2rem
}

    .variant-select .variant-list {
        margin-bottom: 1rem
    }

        .variant-select .variant-list:last-child {
            margin-bottom: 0
        }

        .variant-select .variant-list select {
            width: 50% !important
        }

@media(max-width:575px) {
    .variant-select .variant-list select {
        width: 100% !important
    }
}

.variant-plural .variant-list {
    flex: 0 0 100%;
    display: flex;
    flex-wrap: wrap
}

.variant-plural span {
    flex: 0 0 auto;
    cursor: pointer;
    padding: .7rem 1rem;
    margin: 0 12px 12px 0;
    border: 1px solid #ebebeb;
    background-color: #fff;
    transition: all .2s ease-in-out
}

    .variant-plural span:last-child {
        margin-right: 0
    }

    .variant-plural span:hover, .variant-plural span.variant-selected {
        border-color: #262626;
        box-shadow: 0 0 0 1px #262626
    }

    .variant-plural span.variant-passive, .variant-plural span.variant-no-stock, .variant-plural span.variant-passive:hover, .variant-plural span.variant-no-stock:hover {
        cursor: no-drop;
        background-color: #eee
    }

    .variant-plural span.variant-image {
        padding: 0;
        max-width: 3.2rem;
        max-height: 3.2rem;
        border-radius: 100%
    }

        .variant-plural span.variant-image.variant-selected {
            padding: 1px;
            border: none;
            box-shadow: 0 0 0 2px #262626
        }

        .variant-plural span.variant-image.variant-passive {
            opacity: .4;
            background-color: transparent
        }

.variant-singular {
    margin-bottom: 2rem
}

    .variant-singular .radio-custom {
        margin-bottom: 1rem
    }

        .variant-singular .radio-custom input[type=radio]:checked + label:before {
            background-image: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/checkbox3.svg?revision=7.1.9.0-2-1631689609);
            background-color: #fff
        }

.product-cart-buttons {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.5rem;
    margin-right: -.5rem;
    border-top: solid 1px #ebebeb;
    padding: 2.1rem 0
}

    .product-cart-buttons > div {
        padding-left: 12px;
        padding-right: 12px
    }

    .product-cart-buttons .product-buttons-wrapper {
        flex: 1 0 0%;
        max-width: 100%
    }

        .product-cart-buttons .product-buttons-wrapper .product-buttons-row {
            display: flex;
            flex-wrap: wrap;
            margin-left: -12px;
            margin-right: -12px
        }

            .product-cart-buttons .product-buttons-wrapper .product-buttons-row > div {
                flex: 1 0 0%;
                max-width: 100%;
                padding-left: 12px;
                padding-right: 12px
            }

@media(max-width:767px) {
    .product-cart-buttons {
        margin-left: -6px;
        margin-right: -6px
    }

        .product-cart-buttons > div {
            padding-left: 6px;
            padding-right: 6px
        }

        .product-cart-buttons .product-buttons-wrapper .product-buttons-row {
            margin-left: -6px;
            margin-right: -6px
        }

            .product-cart-buttons .product-buttons-wrapper .product-buttons-row > div {
                padding-left: 6px;
                padding-right: 6px
            }
}

.product-qty-wrapper .product-qty {
    display: flex;
    flex-wrap: wrap;
    width: 16rem;
    height: 4.7rem;
    border: solid 1px #9D0B2F;
    border-radius: 7px
}

    .product-qty-wrapper .product-qty > a {
        flex: 0 0 3rem;
        max-width: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #9D0B2F;
        padding: 0 2rem
    }

    .product-qty-wrapper .product-qty > div {
        flex: 1 0 0%;
        max-width: 100%
    }

        .product-qty-wrapper .product-qty > div::before, .product-qty-wrapper .product-qty > div::after {
            content: '';
            border: solid 1px #9D0B2F
        }

        .product-qty-wrapper .product-qty > div input {
            width: 100%;
            height: 100%;
            text-align: center;
            background-color: transparent;
            font-size: 1.4rem;
            font-weight: 600;
            color: #9D0B2F;
            border: none
        }

@media(max-width:575px) {
    .product-qty-wrapper {
        margin-bottom: 1.5rem;
        flex: 0 0 100%;
        max-width: 100%
    }

        .product-qty-wrapper .product-qty {
            width: 100%
        }
}

.product-cart-buttons a.add-to-cart-button, .product-cart-buttons a.no-stock-button, .product-cart-buttons a.quick-order-button, .product-cart-buttons a.remind-me-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.5rem;
    font-size: 1.4rem;
    font-weight: 500;
    padding: 0 1.5rem;
    border-radius: 7px;
    transition: all .2s ease-in-out
}

.product-cart-buttons a.add-to-cart-button {
    background-color: #9D0B2F;
    color: #fff
}

    .product-cart-buttons a.add-to-cart-button:hover {
        background-color: #9D0B2F
    }

.product-cart-buttons a.no-stock-button {
    background-color: #9D0B2F;
    color: #fff
}

.product-cart-buttons a.quick-order-button {
    display: none
}

.product-cart-buttons a.remind-me-button {
    background-color: #9D0B2F;
    color: #fff
}

    .product-cart-buttons a.remind-me-button:hover {
        background-color: #9D0B2F
    }

.product-favorites > a.add-my-favorites {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem
}

    .product-favorites > a.add-my-favorites.favorite-product {
        color: #9D0B2F
    }

        .product-favorites > a.add-my-favorites.favorite-product i {
            font-weight: 900
        }

.product-detail-tab {
    margin-bottom: 6.5rem
}

    .product-detail-tab [data-tab-index] > a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 4rem;
        color: #262626;
        font-size: 1.6rem;
        background-color: #f9f9f9;
        border: solid 1px #e6e6e6;
        border-radius: 3px;
        border-bottom: none;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .product-detail-tab [data-tab-index].active > a {
        color: #9D0B2F;
        background-color: #fff;
        border: solid 1px #e6e6e6;
        border-radius: 3px;
        font-weight: 500;
        font-size: 1.6rem;
        border-bottom: solid 2px #fff;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .product-detail-tab .product-detail-tab-content [data-tab-content] {
        height: 0;
        overflow: hidden
    }

        .product-detail-tab .product-detail-tab-content [data-tab-content] > div {
            padding: 4.1rem 3.5rem;
            border: solid 1px #e6e6e6
        }

        .product-detail-tab .product-detail-tab-content [data-tab-content].active {
            height: auto;
            overflow: visible
        }

@media(min-width:768px) {
    .product-detail-tab .product-detail-tab-content [data-tab-content].active {
        display: block !important
    }
}

@media(max-width:991px) {
    .product-detail-tab .product-detail-tab-header > .row {
        margin-left: -.25rem;
        margin-right: -.25rem
    }

    .product-detail-tab .product-detail-tab-header [data-tab-index] > a {
        padding: 0 2.5rem
    }
}

@media(max-width:767px) {
    .product-detail-tab {
        border-top: none
    }

        .product-detail-tab .product-detail-tab-content .product-detail-tab-row [data-tab-index] > a {
            position: relative;
            justify-content: space-between;
            height: 5rem;
            color: #fff;
            padding: 0 1.5rem;
            margin-bottom: 1.5rem;
            background-color: #9D0B2F
        }

            .product-detail-tab .product-detail-tab-content .product-detail-tab-row [data-tab-index] > a:after {
                content: '';
                font-weight: 900;
                font-size: 2rem;
                font-family: "font awesome 5 free";
                transition: all .2s ease-in-out
            }

        .product-detail-tab .product-detail-tab-content .product-detail-tab-row.active [data-tab-index] > a:after {
            transform: rotate(-180deg)
        }

        .product-detail-tab .product-detail-tab-content [data-tab-content] {
            height: auto;
            overflow: visible;
            display: none
        }

            .product-detail-tab .product-detail-tab-content [data-tab-content] > div {
                padding: 1rem;
                margin-bottom: 1.5rem
            }
}

.product-detail-tab-header > .row {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.product-cargo-buttons {
    display: flex
}

    .product-cargo-buttons .product-cargo-button {
        display: flex;
        flex-wrap: wrap;
        height: 5rem;
        margin-right: 2.3rem
    }

@media(max-width:767px) {
    .product-cargo-buttons .product-cargo-button {
        margin-right: 0
    }
}

.product-cargo-buttons .product-cargo-button i {
    flex: 0 0 5rem;
    height: 4rem;
    width: 5rem
}

.product-cargo-buttons .product-cargo-button span {
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    flex: 1 1 0%
}

.product-cargo-buttons .product-cargo-button.fast_shipping i {
    background: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-btn-1.svg?revision=7.1.9.0-2-1631689609) no-repeat 50% 50%
}

.product-cargo-buttons .product-cargo-button.same_day_shipping i {
    background: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-btn-2.svg?revision=7.1.9.0-2-1631689609) no-repeat 50% 50%
}

.product-cargo-buttons .product-cargo-button.three_days_delivery i {
    background: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-btn-3.svg?revision=7.1.9.0-2-1631689609) no-repeat 50% 50%
}

.product-cargo-buttons .product-cargo-button.five_days_delivery i {
    background: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-btn-4.svg?revision=7.1.9.0-2-1631689609) no-repeat 50% 50%
}

.product-cargo-buttons .product-cargo-button.seven_days_delivery i {
    background: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-btn-5.svg?revision=7.1.9.0-2-1631689609) no-repeat 50% 50%
}

.product-cargo-buttons .product-cargo-button.free_shipping i {
    background: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-btn-6.svg?revision=7.1.9.0-2-1631689609) no-repeat 50% 50%
}

.product-cargo-buttons .product-cargo-button.delivery_from_stock i {
    background: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-btn-7.svg?revision=7.1.9.0-2-1631689609) no-repeat 50% 50%
}

.product-cargo-buttons .product-cargo-button.pre_ordered_product i {
    background: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-btn-8.svg?revision=7.1.9.0-2-1631689609) no-repeat 50% 50%
}

.product-cargo-buttons .product-cargo-button.limited_stock i {
    background: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-btn-9.svg?revision=7.1.9.0-2-1631689609) no-repeat 50% 50%
}

.product-cargo-buttons .product-cargo-button.ask_stock i {
    background: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-btn-10.svg?revision=7.1.9.0-2-1631689609) no-repeat 50% 50%
}

.product-cargo-buttons .product-cargo-button.campaigned_product i {
    background: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/icon-btn-11.svg?revision=7.1.9.0-2-1631689609) no-repeat 50% 50%
}

.btn {
    font-size: 1.2rem;
    border-radius: .4rem;
    transition: all .2s ease-in-out
}

    .btn.btn-primary {
        color: #fff;
        background: #9D0B2F
    }

        .btn.btn-primary:not(.btn-loading):active, .btn.btn-primary:not(.btn-loading).active, .btn.btn-primary:not(.btn-loading):hover, .btn.btn-primary:not(.btn-loading).hover, .btn.btn-primary:not([disabled]):not(.disabled):active, .btn.btn-primary:not([disabled]):not(.disabled).active {
            background: #9D0B2F;
            color: #fff
        }

    .btn.btn-secondary {
        color: gray;
        background: #eee
    }

        .btn.btn-secondary:not(.btn-loading):active, .btn.btn-secondary:not(.btn-loading).active, .btn.btn-secondary:not(.btn-loading):hover, .btn.btn-secondary:not(.btn-loading).hover {
            color: gray;
            background: #e1e1e1
        }

.btn-loading:before {
    border-top-color: #9D0B2F
}

.loader .ball-pulse > div {
    background-color: #9D0B2F
}

.loading > div {
    border-top-color: #9D0B2F;
    border-bottom-color: #9D0B2F
}

.loading-bar .loader {
    background: #9D0B2F
}

.control-label {
    color: #262626
}

.information-content {
    border: solid 1px #ebebeb;
    border-radius: .4rem
}

    .information-content span {
        border-radius: .4rem
    }

    .information-content i {
        color: #d5d5d5
    }

.member-block li > a.active {
    color: #9D0B2F
}

.member-block li:hover > a:not(.active) {
    color: #9D0B2F
}

    .member-block li:hover > a:not(.active) i.left-icons {
        color: #9D0B2F
    }

#featured-product-block {
    border: none
}

.filter-menu .filter-menu-box {
    margin-bottom: 12px
}

.filter-menu .filter-menu-category .filter-menu-category-title {
    background-color: transparent;
    border: none;
    padding: 1.5rem 0
}

.filter-menu .filter-menu-category .filter-menu-category-content a {
    color: #262626
}

.filter-menu .filter-menu-category .filter-menu-category-top a {
    font-weight: 600
}

.filter-menu .filter-menu-groups .filter-menu-group-title {
    background-color: transparent;
    border: none;
    padding: 1.5rem
}

.filter-menu .filter-menu-groups .filter-menu-group-content label {
    color: #262626
}

.filter-menu .filter-menu-selected-items .filter-menu-selected-items-title {
    background-color: transparent;
    border: none;
    padding: 1.5rem;
    font-weight: 400
}

.filter-menu .filter-menu-selected-items .filter-menu-selected-items-content {
    padding: 1.5rem
}

    .filter-menu .filter-menu-selected-items .filter-menu-selected-items-content .filter-menu-selected-group .filter-menu-selected-group-title {
        font-weight: 400
    }

.idea-promotion-bar {
    padding: 0;
    z-index: 90
}

    .idea-promotion-bar.bar-position-top {
        border-bottom: none
    }

@media(max-width:991px) {
    .idea-promotion-bar {
        display: none !important
    }
}

#checkout-breadcrumbs .checkout-steps > a {
    margin-left: -12px;
    margin-right: -12px
}

@media(max-width:767px) {
    #checkout-breadcrumbs .checkout-steps > a {
        margin-left: -6px;
        margin-right: -6px
    }
}

.form-control {
    color: #262626;
    border-radius: .4rem;
    border: 1px solid #ebebeb
}

    .form-control::placeholder {
        color: #262626
    }

.current-page-product-detail .product-extra-details ul, .current-page-product-detail .product-extra-details li, .current-page-product-detail .product-detail ul, .current-page-product-detail .product-detail li {
    list-style: disc
}

body.user-menu-content-active .user-menu-content {
    right: 0;
    box-shadow: -2px 0 5px 0 rgba(0,0,0,.1)
}

body.user-menu-welcome-active .user-menu-welcome {
    right: 0;
    box-shadow: -2px 0 5px 0 rgba(0,0,0,.1)
}

@media(max-width:991px) {
    body.user-menu-content-active, body.user-menu-welcome-active {
        overflow: hidden;
        position: fixed;
        height: 100%;
        width: 100%;
        left: -280px
    }
}

.user-and-cart {
    display: flex;
    justify-content: space-around
}

.user-menu > a {
    height: 4.2rem;
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 1.3rem;
    font-weight: 500;
    color: #3e3e3e
}

.user-menu > span {
    border-right: solid 1px #d8d8d8;
    margin: 0 1rem
}

.user-menu-content, .user-menu-welcome {
    position: fixed;
    top: 0;
    right: -480px;
    width: 480px;
    height: 100%;
    background-color: #fff;
    z-index: 101;
    transition: all .2s ease-in-out;
    overflow-y: auto;
    padding: 6rem
}

    .user-menu-content .user-menu-content-top, .user-menu-welcome .user-menu-content-top {
        padding-bottom: 2rem;
        margin-bottom: 2rem;
        border-bottom: 1px solid #ebebeb
    }

    .user-menu-content .user-menu-title, .user-menu-welcome .user-menu-title {
        font-size: 1.8rem;
        font-weight: 700;
        color: #262626;
        margin-bottom: 1rem
    }

    .user-menu-content .user-menu-subtitle, .user-menu-welcome .user-menu-subtitle {
        font-size: 1.6rem;
        margin-bottom: 2rem
    }

    .user-menu-content .user-menu-input, .user-menu-welcome .user-menu-input {
        margin-bottom: 1.5rem
    }

        .user-menu-content .user-menu-input input, .user-menu-welcome .user-menu-input input {
            background-color: #fff;
            border-radius: 0;
            font-size: 1.2rem;
            color: #262626
        }

            .user-menu-content .user-menu-input input::placeholder, .user-menu-welcome .user-menu-input input::placeholder {
                color: #262626;
                opacity: 1
            }

    .user-menu-content .user-menu-forgot-pass, .user-menu-welcome .user-menu-forgot-pass {
        text-align: right;
        display: block;
        color: #262626;
        text-decoration: underline
    }

    .user-menu-content .user-menu-button, .user-menu-welcome .user-menu-button {
        margin-bottom: 1.5rem
    }

        .user-menu-content .user-menu-button .btn, .user-menu-welcome .user-menu-button .btn {
            font-size: 1.6rem;
            font-weight: 700
        }

        .user-menu-content .user-menu-button button.btn.btn-google.btn-block, .user-menu-welcome .user-menu-button button.btn.btn-google.btn-block {
            background-color: #dd4b39 !important
        }

    .user-menu-content .btn-user-menu-signup, .user-menu-welcome .btn-user-menu-signup {
        background-color: #9D0B2F;
        color: #fff
    }

    .user-menu-content .user-menu-profile-list, .user-menu-welcome .user-menu-profile-list {
        padding: 2rem 0;
        margin-bottom: 2rem;
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb
    }

        .user-menu-content .user-menu-profile-list > a, .user-menu-welcome .user-menu-profile-list > a {
            color: #262626;
            font-size: 1.6rem;
            padding: 1rem 0;
            display: block
        }

            .user-menu-content .user-menu-profile-list > a:hover, .user-menu-welcome .user-menu-profile-list > a:hover {
                color: #9D0B2F;
                text-decoration: underline
            }

    .user-menu-content .user-menu-profile-logout > a, .user-menu-welcome .user-menu-profile-logout > a {
        font-size: 1.6rem;
        font-weight: 700
    }

@media(max-width:991px) {
    .user-menu-content, .user-menu-welcome {
        right: -280px;
        width: 280px;
        padding: 1.5rem
    }
}

body.cart-content-active .cart-content {
    right: 0;
    box-shadow: -2px 0 5px 0 rgba(0,0,0,.1)
}

@media(max-width:991px) {
    body.cart-content-active {
        overflow: hidden;
        position: fixed;
        height: 100%;
        width: 100%;
        left: -280px
    }
}

.cart-menu > a {
    width: 3rem;
    height: 4.2rem;
    display: flex;
    align-items: center;
    position: relative
}

    .cart-menu > a .cart-amount {
        position: absolute;
        top: -1.9rem;
        left: .3rem;
        width: 24px;
        height: 24px;
        line-height: 25px;
        text-align: center;
        font-size: 1.3rem;
        font-weight: 500;
        background-color: #9D0B2F;
        color: #fff;
        border-radius: 50%
    }

.cart-content {
    position: fixed;
    top: 0;
    right: -480px;
    width: 480px;
    height: 100%;
    background-color: #fff;
    z-index: 101;
    transition: all .2s ease-in-out;
    padding: 6rem;
    overflow-y: auto
}

    .cart-content .cart-content-title {
        font-size: 1.8rem;
        font-weight: 700;
        color: #262626;
        margin-bottom: 1rem
    }

    .cart-content .cart-content-subtitle {
        font-size: 1.6rem;
        margin-bottom: 2rem
    }

    .cart-content .cart-list {
        border-top: 1px solid #ebebeb;
        margin-bottom: 3rem
    }

        .cart-content .cart-list .cart-list-item {
            border-bottom: 1px solid #ebebeb;
            padding: 1.5rem 0;
            display: flex;
            align-items: center;
            margin-bottom: 1.5rem
        }

            .cart-content .cart-list .cart-list-item .cart-list-item-image {
                flex: 0 0 6rem;
                margin-right: 1rem
            }

                .cart-content .cart-list .cart-list-item .cart-list-item-image > span {
                    display: block;
                    width: 100%;
                    height: 6rem;
                    background: url(//st.myideasoft.com/idea/hm/70/themes/selftpl_6008250dc7e4e/assets/images/nopic_image.png?revision=7.1.9.0-2-1631689609) no-repeat center center;
                    background-size: 50% 50%
                }

            .cart-content .cart-list .cart-list-item .cart-list-item-content {
                flex: 1 0 0%;
                min-width: 0;
                padding-right: 1rem
            }

                .cart-content .cart-list .cart-list-item .cart-list-item-content .cart-list-item-title {
                    color: #262626;
                    font-size: 1.4rem;
                    font-weight: 700;
                    display: block;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis
                }

                .cart-content .cart-list .cart-list-item .cart-list-item-content .cart-list-item-brand {
                    display: block;
                    color: #262626
                }

                .cart-content .cart-list .cart-list-item .cart-list-item-content .cart-list-item-price {
                    font-size: 1.4rem;
                    font-weight: 700
                }

                .cart-content .cart-list .cart-list-item .cart-list-item-content .cart-list-item-amount {
                    font-size: 1.2rem;
                    font-weight: 400
                }

            .cart-content .cart-list .cart-list-item .cart-list-item-delete {
                color: #262626;
                flex: 0 0 2rem;
                opacity: .5;
                transition: all .2s ease-in-out;
                font-size: 1.6rem;
                height: 2rem;
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden
            }

                .cart-content .cart-list .cart-list-item .cart-list-item-delete:hover {
                    opacity: 1
                }

    .cart-content .cart-content-total-price {
        margin-bottom: 3rem
    }

        .cart-content .cart-content-total-price > span {
            font-size: 1.6rem
        }

        .cart-content .cart-content-total-price > div {
            font-size: 1.8rem;
            font-weight: 700
        }

    .cart-content .cart-content-button {
        margin-bottom: 1.5rem
    }

        .cart-content .cart-content-button .btn {
            font-size: 1.6rem;
            font-weight: 700
        }

    .cart-content .cart-content-empty-icon {
        position: relative;
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        height: 20rem;
        margin-bottom: 3rem
    }

        .cart-content .cart-content-empty-icon img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            display: block;
            max-width: 100%;
            max-height: 100%
        }

        .cart-content .cart-content-empty-icon img {
            width: 15rem;
            height: auto;
            opacity: .2
        }

@media(max-width:991px) {
    .cart-content {
        right: -280px;
        width: 280px;
        padding: 1.5rem
    }
}

@media screen and (max-width:600px) {
    .theme-banners {
        display: none
    }
}
