body {
    font-size: 16px;
}

body ::selection {
    color: #fff;
    background: #000
}

body ::-moz-selection {
    color: #fff;
    background: #000
}

@font-face {
    font-family: 'fontello';
    src: url('/catalog/view/fonts/fontello-6c00701e/font/fontello.woff2') format('woff2'),
    url('/catalog/view/fonts/fontello-6c00701e/font/fontello.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="fa-"]:before, [class*=" fa-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-share:before {
    content: '\e800';
}

.fa-phone:before {
    content: '\e801';
}

.fa-shopping-cart:before {
    content: '\e802';
}

.fa-search:before {
    content: '\e803';
}

.fa-bars:before {
    content: '\e804';
}

.fa-star-o:before {
    content: '\e805';
}

.fa-th-list:before {
    content: '\e806';
}

.fa-th:before {
    content: '\e807';
}

.fa-check-circle:before {
    content: '\e808';
}

.fa-refresh:before {
    content: '\e809';
}

.fa-times-circle:before {
    content: '\e80a';
}

.fa-info-circle:before {
    content: '\e80b';
}

.fa-home:before {
    content: '\e80c';
}

.fa-user:before {
    content: '\e80d';
}

.fa-calendar:before {
    content: '\e80e';
}

.fa-book:before {
    content: '\e80f';
}

.fa-chevron-right:before {
    content: '\e810';
}

.fa-chevron-left:before {
    content: '\e811';
}

.fa-heart-o:before {
    content: '\e812';
}

.fa-plus:before {
    content: '\e813';
}

.fa-caret-down:before {
    content: '\e814';
}

.fa-exclamation-circled:before {
    content: '\e815';
}

.fa-spin:before {
    content: '\e816';
}

.fa-arrow-up:before {
    content: '\e817';
}

.fa-star:before {
    content: '\e818';
}

.fa-minus:before {
    content: '\e819';
}

.fa-upload:before {
    content: '\e81a';
}

.fa-chevron-up:before {
    content: '\e81b';
}

.fa-chevron-down:before {
    content: '\e81c';
}

.fa-time:before {
    content: '\e81d';
}

.fa-clock:before {
    content: '\e81d';
}

/* '' */
.fa-eye:before {
    content: '\e81e';
}

.fa-heart:before {
    content: '\e81f';
}

/* '' */
.fa-exchange:before {
    content: '\e820';
}

/* '' */
.fa-filter:before {
    content: '\f0b0';
}

/* '' */

.swiper-slide:not(:first-child) {
    display: block
}

html.overflow-menu,
html.overflow-menu body {
    overflow: hidden
}

.no-border {
    border-width: 0
}

* {
    -webkit-locale: auto
}


input.form-control {
    height: 40px;
}

input.form-control.input-lg {
    height: 46px;
}

.select-box .SumoSelect {
    width: 100%
}

.select-box .SumoSelect > .CaptionCont > span {
    display: flex;
    align-items: center;
    color: #16181b;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-style: normal
}

.SumoSelect > .optWrapper {
    top: 100% !important
}

.SumoSelect > .optWrapper > .options li.opt.disabled {
    display: none
}

.SumoSelect > .optWrapper > .options li.opt {
    margin: 0;
    padding: 5px 15px;
    cursor: pointer
}

.select-box .SumoSelect > .CaptionCont {
    display: flex;
    align-items: center;
    padding: 0 40px 0 20px;
    height: 36px;
    border: 1px solid #ECF1F6 !important;
    box-shadow: 0 0 0 !important;
    cursor: pointer;
    border-radius: 6px;
}

.select-box .SumoSelect > .CaptionCont > label > i {
    background: url(/catalog/view/theme/default/icon/arrow-right.svg) center no-repeat;
    width: 6px;
    height: 9px;
    transform: rotate(90deg);
}

.SumoSelect > .CaptionCont > label {
    margin-bottom: 0;
    width: 35px;
}

.swiper-control-wrapper,
.swiper-entry {
    position: relative
}

/*.swiper-container:not(.swiper-no-swiping) .swiper-wrapper {
    cursor: url(../img/drag.png) 16 9, ew-resize
}*/

.swiper-slide {
    background-size: cover;
    background-position: center center;
    position: relative;
    backface-visibility: hidden
}

.swiper-entry.hide-arrow .swiper-button-next,
.swiper-entry.hide-arrow .swiper-button-prev {
    display: none
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .65
}

.swiper-container .swiper-pagination {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    margin-top: 15px;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #E6E2DE;
    opacity: 1;
    margin: 0 3px !important;
    -webkit-transition: .3s;
    transition: .3s;
    outline: 0
}

.swiper-pagination-bullet-active {
    background: var(--brand-color);
}

.swiper-pagination.swiper-pagination-relative {
    position: relative;
    margin-top: 35px;
    bottom: auto;
    width: calc(100% + 23px)
}

.simple-slider .photo-block {
    position: relative;
    overflow: hidden;
    padding-bottom: 56%
}

.simple-slider .photo-block .lightbox {
    display: block;
    position: initial
}

@media (min-width: 1200px) {

    .swiper-button-next:hover i:before,
    .swiper-button-prev:hover i:before {
        border-color: #000
    }

    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
        background: #fff
    }
}


