/* BugFixing*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
.userInfo input,
.userInfo textarea {
    color: #000;
}

#checkoutBody {
  color: #000;
}

/* ======================================== */

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}


body {
    color: #fff;
}

body,
.modal-details-inner,
.section-title-style2 span,
.section-title.style2 span,
.main-container-wrapper {
    background: #21201F !important;
}


/* Цвет фона сайта */

body,
.modal-details-inner,
.section-title-style2 span,
.section-title.style2 span,
.main-container-wrapper {
    background: #21201F !important;
    color: #fff;
}

 ::selection {
    color: #fff;
    background: #141414 !important;
}

a:hover {
    color: #CF1430 !important;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.item h4 a,
.btn-stroke-light,
.info-level3 a,
.info-level4 a,
.info-level3,
.info-level4,
.info-level5,
.nav-tabs li a,
.cart-actions .btn-cart,
.cart-actions .wishlist,
.cart-actions button {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}


/* Верхняя шапка сайта */

.userMenu li a {
    color: #fff;
    font-size: 11px;
}

body>div.navbar.navbar-tshop.navbar-fixed-top.megamenu.stuck>div.container {
    padding-top: 6px;
}

.navbar .navbar-top {
    padding-bottom: 5px;
    padding-top: 4px;
}


/* Верхняя шапка сайта - Новый стиль... */

.small-top-nav .container .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
}

.small-top-nav .container .row:before {
    content: none;
}

.top-nav-header {
    position: relative;
}

.top-nav-header h3 {
    display: none;
    cursor: pointer;
}

.contact-phone.top-nav-header h3 {
    display: flex;
    margin: 0;
    align-items: center;
}

.top-nav-header h3 {
    color: #fff;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.top-nav-header h3.active .icon-nav-contact {
    background-position: -165px -101px;
}

.top-nav-header h3.active i {
    background-position: -131px -20px;
    transition: all 0.5s ease;
}

.top-nav-header h3.active .icon-nav-info {
    background-position: -211px -65px;
}

.top-nav-menu h3 {
    justify-content: flex-end;
}

.top-nav-header .top-phone a i {
    display: inline-block;
    background-image: url("https://userimages.shopmanager.by/3128686/sprite-all.png") !important;
    width: 19px;
    height: 16px;
    top: 2px;
    position: relative;
    margin-right: 7px;
}

.top-nav-header .top-phone a i.a1 {
    background-position: -168px -75px;
}

.top-nav-header .top-phone a i.mts {
    background-position: -215px -26px;
}

.top-nav-header .top-phone a i.whatsapp {
    background-position: -280px -11px;
}

.top-nav-header .top-phone a i.viber {
    background-position: -256px -40px;
}

.top-nav-header .top-phone a i.mail {
    background-position: -233px -2px;
}

.top-nav-header .top-phone a i.skype {
    background-position: -215px -104px;
}

.top-nav-header .top-phone a i.telegram {
    background-position: -194px -52px;
}

.top-nav-header .top-phone a i.life {
    background-position: -231px -74px;
}

.top-nav-header .top-phone a i.beltelecom {
    background-position: -148px -96px;
}

.navbar-top .top-nav-header h3 .mts {
    margin-left: 16px;
}

.top-nav-header .icon-nav-info {
    background-position: -211px -35px;
}

.top-nav-header .contact-wrap.active {
    display: block;
    position: absolute;
    background: #ffa433;
    z-index: 9;
    top: 30px;
    width: 305px;
}

.top-nav-menu.top-nav-header .contact-wrap.active {
    right: 0;
    padding: 0 15px;
}

.navbar>.container .navbar-brand {
    margin-left: 0px;
}

.navbar-top .top-nav-menu ul {
    text-align: right;
    margin: 0;
    padding: 0;
}

.navbar-top ul li {
    display: inline-block;
}

.navbar-top ul.small-screen-contact li {
    display: block;
}

.contact-wrap .small-screen-contact {
    display: none;
}

.contact-wrap.active .small-screen-contact {
    display: block;
    padding: 0 15px;
}

.navbar .navbar-top {
    background: #141414;
    height: 100%;
}

.navbar.stuck .navbar-top {
    margin-top: -55px;
}

.navbar-top .top-nav-menu ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    text-align: right;
    padding: 0 10px;
}

