* { outline: none !important; }

/* montserrat-300 - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: local(''),
    url('../fonts/montserrat-v23-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/montserrat-v23-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-regular - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('../fonts/montserrat-v23-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/montserrat-v23-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-500 - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: local(''),
    url('../fonts/montserrat-v23-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/montserrat-v23-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-700 - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local(''),
    url('../fonts/montserrat-v23-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/montserrat-v23-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root {
    --swiper-navigation-size: 30px;
    --swiper-pagination-bullet-size: 18px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-navigation-color: #999;
}
html { font-size: 18px; }
body { font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 400; color: #151515; background: #fff }

a { cursor: pointer; text-decoration: none; }
a:hover { text-decoration: none; color: #000; }
a:focus { text-decoration: none; }

.img-anim { transition: all 0.3s 0s ease; backface-visibility: hidden; transform: translate3d(0, 0, 0); }

.ulclear { margin:0; padding:0; list-style:none; }
.visuallyhidden { position: absolute; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(0px 0px 99.9% 99.9%); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; }

.wrapper { width: 100%; height: 100%; position: relative; }
.wrapper { padding-top: var(--header-spacer); }

.btn { display: inline-flex; flex-wrap: nowrap; justify-content: center; align-items: center; font-weight: 500; font-size: .75rem; padding: .5rem .75rem; border-radius: .375rem; }
.btn:focus { box-shadow: none; }
.btn svg { width: 1rem; }
.btn .icon { width: .75rem; margin-right: .5rem;  }
.btn-primary {  }

.btn-sm { font-size: 12px; padding: 7px 9px; }
.btn-sm .icon {}
.btn-lg { font-size: 1rem; padding: .75rem 1rem; border-radius: .5rem; }
.btn-lg .icon { width: 1rem; margin-right: .75rem; }
.btn-xl { font-size: 1.25rem; padding: 1.25rem 1.5rem; border-radius: .75rem; }
.btn-xl .icon { width: 1.5rem; margin-right: 1rem; }

.btn-rounded { border-radius: 100%; padding: .85rem; }

.btn-light { border: 1px solid #e0e0e0; background-color: #fff; color: #999999; }
.btn-light:hover { border-color: #000; background-color: #fff; color: #000; }

.form-control:focus { box-shadow: none; }

.nav-link:focus, .nav-link:hover { color: initial; }

header { height: var(--header-spacer); }
header .header-wrapper { position: relative; z-index: 1000; display: flex; justify-content: center; align-items: center; background-color: rgba(238, 237, 237, 0.8); backdrop-filter: saturate(170%) blur(5px); }
header .logo { margin: .5rem 0; }
header .logo a { display: block; font-size: 0; line-height: 0; }
header .quick-links { margin-left: 1rem; align-self: stretch; }
header .quick-links .nav-item { height: 100%; display: flex; align-items: center; }
header .quick-links svg {  }

header .navbar { padding: 0 0; }
header .navbar .navbar-nav { margin: 0 auto; flex-wrap: nowrap; flex: 0 0 0%; align-items: center; }
header .navbar-expand-lg .navbar-nav .nav-link { padding: 20px 1rem; }
header .nav-link { color: #151515; font-weight: 300; font-size: 1rem; }
header .navbar-nav .nav-link { border-bottom: 3px solid transparent; }
header .nav-link:hover { color: var(--pv-primary); border-bottom-color: var(--pv-primary); }
header .nav-link.show { color: var(--pv-primary); border-bottom-color: var(--pv-primary); }
header .nav-link.active { color: var(--pv-primary); border-bottom-color: var(--pv-primary); }
/*header .nav-item+.nav-item { margin-left: 0.5rem; }*/

.quick-links { display: flex; align-items: center; flex-wrap: nowrap; color: red; }
.quick-links .nav-link { position: relative; padding: .5rem .5rem; cursor: pointer; }
.quick-links .nav-link.show { color: var(--pv-primary); }
.quick-links .nav-item+.nav-item { margin-left: .5rem; }
.quick-links a {  }
.quick-links svg { display: block; width: 1.5rem; height: 1.5rem; }
.quick-links .dropdown-toggle::after { content: none; }
.quick-links .user .dropdown-menu { min-width: 14rem; }
.quick-links .user .dropdown-menu>.btn { width: 100%; }
.quick-links .user .dropdown-menu>.btn+.btn { margin-top: .5rem; }
.quick-links .basket .dropdown-menu { padding: 0; min-width: 20rem; }
.quick-links .basket .dropdown-menu .product-list.mini-list { border-radius: 0 .25rem 0 0; overflow: hidden; }

.dropdown-menu { border: 0 none; box-shadow: 0 0 12px 0 rgba(0,0,0,0.5); }
.dropdown-menu[data-bs-popper] { margin-top: 12px; }
.dropdown-menu::before { content: ''; position: absolute; bottom: 100%; left: 20px; right: auto;
    width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent;
}
.dropdown-menu-end.dropdown-menu::before { left: auto; right: 20px; }
.quick-links .dropdown-menu::before { left: auto; right: 10px; }

/*
.modal-backdrop,
.dropdown-backdrop { backface-visibility: hidden; transform: translate3d(0,0,0); transform: translateZ(0); will-change: transform; }

.dropdown-backdrop { position: fixed; z-index: 100; background: rgba(0,0,0,.8); backdrop-filter: blur(7px); width: 100%; height: calc(100vh - var(--header-spacer)); top: var(--header-spacer); left: 0; right: 0; bottom: 0; }
.dropdown-backdrop.fade { opacity: 0; }
.dropdown-backdrop.show { opacity: 1; }

.modal-backdrop {  }
.modal-backdrop.show { opacity: 1; background-color: rgba(0,0,0,.8); backdrop-filter: blur(7px); }
*/