@media (max-width: 767px) {
    .swiper-pagination-bullet {
        margin: 0 6px !important
    }

    .swiper-button-next i:before,
    .swiper-button-prev i:before {
        border-color: #009fe3
    }
}

.btn-close {
    position: absolute;
    top: 25px;
    right: 15px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-radius: 0 4px 0 0
}

.swiper-btn-group {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 20px;
    background: #fff;
    z-index: 5;
}

.swiper-btn-group .btn:not(:last-child) {
    margin-right: 15px;
}

.swiper-btn-group .btn {
    background: #FFFFFF;
    border: 1px solid #DCDCE6;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    position: static;

}

.swiper-btn-group .btn img {
    width: auto;
}

#content {
    min-height: 435px;
}

@media ( max-width: 991px ) {
    .swiper-btn-group .btn:not(:last-child) {
        margin-right: 10px;
    }

    .swiper-btn-group .btn {
        height: 26px;
        width: 26px;
    }

}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* POPUPS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.popup-wrapper {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    left: -100%;
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}

.popup-wrapper.active {
    left: 0;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

.popup-wrapper .bg-layer {
    position: absolute;
    left: 0;
    top: -100px;
    right: 0;
    bottom: -100px;
    background: rgba(26, 26, 26, 0.9);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    opacity: 0;
}

.popup-wrapper.active .bg-layer {
    opacity: 1;
}

.popup-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 0;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    opacity: 0;
    visibility: hidden;
    padding: 15px;
    letter-spacing: 0;
    text-align: center;
}

.popup-content.active {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.popup-content:after {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    content: "";
}

.popup-content .checkbox-item {
    margin-top: 10px;
    text-align: left;
}

.popup-title {
    font-weight: 600;
    font-size: 19px;
    line-height: 23px;
    margin-bottom: 22px;
    text-align: center;
}

.popup-content .layer-close {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 10000px;
}

.popup-content .form-control {
    margin-bottom: 8px;
}

.btn-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 0 4px 0 0;
    padding: 5px;
}

.btn-close img {
    width: auto;
}


.popup-container {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 4px 15px rgba(89, 31, 0, 0.12);
    max-width: 754px;
    z-index: 1;
    padding: 50px 30px 30px;
}

/*TOP SALES*/
.top-products {
    overflow: hidden;
}

.top-products .swiper-scrollbar {
    display: none;
}

.product-card {
    transition: all 0.3s;
    background: #FFFFFF;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 10px 10px 20px;
}

.product-card .tag {
    position: absolute;
    height: 22px;
    border-radius: 6px 0px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 130%;
    text-align: center;
    color: #FFFFFF;
    top: 0;
    left: 0;
    z-index: 3;
}

.product-card .tag.green.label-1,
.product-card .tag.red {
    background: #D7352B;
}

.product-card .tag.green {
    background: var(--brand-color);
}

.product-card .tag.green.label-2 {
    background: #E99127;
}