.navbar-top .contact-phone ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    line-height: 35px;
    text-align: left;
    margin-right: 0;
    padding-left: 0;
    display: flex;
    align-items: center;
}

.navbar-top .contact-phone a {
    position: relative;
    color: #fff;
    line-height: 20px;
}

.navbar-top .contact-phone a:hover {
    color: #CF1430 !important;
}

.top-nav-header h3>i {
    display: inline-block;
    background-image: url("https://userimages.shopmanager.by/3128686/sprite-all.png") !important;
    width: 20px;
    height: 20px;
    top: 2px;
    position: relative;
    margin-left: 10px;
    background-position: -131px 0px;
    transition: all 0.5s ease;
}

.navbar-top .contact-phone .contact-wrap .phone-item i {
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-image: url("https://userimages.shopmanager.by/3128686/sprite-all.png") !important;
    background-repeat: no-repeat !important;
    z-index: 99;
    display: inline-block;
    margin-right: 5px;
}

.navbar-top .contact-phone i.whatsapp {
    background-position: -280px -11px;
}

.navbar-top .contact-phone i.viber {
    background-position: -256px -40px;
}

.navbar-top .contact-phone i.mail {
    background-position: -233px -2px;
}

.navbar-top .contact-phone i.skype {
    background-position: -215px -104px;
}

.navbar-top .contact-phone i.telegram {
    background-position: -194px -52px;
}

.navbar-top .contact-phone i.life {
    background-position: -231px -74px;
}

.navbar-top .contact-phone i.a1 {
    background-position: -168px -77px;
}

.navbar-top .contact-phone i.mts {
    background-position: -215px -26px;
}

.navbar-top .contact-phone i.beltelecom {
    background-position: -148px -96px;
}

.navbar .white-style {
    background-color: #21201f;
}

.navbar-top-inner .contact-phone a,
.navbar-top-inner .top-nav-menu ul li a,
.navbar-top-inner .top-nav-header h3,
.navbar-top-inner ul.small-screen-contact li a {
    color: #fff;
    font-size: 16px;
}

.navbar-top-inner .top-nav-header .contact-wrap.active {
    background: #141414;
}

.navbar-top-inner .top-nav-header h3.active>i {
    background-position: -130px -20px;
    /*background-position: -161px -20px;*/
}

.navbar-top-inner .top-nav-header h3>i {
    background-position: -130px 0px;
    /*background-position: -161px 0px;*/
}


/* Меню сайта */

.navbar-tshop {
    background: #1A1A1A;
    box-shadow: none;
    border-bottom: 1px solid #404040;
}


/* Меню сайта :: логотип */

.navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.navbar-brand>img {
    height: 51px;
    padding: 6px;
}


/* Меню сайта :: категории */

.navbar-nav>li>a {
    font-size: 16px;
    color: #fff;
}


/* Меню сайта :: выпадающее */

.dropdown-menu {
    border-top: solid #141414;
}


/* Меню сайта :: поиск */

.search-box button {
    color: #fff;
}

.search-full,
.search-input {
    background: #fff;
}

.search-close {
    color: #fff;
}

.search-box:hover .form-control {
    background: #141414;
}

.search-box:hover .btn-nobg {
    color: #141414;
}

.searchInputBox .search-btn {
    color: #141414;
}


/* Шапка сайта */

.nav>li.active,
.nav>li>a:hover,
.nav>li>a:focus,
.nav>li:hover>a {
    color: #fff;
    background: #141414;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus,
.cartMenu:hover>a.dropdown-toggle {
    color: #fff;
    background: #141414;
}


/* Баннер */

.btn-stroke-light {
    background: rgba(255, 255, 255, 0.6);
    font-weight: bold;
    color: #a04984 !important;
    border: 1px solid #a04984;
}

.btn-stroke-light:hover {
    background: #fff;
}


/* Footer верхний */

.footer {
    margin-top: 50px;
    padding: 10px;
    color: #fff;
    background: #333 !important;
    border: none !important;
}

.footer .info-level3,
.footer h3,
.footer a {
    color: #fff;
}


/* Footer нижний */

.footer-bottom {
    padding: 10px;
    background: #141414 !important;
    color: #fff;
    border: none !important;
}

.footer ul {
    color: #fff;
}


/* Плашки */

.info-level3,
h3 {
    font-size: 18px;
}

.product:hover,
.featuredImgLook2 .inner:hover {
    border: 1px solid #ce7a15;
}

.discount,
.new-product {
    border-radius: 0 4px 4px 0;
    padding: 3px 5px;
}

.new-product {
    background: #ffa433 !important;
}

.discount {
    background: #cf1430 !important;
}

.featuredImgLook2 .info-level3 span,
.featuredImgLook2 h3 span {
    color: #cf1430;
}


/* Фильтр */

.panel-default>.panel-heading {
    border-top: 4px solid #333;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #cf1430 !important;
}


/* Пэйджинация */

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #cf1430;
    border-color: #cf1430;
    color: #FFFFFF;
}