.modal-backdrop { background-color: rgba(0,0,0,.7); }
.modal-backdrop.show { opacity: 1; }
.offcanvas-backdrop { background-color: rgba(0,0,0,.7); }
.offcanvas-backdrop.show { opacity: 1; }
.dropdown-backdrop { z-index: 999; top: var(--header-spacer); }
.offcanvas-close { position: absolute; top: 8px; right: 15px; z-index: 20; background: transparent; color: #fff; padding: 5px; border: 0 none; outline: 0 none; }
.offcanvas-close svg { width: 2rem; }

/*
.mm-ocd--open { background-color: rgba(0,0,0,.7); }
.mm-ocd__backdrop { background-color: transparent; }
.mm-ocd__content { background: none; }
.mm-spn { font-size: 1.325rem; }
.mm-spn ul.mm-spn--parent { left: -130%; }
.mm-spn.mm-spn--dark { color: #fff; background-color: rgba(0,0,0,.3); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.mm-spn a, .mm-spn span { font-weight: 500; }
.mm-spn a:hover, .mm-spn span:hover { color: red; }
 */

.mm-ocd__backdrop { background-color: transparent; }
.mm-ocd--open { background: rgba(0,0,0,0.7); }
.mm-ocd__content {position: fixed; background: rgba(0,0,0,0.7); backdrop-filter: blur(5px); }
.mm-spn.mm-spn--dark { background: transparent; }

.mm-spn { font-size: 1.325rem; }
.mm-spn a, .mm-spn span { font-weight: 500; }
.mm-spn.mm-spn--navbar ul:before { content: none; }
.mm-spn.mm-spn--navbar:before { z-index: 6; opacity: 1; }
.mm-spn.mm-spn--navbar:not(.mm-spn--main):after { z-index: 5; opacity: 1; background: var(--pv-primary); color: #fff; font-weight: 700; font-size: 1rem;}
.mm-spn.mm-spn--navbar.mm-spn--main:after { padding: 0 40px; }
.mm-spn ul.mm-spn--parent>li:before,
.mm-spn ul.mm-spn--parent>li:after,
.mm-spn ul.mm-spn--parent>li>span,
.mm-spn ul.mm-spn--parent>li>a { opacity: 0; visibility: hidden; }
.mm-spn a:hover, .mm-spn span:hover { color: var(--pv-primary); }
.mm-spn .mm-selected a,
.mm-spn .mm-selected span { color: var(--pv-primary); }

.dropdown-cat ul { margin: 0; padding: 0; list-style: none; }
.dropdown-cat .dropdown-menu { min-width: 12rem; }
.dropdown-cat .dropdown-menu.active-list { width: 34rem; }
.dropdown-cat .dropdown-menu-list { position: relative; width: 12rem; border-radius: .25rem; }
.dropdown-cat .dropdown-menu-list>li.active .submenu { display: block; }
.dropdown-cat .dropdown-menu-list>li.active > .dropdown-item { background: var(--pv-primary); color: #fff; }
.dropdown-cat .submenu { width: 22rem; display: none; position: absolute; top: -.5rem; bottom: -.5rem; left: 12rem; border-left: 1px solid #e0e0e0; overflow: hidden; box-shadow: inset 0 0 10px 0 rgba(0,0,0,.3); }
.dropdown-cat .submenu h2 { margin: 0 0 .25rem 0; padding: .5rem .5rem .5rem 1rem; font-size: 1.25rem; font-weight: 700; }
.dropdown-cat .dropdown-sub-item { position: relative; display: block; padding: .25rem .25rem .25rem 1rem; font-size: .9rem; color: #212529; font-weight: 400; }
.dropdown-cat .dropdown-sub-item:hover { color: var(--pv-primary); text-decoration: underline; }
.dropdown-cat .dropdown-item { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.dropdown-cat .dropdown-item>svg{ width: .75rem; margin-left: .75rem; }

.dropdown-menu { }
.dropdown-item { padding: .5rem 1rem; }
.dropdown-menu li + li>.dropdown-item { border-top: 1px solid #e0e0e0; }
.dropdown-item:focus, .dropdown-item:hover { background: var(--pv-primary); color: #fff; }


/**/
/*
.dropdown-cat { position: static; }
.dropdown-cat .dropdown-menu.mega-menu { min-width: 100%; width: 100%; }
.dropdown-cat .dropdown-menu.mega-menu .dropdown-menu-list { width: 100%;
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: repeat(10,auto);
    gap: 0 0;
}
*/
/*
.dropdown-cat { position: static; }
.dropdown-cat .dropdown-menu.mega-menu { min-width: 100%; width: 100%; }
.dropdown-cat .dropdown-menu.mega-menu .dropdown-menu-list { width: 100%;
    column-count: 4;
}
*/
/*
.dropdown-cat { position: static; }
.dropdown-cat .dropdown-menu.mega-menu { min-width: 100%; width: 100%; }
.dropdown-cat .dropdown-menu.mega-menu .dropdown-menu-list { display: flex; flex-direction: column; max-height: 800px;
    flex-wrap: wrap; align-items: flex-start; width: 100%; }
.dropdown-cat .dropdown-menu.mega-menu .dropdown-menu-list>li { flex: 1 1 auto; }
.dropdown-cat .dropdown-menu.mega-menu .dropdown-menu-list .dropdown-item { font-size: 13px; font-weight: 700; padding: 5px 1rem; }
.dropdown-menu li + li>.dropdown-item { border: 0 none!important; }
.dropdown-cat .dropdown-sub-item { font-size: 12px; padding: 5px 5px 5px 1rem; }
 */
.dropdown-cat { position: static; }
.dropdown-cat .dropdown-menu.mega-menu { min-width: 100%; width: 100%; }
.dropdown-cat .dropdown-menu.mega-menu:before { left: 245px; }
.dropdown-cat .dropdown-menu.mega-menu .dropdown-menu-list { width: 100%; }
.dropdown-cat .dropdown-menu.mega-menu .dropdown-menu-list .dropdown-item { white-space: normal; font-size: .85rem; padding: 5px 1rem; }
.dropdown-menu li + li>.dropdown-item { border: 0 none!important; }
.dropdown-cat .dropdown-sub-item { font-size: 11px; padding: 3px 3px 3px 1rem; }
/**/



    .dropdown-cat .dropdown-menu.mega-menu .dropdown-menu-list { display:flex; flex-wrap: wrap; flex-direction: column; /*max-height: 345px;*/ max-height: 510px; }
    .dropdown-cat .dropdown-menu.mega-menu .dropdown-menu-list>li { width: 25%; }
/*
.dropdown-cat .dropdown-menu.mega-menu .dropdown-menu-list { display:grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: repeat(4, 25%);
}
*/

/**/



.promobox {}
.promobox .item { position: relative; overflow: hidden; height: 0; padding-bottom: 100%; }
.promobox .item .link-overlay {}
.promobox .item picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.promobox .item img { width: 100%; height: 100%; object-fit: cover; }

.swiper-pagination-bullet { border-radius: var(--swiper-pagination-bullet-size); transition: all 0.2s 0s ease;}
.swiper-pagination-bullet-active { width: calc(var(--swiper-pagination-bullet-size) * 3); background-color: #000; opacity: 0.8; }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: .75rem; }

.block-brand { padding: 7.5rem 0; background: url(../images/bg-brand.jpg) 50% 50% no-repeat scroll #121418; }
.block-brand .row { --pv-gutter-x: 1.75rem; }
.block-brand .row .col {  }
.block-brand .item { position: relative; z-index: 1; text-align: center; padding: 2.5rem 0; }
.block-brand .item .inner { position: relative; z-index: 1; padding: 3rem 0; background: transparent; border-radius: 1rem; }
.block-brand .item:after { content: ''; position: absolute; z-index: -1; top: 2.5rem; left: 0; right: 0; bottom: 2.5rem; background-color: #e6e6e6; border-radius: 1rem;
    box-shadow: 0 0 0 0 transparent; border-bottom: 4px solid var(--pv-primary);
    transition: all 0.2s 0s ease;
}
.block-brand .item .link-overlay { }
.block-brand .item .title { margin: 0 0 3rem 0; font-size: 1.6rem; line-height: 1; font-weight: 500; text-transform: uppercase; }
.block-brand .item .title span { display: block; font-size: 1.3rem; font-weight: 300; }
.block-brand .item .pic { display: flex; height: 80px; padding: 0 10px; }
.block-brand .item .pic img { margin: auto; }
.block-brand .item .button-wrapper { pointer-events: none; position: absolute; bottom: 0; left: 0; right: 0; transform: translateY(0); opacity: 0; transition: all 0.2s 0s ease; }
.block-brand .item .btn-more { display: inline-flex; align-items: center; font-size: 1rem; text-transform: uppercase; }
.block-brand .item .btn-more svg { width: 1.375rem; height: 1.375rem; margin-right: .5rem; }
.block-brand .item:hover:after { top: 0; bottom: 0; box-shadow: 0 0 0 4px var(--pv-primary); }
.block-brand .item:hover .button-wrapper { transform: translateY(40px); opacity: 1; }

.block-info { padding: .75rem 0 2.75rem 0; background-color: #f4f4f4; overflow: hidden; }
.block-info .row { --pv-gutter-x: 2rem; }
.block-info .col-item { margin-top: 2rem; }
.block-info .info-item { display: flex; width: 100%; height: 100%; position: relative; padding-top: 3.75rem; font-size: 1.2rem; font-weight: 700; text-align: center; }
.block-info .info-item .inner { display: flex; width: 100%; flex-direction: column; color: #000; background-color: #fff; border: 1px solid #e0e0e0; border-radius: .75rem; padding: 3.75rem 2rem 1rem 2rem;
    transition: all 0.2s 0s ease;
}
.block-info .info-item .link-overlay { }
.block-info .info-item .pic { display: flex; width: 7.5rem; height: 7.5rem; border-radius: 100%; background-color: var(--pv-primary); color: #fff; position: absolute; z-index: 1; top: 0; left: 50%; transform: translateX(-50%);  }
.block-info .info-item .pic svg { width: 5rem; height: 5rem; margin: auto auto; }
.block-info .info-item .title { margin: 1rem 0 0 0; text-transform: uppercase; }
.block-info .info-item .desc { font-size: 1rem; font-weight: 500; margin: auto 0; }
.block-info .info-item .cta { margin-top: .25rem; }
.block-info .info-item:hover .inner { border-color: var(--pv-primary); }
.block-info .info-item:hover .cta { color: var(--pv-primary); text-decoration: underline; }

.link-overlay { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; }

.newsletter { background-color: #f4f4f4; padding: 2.75rem 0; text-align: center; }
.newsletter .container-wide { padding: 2rem 0 5rem 0; margin: 0 auto; width: 100%; max-width: 1490px; background: url(../images/bg-newsletter.jpg) 50% 50% no-repeat scroll #0f1d24; border-radius: .75rem; }
.newsletter .inner { padding: .75rem; border-radius: .75rem; background-color: #fff; }
.newsletter .title { margin: 0 0 4rem 0; font-size: 2.25rem; font-weight: 500; text-transform: uppercase; color: #fff; }
.newsletter .form-control { border: 0 none; border-radius: .75rem; background-color: #fff; font-size: 1.5rem; font-weight: 500; color: #000; }
.newsletter .form-control:focus { box-shadow: none; }
.widget-newsletter { padding: 0 1rem 5rem 1rem; }

.bg-gray { background-color: #f4f4f4; }

.product-widget-slide { padding: 4rem 0; overflow: hidden; }
.product-widget-slide .tab-header { margin-bottom: 2rem; }
.product-widget-slide .tab-header .title { margin: 0 0 0 0; font-size: 2.25rem; font-weight: 500; }
.product-widget-slide .nav-tabs { align-items: center; }
.nav-tabs .nav-title { margin-right: auto; }
.nav-tabs .nav-link { padding: 1.25rem 3rem; font-size: 1rem; font-weight: 500; color: #999999; border-radius: .75rem .75rem 0 0; }
.nav-tabs .nav-link.active { background-color: var(--pv-primary); color: #fff; border-color: var(--pv-primary); }

.product-slider { position: relative; }
.product-slider .swiper { border: 1px solid #e0e0e0; background-color: #fafafa; border-radius: .75rem; overflow: hidden; }
.product-slider .swiper-slide { display: flex; height: auto; }
.product-slider .swiper-banner .item { position: relative; padding: 0; }
.product-slider .swiper-banner .item img { position: absolute; z-index: 1; top: 0; left: -1px; width: calc(100% + 1px); height: 100%; object-fit: cover; }


.product-slider .item { border-left: 1px solid #e0e0e0; }
.product-slider .swiper-slide-active .item { border-left-color: transparent; }

.product-slider .swiper-button-prev { left: -25px; }
.product-slider .swiper-button-next { right: -25px; }

.product-list:not(.product-slider):not(.mini-list) {  }
.product-list:not(.product-slider):not(.mini-list) .item { height: 100%; background-color: #fff;
    box-shadow:
            1px 0 0 0 #e0e0e0,
            0 1px 0 0 #e0e0e0,
            1px 1px 0 0 #e0e0e0,
            1px 0 0 0 #e0e0e0 inset,
            0 1px 0 0 #e0e0e0 inset;
}
.product-list:not(.product-slider):not(.mini-list) .item:hover { background-color: #f3f3f3; }
.product-list {}
.product-list .item { display: flex; width: 100%; flex-direction: column; position: relative; background-color: #fafafa; padding: 2rem .75rem .75rem .75rem; text-align: center; }
.product-list .item .link-overlay { display: none; }
.product-list .item:hover { background-color: #f3f3f3; /*box-shadow: inset 0 0 0 1px rgba(0,0,0,0.7);*/ }
.product-list .item:hover .product-title {  }
.product-list .product-details { height: 100%; display: flex; flex-direction: column; }
.product-list .product-action { margin: .85rem 0; }
.product-list .product-action>* { margin: 0 5px; }
.product-list .product-action svg { width: 1.25rem; }
.product-list .product-title { font-weight: 500; font-size: .85rem; line-height: .95rem; color: #151515; text-transform: uppercase; margin-bottom: .75rem; }
.product-list .product-price-box { margin-top: auto; font-size: 1rem; line-height: 1rem; font-weight: 700; color: #151515; }
.product-list .product-price-box .old-price { font-size: .75rem; color: #949494; text-decoration: line-through; }


.product-list.mini-list { padding: 5px; }
.product-list.mini-list .item { background-color: transparent; padding: .5rem; flex-direction: row; flex-wrap: nowrap; align-items: center; text-align: left; }
.product-list.mini-list .item+.item { border-top: 1px solid #e0e0e0 }
.product-list.mini-list .product-img { width: 70px; flex-shrink: 0; margin-right: .75rem; }
.product-list.mini-list .product-details { flex-direction: column; width: 100%; }
.product-list.mini-list .product-title { font-size: 13px; line-height: 16px; font-weight: 400; margin-bottom: 10px; text-transform: none; }
.product-list.mini-list .product-price-box { font-size: 13px; line-height: 16px; font-weight: 700; }
.basket .badge { position: absolute; top: 0; right: 0; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; background-color: var(--pv-primary); padding: 3px; color: #fff; font-size: 10px; border-radius: 100%; font-weight: 500; }
.basket .product-list.mini-list .product-item-wrapper { max-height: 45vh; }
.basket .basket-details { font-size: 14px; padding: 1rem; background-color: #fafafa; border-top: 1px solid #e0e0e0; border-radius: 0 0 .25rem .25rem; }
.basket .button-wrapper .btn { width: 100%; }
.basket .button-wrapper .btn .icon { width: 1.5rem; }
.basket .price-wrapper { margin-bottom: .75rem; }
.basket .price-summary { display: flex; justify-content: space-between; font-weight: 500; }
.basket .price-summary .price { font-weight: 700; }

.modal-search {}
.modal-search .modal-content { background-color: rgba(0,0,0,.5); backdrop-filter: blur(5px); border: 0 none; box-shadow: 0 0 12px 0 rgba(0,0,0,.5); }
.modal-search .modal-header { position: relative; color: #fff; padding: 10px 15px 10px 10px; border-bottom: 0 none; }
.modal-search .modal-header>svg.icon { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); width: 20px; }
.modal-search .modal-header .form-control { padding: 5px 5px 5px 35px; background-color: transparent; border-radius: 0; border: 0 none; border-bottom: 1px solid rgba(255,255,255,.5);
    line-height: 30px; color: #fff; font-size: 16px; font-weight: 400; }
.modal-search .modal-header .form-control::-webkit-input-placeholder { color: rgba(255,255,255,.8); }
.modal-search .modal-header .form-control::-moz-placeholder { color: rgba(255,255,255,.8); }
.modal-search .modal-header .form-control:-ms-input-placeholder { color: rgba(255,255,255,.8); }
.modal-search .modal-header .form-control:-moz-placeholder { color: rgba(255,255,255,.8); }
.modal-search .btn-close { opacity: .7; margin-left: 15px; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; }
.modal-search .btn-close:hover { opacity: 1; }
.modal-search .btn-close:focus { box-shadow: none; }
.modal-search .modal-body { position: relative; padding: 10px; overflow: hidden; display: flex; flex-direction: column; }
.modal-search .mini-list { display: flex; flex-direction: column; max-height: 100%; overflow: hidden; background-color: #fff; border-radius: 7px; }
.modal-search .mini-list::before{ content: ''; position: absolute; top: 0; left: 40px; right: auto; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; }
.modal-search .mini-list .item:hover { background-color: #fafafa; }
.modal-search .product-item-wrapper { max-height: 100%; }

.scroll-wrapper { overflow-y: auto; }
.scroll-wrapper::-webkit-scrollbar { width: 7px; background-color:rgba(0,0,0,0.2); border-radius: 7px; }
.scroll-wrapper::-webkit-scrollbar-track { background-color: transparent; }
.scroll-wrapper::-webkit-scrollbar-thumb { border-radius: 7px; background-color:rgba(0,0,0,0.4); }
.scroll-wrapper::-webkit-scrollbar-thumb:hover { background-color:rgba(0,0,0,0.7); }


.offcanvas-filter { background-color: #fcfcfc; }
.offcanvas-filter .offcanvas-body { padding: 0; }
.offcanvas-filter .offcanvas-footer { display: none; }

.category-box { border-radius: 0; margin-bottom: 1.5rem; }
.category-box .card-header { font-size: 1rem; font-weight: 700; }
.category-box .list-group-item { font-size: .85rem; }
.category-box .list-group-item.active { }
.category-box .list-group-item-action:hover { color: #fff; background-color: var(--pv-primary); border-color: var(--pv-primary); }
.category-box .list-group-flush>.list-group-item { border-radius: 0 }

.filter .accordion-item { background-color: #fcfcfc; }
.filter .accordion-button { font-weight: 500; font-size: .875rem; padding: .75rem .75rem; background-color: transparent; color: #151515; }
.filter .accordion-button:focus { border-color: transparent; box-shadow: none; }
.filter .accordion-button:after { width: .5rem; height: .5rem; background-size: .5rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e");
}
.filter .accordion-button:not(.collapsed) { background-color: transparent; color: var(--pv-primary); box-shadow: none; }
.filter .accordion-button:not(.collapsed):after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e60023'%3e%3cpath fill-rule='evenodd' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e"); }
.filter .accordion-body { padding: 0 5px 5px 5px; }
.filter .accordion-body .accordion-item { border-bottom: 0; }
.filter .accordion-body .accordion-item .accordion-button { padding: .5rem .5rem .5rem 1rem; }

.filter .accordion-body .accordion-button { font-size: .75rem; font-weight: 700; }

.filter .filter-block { padding: .325rem .325rem .325rem .75rem; }

.filter-block .brand-grid { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 -5px; }
.filter-block .brand-grid .item { align-self: stretch; position: relative; width: 50%; background-color: transparent; padding: 5px; cursor: pointer; }
.filter-block .brand-grid .item,
.filter-block .brand-grid .item * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none; }
.filter-block .brand-grid input[type=checkbox] {   }
.filter-block .brand-grid .brand-logo { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: #f4f4f4; padding: 5px; border: 1px solid #e0e0e0; border-radius: 5px; }
.filter-block .brand-grid .brand-logo img { max-height: 40px;
    image-rendering: -webkit-optimize-contrast;
    transform: translate3d(0, 0, 0);
}
.filter-block .brand-grid .brand-logo .brand-text { display: flex; justify-content: center; align-items: center; height: 40px; font-size: .7rem; line-height: 1.2; font-weight: 500; text-align: center; }
.filter-block .brand-grid a .brand-logo .brand-text { color: #151515; }
.filter-block .brand-grid input[type=checkbox]:checked+.brand-logo { background-color: #fff; border-color: var(--pv-primary); }

.filter-range-wrapper {  }
.filter_labels { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-top: .325rem; margin-bottom: .5rem; }
.filter_labels>span { font-size: 12px; }


.noUi-horizontal { height: 12px; }
.noUi-target { background-color: #fff; box-shadow: none; border: 1px solid #e9e9e9; }
.noUi-connect { background-color: var(--pv-primary); }
.noUi-horizontal .noUi-handle { width: 14px; height: 14px; right: -7px; top: -2px; }
.noUi-handle { background-color: #000; border: 0 none; box-shadow: none; }
.noUi-handle:after, .noUi-handle:before { content: none; }


.page-container { padding: 1.5rem 0; }

.breadcrumb-nav {  }
.breadcrumb { border-bottom: 1px solid #e0e0e0; margin-bottom: 2rem; padding-bottom: 5px; }
.breadcrumb-item { font-weight: 300; font-size: .85rem; color: #151515; }
.breadcrumb-item a { color: #151515; }
.breadcrumb-item.active { color: #000; font-weight: 700; }
.breadcrumb-item.active::before { font-weight: 300; }
.breadcrumb-item+.breadcrumb-item { padding-left: .3rem; }
.breadcrumb-item+.breadcrumb-item::before { padding-right: .3rem; color: #151515; }

/*.listing-header { position: sticky; top: var(--header-spacer); z-index: 100; background-color: rgba(255,255,255,.7); backdrop-filter: blur(5px); }*/
.listing-header {  }
.listing-header .row { border-bottom: 1px solid #e0e0e0; margin-bottom: 2rem; padding-bottom: 1rem; align-items: center; }
.listing-header .main-title { margin: 0 0; }
.listing-header .sort-group { display: flex; flex-wrap: nowrap; align-items: center; margin: 0 -.75rem; }
.listing-header .item { padding: 0 .75rem; }
.listing-header .item-info { margin-left: auto; font-weight: 700; color: var(--pv-primary); }
.listing-header .item-filter { margin-right: auto; }
.listing-header .item-order { border-left: 2px solid #e0e0e0; }
.listing-header .form-select { border-color: transparent; }
.listing-header .form-select:focus { box-shadow: none; border-color: #ced4da }

.listing-header.sticky-top { top: var(--header-spacer); }
.listing-header.sticky-top { background-color: green; }
.listing-header.sticky-top .main-title{ opacity: 0; }

.main-title { margin: 0 0 1.5rem 0; padding-bottom: .5rem; font-size: 2rem; font-weight: 700; border-bottom: 1px solid #e0e0e0; }
.main-title {  }
.page-title-desktop {  }
.page-title-mobile { margin-bottom: 1rem; border-bottom: 1px solid #e0e0e0; }
.page-title-mobile .main-title { margin-bottom: .5rem; }
[class^="page-title-"] .main-title { border-bottom: 0 none; padding-bottom: 0; }

.product-view {}
.product-view .product-details {  }
.product-view .product-description { margin-bottom: 1rem; }
.product-view .product-info { font-size: 14px; }
.product-view .product-info .table-sm>:not(caption)>*>* { padding: 3px 3px; }
.product-view .product-stock { margin: .5rem 0 1.5rem 0; }
.product-view .product-stock .badge { font-size: 1rem; font-weight: 500; text-transform: uppercase; border: 4px solid transparent; padding: 1rem 1rem; border-radius: 1rem; }
.product-view .product-stock .badge.takeover { background-color: #e6e6e6; color: #14171a; border-color: var(--pv-primary); }
.product-view .product-price { font-weight: 700; font-size: 14px; margin: .5rem 0 1.5rem ; }
.product-view .product-price .price { font-size: 1.75rem; }
.product-view .product-price .old-price { font-size: .75rem; text-decoration: line-through; color: #949494; }
.product-view .product-media {  }
.product-view .product-media,
.product-view .product-media * {
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none;
}
.product-view .product-media .product-image {  }
.product-view .product-media .product-thumbnail { display: flex; flex-wrap: wrap; margin: 0 -5px; }
.product-view .product-media .product-thumbnail .col { flex: 0 1 20%; width: 20%; padding: 0 5px; }
.product-view .product-media .pic-item { display: block; padding: 3px; border: 1px solid #e0e0e0; margin-bottom: 15px; }
.product-view .product-media .pic-item:hover { border-color: var(--pv-primary) }
.product-view .product-body { margin: 3rem 0 1rem 0;  }
.product-view .tab-content>.tab-pane { padding: 1rem; }

.product-view .product-details,
.product-view .product-media { position: sticky; top: calc(var(--header-spacer) + .5rem); }

.nc { cursor: default; pointer-events: none; }
.nc:hover { border-color: inherit!important; }

.main-content { }

.form-label { font-weight: 700; font-size: .875rem; }
.form-label .help-block { font-weight: 400; }
.help-block { font-size: .875rem; font-weight: 400; }


.login .card { height: 100%; }
.user-form .card-title { font-weight: 700; }
.user-form .card-link { color: #000; text-decoration: underline; }
.user-form .card-link:hover { color: var(--pv-primary) }

/**/


.profile {}
.profile .orders {}
.profile .orders .table {}
.profile .orders .table thead .orderid { }
.profile .orders .table thead .date { width: 175px; }
.profile .orders .table thead .price { width: 115px; }
.profile .orders .table thead .morebtn { width: 95px; }
.profile .orders .table.table-striped>tbody>tr:nth-of-type(odd) { }

.inorder {}
.inorder .panel-heading .orderid {}
.inorder .panel-heading .date { float: right; font-size: 12px; font-style: italic; font-weight: 400; line-height: 22px; }

.inorder .products {}
.inorder .products .table td, .inorder .products .table th { vertical-align: middle; }
.inorder .products .table thead .name {}
.inorder .products .table thead .price { width: 110px; }
.inorder .products .table thead .qty { text-align: center; }
.inorder .products .table thead .totalprice { text-align: right; }
.inorder .products .table tbody .name {}
.inorder .products .table tbody .name .prod-name { display: block; font-weight: 700; }
.inorder .products .table tbody .name .sku { font-size: 12px; font-style: italic; }
.inorder .products .table tbody .price {}
.inorder .products .table tbody .qty { text-align: center; }
.inorder .products .table tbody .totalprice { text-align: right; }
.inorder .products .table .sum { background: #ddd; }
.inorder .products .table .sum td { text-align: right; font-weight: 700; }
.inorder .products .table .sum td.sumprice { }


.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { }
.cart .table>tbody>tr>td, .cart .table>tbody>tr>th, .cart .table>tfoot>tr>td, .cart .table>tfoot>tr>th, .cart .table>thead>tr>td, .cart .table>thead>tr>th {  }
.cart .basket { font-size: 14px }
.cart .basket thead { font-size: 13px; }
.cart .basket thead .pic { width: 76px; }
.cart .basket thead .name { }
.cart .basket thead .price { width: 100px; text-align: right; }
.cart .basket thead .qty { width: 90px; text-align: center; }
.cart .basket thead .price-sum { width: 100px; text-align: right; }
.cart .basket thead .delete { width: 20px; }

.cart .basket tbody td { vertical-align: middle; }
.cart .basket tbody .pic { }
.cart .basket tbody .pic a { }
.cart .basket tbody .pic img { max-width: 60px; }
.cart .basket tbody .name { }
.cart .basket tbody .name a { color: #000; font-weight: 500; }
.cart .basket tbody .name a:hover { color: var(--pv-primary); text-decoration: underline; }
.cart .basket tbody .name .modifiers { }
.cart .basket tbody .name .modifiers .modifier { }
.cart .basket tbody .name .modifiers .modifier span { }
.cart .basket tbody .prices { text-align: right; }
.cart .basket tbody .prices .price { }
.cart .basket tbody .prices .price.old { }
.cart .basket tbody .prices .price.sale { }
.cart .basket tbody .prices .price.regular { }
.cart .basket tbody .qty { text-align: center; }
/*.cart .basket tbody .qty .form-control { display: inline-block; width: 40px; text-align: center; padding: 6px; }*/
.cart .basket tbody .qty .form-control { text-align: center; }
.cart .basket tbody .price-sum { text-align: right; }
.cart .basket tbody .delete { text-align: center; }
.cart .basket tbody .delete a { display: inline-block; }

.cart .basket .totals { }
.cart .basket .totals td { background: transparent; }
.cart .basket .totals td { font-weight: bold; }
.cart .basket .totals .text-right { border-left: 0 none; }
.cart .basket .totals .hidden-xs { border-right: 0 none; }

.cart .msg textarea { height: 120px; resize: none; }

.cart .summary-user { margin-bottom: 30px; }
.cart .summary-user > a.edit { float: right; }
.cart .summary-user > div { margin-bottom: 10px; }
.cart .summary-user > div > .title { font-size: 16px; font-weight: bold; margin: 5px 0 10px 0; }
.cart .summary-user .user-info { }
.cart .summary-user .user-billing { }
.cart .summary-user .user-shipping { }

.cart .buttons { }
.cart .buttons .btn {}
.cart .buttons .btn.back { }
.cart .buttons .btn.modify { }
.cart .buttons .btn.empty { }


.cart-breadcrumb .breadcrumb-item+.breadcrumb-item { padding-left: 0; }
.cart-breadcrumb .breadcrumb-item+.breadcrumb-item::before { content: none; }
.cart-breadcrumb { padding: 0 0 0 0; margin-bottom: 30px; border: 1px solid #d5d5d5; list-style: none; background: #f5f5f5; border-radius: 4px; }
/*.cart-breadcrumb>li { float: left; }*/
.cart-breadcrumb>li>a, .cart-breadcrumb>li>span { position: relative; display: block; padding: 12px 10px 12px 26px; text-align: center; font-size: 13px; line-height: 16px;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.cart-breadcrumb>li:first-child>a, .cart-breadcrumb>li:first-child>span { padding: 12px 10px 12px 16px; }
.cart-breadcrumb>li>a:before, .cart-breadcrumb>li>a:after, .cart-breadcrumb>li>span:before, .cart-breadcrumb>li>span:after {
    content:''; position: absolute; top: 0; left: 100%; z-index: 1; display: block; width: 0; height: 0;
    border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 16px solid transparent;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.cart-breadcrumb>li>a:before, .cart-breadcrumb>li>span:before { margin-left: 1px; border-left-color: #d5d5d5; }
.cart-breadcrumb>li>a:after, .cart-breadcrumb>li>span:after { border-left-color: #f5f5f5; }
.cart-breadcrumb>li.active { color: #fff; }
.cart-breadcrumb>li.active>span { background: var(--pv-primary); font-weight: bold; }
.cart-breadcrumb>li.active>span:after { border-left-color: var(--pv-primary); }
.cart-breadcrumb>li>a { font-weight: 700;}
.cart-breadcrumb>li>span { cursor: default; }
.cart-breadcrumb>li>a:hover, .cart-breadcrumb>li>a:focus { background: #ddd; }
.cart-breadcrumb>li>a:hover:after, .cart-breadcrumb>li>a:focus:after { border-left-color: #ddd; }




.pager-container { text-align: center; }
.pagination { margin-top: 2rem; justify-content: center; }
.pagination>li { }
.pagination>li>a,.pagination>li>span {  }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {  }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {  }
.pagination>li:first-child > a, .pagination > li:last-child > a { }


.user-form { }
.user-form textarea { height: 120px; }


.content-lead { margin-bottom: 30px; }
.content-body { }
.content-lead img, .content-body img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.content-lead a, .content-body a { font-weight: 700; }
.page-view .content-lead { font-weight: 700; }
.home-page.page-view .content-lead { font-weight: 400; }

.error404 { text-align: center; }
.error404 h1 { font-size: 72px; font-weight: 700; text-transform: uppercase; }
.error404 h2 { font-size: 32px; }

body.stop-scrolling { padding-right: 17px; }
.sweet-overlay { overflow: visible; overflow-y: scroll; }

.social-box { display: flex; margin-bottom: 15px; justify-content: flex-end; }
.social-box li { display: inline-flex; margin-left: 1rem; }
.social-box li a { display: inline-flex; color: #fff; }
.social-box li a svg { display: block; width: 1.25rem; }
.social-box li a:hover{ color: var(--pv-primary) }


footer .inner { padding: 2rem 0 1rem 0; color: #fff; font-size: .75rem; font-weight: 500; }
footer .subtitle { margin: 0 0 1rem 0; font-size: .75rem; font-weight: 700; color: var(--pv-primary); text-transform: uppercase; }
footer .inner { background: url(../images/bg-footer.jpg) 50% 0 no-repeat scroll #121b21; }
footer ul { margin: 0; padding: 0; list-style: none; }
footer .menu li { margin-bottom: 5px; }
footer .menu a { position: relative; display: inline-flex; align-items: center; color: #fff; }
footer .menu a:before { flex: 0 0 3px; content: ''; width: 3px; height: 3px; margin-right: .75rem; border-radius: 100%; background-color: #fff;  }
footer .menu a:hover { text-decoration: underline; color: var(--pv-primary); }
footer .bottom { background-color: #575757; font-size: 11px; font-weight: 500; color: #fff; padding: .75rem 0; }
footer .bottom a { color: #fff; }
footer .bottom a:hover { color: #000; text-decoration: underline; }


@media (max-width: 520.98px) {
    .product-slider .swiper-slide-active .item { border-left-color: #e0e0e0; }
}

@media (max-width: 575.98px) {

    :root { --header-spacer: 47px; }

    .main-title { font-size: 1.5rem; }

    header .logo { width: 126px; }

    .nav-tabs .nav-title { width: 100%; flex: 0 0 100%; text-align: center; margin: 0 0 1rem 0; }
    .newsletter .inner .row { flex-direction: column; }
    .newsletter .form-control { margin-bottom: 1rem; border: 1px solid #e0e0e0; line-height: 2; }
    .newsletter .form-control:focus { border-color: var(--pv-primary); }
    .newsletter .btn { width: 100%; }

    .quick-links .basket .dropdown-menu { position: fixed; left: 1rem; right: 1rem; top: var(--header-spacer); bottom: auto; }
    .quick-links .basket .dropdown-menu::before { right: 90px; }

}

/*xs */
@media (max-width: 767.98px) {
    :root {

        --swiper-pagination-bullet-size: 12px;
        --swiper-pagination-bullet-horizontal-gap: 3px;
    }
    html { font-size: 12px; }

    .nav-tabs .nav-link { padding: 1.25rem 1rem; }

    .product-widget-slide { padding: 2rem 0; }
    .product-widget-slide .tab-header { margin-bottom: 1rem; }
    .product-widget-slide .nav-tabs { justify-content: center; }

    .block-info .row { --pv-gutter-x: 1.5rem; }

    header .quick-links svg { width: 2rem; height: 2rem; }

    .product-list:not(.product-slider):not(.mini-list) .col-item:nth-child(2n + 1) .item { border-left-color: transparent; }

    .product-list.mini-list .product-img { width: 55px; }
    .product-list.mini-list .product-title { font-size: 11px; }
    .product-list.mini-list .product-price-box { font-size: 11px; }

    .widget-newsletter { padding: 0 1rem 2rem 1rem; }
    .newsletter .container-wide { padding: 2rem 0; }
    .newsletter .title { margin-bottom: 2rem; font-size: 1.75rem; }

    .social-box { margin: 1rem 0 2rem 0; justify-content: center; }
    .social-box li a svg { width: 2rem; }

    footer .bottom { text-align: center; }
    footer .bottom .createdby { font-size: 9px; }

    .cart .table { font-size: 11px; }
    .inorder .products .table { font-size: 11px; }
    .profile .orders .table { font-size: 11px; }
    .cart.user-info .table { font-size: 13px; }
    .cart .summary-user { font-size: 12px; }
    .cart .table th, .cart .table td { padding: 2px; }
    .inorder .products .table td, .inorder .products .table th { padding: 4px; }
    .cart.user-info .table th, .cart.user-info .table td { padding: 4px; }
    .cart .basket thead { font-size: 11px; }
    .cart .basket thead .price { width: 70px; }
    .cart .basket thead .qty { width: 75px; }
    .cart .basket thead .price-sum { width: 55px; }
    .cart .basket thead .pic { width: 34px; }
    .cart .basket tbody .pic img { width: 30px; }
    .cart .basket tbody .prices .price { font-size: 12px; }
    .cart .basket tbody .qty .form-control { padding: 6px 3px; font-size: 11px; width: 35px; }
    /*.cart .buttons .btn { float: none; width: 100%; margin: 5px 0; }*/
    .cart-breadcrumb { display: none; }

}

@media (max-width: 991.98px) {
    .offcanvas-start-lg { top: 0; transition: transform .3s ease-in-out; left: 0; width: 80%; max-width: 400px; border-right: 1px solid rgba(0,0,0,.2); transform: translateX(-100%); }
    .offcanvas-header { flex-wrap: wrap; }
    .offcanvas-header .btn-reset-filter { width: 100%; margin-top: 5px; }

    .listing-header { position: sticky; top: var(--header-spacer); z-index: 998;
        background-color: rgba(238, 237, 237, 0.8); backdrop-filter: saturate(170%) blur(5px); margin: 0 -.75rem; padding: 0 .75rem;
    }
    .listing-header .row { padding: .5rem 0; border-bottom: 0; }

    .filter-range-wrapper { padding: 0 1.3rem 0 1rem; }

}

@media (min-width: 576px) {
    :root { --header-spacer: 61px; }
    .quick-links .basket .dropdown-menu { min-width: 30rem; }
}

/* sm */
@media (min-width: 768px) {
    :root { --header-spacer: 64px; }
    html { font-size: 14px; }
    .promobox .item { padding-bottom: 0; }
    .promobox .item,
    .promobox .item img { height: 470px; }
    .quick-links .basket .dropdown-menu { min-width: 20rem; }
}

/* only sm */
@media (min-width: 768px) and (max-width: 991px) {
    .cart-breadcrumb>li>a, .cart-breadcrumb>li>span { font-size: 12px; }
}

/* xs & sm */
@media (max-width: 991px) {
    .block-brand { padding: 2rem 0 .5rem 0; }
    .block-brand .row { --pv-gutter-x: 1.5rem; }
    .block-brand .row .col { flex: 0 0 50%; margin-bottom: 1.5rem; }
    .block-brand .item { padding: 0; }
    .block-brand .item:after { content: none; }
    .block-brand .item .inner { padding: 1rem; background-color: #e6e6e6; border-bottom: 4px solid red; }
    .block-brand .item .title { margin-bottom: 1rem; }
    .block-brand .item .button-wrapper { position: static; opacity: 1; margin-top: 1rem; }
    .block-brand .item:hover .button-wrapper { transform: translateY(0); }
}

/* xs & sm & md*/
@media (max-width: 1199px) {

}

/* md */
@media (min-width: 992px) {
    :root {
        --header-spacer: 67px;
    }
    html { font-size: 16px; }
    .navbar-expand-lg .navbar-nav .nav-link { padding: 0.5rem 1rem; }
    .promobox .item,
    .promobox .item img { height: 580px; }
    .menu-toggler { display: none!important; }

    .offcanvas { transition: none; transform: none; visibility: visible!important; position: relative; z-index: 1; width: auto; top: auto; left: auto; bottom: auto; border: 1px solid #e0e0e0; }
    .offcanvas-filter {  }
    .offcanvas-filter .btn-close { display: none; }

    .product-list:not(.product-slider):not(.mini-list) { margin-left: -1px; }

}

/*only md */
@media (min-width: 992px) and (max-width: 1199px) {
    .dropdown-item { font-size: .85rem; }
    .dropdown-cat .dropdown-menu.mega-menu .dropdown-menu-list .dropdown-item { font-size: .75rem; }
    .cart-breadcrumb>li>a, .cart-breadcrumb>li>span { font-size: 11px; }
}

/* lg */
@media (min-width: 1200px) {
    :root {
        --header-spacer: 70px;
    }
    html { font-size: 18px; }
    .promobox .item,
    .promobox .item img { height: 740px; }
}

/**/
div.errormark { display: none; width: 16px; height: 16px; }
div.errormark a {display: block; background: transparent url(../images/icons/error.png) no-repeat; width: 16px; height: 16px; }
div.errors { position: relative; background: #ffecec; border: solid 1px #ffffff; padding: 10px; margin-bottom: 10px; }
div.errors strong { color: #000000; }
div.errors .error-close { position: absolute; width: 17px; height: 17px; top: 0px; right: 0px; display: block; background: url(../images/icons/error_close_icon.png) no-repeat; }
div.error-text { margin-top: 5px; }