.product-card .tag.green.label-4 {
    background: #E8B500;
}
.product-card .tag.green.label-6 {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6577 5.59968C19.5917 5.58611 19.5295 5.57334 19.4741 5.55924C18.8466 5.39936 18.5602 5.31173 18.3485 4.91114L17.5463 3.32C17.2885 2.8324 16.6229 2.43569 16.0625 2.43569H14.6344V0.598323C14.6344 0.268422 14.3604 0 14.0236 0L4.07716 0.00978641C3.74944 0.00978641 3.50231 0.264952 3.50231 0.60335V1.14642H0.954283C0.428106 1.14647 0 1.56587 0 2.08145C0 2.59703 0.428106 3.01644 0.954283 3.01644H3.50226V3.91259H1.83401C1.30784 3.91259 0.879731 4.33204 0.879731 4.84757C0.879731 5.36311 1.30784 5.78256 1.83401 5.78256H3.50226V6.67871H2.71375C2.18757 6.67871 1.75946 7.09816 1.75946 7.61369C1.75946 8.12923 2.18757 8.54868 2.71375 8.54868H3.50226V9.48598C3.50226 9.81588 3.77622 10.0843 4.11293 10.0843H5.14758C5.30872 11.1663 6.26187 12 7.41034 12C8.5589 12 9.51209 11.1663 9.67328 10.0843H13.8605C13.8823 10.0843 13.9046 10.0829 13.9268 10.0815C14.0867 11.1648 15.0405 12 16.1899 12C17.3385 12 18.2917 11.1663 18.4529 10.0843H19.939C20.524 10.0843 21 9.61801 21 9.04486V7.28112C21 5.87562 20.1921 5.70956 19.6577 5.59968ZM16.1899 8.94486C16.6485 8.94486 17.0216 9.31026 17.0216 9.75943C17.0216 10.2086 16.6485 10.574 16.1899 10.574C15.7316 10.574 15.3586 10.2086 15.3586 9.75943C15.3586 9.31026 15.7316 8.94486 16.1899 8.94486ZM14.6344 5.47299V3.30345H15.7257C16.1451 3.30345 16.6625 3.61182 16.8546 3.97491L17.5684 5.39082C17.5835 5.41947 17.5992 5.44678 17.6155 5.47294H14.6344V5.47299ZM8.24199 9.75938C8.24199 10.2085 7.86891 10.5739 7.41034 10.5739C6.95195 10.5739 6.57905 10.2085 6.57905 9.75938C6.57905 9.31022 6.95195 8.94482 7.41034 8.94482C7.86891 8.94486 8.24199 9.31026 8.24199 9.75938Z' fill='white'/%3E%3C/svg%3E%0A");
    padding-left: 32px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

.product-card .image-wrap {
    position: relative;
    font-size: 0;
    z-index: 2;
}

.product-card .image {
    display: block;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
}

.product-card .image:before {
    content: "";
    padding-top: 100%;
    display: block;
}

.product-card .options {
    position: absolute;
    right: -10px;
    top: 5px;
}

.product-card li {
    margin-bottom: 5px;
}

.product-card li a {
    width: 36px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 6px 0px 0px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-card .options img {
    max-width: 22px;
    max-height: 20px;
}

.product-card img {
    width: auto;
}

.product-card-rate {
    background: #FFFFFF;
    border-radius: 0px 6px;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 4px 10px;
}

.product-card .rate {
    margin-right: 4px;
}

.rate {
    display: flex;
    align-items: center;
}

.rate img {
    margin-right: 1px;
    width: 100%;
}

.product-card .count-comments {
    display: flex;
    align-items: center;
}

.product-card .count-comments img {
    margin-right: 3px;
}

.product-card .count {
    font-size: 12px;
    line-height: 100%;
    color: #1B1718;
}

.product-card-info {
    padding: 15px 10px 0;
}

.product-card .product-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #1B1718;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 66px;
    margin-bottom: 12px;
}

.product-card .product-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-card .old {
    font-size: 12px;
    line-height: 100%;
    text-decoration-line: line-through;
    color: #A6A6A6;
    margin-bottom: 4px;
}

.product-card .current {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: #000000;
}

.product-card .btn {
    width: 40px;
    height: 40px;
    border: 1px solid var(--brand-color);
    box-sizing: border-box;
    border-radius: 6px;
    background: url(/catalog/view/theme/default/icon/basket.svg) center no-repeat;
    background-size: 20px auto;
}

.top-products .swiper-container {
    overflow: visible;
}

@media ( min-width: 991px) {
    .product-card .product-title:hover {
        color: var(--brand-color);
    }

    .product-card li a:hover {
        background-color: #e3e3e3;
    }

    .product-card .btn:hover {
        background: var(--brand-darker) url(/catalog/view/theme/default/icon/basket-w.svg) center no-repeat;
        background-size: 20px auto;
    }

    .product-card {
        opacity: 0;
        visibility: hidden;
    }

    .product-row .product-card,
    .top-products .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .product-card,
    .top-products .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .product-card,
    .top-products .swiper-slide-active + .swiper-slide + .swiper-slide .product-card,
    .top-products .swiper-slide-active + .swiper-slide .product-card,
    .top-products .swiper-slide-active .product-card {
        opacity: 1;
        visibility: visible;
    }
}

@media ( max-width: 991px) {
    .top-products .swiper-slide {
        width: 46%;
    }

    .top-products .swiper-container .swiper-scrollbar {
        display: block;
        opacity: 1 !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin: 20px 0 0;
        background: var(--light-accent);
    }

    .swiper-container .swiper-scrollbar-drag {
        background: var(--brand-color);
    }

    .top-products {
        background-color: transparent;
    }

    .top-products .spacer-md {
        display: none;
    }

    .top-products .swiper-btn-group, .top-products .header-block .h2 {
        background-color: transparent;
    }

    .top-products .swiper-btn-group .btn {
        border: 1px solid var(--light-accent);
    }

    .top-products .header-block b {
        display: block;
    }
}

@media ( max-width: 767px) {
    .top-products .swiper-slide {
        width: 188px;
    }

    .top-products .swiper-btn-group {
        padding-left: 0;
        justify-content: space-between;
        left: 0;
    }

    .product-card .product-title {
        font-size: 12px;
        min-height: 34px;
    }

    .top-products .btn.swiper-button-disabled {
        visibility: hidden;
        opacity: 0;
    }
}

/*NEWS BLOCK*/
.new-item {
    margin-bottom: 15px;
}

.new-item .image {
    display: block;
    position: relative;
    height: 226px;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
    margin-bottom: 15px;
}

.new-item .date {
    padding: 6px 12px;
    position: absolute;
    background: #FFFFFF;
    border-radius: 6px 6px 0px 0px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    font-size: 12px;
    line-height: 120%;
    color: #1B1718;
}

.new-item .text {
    text-align: center;
    padding: 0 20px 15px;
}

.new-item .new-title {
    min-height: 52px;
    display: inline-block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: bold;
    font-size: 18px;
    line-height: 140%;
    color: #1B1718;
    margin-bottom: 12px;
}

.new-item .link {
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    color: var(--brand-color);
    display: inline-flex;
    align-items: center;

}

.new-item .btn-icon {
    margin-right: 5px;
}

.new-item svg {
    fill: var(--brand-color);
    transition: all 0.3s;
}

@media ( min-width: 991px ) {
    .new-item .new-title:hover {
        color: var(--brand-color);
    }

    .new-item .link:hover {
        color: #1B1718;
    }

    .new-item .link:hover svg {
        fill: #1B1718;
    }

}

@media ( max-width: 991px ) {
    .news-block .swiper-btn-group {
        display: none;
    }

    .news-block .swiper-wrapper {
        flex-wrap: wrap;
    }
}

/*-------FOOTER-------------*/
.footer {
    background: var(--light-accent);
    padding-top: 30px;
}

.footer-nav .title {
    font-weight: bold;
    font-size: 18px;
    line-height: 130%;
    color: #1B1718;
    padding-bottom: 12px;
    border-bottom: 1px solid #E6E2DE;
    margin-bottom: 15px;
}

.footer-nav ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-nav li {
    width: 49%;
    margin-bottom: 15px;
}

.footer-nav a {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #1B1718;
}

.footer-contact .email {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}

.footer-contact .icon {
    border: 2px solid var(--brand-color);
    box-sizing: border-box;
    border-radius: 6px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.footer-contact img {
    width: auto;
}

.footer-contact .email-text {
    width: calc(100% - 36px);
    padding-left: 12px;
}

.footer-contact span {
    font-size: 12px;
    line-height: 130%;
    color: #ADAAA7;
    display: block;
    margin-bottom: 3px;
}

.footer-contact .email a {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #1B1718;
}

.social ul {
    display: flex;
    align-items: center;
}

.social li:not(:last-child) {
    margin-right: 12px;
}

.social li a.icon {
    border: 2px solid var(--brand-color);
    box-sizing: border-box;
    border-radius: 6px;
    width: 44px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

.social .insta {
    background-image: url(/catalog/view/theme/default/icon/insta.svg);
}

.social .fb {
    background-image: url(/catalog/view/theme/default/icon/fb.svg);
}

.social .viber {
    background-image: url(/catalog/view/theme/default/icon/viber.svg);
}


.footer-bottom {
    margin-top: 15px;
    border-top: 1px solid #E5E2DE;
    padding: 15px 0;
}

.footer-bottom .copy {
    font-size: 14px;
    line-height: 140%;
    color: #303030;
}

.footer-bottom .dev {
    text-align: right;
    font-size: 14px;
    line-height: 140%;
    color: #303030;
    font-weight: 500;
}


@media ( min-width: 1200px ) {
    .footer-contact .email a:hover,
    .footer-nav a:hover {
        color: var(--brand-color);
    }

    .social .icon:hover {
        background-color: var(--brand-color);
    }

    .social .insta:hover {
        background-image: url(/catalog/view/theme/default/icon/insta-w.svg);
    }

    .social .fb:hover {
        background-image: url(/catalog/view/theme/default/icon/fb-w.svg);
    }

    .social .viber:hover {
        background-image: url(/catalog/view/theme/default/icon/viber-w.svg);
    }

}

@media ( max-width: 991px ) {
    .footer-nav li {
        width: 100%;
    }

    .footer-contact {
        text-align: center;
        padding: 20px 0;
        border-top: 1px solid #E6E2DE;
        /*        border-bottom: 1px solid #E6E2DE;*/
        position: static;
        margin: 0 15px;
        width: calc(100% - 30px);
    }

    .footer-contact .email {
        display: inline-flex;
        text-align: left;
        margin-bottom: 0;
    }

    .footer {
        padding-top: 0;
    }

    .footer > .container {
        padding-top: 105px;
    }

    .footer .social {
        position: absolute;
        left: 15px;
        right: 15px;
        top: 20px;
        border-bottom: 1px solid #E6E2DE;
    }

    .footer .social li {
        font-size: 0;
    }

    .footer .social ul {
        justify-content: center;
        font-size: 0;
        margin-bottom: 20px;
    }

    .footer-nav ul {
        margin-bottom: 5px;
    }

    .footer-bottom .dev,
    .footer-bottom {
        margin-top: 0;
        text-align: center;
    }

    .footer-bottom .copy {
        border-bottom: 1px solid #E6E2DE;
        padding-bottom: 15px;
    }
}

/*-------FOOTER END-------------*/


.review-block .swiper-container {
    overflow: visible;
}


.review {
    background: #FFFFFF;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 20px 30px 30px;
}

.review-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.review .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--brand-color);
    box-sizing: border-box;
    border-radius: 6px;
    width: 44px;
    height: 44px;
}

.review .icon img {
    width: auto;
}

.review-info {
    width: calc(100% - 44px);
    padding-left: 12px;
}

.review-author {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #1B1718;
    margin-bottom: 4px;
    display: block;
}

.review .rate img {
    width: 15px;
}

.review p {
    font-size: 15px;
    line-height: 160%;
    color: #303030;
}

.review {
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s;
}

.review-block .swiper-slide-active .review {
    opacity: 1;
    visibility: visible;
}

.review-block .btn-3 svg {
    width: 16px;
    height: 17px;
}


@media ( min-width: 576px) {

    .review-block .swiper-slide-active + .swiper-slide .review,
    .review-block .swiper-slide-active .review {
        opacity: 1;
        visibility: visible;
    }
}

@media ( min-width: 991px) {

    .review-block .swiper-slide-active + .swiper-slide + .swiper-slide .review {
        opacity: 1;
        visibility: visible;
    }

    .review-block .swiper-pagination {
        display: none;
    }
}

@media ( max-width: 991px) {
    .review-block .swiper-btn-group {
        display: none;
    }
}

@media ( max-width: 575px) {
    .review-block .spacer-30 {
        height: 15px;
    }
}

.tab-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 10px;
}