/* Корзина в шапке */

.cartMenu a.dropdown-toggle {
    color: #a04984;
}


/* Кнопки */

.btn-primary,
.btn-primary,
.product:hover .add-fav:hover,
.product:hover .add-fav.active {
    background-color: #cf1430;
    color: #fff;
}

.panel{
    background-color: #333;
}
.panel-default {
    border-color: #939393;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
    background: #00000085;
}
.productFilter{
    background: #0000!important;
}
.breadcrumb{
    background: #0000!important;
    border: 1px solid #666;
}
.breadcrumb li a{
    color: #fff;
}


/* Кнопка "Купить" на плашке */

.action-control a:hover,
.action-control a.active {
    color: #fff !important;
    background: #cf1430;
}


/* Кнопка "Купить" на карточке товара */

.cart-actions .btn-cart,
.cart-actions button,
.cart-actions .wishlist {
    background: none repeat scroll 0 0 #cf1430;
    border: 2px solid #cf1430;
    font-weight: 600;
}

.cart-actions button:hover {
    background: #cf1430;
    color: #fff;
    border: solid 2px #cf1430;
}

/* Мега меню  */
.megamenu-content ul li p strong{
    color: #000;
}

/* Карточка товара :: табы с параметрами */

.product-tab {
    padding-bottom: 40px;
}
.product-tab li a{
    color:#fff;
}
#details .product-item td {
    padding: 8px;
}


/* Карточка товара :: модификации */

.product-mod-name {
    padding: 0px 0px 0px 8px;
    border-left: 2px solid #a04984;
}

.product-mod-name:hover {
    padding: 0px 0px 0px 10px;
    border-left: 2px solid #a04984;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.nav-tabs>li:hover>a {
    background: #333;
}

.nav-tabs {
    border-bottom: 3px solid #333;
}

#details tbody tr.product-item:nth-child(odd) td,
#details tbody tr.product-item:nth-child(odd) th {
    background-color: #3c3c3c;
}

.item .info-level4 a,
.item h4 a {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}
.product-mod-link{
    color: #fff;
}
.product-mod-name{
    border-left: 2px solid #cf1430;
}

.search-input {
  color: #000;
}

/*-- MOBILE --*/

.navbar-toggle .icon-bar {
    border: 2px solid #a04984;
}

.colorWhite,
.colorWhite i {
    color: #a04984 !important
}

@media (max-width: 767px) {
    .dropdown-header,
    .megamenu-content ul li,
    .megamenu-content ul li a,
    .megamenu-content ul li p,
    .miniCartProduct,
    .miniCartProduct .price,
    .miniCartProduct .size,
    .miniCartProduct a,
    .miniCartProduct p,
    .navbar-nav .dropdown,
    .navbar-nav .dropdown a {
        color: #a04984 !important;
    }
}


/*-- MOBILE:: Новая шапка... --*/

@media all and (max-width: 992px) {
  	.megamenu-content ul li p strong {
      color: #a04984 !important;
    }
    .cartRespons.js-cart-title .cart-menu-title {
        display: none;
    }
    .footer-menu .container .row div {
        padding: 20px 15px;
    }
    .top-nav-header h3,
    .top-nav-header .info-level3 {
        display: flex;
        align-items: center;
    }
    .top-nav-header .contact-wrap {
        display: none;
    }
    .top-nav-menu {
        text-align: right;
    }
    .top-nav-header ul {
        padding: 10px 15px;
    }
    .top-nav-header ul li {
        display: block;
    }
    .top-nav-menu.top-nav-header ul {
        right: 0;
        text-align: right;
    }
    .top-nav-menu.top-nav-header ul li a {
        padding-left: 0;
        line-height: 35px;
    }
    .small-screen-contact {
        display: block;
    }
}