.tab-nav li {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    background: #FFFFFF;
    border-radius: 4px;
    margin: 0 7.5px 10px;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    color: #303030;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid #F0ECE8;
}

.tab-nav .active {
    color: #FFFFFF;
    background: var(--brand-color);
    border-color: var(--brand-color);
}

.tab-item {
    display: none;
    background: #FFFFFF;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 40px 98px;
}

.tab-item.active {
    display: block;
}


.chars-list {
    margin-bottom: 0;
}

.chars-list:not(.tab-desc) li {
    font-size: 14px;
    line-height: 140%;
    color: #A6A3A0;
    padding: 15px 30px;
}

.chars-list:not(.tab-desc) li:nth-child(2n - 1) {
    background: #FAF6F2;
    border-radius: 4px;
}

.chars-list b {
    font-weight: bold;
    color: #303030;
}

.chars-list mg {
    width: auto;
}


@media ( min-width: 991px ) {
    .bg-2 .tab-nav li {
        border: 0;
    }
}

@media ( max-width: 991px ) {
    .tab-item {
        padding: 0;
        box-shadow: 0 0 0;
        border-right: 0;
    }

    .chars-list li:nth-child(2n - 1) {
        border-right: 0;
    }

    .product-block-chars {
        background-color: transparent;
    }

    .tab-nav li {
        font-size: 16px;
        padding: 10px 15px;
        margin: 0 5px 10px;
    }

    .product-block-chars {
        padding-top: 15px;
    }

    .product-block-chars .spacer-md {
        display: none;
    }
}

@media ( max-width: 575px ) {
    .product-block-chars .container {
        padding: 0;
    }

    .chars-list:not(.tab-desc) li {
        padding: 15px;
    }
}

/*---- Page 404 -----*/
.container_404 {
    max-width: 815px;
    margin: 50px auto;
    text-align: center;
}

.fon_404 {
    margin-bottom: 30px;
}

.container_404 .h3 {
    text-transform: uppercase;
    margin: 20px 0;
}

.container.container_404 p {
    line-height: 1.5;
    margin-bottom: 30px;
}

/*---- Blog -----*/

/*.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    margin: 0 4px;
    border: 1px solid #f0ece8;
    border-radius: 5px;
    margin-bottom: 25px;
}

.pagination a.active {
    background-color: #f0ece8;
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}

.container_pagination {
    text-align: center;
}*/

/*---- Article -----*/
.container_article {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.66;
}

.container_article .h1 {
    margin-bottom: 20px;
}

.tab-desc ul {
    line-height: 1.66;
}

.tab-desc ul > li,
.container_article ul > li {
    padding-left: 20px;
    margin: 2px 0;
}

.tab-desc ul > li:before,
.container_article ul > li:before {
    content: '';
    background: var(--brand-color);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    margin-left: -16px;
    margin-top: 9px;
}