@media all and (max-width: 768px) {
    .top-contact {
        width: 60%;
        padding: 0 0 0 10px;
    }
    .top-info {
        width: 40%;
        padding: 0 10px 0 0px;
    }
}

@media all and (max-width: 600px) {
    .top-nav-header h3,
    .top-nav-header .info-level3 {
        font-size: 10px;
    }
    .top-nav-header h3 i,
    .top-nav-header .info-level3 i {
        margin-left: 4px;
        width: 16px;
    }
    .top-nav-header h3 {
        font-size: 10px;
    }
    .top-nav-header h3 i {
        margin-left: 4px;
        width: 16px;
    }
    .top-contact {
        width: 70%;
        padding: 0 0 0 10px;
    }
    .top-info {
        width: 30%;
        padding: 0 10px 0 0px;
    }
    .top-nav-header .contact-wrap.active {
        width: 245px;
    }
}

@media all and (max-width: 450px) {
    .navbar-top .contact-phone ul li a,
    .navbar-top .top-nav-menu ul li a {
        font-size: 12px;
    }
}

@media (max-width: 400px) {
    .navbar-header.isios .navbar-brand img {
        max-width: none !important;
    }
    a.navbar-brand,
    span.navbar-brand {
        padding-top: 4px;
    }
}

/* полоска сверху */
.cash-discount {  
    display: block;
    background-color: #fff;
}

.hidden {
  display: none;
}

.cash-discount__description {
  	padding-top: 5px;
  	padding-bottom: 5px;
  	margin: 0;
    font-size: 18px;
    color: #e8484a;
    text-align: center;
}

.cash-discount__description img {
    position: relative;
  	top: -1px;
}

.headerOffset {
    padding-top: 151px;
}
/* конец полоски сверху */

/* Favorite and Compare Block */
.nav.navbar-nav.navbar-right {
  display: flex;
}