.container_social .social_row {
    max-width: 300px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container_social a {
    width: 36px;
    height: 36px;
    display: inline-flex;
    border: 2px solid #ebebeb;
    border-radius: 6px;
    padding: 0;
    margin: 12px 5px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.container_social img {
    width: auto;
}

.social_text {
    font-size: 18px;
    font-weight: 700;
    color: var(--brand-color);
    padding-top: 27px;
}

.new-item_article .image {
    height: 534px;
}

@media (max-width: 992px) {
    .new-item_article .image {
        width: 100%;
        max-width: 100%;
        height: 320px;
    }
}

.module-faqarticle .panel-group {
    margin: 25px 0;
}

.module-faqarticle .h3 {
    color: var(--brand-color);
    margin-bottom: 15px;
}

.module-faqarticle .panel-default {
    margin-bottom: 15px;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    border: none;
    overflow: hidden;
}

.module-faqarticle .panel-default > .panel-heading {
    padding: 0;
    border: none;
}

.module-faqarticle .panel-title a {
    display: block;
    padding: 17px 25px;
    background: var(--light-accent);
}

.module-faqarticle .panel-title a.collapsed {
    background: #fff;
}

.module-faqarticle .panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding: 15px 25px;
}

.module-faqarticle i.fa.fa-chevron-up {
    font-size: 12px;
    float: right;
    color: var(--brand-color);
    line-height: 26px;
    transition: all .3s ease;
}

.module-faqarticle .panel-title a.collapsed i.fa.fa-chevron-up {
    transform: rotate(180deg);
}

.c-elem {
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 20px;
    text-align: center;
    min-height: 197px;
    margin: 20px 0;
    font-weight: 500;
}

.cicon {
    border: 1px solid var(--brand-color);
    box-sizing: border-box;
    border-radius: 6px;
    width: 56px;
    height: 56px;
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-elem strong {
    font-size: 14px;
    color: var(--brand-color);
    display: block;
    margin: 4px 0;
    font-weight: 500;
}

.con-half form {
    background: #FFFFFF;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    height: 600px;
}

.con-half {
    margin-bottom: 20px;
}

.con-half fieldset {
    width: 362px;
}

.con-half form .h3 {
    text-transform: uppercase;
    text-align: center;
}

.con-half .input-lg {
    font-size: 14px;
}

#language {
    position: static;
    text-transform: uppercase;
    font-size: 100%;
}

.main-slider .slide-image img {
    height: auto;
}

.product-row .product-card {
    position: relative;
    margin-bottom: 30px;
}

.search-page-form {
    position: relative;
    max-width: 754px;
}

.search-page-wrap {
    padding: 15px 0;
    border-bottom: 2px solid #EFEFEF;
    margin-bottom: 40px;

}

.search-page-form .form-control {
    width: 100%;
    height: 44px;
    background: #FAF6F2;
    border: 1px solid #F0ECE8;
    box-sizing: border-box;
    border-radius: 6px;
    box-shadow: 0 0 0;
    font-size: 12px;
    color: #000;
}

.pagination > li > a, .pagination > li > span {
    margin-left: 5px;
    color: #303030;
    min-width: 36px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid var(--light-accent);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.6;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: var(--light-accent);
    border-color: var(--light-accent);
    color: #303030;
}

.header-main .alert {
    width: 100%;
    margin-bottom: -5px;
    margin-top: 5px;
    z-index: 10;
}

.count:empty {
    display: none;
}

.code-sub_total {
    display: none;
}

#cart-modal .modal-footer .btn {
    min-width: 290px;
    margin-top: 10px;
}

#cart-modal .modal-header .close {
    opacity: 1;
    position: absolute;
    right: 18px;
    top: 10px;
    font-size: 42px;
    font-weight: 100;
}

.code-total {
    color: var(--brand-color);
    font-size: 120%;
}

.code-total strong {
    color: #303030;
}

#cart-modal .modal-header,
#cart-modal .modal-footer {
    border: none;
}

#cart-modal .modal-body .close {
    opacity: 1;
    width: 20px;
    height: 20px;
    background: var(--brand-color);
    border-radius: 6px 0px;
    text-shadow: none;
    color: #fff;
    font-weight: 400;
    line-height: .7;
    position: absolute;
}

.popup-row {
    padding: 20px 0;
    border-bottom: 1px solid #ECF1F6;
}

.popup-row img {
    border-radius: 7px;
}

.product-name a {
    font-size: 110%;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    margin-top: -5px;
}

.cart-options {
    margin-bottom: 10px;
}

#cart-modal .product-count {
    display: inline-flex;
    max-width: 120px;
}

#cart-modal .product-total {
    display: inline-flex;
    height: 40px;
    align-items: center;
    vertical-align: top;
    font-size: 110%;
    font-weight: 500;
    margin-left: 15px;
}

.product-count .btn {
    padding: 7px;
    width: 40px;
    border: 2px solid var(--brand-color);
    border-radius: 0;
}

.product-count .form-control {
    text-align: center;
}

.gallery-thumbs {
    max-height: 360px;
}

.card-detail {
    min-height: 520px;
}

.product-controls {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-bottom: 20px;
}

.product-controls .form-control {
    border: 1px solid #F0ECE8;
    min-width: 70px;
}

.product-controls label {
    font-weight: normal;
}

.product-wrapper .product-row .col-lg-3 {
    padding-right: 10px;
    padding-left: 10px;
}

.product-wrapper .product-row .col-lg-3 {
    padding-right: 7px;
    padding-left: 7px;
}

.product-wrapper .product-row .product-card {
    margin-bottom: 20px;
    height: calc(100% - 20px);
}

.product-wrapper .product-card .product-title {
    line-clamp: 3;
    -webkit-line-clamp: 3;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    min-height: 58px;
    font-size: 14px;
}

.product-wrapper .product-card .product-title.pt-preorder {
    line-clamp: 2;
    -webkit-line-clamp: 2;
    min-height: 39px;
}

.nis-price {
    text-align: center;
    margin-bottom: 7px;
}

#button-preorder:not(:hover),
.btn.btn-pt:not(:hover) {
    color: var(--brand-color);
    border-color: var(--brand-color);
}

.product-wrapper .product-card .product-card-info {
    padding: 15px 0 0 0;
}

.product-wrapper .product-card {
    padding-bottom: 12px;
}

.cd-container {
    box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 30px 35px;
    margin-bottom: 20px;
}

.category-description {
    max-height: 156px;
    overflow: auto;
    padding: 0 15px;
}

.ocf-offcanvas:not(.active) .ocfilter-mobile-handle {
    display: none;
}

#simplecheckout_form_0 #total_sub_total {
    display: none;
}