.button--icon {
    border: none;
    padding: 0;
    position: relative;
  }
  .button--icon sup {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #F4F4F4;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: red;
    background-color: #fff;
    font-family: Inter;
    font-size: 8px;
    font-weight: 600;
    line-height: 10px;
  }
  .icon {
    display: block;
    /*width: 24px;
    height: 24px;*/
    background-repeat: no-repeat;
    background-position: 0%;
    color: #fff;
    padding: 14px;
    padding-left: 26px;
    padding-top: 35px;
  }

  .icon--comparison {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1356_3194)'%3E%3Cpath d='M4 21L4 3' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 21L8 8' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21L12 3' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 21L16 7' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 21V13' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1356_3194'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  .icon--favorite {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8401 4.61012C20.3294 4.09912 19.7229 3.69376 19.0555 3.4172C18.388 3.14064 17.6726 2.99829 16.9501 2.99829C16.2276 2.99829 15.5122 3.14064 14.8448 3.4172C14.1773 3.69376 13.5709 4.09912 13.0601 4.61012L12.0001 5.67012L10.9401 4.61012C9.90843 3.57842 8.50915 2.99883 7.05012 2.99883C5.59109 2.99883 4.19181 3.57842 3.16012 4.61012C2.12843 5.64181 1.54883 7.04108 1.54883 8.50012C1.54883 9.95915 2.12843 11.3584 3.16012 12.3901L4.22012 13.4501L12.0001 21.2301L19.7801 13.4501L20.8401 12.3901C21.3511 11.8794 21.7565 11.2729 22.033 10.6055C22.3096 9.93801 22.4519 9.2226 22.4519 8.50012C22.4519 7.77763 22.3096 7.06222 22.033 6.39476C21.7565 5.7273 21.3511 5.12087 20.8401 4.61012V4.61012Z' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  /*.mr-20 {
    margin-right: 10px;
  }*/
  .tag-fav,
  .tag-compare {
      position: relative;
      cursor: pointer;
  }
  .page-index .owl-item .tag-fav::before,
  .page-category .product .tag-fav::before,
  .page-tagged .product .tag-fav::before,
  .page-index .owl-item .tag-fav.active::before,
  .page-category .product .tag-fav.active::before,
  .page-tagged .product .tag-fav.active::before{
      content: " ";
      position: absolute;
      width: 24px;
      height: 24px;
      top: 0px;
      right: 6px;
      opacity: 0;
  }
  .page-index .owl-item .tag-fav::before,
  .page-category .product .tag-fav::before,
  .page-tagged .product .tag-fav::before {
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8401 4.61012C20.3294 4.09912 19.7229 3.69376 19.0555 3.4172C18.388 3.14064 17.6726 2.99829 16.9501 2.99829C16.2276 2.99829 15.5122 3.14064 14.8448 3.4172C14.1773 3.69376 13.5709 4.09912 13.0601 4.61012L12.0001 5.67012L10.9401 4.61012C9.90843 3.57842 8.50915 2.99883 7.05012 2.99883C5.59109 2.99883 4.19181 3.57842 3.16012 4.61012C2.12843 5.64181 1.54883 7.04108 1.54883 8.50012C1.54883 9.95915 2.12843 11.3584 3.16012 12.3901L4.22012 13.4501L12.0001 21.2301L19.7801 13.4501L20.8401 12.3901C21.3511 11.8794 21.7565 11.2729 22.033 10.6055C22.3096 9.93801 22.4519 9.2226 22.4519 8.50012C22.4519 7.77763 22.3096 7.06222 22.033 6.39476C21.7565 5.7273 21.3511 5.12087 20.8401 4.61012V4.61012Z' stroke='%23D4D4D4' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .page-index .owl-item .tag-fav.active::before,
  .page-category .product .tag-fav.active::before,
  .page-tagged .product .tag-fav.active::before {
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='282828' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8401 4.61012C20.3294 4.09912 19.7229 3.69376 19.0555 3.4172C18.388 3.14064 17.6726 2.99829 16.9501 2.99829C16.2276 2.99829 15.5122 3.14064 14.8448 3.4172C14.1773 3.69376 13.5709 4.09912 13.0601 4.61012L12.0001 5.67012L10.9401 4.61012C9.90843 3.57842 8.50915 2.99883 7.05012 2.99883C5.59109 2.99883 4.19181 3.57842 3.16012 4.61012C2.12843 5.64181 1.54883 7.04108 1.54883 8.50012C1.54883 9.95915 2.12843 11.3584 3.16012 12.3901L4.22012 13.4501L12.0001 21.2301L19.7801 13.4501L20.8401 12.3901C21.3511 11.8794 21.7565 11.2729 22.033 10.6055C22.3096 9.93801 22.4519 9.2226 22.4519 8.50012C22.4519 7.77763 22.3096 7.06222 22.033 6.39476C21.7565 5.7273 21.3511 5.12087 20.8401 4.61012V4.61012Z' stroke='%23282828' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .page-index .owl-item .tag-compare::before,
  .page-category .product .tag-compare::before,
  .page-tagged .product .tag-compare::before,
  .page-index .owl-item .tag-compare.active::before,
  .page-category .product .tag-compare.active::before,
  .page-tagged .product .tag-compare.active::before{
      content: " ";
      position: absolute;
      width: 24px;
      height: 24px;
      top: 0px;
      right: 35px;
      opacity: 0;
  }
  .page-index .owl-item .tag-compare::before,
  .page-category .product .tag-compare::before,
  .page-tagged .product .tag-compare::before{
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1356_3194)'%3E%3Cpath d='M4 21L4 3' stroke='%23D4D4D4' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 21L8 8' stroke='%23D4D4D4' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21L12 3' stroke='%23D4D4D4' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 21L16 7' stroke='%23D4D4D4' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 21V13' stroke='%23D4D4D4' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1356_3194'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  .page-index .owl-item .tag-compare.active::before,
  .page-category .product .tag-compare.active::before,
  .page-tagged .product .tag-compare.active::before{
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1356_3194)'%3E%3Cpath d='M4 21L4 3' stroke='%23282828' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 21L8 8' stroke='%23282828' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21L12 3' stroke='%23282828' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 21L16 7' stroke='%23282828' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 21V13' stroke='%23282828' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1356_3194'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  .page-index .owl-item:hover .tag-fav::before,
  .page-category .product:hover .tag-fav::before,
  .page-tagged .product:hover .tag-fav::before,
  .page-index .owl-item:hover .tag-fav.active::before,
  .page-category .product:hover .tag-fav.active::before,
  .page-tagged .product:hover .tag-fav.active::before,
  .page-index .owl-item:hover .tag-compare::before,
  .page-category .product:hover .tag-compare::before,
  .page-tagged .product:hover .tag-compare::before,
  .page-index .owl-item:hover .tag-compare.active::before,
  .page-category .product:hover .tag-compare.active::before,
  .page-tagged .product:hover .tag-compare.active::before {
      opacity: 1;
  }

.add-to-favorite {
  position: relative;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  color: #8E8E8E;
  border: 1px solid #8E8E8E;
  border-radius: 10px;
  width: 118px;
  padding: 7px 11px;
  padding-left: 29px;
  margin-bottom: 16px;
  margin-right: 8px;
  background-color: #FEFDFD;
}
.add-to-favorite::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8401 4.61012C20.3294 4.09912 19.7229 3.69376 19.0555 3.4172C18.388 3.14064 17.6726 2.99829 16.9501 2.99829C16.2276 2.99829 15.5122 3.14064 14.8448 3.4172C14.1773 3.69376 13.5709 4.09912 13.0601 4.61012L12.0001 5.67012L10.9401 4.61012C9.90843 3.57842 8.50915 2.99883 7.05012 2.99883C5.59109 2.99883 4.19181 3.57842 3.16012 4.61012C2.12843 5.64181 1.54883 7.04108 1.54883 8.50012C1.54883 9.95915 2.12843 11.3584 3.16012 12.3901L4.22012 13.4501L12.0001 21.2301L19.7801 13.4501L20.8401 12.3901C21.3511 11.8794 21.7565 11.2729 22.033 10.6055C22.3096 9.93801 22.4519 9.2226 22.4519 8.50012C22.4519 7.77763 22.3096 7.06222 22.033 6.39476C21.7565 5.7273 21.3511 5.12087 20.8401 4.61012V4.61012Z' stroke='%238E8E8E' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  left: 11px;
  top: 7px;
}
.add-to-favorite.active {
  color: #282828;
  border: 1px solid #282828;
}
.add-to-favorite.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='282828' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8401 4.61012C20.3294 4.09912 19.7229 3.69376 19.0555 3.4172C18.388 3.14064 17.6726 2.99829 16.9501 2.99829C16.2276 2.99829 15.5122 3.14064 14.8448 3.4172C14.1773 3.69376 13.5709 4.09912 13.0601 4.61012L12.0001 5.67012L10.9401 4.61012C9.90843 3.57842 8.50915 2.99883 7.05012 2.99883C5.59109 2.99883 4.19181 3.57842 3.16012 4.61012C2.12843 5.64181 1.54883 7.04108 1.54883 8.50012C1.54883 9.95915 2.12843 11.3584 3.16012 12.3901L4.22012 13.4501L12.0001 21.2301L19.7801 13.4501L20.8401 12.3901C21.3511 11.8794 21.7565 11.2729 22.033 10.6055C22.3096 9.93801 22.4519 9.2226 22.4519 8.50012C22.4519 7.77763 22.3096 7.06222 22.033 6.39476C21.7565 5.7273 21.3511 5.12087 20.8401 4.61012V4.61012Z' stroke='%23282828' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.add-to-favorite:hover,
.add-to-favorite:focus {
	border-color: #282828;
}
.add-to-favorite:active {
	opacity: 0.6;
}
.tag-fav-close {
  display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 5px;
    right: 0px;
    background: url(https://userimages.shopmanager.by/3129905/cross.svg) center center no-repeat;
    opacity: 0.5;
    cursor: pointer;
}

.add-to-compare {
  position: relative;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  color: #8E8E8E;
  border: 1px solid #8E8E8E;
  border-radius: 10px;
  width: 118px;
  padding: 7px 22px;
  padding-left: 39px;
  margin-bottom: 16px;
  background-color: #FEFDFD;
}

.add-to-compare::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1356_3194)'%3E%3Cpath d='M4 21L4 3' stroke='%238E8E8E' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 21L8 8' stroke='%238E8E8E' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21L12 3' stroke='%238E8E8E' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 21L16 7' stroke='%238E8E8E' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 21V13' stroke='%238E8E8E' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1356_3194'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  left: 13px;
  top: 6px;
}