.tab-1 .chars-list {
    padding-left: 15px;
    padding-right: 15px;
}

.module-designmds {
    margin: 30px 0;
    line-height: 1.7;
}

.ab-maininfo {
    margin: 30px 0;
}

.ab-textarea {
    border-left: 4px solid var(--brand-color);
    padding-left: 20px;
    margin-bottom: 30px;
}

.aiimg {
    /* background: #FFFFFF; */
    /* box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1); */
    /* border-radius: 6px; */
}

.abitm {
    background: #FFFFFF;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    margin-bottom: 30px;
    display: flex;
    height: 150px;
    align-items: center;
    padding: 15px;
}

.aiimg {
    min-width: 100px;
    margin: 0 15px;
}

.row.ab-text {
    margin-bottom: 30px;
}

.row.ab-text .h3 {
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.4;
}

.h3.ab-text-2 {
    text-align: center;
}

.h3.ab-text-3 {
    text-align: center;
    color: var(--brand-color);
    font-weight: 900;
    display: block;
    text-decoration: none;
}

.ab-text-4 {
    text-align: center;
}

div#toTop {
    position: fixed;
    bottom: 10px;
    width: 40px;
    left: 10px;
    z-index: 99;
}

.product-card .btn-block,
.product-card .btn-block:hover {
    width: 100%;
    background-image: none;
}

.overflow-menu .btn-menu .bar,
.overflow-menu .btn-menu .icon:before {
    opacity: 0;
    visibility: hidden;
}

.overflow-menu .btn-menu {
    background-color: var(--brand-color);
}

.overflow-menu .btn-menu .icon:after {
    content: '+';
    font-size: 30px;
    width: 18px;
    transform: rotate(45deg);
    height: 18px;
    line-height: 18px;
    color: #fff;
}

.ocfilter-mobile #ocfilter {
    min-height: 100vh;
    margin-bottom: 0;
    border-radius: 0;
}

.ocf-open .ocf-offcanvas:after {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: #000;
    opacity: .5;
}

.ocf-open .ocf-offcanvas > div {
    z-index: 3;
}

.card-detail .gallery-top .btn {
    background-color: rgba(255, 255, 255, 0.65);
    border: 1px solid #eee;
}

.card-d-slider-wrap .lupa-btn {
    margin-right: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
    background-color: rgba(255, 255, 255, 0.65);
    border: 1px solid #eee;
    border-radius: 0 6px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.card-d-slider-wrap .lupa-btn svg {
    margin-right: 0;
}

body.checkout-success #content .buttons {
    margin-top: 20px;
}

.row.product-row {
    display: flex;
    flex-wrap: wrap;
}

.ptl-wrap {
    margin-top: 10px;
}

a.ptl-image {
    padding: 0;
    display: inline-flex;
    line-height: 0;
    width: 22px;
    border-radius: 2px;
    overflow: hidden;
    margin: 0 4px 4px 0;
}

.man-btns {
    border-bottom: 2px solid #ECF1F6;
    margin: 0 0 20px 0;
    padding-bottom: 20px;
}

.man-btns a.btn:not(:hover) {
    border-color: #F0ECE8;
    color: #000;
}

@media ( min-width: 576px ) {
    .product-card .options {
        position: absolute;
        right: -10px;
        top: -10px;
    }


    .product-card .options {
        display: flex;
        flex-wrap: wrap;
    }


    .product-card li a {
        border-radius: 0px 0px 6px 6px;
        margin-left: 2px;
    }

    .ptl-wrap {
        position: absolute;
        right: 1px;
        z-index: 3;
        width: 18px;
        top: 32px;
    }

    a.ptl-image {
        width: 15px;
        margin: 1px;
        display: block;
    }

    a.ptl-image:nth-child(9) ~ a {
        display: none;
    }
}

.prod-model {
    font-size: 12px;
    text-align: center;
    color: #A6A6A6;
    margin-bottom: 5px;
}

.product-card .tag + .tag {
    top: 27px;
    border-radius: 0 6px 6px 0;
}
.product-card .tag + .tag + .tag {
    top: 54px;
}
.product-card .tag + .tag + .tag + .tag {
    top: 81px;
}
.product-card .tag + .tag + .tag + .tag  + .tag {
    top: 108px;
}

.filter-gs .image-wrap {
    opacity: 0.5;
    filter: grayscale(100);
}

#product .card-group.required.has-error,
#product .SumoSelect.has-error {
    outline: 1px solid red;
}