.add-to-compare.active {
  color: #282828;
  border: 1px solid #282828;
}

.add-to-compare.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1356_3194)'%3E%3Cpath d='M4 21L4 3' stroke='%23282828' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 21L8 8' stroke='%23282828' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21L12 3' stroke='%23282828' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 21L16 7' stroke='%23282828' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 21V13' stroke='%23282828' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1356_3194'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.add-to-compare:hover,
.add-to-compare:focus {
	border-color: #282828;
}

.add-to-compare:active {
	opacity: 0.6;
}

.compare-prd-img-wrap {
  width: fit-content;
  position: relative;
}
.compare-prd-img-wrap .img-responsive {
  min-width: 200px;
}
.tag-compare-close {
  display: block;
  width: 24px;
  height: 24px;  
  position: absolute;
  top: 0px;
  right: 20px;  
  background: url("https://userimages.shopmanager.by/3129905/cross.svg") center center no-repeat;
  opacity: 0.5;
  cursor: pointer;
  z-index: 1;
}
.tag-compare-close:hover {
  opacity: 0.8;
}
#clearFavorites {
  max-height: 26px;
  margin-left: auto;
  padding: 1px 25px 1px;
  background-color: #FEFDFD;
  border: 1px solid #D4D4D4;
  font-size: 14px;
  font-weight: 500;
  color: #282828;
  display: inline-block;
  float: right;
  margin-right: 15px;
}

.page-favorites h1 {
  display: inline-block;
  padding-left: 15px;
}

.clear-compare-details {
  display: inline-block;
  float: right;
  background-color: #fff;
  border: 1px solid #D4D4D4;
  color: #000;
}

.page-compare h1 {
  display: inline-block;
}

@media(max-width: 388px) {
  #clearFavorites, .clear-compare-details {
    float: left;
    margin-left: 15px;
    margin-bottom: 10px;
  }
  
  .clear-compare-details {
    margin-left: 0px;
  }
} 

@media(max-width: 767px) {
  .button--icon {
    margin-top: 20px;
  }
  
  .icon {
    width: 18px;
    height: 18px;
    padding: 0px;
    margin-right: 5px;
  }
  
  .icon--comparison {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1356_3194)'%3E%3Cpath d='M4 21L4 3' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 21L8 8' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21L12 3' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 21L16 7' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 21V13' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1356_3194'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  .icon--favorite {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8401 4.61012C20.3294 4.09912 19.7229 3.69376 19.0555 3.4172C18.388 3.14064 17.6726 2.99829 16.9501 2.99829C16.2276 2.99829 15.5122 3.14064 14.8448 3.4172C14.1773 3.69376 13.5709 4.09912 13.0601 4.61012L12.0001 5.67012L10.9401 4.61012C9.90843 3.57842 8.50915 2.99883 7.05012 2.99883C5.59109 2.99883 4.19181 3.57842 3.16012 4.61012C2.12843 5.64181 1.54883 7.04108 1.54883 8.50012C1.54883 9.95915 2.12843 11.3584 3.16012 12.3901L4.22012 13.4501L12.0001 21.2301L19.7801 13.4501L20.8401 12.3901C21.3511 11.8794 21.7565 11.2729 22.033 10.6055C22.3096 9.93801 22.4519 9.2226 22.4519 8.50012C22.4519 7.77763 22.3096 7.06222 22.033 6.39476C21.7565 5.7273 21.3511 5.12087 20.8401 4.61012V4.61012Z' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  
  .button--icon sup {
    top: -5px;
    right: -5px;
    width: 15px;
    height: 15px;
  }
  
  .page-index .owl-item .tag-fav::before,
  .page-category .product .tag-fav::before,
  .page-tagged .product .tag-fav::before,
  .page-index .owl-item .tag-fav.active::before,
  .page-category .product .tag-fav.active::before,
  .page-tagged .product .tag-fav.active::before,
  .page-index .owl-item .tag-compare::before,
  .page-category .product .tag-compare::before,
  .page-tagged .product .tag-compare::before,
  .page-index .owl-item .tag-compare.active::before,
  .page-category .product .tag-compare.active::before,
  .page-tagged .product .tag-compare.active::before {
    opacity: 1;
  }
}
/* Finish Favorite and Compare Block */