:root {
    /* стили полосы прокрутки меню */
    --menu-scrollbar-thumb: #333; /* цвет бегунка */
    --menu-scrollbar-track: #000; /* цвет дорожки */
    --menu-scrollbar-width: thin; /* ширина скроллбара */
    --menu-scrollbar-width-legacy: 8px; /* ширина для старых браузеров */
    --hamburger-button-size: 56px;
    --bs-body-color: #191919;
}

@media (max-width: 992px) {
    :root {
        --hamburger-button-size: 40px;
    }
}

/* Стили полосы прокрутки в меню. Современные браузеры с поддержкой scrollbar-* */
@supports (scrollbar-width: auto) {
    .slide-menu,
    .slide-menu * {
        scrollbar-color: var(--menu-scrollbar-thumb) var(--menu-scrollbar-track);
        scrollbar-width: var(--menu-scrollbar-width);
    }
}


* {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

a {
    color: #191919;
    text-decoration: none;
}

a:hover {
    color: #191919;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    font-family: "Unbounded", sans-serif;
    line-height: 120%;
    font-weight: 300;
}

h1, .h1 {
    font-size: 48px;
}

h2, .h2 {
    font-size: 36px;
}

h3, .h3 {
    font-size: 24px;
}

h4, .h4 {
    font-size: 20px;
}

.mob_h2 {
    font-size: 20px;
}

@media screen and (max-width: 1280px) {
    h1, .h1 {
        font-size: 36px;
    }

    h2, .h2 {
        font-size: 24px;
    }

    h3, .h3 {
        font-size: 20px;
    }

    h4, .h4 {
        font-size: 18px;
    }

    .grid-col-lg-1 {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}
@media screen and (max-width: 992px) {
    h1, .h1 {
        font-size: 30px;
    }

    h2, .h2 {
        font-size: 20px;
    }

    h3, .h3 {
        font-size: 20px;
    }

    h4, .h4 {
        font-size: 16px;
    }
}

@media screen and (max-width: 640px) {
    h1, .h1 {
        font-size: 28px;
    }

    h2, .h2 {
        font-size: 22px;
    }

    h3, .h3 {
        font-size: 20px;
    }

    h4, .h4 {
        font-size: 14px;
    }

    .mob-text2 {
        font-size: 14px;
    }
    .mob-text12 {
        font-size: 12px;
    }

}

@media screen and (min-width: 992px) {
    .mob_text {
        font-size: 20px;
    }
}

.ar1-1 { /* для превьюшек и пр квадратных контейнеров */
    aspect-ratio: 1/1;
}

.header {
    position: fixed;
    width: 100%;
}

.header.scrolling .border-bottom {
    border: none !important;
}

.header.scrolling .btn-outline-secondary {
    border-color: #191919;
}

.top-banner,
.top-banner-street {
    max-height: 100vh;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.header {
    background: rgba(255,255,255,0.95);
    transition: .25s;
    z-index: 9999;
}
.header.scrolling {
    background: rgba(255,255,255,1);
}

.main {
    padding-top: 100px;
}


.overlay-menu .menu-primary {
    color: #fff !important;
}
.overlay-menu .line{
    background-color: white;
}
.overlay-menu .hamburger {
    border-color: white !important;
}
.overlay-menu .header.scrolling a,
.overlay-menu .header.scrolling a span {
    color: #191919 !important;
}
.overlay-menu .header.scrolling .hamburger,
.overlay-menu .header.scrolling .btn-outline-secondary {
    border-color: #191919 !important;
}
.overlay-menu .header .line {
    background-color: #fff !important;
}
.overlay-menu .header.scrolling .line {
    background-color: #191919 !important;
}
.overlay-menu .header .btn-outline-secondary {
    border-color: #ffffff !important;
}
.overlay-menu .header {
    background: rgba(255,255,255,0);
    transition: .25s;
    z-index: 9999;
}
.overlay-menu .header.scrolling {
    background: rgba(255,255,255,0.95);
}


/* Кнопка бургер с анимацией */
.hamburger {
    padding: calc(var(--hamburger-button-size) / 4.66);
    width: var(--hamburger-button-size);
    height: var(--hamburger-button-size);
    background: transparent;
    cursor: pointer;
    position: relative;
    z-index: 10000;
    border: none;
}

@media (min-width: 992px) {
    .hamburger {
        border: 1px solid #191919;
    }
}

.hamburger:hover .line {
    color: #fff;
}

.line {
    max-width: calc(var(--hamburger-button-size) / 1.8);
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.line-1 {
    top: calc(var(--hamburger-button-size) / 2.95);
    transition: .1s;
}
.line-2 {
    top: calc(var(--hamburger-button-size) / 2.15);
}
.line-3 {
    top: calc(var(--hamburger-button-size) / 1.64);
    transition: .1s;
}

.hamburger:hover .line-1 {
    top: calc(var(--hamburger-button-size) / 3.5);
}

.hamburger:hover .line-3 {
    top: calc(var(--hamburger-button-size) / 1.55);
}

.hamburger.open .line-1 {
    transform: translateY(calc(var(--hamburger-button-size) / 4.67)) translateX(-50%) rotate(45deg);
    top: calc(var(--hamburger-button-size) / 4);
    transition: .5s;
}

.hamburger.open .line-2 {
    opacity: 0;
}

.hamburger.open .line-3 {
    transform: translateY(calc(-1 * var(--hamburger-button-size) / 4.67)) translateX(-50%) rotate(-45deg);
    top: calc(var(--hamburger-button-size) / 1.47);
    transition: .5s;
}

.hamburger.open:hover .line-1 {
    transform: translateY(calc(var(--hamburger-button-size) / 4.67)) translateX(-50%) rotate(135deg);
    top: calc(var(--hamburger-button-size) / 4);
}

.hamburger.open:hover .line-3 {
    transform: translateY(calc(-1 * var(--hamburger-button-size) / 4.67)) translateX(-50%) rotate(45deg);
    top: calc(var(--hamburger-button-size) / 1.47);
}

.slide-menu .hamburger {
    background: none;
    border: 1px solid white;
}

@media (max-width: 992px) {
    .slide-menu .hamburger {
        border: none;
    }
}

.slide-menu .line {
    background-color: #fff;
}

/*.slide-menu .hamburger:hover {
    background: #fff;
    color: #131313;
}
.slide-menu .hamburger:hover .line {
    color: #131313;
    background: #131313;
}*/


.menu {
    font-family: 'Unbounded', sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}


.menu-primary {
    color: #191919;
    text-decoration: none;
}

.menu-primary:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
}

.slide-menu {
    overflow-x: auto;
    max-width: 500px;
}

.left-menu-childs-content.child-menu-open {
    position: fixed;
    padding: 0;
}

.left-menu-childs {
    padding: 7.5rem 3rem 1rem 5rem;
}

.close-search-modal {
    right: 5rem;
    top: 5rem;
}

.close-search-modal svg {
    transition: .5s;
}

.close-search-modal:hover svg {
    transform: rotate(90deg);
}



/*.menu-underline:hover {
    border-bottom: 1px solid white;
}*/

.top-banner-street .position-absolute {
    bottom: 11vh;
}

.menu-buy:hover {
    border-color: #191919 !important;

}

.quick-fullscreen-modal-container input,
.quick-fullscreen-modal-container button {
    height: 56px;
}

.header .line {
    background-color: #191919 ;
}

section.main {
    padding-top: 100px;
}

.grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.form-check-input:checked[type=radio] {
    background-image: none;
}

.form-check-input:checked[type=radio] {
    background-color: #191919 !important;
    border-color: #fff !important;
    border-width: 4px;
}

.category-new .category-main-title .title {
    font-family: 'Unbounded', sans-serif;
}

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

/*    .filters-container-item label:after {;
        top: 12px !important;
        left: 16px !important;
    }*/

.catalog-product-list h1 {
    text-transform: uppercase;
}

.left-menu-main ul {
    list-style-type: none;
}

@media (max-width: 1440px) {
    .top-banner-street .position-absolute {
        bottom: 5vh;
    }
}

@media (max-width: 992px) {
    .left-menu-childs-content-level-up,
    /*.left-menu-childs-content.child-menu-open,*/
    .slide-menu {
        min-width: 50%;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    .left-menu-childs-content-level-up,
    .left-menu-childs-content.child-menu-open {
        left: 100%;
        min-width: 100%;
    }

    .slide-menu.open {
        min-width: 50% !important;
    }
    .left-menu-childs-content.child-menu-open {
        left: 50% !important;
        min-width: 50% !important;
    }

    .left-menu-childs-content-level-up, .left-menu-childs-content.child-menu-open {
        /*left: 50% !important;*/
    }

    .left-menu-childs {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }



    .top-banner-street .position-absolute {
        bottom: 0;
    }

}


@media (max-width: 640px) {
    .left-menu-childs-content-level-up,
    .left-menu-childs-content.child-menu-open,
    .slide-menu.open,
    .slide-menu {
        min-width: 100% !important;
        /*padding-left: 1rem !important;*/
        /*padding-right: 1rem !important;*/
    }
    .left-menu-childs-content-level-up,
    .left-menu-childs-content.child-menu-open {
        left: 0 !important;
        min-width: 100%;
    }


    .slide-menu {
        min-width: 100% !important;
    }

    .left-menu-childs {
        left: 0 !important;
    }

    .hamburger {
        z-index: 900;
    }

    .filters-container-item label:after {
        top: 5px !important;
        left: 6px !important;
    }

    .left-menu-childs-content.child-menu-open .left-menu-childs {
        position: fixed;
        left: 0 !important;
        z-index: 1000;
        background: #333;
        width: 100%;
    }
    .left-menu-childs-content-level-up {
        z-index: 999;
    }
    .left-menu-childs-content-level-up.child-menu-open {
        z-index: 1001;
    }

    .close-search-modal {
        top: 2rem;
        right: 2rem;
    }
}


.left-menu-header {
    padding: 1rem;
    font-size: 20px !important;
}

/*@media screen and (min-width: 1439px) {*/
.slide-menu.open {
    left: 0;
    z-index: 9999;
}
/*}*/
/*@media screen and (min-width: 1439px) {*/
.slide-menu {
    position: fixed;
    z-index: -100;
    min-width: 500px;
    height: 100vh;
    background: #292828;
    left: -200%;
    transition: 0.5s;
    top: 0;
    bottom: 0;
}
/*}*/
.slide-menu {
    padding: 7.5rem 3rem 1rem 5rem;
}

.slide-menu .left-menu-main {
    height: 100%;
    /*overflow-y: visible;*/
}
.slide-menu ul {
    padding: 0;
    padding-top: 0px;
}
.slide-menu .main-group-list li {
    padding: 0;
}
.slide-menu .main-group-list li a {
    font-size: 20px;
    color: #fff;
}
.slide-menu .list-dop-items li a {
    padding: 0.75rem;
}
.slide-menu .list-dop-items li a {
    font-size: 1rem;
    color: #fff;
}

.slide-menu li a {
    padding: 1rem 0;
    display: block;
}

.left-menu-childs-content.child-menu-open {
    position: fixed;
    top: 0;
    left: 500px;
    height: 100vh;
    /*padding:  7.5rem 3rem 1rem 5rem;*/
    background: #191919;
    min-width: 500px;
}

.left-menu-childs-content:not(.child-menu-open) {
    opacity: 0 !important;
}

.slide-menu,
.slide-menu a span,
.slide-menu .list-item,
.slide-menu .side-menu__item .category-title,
.slide-menu .category-title,
.slide-menu span {
    box-shadow: none;
    background-image: linear-gradient(#929292, #929292);
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .3s cubic-bezier(.39,.575,.565,1);
    background-position: 0 100%;
}
.slide-menu a:hover .link-item,
/*.slide-menu a:hover span,*/
.slide-menu .list-item:hover,
.slide-menu .side-menu__item .category-title:hover,
.slide-menu .category-title-wrapper:hover .category-title,
.slide-menu.has-children:hover span {
    background-size: 100% 1px;
}

.slide-menu .has-childs {
    position: relative;
}

.left-menu-header a {
    font-size: 20px;
}

.left-menu-header{
    padding-left: 0;
}

.menu-child-back {
    color: #fff;
    margin: 0;
    margin-right: 1.5rem;
}

.slide-menu .has-childs::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 19L10 10L1 1' stroke='%23929292' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}


@media screen and (max-width: 992px) {
    .left-menu-childs-content:not(.child-menu-open) {
        opacity: 0;
    }
    .slide-menu .search-block {
        /*left: -0.5rem !important;*/
    }
}

@media screen and (min-width: 1439px) {
    .slide-menu {
        position: fixed;
        z-index: -100;
        min-width: 500px;
        height: 100vh;
        background: #292828;
        left: -100%;
        transition: 0.5s;
        top: 0;
        bottom: 0;
    }

}

.slide-menu {
    z-index: 9999;
}
.slide-menu.open {
    left: 0;
    z-index: 10000;
    overflow-y: auto;
}

.slide-menu .list-item {
    cursor: pointer;
}

.left-menu-childs {
    overflow: auto;
    height: 100%;
    /*padding: 0;*/
    /*margin: 0 -2rem 0 -2rem;*/
}
.left-menu-main.left-menu-open .left-menu-childs-content {
    display: block;
}
.list-dop-items a {
    display: block;
}


.left-menu-childs-content {
    height: 100%;
}
.left-menu-childs-content {
    position: relative;
    z-index: 999;
    padding: 10rem 2rem 2rem 2rem;
    display: block;
    overflow-x: hidden;
}
.left-menu-childs {
    overflow: auto;
    height: 100%;
    /*padding: 0;*/
    /*margin: 0 -2rem 0 -2rem;*/
}
.left-menu-childs-content-level-up {
    position: absolute;
    /*padding: 7.5rem 3rem 1rem 5rem;*/
    top: 0;
    left: 100%;
    transition: left .5s;
    width: 100%;
    background: rgba(25, 25, 25, 1);
    height: 100%;
}

.left-menu-childs-content-level-up.child-menu-open {
    left: 0;
}


.popup-blur {
    overflow: hidden;
}
.quick-fullscreen-modal.opened {
    /* background: rgba(255, 255, 255, .85); */
    transform: scale(1);
    visibility: visible;
    opacity: 1;
    background: rgba(0, 0, 0, 0.95);
    /*backdrop-filter: blur(25px);*/
    z-index: 10000;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    inset: 0;
}
.popup-bg {
    background:
        linear-gradient(
        to bottom,
        #4F463E 0%,
        rgba(79, 70, 62, 0) 11%,
        rgba(79, 70, 62, 0) 69%,
        #4F463E 100%
        ),
        rgba(0, 0, 0, 0.44);
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: -100;
    transition: opacity .5s;
    opacity: 0;
}
.popup-bg.open {
    z-index: 9999;
    opacity: 1;
}


/* БЛОГ */

.blog-grid-item {
    flex: 1 1 calc(50% - 12px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
}

.img-hover-zoom__container {
    height: 440px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-hover-zoom__container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.blog-grid-item .date {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.blog-grid-item h2 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 12px;
}


.news .news-preview {
    position: relative;
    width: 100%;
    aspect-ratio: 43/22;
    overflow: hidden;
    background-color: #cccccc;
}

.news .news-preview::before { /* Для возможности увеличения фона с background-size: cover при наведении */
    content: "";
    position: absolute;
    inset: 0;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.75s ease-in-out;
}

.news .news-preview:hover::before { /* увеличиваем фон */
    transform: scale(1.05);
}

@media screen and (max-width: 640px) {
    .news .news-preview {
        aspect-ratio: 1/1;
    }
}

.news .news-preview .type {
    left:0px;
    bottom: 10%;
}

.news .short .type {
    max-width: 200px;
}

.blog-categories li.active {
    text-decoration: underline;
    text-underline-offset: 8px;
}

/* END БЛОГ */

/*
@media screen and (max-width: 1440px) {
    .grid-col {
        gap: 30px;
    }
}
@media screen and (max-width: 992px) {
    .grid-col {
        gap: 20px;
    }

    .grid-col-md-2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media screen and (max-width: 640px) {
    .grid-col-xs-1 {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

@media screen and (min-width: 992px) {
    .position-lg-absolute {
        position: absolute !important;
    }
}
*/





img.f-panzoom__content {
    width: 100% !important;
}

.f-panzoom__wrapper {
    min-width: min(750px, 100%) !important;
    min-height: min(750px, 100%) !important;
}

@media (max-width: 576px) {
    .f-panzoom__wrapper {
        min-width: min(320px, 100%) !important;
        min-height: min(320px, 100%) !important;
    }
}

.f-panzoom__viewport img[src$=".svg"] {
    width: 100%;
    height: 100%;
}







/* Пагинация */
.pagination .page-link {
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 0;
    line-height: 50px;
}

.pagination .page-item:first-child {
    margin-right:10px;
}

.pagination .page-item:last-child {
    margin-left:10px;
}

.pagination-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}

.pagination {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 10px; /* отступы от стрелок */
}

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

.pagination li {
    flex: 0 0 auto;
}

.pagination-forward, pagination-back {
    background-color: #F3F3F3 !important;
}

.pagination li {
    padding: 1px!important;
}

.pagination .page-item .page-link {
    border-radius: 0px!important;
}

.pagination .page-link {
    background: none !important;
    color: #292828 !important;
    border: none !important;
}

.pagination .page-item.active .page-link {
    outline: 1px solid #191919 !important;
}

.pagination .page-link:hover {
    outline: 1px solid #191919 !important;
    background-color: #191919!important;
    color: #FFFFFF!important;
}
.pagination .page-item.active .page-link:hover {
    background-color: #FFFFFF!important;
    color: #191919!important;
}


/* Стрелки фиксируем по краям */
.thumbs-prev,
.thumbs-next {
    flex: 0 0 auto;
    display: inline-block;
}

/* На мобильных стрелки только если страниц > 6 */
@media (max-width: 768px) {
    .pagination-wrapper {
        justify-content: center;
        justify-content: space-between;
    }
    .thumbs-prev {
        order: -1;
    }
    .thumbs-next {
        order: 1;
    }
}

/* Кнопки навигации в слайдерах Swiper */
.thumbs-prev,
.thumbs-next{
    display:inline-block;
    width: 50px;
    height: 50px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #F3F3F3;
    cursor: pointer;
    border:none;
    min-width: 50px;
    user-select: none;
}

.thumbs-prev{
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2219%22%20viewBox%3D%220%200%2011%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2017.5L2%209.5L10%201.5%22%20stroke%3D%22%23292828%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.thumbs-next{
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2219%22%20viewBox%3D%220%200%2011%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%2017.5L9%209.5L1%201.5%22%20stroke%3D%22%23292828%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.thumbs-prev.swiper-button-disabled {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2219%22%20viewBox%3D%220%200%2011%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2017.5L2%209.5L10%201.5%22%20stroke%3D%22%23cccccc%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.thumbs-next.swiper-button-disabled {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2219%22%20viewBox%3D%220%200%2011%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%2017.5L9%209.5L1%201.5%22%20stroke%3D%22%23cccccc%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.thumbs-prev:hover, .thumbs-next:hover,
.thumbs-prev:focus:not(:focus-visible),
.thumbs-next:focus:not(:focus-visible)  {
    outline: solid 1px #000000;
    background-color: #ffffff;
}

.thumbs-next.swiper-button-disabled:focus,
.thumbs-next.swiper-button-disabled:hover,
.thumbs-prev.swiper-button-disabled:focus,
.thumbs-prev.swiper-button-disabled:hover {
    outline: none;
    background-color: #F3F3F3;
}

/* Когда кнопки на темном фоне */
.bg-dark .thumbs-prev,
.bg-dark .thumbs-next{
    display:inline-block;
    width: 50px;
    height: 50px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #282828;
    cursor: pointer;
    border:none;
    min-width: 50px;
    user-select: none;
}

.bg-dark .thumbs-prev{
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2219%22%20viewBox%3D%220%200%2011%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2017.5L2%209.5L10%201.5%22%20stroke%3D%22%23929292%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.bg-dark .thumbs-next{
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2219%22%20viewBox%3D%220%200%2011%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%2017.5L9%209.5L1%201.5%22%20stroke%3D%22%23929292%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.bg-dark .thumbs-prev.swiper-button-disabled {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2219%22%20viewBox%3D%220%200%2011%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2017.5L2%209.5L10%201.5%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.bg-dark .thumbs-next.swiper-button-disabled {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2219%22%20viewBox%3D%220%200%2011%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%2017.5L9%209.5L1%201.5%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.bg-dark .thumbs-prev:hover,
.bg-dark .thumbs-next:hover,
.bg-dark .thumbs-prev:focus:not(:focus-visible),
.bg-dark .thumbs-next:focus:not(:focus-visible)  {
    outline: solid 1px #000000;
    background-color: #282828;
}

.bg-dark .thumbs-next.swiper-button-disabled:focus,
.bg-dark .thumbs-next.swiper-button-disabled:hover,
.bg-dark .thumbs-prev.swiper-button-disabled:focus,
.bg-dark .thumbs-prev.swiper-button-disabled:hover {
    outline: none;
    background-color: #282828;
}

/* Пагинация Swiper */
/* Базовые шарики */
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0 4px; /* шаг 8px между центрами (т.к. 4px слева + 4px справа) */
    background: transparent;
    border: 1px solid #929292!important;
    background: none!important;
    opacity: 1!important; /* отключаем полупрозрачность по умолчанию */
}

/* Активный шарик */
.swiper-pagination-bullet-active {
    background: #929292!important;
    border-color: #929292!important;
}

.form-control {
    border: 1px solid #191919;
}

.form-control:focus {
    border-color: #191919!important;
    box-shadow: none!important;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
}

.dropdown-item.active:hover, .dropdown-item.active, .dropdown-item:active {
    background-color: #191919;
}

.dropdown-item:hover {
    background-color: #929292;
    color: #ffffff;
}

.dropdown-menu {
    padding: 0;
    border-radius: 0;
}

.category-title {
    font-size: 70px;
    font-family: "Unbounded", sans-serif;
    font-weight: 300;
}

.h-card {
    font-family: "Montserrat", sans-serif;
    font-size: 2rem;
    font-weight: 500;
}

@media screen and (max-width: 992px) {
    .h-card {
        font-size: 1.25rem;
    }
}



/* Colors */

.text-dark, .text-primary {
    color:#191919!important;
}

.text-grey {
    color:#929292;
}


.bg-dark a.text-grey:hover {
    color:#F3F3F3;
}

.bg-dark {
    background-color:#191919!important;
}

.bg-grey {
    background-color:#929292;
}

.text-l-grey {
    color: #F3F3F3;
}

.bg-l-grey {
    background-color: #F3F3F3;
}

.cursor-pointer {
    cursor: pointer;
}

/* BORDERS */
.border-2 {
    border: 2px solid #eeeeee !important;
}

.border-dark {
    border-color: #191919 !important;
}

/* МОДАЛЬНЫЕ ОКНА */
.modal-content {
    border-radius: 0px;
}


/* Список заказо у авторизованных */

@media (max-width: 1400px) {
    .orders .username {
        max-width: 120px;
        overflow: hidden;
        overflow:hidden;
        white-space:nowrap;
        text-overflow: ellipsis;
    }
}


/* КАТАЛОГ */
h4.category,
h4.subcategories-grid__title,
.compact-output .subcategory {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}



@media (min-width: 992px) { /* lg и больше */
    .catalog-product-list .sidebar {
        border-right: 1px solid #929292;
        padding-right: 40px;
    }
}

/* Фильтры */

@media (max-width: 992px) {
    .filters-btns {
        position:fixed;
        z-index: 10;
        left: 0px;
        bottom: 0px;
        width: 100%;
        background: #ffffff;
        background: linear-gradient(0deg,rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 0) 100%);
    }
}

.grid-category-cols-2 {
    display: grid;
    grid-template-columns: minmax(275px, 0.3fr) 1fr;
    gap: 0;
}

.sidebar .filters-container-item input[type="checkbox"]:checked + label:before,
#animatedFilters .filters-container-item input[type="checkbox"]:checked + label:before,
.side-filters .filters-container-item input[type="checkbox"]:checked + label:before {
    background-color: #191919 !important;
}

.sidebar .ui-widget-header,
#animatedFilters .ui-widget-header,
.side-filters .ui-widget-header {
    background: linear-gradient(
        0deg,
        #191919 0%,
        #191919 50%,
        #191919 100%
        ) !important;
}

.ui-slider .ui-slider-handle {
    background: #F3F3F3 !important;
    stroke: black !important;
    border: 1px solid #191919 !important;
    width: 18px;
    height: 18px;
    border-radius: 100% !important;
    box-shadow: 2px 2px 3px -2px rgba(0, 0, 0, 0.2), inset 2px 2px 5px -1px rgba(0, 0, 0, 0.1);
    outline: 0;
}

.range-group .form-horizontal {
    margin-bottom: 20px;
}

.sidebar .filters-container-item input[type="checkbox"],
#animatedFilters .filters-container-item input[type="checkbox"],
.side-filters .filters-container-item input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.sidebar .filters-container-item input[type="checkbox"]:checked + label,
#animatedFilters .filters-container-item input[type="checkbox"]:checked + label,
.side-filters .filters-container-item input[type="checkbox"]:checked + label {
    color: #212121;
}

.sidebar .filters-container-item input[type="checkbox"]:checked + label:before,
#animatedFilters .filters-container-item input[type="checkbox"]:checked + label:before,
.side-filters .filters-container-item input[type="checkbox"]:checked + label:before {
    /* display: none; */
    content: "";
    margin-left: 0;
    margin-right: 0;
    /* background-color:#343a40; */
    background-color: #ffcb05;
    color: #fff;
    border-color: transparent;
    box-shadow: none;
}

.filters-container-item input[type="checkbox"]:checked + label:after,
.sidebar .filters-container-item input[type="checkbox"]:checked + label:after,
#animatedFilters .filters-container-item input[type="checkbox"]:checked + label:after,
.side-filters .filters-container-item input[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}

.sidebar .filters-container-item label,
.side-filters .filters-container-item label {
    /* margin-left: .25rem!important; */
    margin-left: 0rem !important;
    margin-bottom: 0;
    padding-left: 1.688rem;
    display: inline-block;
    position: relative;
}

.sidebar .filters-container-item.filter-icon-wrap label,
.side-filters .filters-container-item.filter-icon-wrap label {
    padding: 0;
}

.sidebar .filters-container-item label:before,
#animatedFilters .filters-container-item label:before,
.side-filters .filters-container-item label:before {
    pointer-events: all;
    top: .1875rem;
    width: 1.12rem;
    height: 1.12rem;
    background-color: #fff;
    border: 1px solid #000;
    transition: all 250ms cubic-bezier(.27, .01, .38, 1.06);
    box-shadow: none;
    position: absolute;
    left: 0;
    display: inline-block;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.color_common.filters-container-item label:before {
    opacity: 0;
}

.sidebar .filters-container-item label:after,
#animatedFilters .filters-container-item label:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 8px;
    width: 5px;
    height: 11px;
    opacity: 0;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transition: transform 250ms cubic-bezier(.27, .01, .38, 1.06), border 250ms cubic-bezier(.27, .01, .38, 1.06), -webkit-transform 250ms cubic-bezier(.27, .01, .38, 1.06);
    transition-delay: .1s;
}

.range-group input[type='text'] {
    border: none !important;
    text-align: center;
}

.filters-container-item.color_common label:after {
    border: none !important;
}

.filters-container-item.filter-icon-wrap {
    display: inline-block;
    margin: 0;
    align-items: center!important;
    position: relative;
}

.filters-container-item.color_common input[type="checkbox"]:checked + label{
    border: 1px solid #929292;
    outline: 4px solid #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}

.filters-container-item.color_common input[type="checkbox"]:checked + label:before{
    content: '\e033';
    position: absolute;
    top: 18px;
    left: 18px;
    font-size: 16px;
    font-family: Icons;
    font-style: normal;
    font-weight: 300;
    line-height: 1em;
    transform: translateX(-50%) translateY(-50%);
    color: #000;
    text-shadow: 0px 0px 4px #fff;
    background: transparent;
}

.filters-container-item.color_common .filter-icon img {
    max-width:100%;
    border-radius: 50%;
    vertical-align: inherit;
}

.filters-container-item.color_common .filter-icon {
    display:inline-block;
    border-radius:50%;
    width:40px;
    height:40px;
    font-size: 10px;
    text-align: center;
    line-height: 38px;
    border:1px solid #343a40;
    margin-right: 5px!important;
    overflow: hidden;
}

.category-nav-block a {
    color: #929292;
}

.sidebar.open .category-nav-block {
    display: none !important;
}

.sidebar.open .filters-list {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.catalog-product-list .sidebar.open {
    width: 100%;
    z-index: 1000;
    overflow: auto;
}

.category-nav-block a:hover {
    text-decoration: underline!important;
    text-underline-offset: 5px;
}

.category-nav-block>.navigation-ui-links>.lvl-menu>a {
    color: #191919;
}

.category-nav-block>.navigation-ui-links a {
    padding:15px 0;
}

.has-active-child>.lvl-menu>a {
    color: #191919;
}


.has-active-child .navigation-ui-links.active>.lvl-menu>a {
    color: #191919;
}

.category-nav-block>.navigation-ui-links>.navigation-ui-links a {
    padding-left: 10px;
    padding:4px 0;
}

/*        .category-nav-block>.navigation-ui-links>.navigation-ui-links .active a,  .category-nav-block>.navigation-ui-links .has-active-child .lvl-menu:first-child  a {  второй уровень красим в серый
            color:#191919!important;
        }*/

.category-nav > div > div {
    margin-left: 1rem;
    display: none;
}

.category-nav-block .category-toggle { /* Посмотреть все / Свернуть */
    color: #929292;
}

.navigation-ui-links a {
    padding:5px 0;
}

@media (max-width: 992px) {
    .grid-category-cols-2 {
        position: relative;
    }


}

@media (min-width: 768px) {

    .type_description {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .55)) 100%;
        padding: .5rem;
        color: white;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        z-index: 11;
    }
}

#QueryParametrs > li {
    padding-bottom: .25rem;
    margin-bottom: .25rem;
    border-bottom: 1px solid #f5f5f5;
}

#SearchQuery p {
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-bottom: .25rem;
    border-bottom: 1px solid #f5f5f5;
}

#SearchQuery p:last-of-type {
    margin-bottom: 0;
    border-bottom: none;
}



/* Сетка вывода каталога */
.grid-col {
    display: grid;
    gap: 40px;
}

.grid-col-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-col-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-col-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-col-5 {
    grid-template-columns: repeat(6, 1fr);
    gap: 5px;
}



@media screen and (max-width: 1400px) {
    .grid-col-xl-3 {
        grid-template-columns: repeat(3, 1fr)!important;
    }

    .grid-col-xl-4 {
        grid-template-columns: repeat(4, 1fr)!important;
    }
}

@media screen and (max-width: 1200px) {
    .grid-col-5 {
        grid-template-columns: repeat(4, 1fr)!important;
    }

    .grid-col-lg-2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media screen and (max-width: 1536px) {
    .grid-col {
        gap: 30px;
    }
}
@media screen and (max-width: 992px) {
    .grid-col {
        gap: 20px;
    }

    .grid-col-md-2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .grid-col-md-1 {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .grid-category-column-2 {
        padding-left: 0;
    }

    .grid-category-cols-2 {
        grid-template-columns: minmax(275px, 1fr);
    }
}
@media screen and (max-width: 640px) {
    .grid-col-xs-1 {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

.grid-col-4 .product-preview .info-actions-block {
    display:none;
}

.grid-col-5 .product-preview .name,
.grid-col-5 .product-preview .info-actions-block {
    display:none;
}


@media (max-width: 640px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr)!important;
    }
}

/* лайк на товаре */
.favorite .heart-fill{
    fill: #191919;
}

/* Ссылка на товар при лайке */
.favorites-link {
    display: none;
}

.favorite .favorites-link {
    display: inline-block;
}

/* Переключатель шаблона вывода категории товара */
#catalog-template-switcher{
    cursor:pointer;
    height: 4px;
    width: inherit;
    padding: .5rem 0;
}

#catalog-template-switcher:focus::-webkit-slider-thumb{
    outline: none;
    box-shadow: none;
}

#catalog-template-switcher::-webkit-slider-thumb {
    background: #000;
    margin-top: -7px;
    height: 16px;
    width: 16px;
    border-radius: 8px;
}

#catalog-template-switcher::-webkit-slider-runnable-track {
    background: #000;
    height: 1px;
}

/* Сортировка каталога */
.ordering-panel a.active {
    text-decoration: underline;
    text-underline-offset: 8px;
    text-decoration-thickness: 2px;
    text-decoration-color: #929292;
}

.ordering-panel a.active .up {
    text-decoration: none;
}

/* Стиль превьюшек */
.product-preview .name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.product-preview .img-wrapper {
    aspect-ratio: 1/1;
    background-color: #cccccc;
}

@media (max-width: 768px) {
    .product-preview .name {
        overflow-wrap: anywhere;
    }
}

/* У авторизованного смена текущего заказа */
.current-order-change-loader {
    display: inline-block;
    padding:10px 0px;
    height: 4px;
    width: 320px;
    --c:no-repeat linear-gradient(#929292 0 0);
    background: var(--c),var(--c),#333333;
    background-size: 60% 100%;
    animation: l16 3s infinite;
}
@keyframes l16 {
    0%   {
        background-position:-150% 0,-150% 0
    }
    66%  {
        background-position: 250% 0,-150% 0
    }
    100% {
        background-position: 250% 0, 250% 0
    }
}
@media (max-width: 768px) {

    .current-order-change-loader {
        width: 230px;
    }
}


/*MAIN PAGE*/
/* .h1 {
    font-family: 'Unbounded', sans-serif;
    font-size: 68px;
    text-transform: uppercase;
    font-weight: 300;
}
.h2 {
    font-family: 'Unbounded', sans-serif;
    font-size: 48px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.5;
}
.h3 {
    font-size: 34px;
    font-family: 'Unbounded', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
}

.text {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
}
.text2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
}


.btn {
    font-family: "Montserrat", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}
*/

/* Хлебные крошки */
.breadcrumb-item:first-child,
.breadcrumb-item+.breadcrumb-item {
    padding: 0;
    margin-right: 2rem;
}

@media (max-width: 768px) {
    .breadcrumb-item:first-child,
    .breadcrumb-item+.breadcrumb-item {
        padding: 0;
        margin-right: 1rem;
    }
}

.breadcrumb-item a {
    text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: '';
    padding-right: 0;
}

@media (max-width: 640px) {
    .breadcrumb-item [itemprop="name"] {
        display: inline-block;      /* обязательно */
        max-width: 200px;           /* ограничиваем ширину */
        white-space: nowrap;        /* не переносить строку */
        overflow: hidden;           /* скрыть лишний текст */
        text-overflow: ellipsis;    /* добавить ... */
        vertical-align: bottom;     /* аккуратное выравнивание */
    }
}


/* FOOTER */
.footer-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(315px, 1fr));
    grid-auto-rows: 1fr;
    gap: 1rem;
}

.footer-col {
    display: flex;
    flex-direction: column;
}

.footer-row .col h3 {
    min-height: 60px;
    display: flex;
    align-items: flex-start;
}

.footer ul {
    list-style: none;
}

.footer ul li a {
    color: #fff;
}
.footer ul li {
    margin: 5px -0px;
}

@media screen and (max-width: 992px) {
    .footer-row .col h3 {
        margin-bottom: 0.25rem;
        min-height: 24px;
    }
}

.social-icons > a{
    display:inline-block;
    width:40px;
    height:40px;
    background-size: cover;
    margin-right: 15px;
}
.social-icons .rutube{
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D'40'%20height%3D'40'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M20%200C31.0457%200%2040%208.95431%2040%2020C40%2031.0457%2031.0457%2040%2020%2040C8.95431%2040%200%2031.0457%200%2020C0%208.95431%208.95431%200%2020%200ZM24.8252%2013.001H11V27H14.9277V22.4453H22.167L25.6016%2027H30L26.2129%2022.4238C27.609%2022.239%2028.2359%2021.8573%2028.7529%2021.2275C29.27%2020.5978%2029.5293%2019.5908%2029.5293%2018.2471V17.1973C29.5293%2016.4005%2029.4353%2015.7707%2029.2705%2015.2881C29.1057%2014.8054%2028.824%2014.3849%2028.4238%2014.0078C28.0012%2013.6508%2027.5298%2013.3999%2026.9648%2013.2314C26.3999%2013.0844%2025.6943%2013%2024.8252%2013V13.001ZM24.1895%2016.0869C24.7304%2016.0869%2025.1071%2016.1713%2025.2959%2016.3184C25.4846%2016.4654%2025.6015%2016.7384%2025.6016%2017.1367V18.3125C25.6015%2018.7323%2025.4847%2019.0053%2025.2959%2019.1523C25.1071%2019.2994%2024.7304%2019.3623%2024.1895%2019.3623V19.3604H14.9277V16.0869H24.1895Z'%20fill%3D'white'%2F%3E%3C%2Fsvg%3E");
}
.social-icons .telegram{
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M20%200C31.0457%200%2040%208.95431%2040%2020C40%2031.0457%2031.0457%2040%2020%2040C8.95431%2040%200%2031.0457%200%2020C0%208.95431%208.95431%200%2020%200ZM28%2012.6025C28%2011.5671%2026.6364%2012.178%2026.6133%2012.1885L9.73926%2019.0439C9.73926%2019.0439%208.94091%2019.3263%209.00391%2019.8486C9.06639%2020.3689%209.71408%2020.609%209.71777%2020.6104L13.8564%2022.0527L24.5859%2014.9971C25.1563%2014.6388%2025.461%2014.9218%2024.9697%2015.3965C24.6489%2015.7062%2017.3888%2022.465%2016.4521%2023.3359L16.4844%2023.3525L23.4189%2028.8584C24.5741%2029.3801%2024.9941%2028.292%2024.9941%2028.292L28%2012.6025Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
}
.social-icons .youtube{
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M20%200C31.0457%200%2040%208.95431%2040%2020C40%2031.0457%2031.0457%2040%2020%2040C8.95431%2040%200%2031.0457%200%2020C0%208.95431%208.95431%200%2020%200ZM28.7432%2012.8984C27.3973%2012.4208%2015.6801%2012.3675%2011.8877%2012.7656C11.1739%2012.8171%2010.5095%2013.1414%2010.0391%2013.668C8.62538%2015.2868%208.84312%2023.4873%209.57715%2025.4512C9.7056%2025.8311%209.92539%2026.1756%2010.2188%2026.4551C10.5121%2026.7345%2010.8704%2026.9406%2011.2627%2027.0566C13.1391%2027.6537%2027.6966%2027.6675%2029.1104%2026.9775C29.6276%2026.7289%2030.0442%2026.3173%2030.293%2025.8096C31.2309%2023.859%2031.2033%2016.4815%2030.4014%2014.4512C30.2629%2014.0871%2030.042%2013.7581%2029.7549%2013.4893C29.4677%2013.2204%2029.1217%2013.0183%2028.7432%2012.8984ZM24.0811%2019.7588L17.2842%2023.209V16.2822L24.0811%2019.7588Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
}
.social-icons .vk{
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M20%200C31.0457%200%2040%208.95431%2040%2020C40%2031.0457%2031.0457%2040%2020%2040C8.95431%2040%200%2031.0457%200%2020C0%208.95431%208.95431%200%2020%200ZM9%2013C9.17864%2021.7447%2013.4659%2027%2020.9824%2027H21.4082V21.9971C22.734%2022.1673%2023.9812%2022.7331%2024.9932%2023.623C26.0052%2024.513%2026.7375%2025.6876%2027.0977%2027H31C30.5988%2025.489%2029.8876%2024.0823%2028.9141%2022.8721C27.9405%2021.6618%2026.7271%2020.6751%2025.3525%2019.9785C26.5837%2019.2163%2027.6477%2018.2035%2028.4775%2017.0029C29.3075%2015.8021%2029.8858%2014.4391%2030.1758%2013H26.6299C25.8603%2015.7747%2023.5793%2018.2969%2021.4082%2018.5352V13H17.8633V22.6973C15.6647%2022.1367%2012.8893%2019.4184%2012.7656%2013H9Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
}
.social-icons .pinterest{
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M20%200C31.0457%200%2040%208.95431%2040%2020C40%2031.0457%2031.0457%2040%2020%2040C8.95431%2040%200%2031.0457%200%2020C0%208.95431%208.95431%200%2020%200ZM20.0117%2011C14.7549%2011%2011%2014.7309%2011%2019.4385C11%2022.157%2012.338%2024.1455%2013.7461%2024.1455C14.1918%2024.1455%2014.4968%2024.0634%2014.7783%2023.5811C13.9218%2022.6631%2013.4756%2021.3215%2013.4756%2019.8857C13.4756%2016.2962%2015.9753%2013.7188%2019.918%2013.7188C23.4498%2013.7188%2025.8437%2016.0724%2025.8438%2019.7441C25.8438%2023.0394%2024.1067%2025.582%2021.6543%2025.582C20.2815%2025.582%2019.2139%2024.7931%2019.2139%2023.3809C19.2139%2023.0514%2019.2723%2022.6901%2019.3896%2022.2979L20%2020.2744C20.1799%2019.7174%2020.2695%2019.2148%2020.2695%2018.7676C20.2695%2017.3789%2019.5072%2016.6494%2018.4746%2016.6494C16.9727%2016.6494%2016.0225%2018.0619%2016.0225%2020.0391C16.0365%2020.867%2016.1745%2021.6881%2016.4326%2022.4746L15.0244%2028.5713C14.6646%2030.0462%2014.5633%2031.588%2014.7197%2033.1963C14.7784%2034.1966%2015.0247%2034.1969%2015.7637%2033.5615C16.6559%2032.2509%2017.3007%2030.7865%2017.665%2029.2422L18.3926%2026.2998C18.8151%2026.8496%2019.3594%2027.2934%2019.9824%2027.5957C20.6056%2027.898%2021.2912%2028.0502%2021.9834%2028.041C25.6207%2028.0408%2028.9999%2024.3813%2029%2019.627C29%2014.8723%2025.5267%2011%2020.0117%2011Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
}

.list-unstyled {
    list-style: none !important;
}

/* PRODUCT CARD */

/*product title*/

/*product description*/

.btn {
    font-size: 20px;
    /*font-weight: 600;*/
    padding: 14px 26px;
}
@media screen and (max-width: 992px) {
    .btn {
        font-size: 18px;
        padding: 10px 18px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1800px !important;
    }
}

.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem !important;
    font-size: 16px !important;
}


/*.page-item:first-child .page-link,
.pagination-lg .page-item:last-child .page-link {
    background: #F3F3F3 !important;
}*/


.page-link:focus {
    box-shadow: none!important;
}

.form-check-input:checked {
    background-color: #191919 !important;
    border-color: #191919 !important;
}

.form-control {
    background-color: #F3F3F3 !important;
}
.form-control::placeholder {
    color: #929292 !important;
}

.breadcrumb-item a {
    color: #929292 !important;
}
.breadcrumb-item.active {
    color: #191919 !important;
}

.input-group-text {
    border-radius: 0 !important;
}



.btn,
input:not([type=radio]),
textarea {
    border-radius: 0 !important;
}

/* Темные поля ввода */
.input-dark{
    background-color: #434343 !important;
    color: #ffffff !important;
    border: none !important;
}
.input-dark::placeholder {
    color: #929292;
}

/* белые кнопки */
.btn-secondary {
    background: #ffffff !important;
    color: #191919 !important;
    border: 1px solid #ffffff !important;
}
.btn-secondary:focus,
.btn-secondary:focus-visible,
.btn-secondary:focus-within,
.btn-secondary:hover {
    background: #191919 !important;
    color: #ffffff !important;
    border: none !important;
    border: 1px solid #ffffff !important;
}

/* прозрачные кнопки с черной обводкой */
.btn-outline-secondary {
    background: none !important;
    color: #191919 !important;
    border: 1px solid #191919 !important;
}
.btn-outline-secondary:focus,
.btn-outline-secondary:focus-visible,
.btn-outline-secondary:focus-within,
.btn-outline-secondary:hover {
    background: #191919 !important;
    color: #ffffff !important;
    border: 1px solid #191919 !important;
    box-shadow: none !important;
}

/* черные кнопки */
.btn-primary {
    background: #191919 !important;
    color: #fff !important;
    border: 1px solid #191919 !important;
}

.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:focus-within,
.btn-primary:hover {
    background: #fff !important;
    color: #191919 !important;
    border: 1px solid #191919 !important;
    box-shadow: none !important;
}

/* Прозрачные кнопки с белой обводкой */
.btn-outline-primary {
    background: none !important;
    color: #fff !important;
    border: 1px solid #ffffff !important;
}

.btn-outline-primary:focus,
.btn-outline-primary:focus-visible,
.btn-outline-primary:focus-within,
.btn-outline-primary:hover {
    background: #ffffff !important;
    color: #191919 !important;
    border: 1px solid #ffffff !important;
    box-shadow: none !important;
}


/* Серые кнопки */
.btn-info {
    background: #9e9e9e !important;
    color: #fff !important;
    border: none !important;
}

.btn-info:focus,
.btn-info:focus-visible,
.btn-info:focus-within,
.btn-info:hover {
    background: #fff !important;
    color: #000 !important;
    border: none !important;
    box-shadow: none !important;
}



/* КАТАЛОГ */





/*
    СТИЛИ ПОД ФИЛЬТРЫ УБРАТЬ ЛИШНЕЕ ОСТАВИТЬ ТОЛЬКО НУЖНОЕ
*/



/* jQuery UI */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    cursor: pointer;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

/*.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}*/
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold
}

.ui-widget-header a {
    color: #333
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #454545;
    text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214)
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

/* jQuery UI custom styles */
.ui-widget-content {
    border: none;
    background: #eee;
}

.ui-widget.ui-widget-content {
    border: none;
}

.ui-slider-horizontal {
    height: 2px;
}

.ui-widget-header {
    background: #343a40;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none;
    background: #fff;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -7px;
    margin-left: -9px;
}

.ui-slider .ui-slider-handle {
    background: #ffcb05;
    width: 18px;
    height: 18px;
    border-radius: 100% !important;
    box-shadow: 2px 2px 3px -2px rgba(0, 0, 0, 0.2), inset 2px 2px 5px -1px rgba(0, 0, 0, 0.1);
    outline: 0;
}

.mobile-filters {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .95);
    z-index: 5;
    overflow-y: scroll;
    transform: translateX(-100%) scale(.2, .6);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
}

.mobile-filters.show-mobile-filters {
    transform: translateX(0) scale(1, 1);
    opacity: 1;
}

.close-mobile-fiters {
    position: absolute;
    top: 10px;
    text-align: center;
    right: 12px;
    display: block;
    width: 26px;
    height: 26px;
    line-height: 30px;
    z-index: 10;
}

.catalog-product-list {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}


.no-scroll {
    overflow: hidden;
}

@Media screen and (max-width: 768px) {
    body {
        position: relative;
    }

    /*body .sidebar .filters-list,*/
    body .catalog-product-list .sidebar {
        display: none;
        /*position: absolute;*/
        top: 0px;
        left: -2500px;
        right: 0;
        height: 100%;
        z-index: 0;
        background: #fff;
        transition: all .25s linear;
    }

    body .catalog-product-list .sidebar.show {
        display: block;
        /*position: absolute;*/
        top: 88px;
        left: 0;
        right: 0;
        height: 100%;
        z-index: 9998;
        background: #fff;
    }
}

@media (max-width: 991px) {
    /*.catalog-product-list #filters-trigger {height:0;opacity: 0;visibility: hidden;}*/


    .show-filters svg {
        transform: translateY(2px);
        margin-right: 6px;
    }

    body .catalog-product-list .sidebar.show {
        top: 88px;
    }
}




/* Filters */
.side-filters-container > .filters-header > div > small > span {
    margin-right: 0.5rem;
}

.side-filters-container > .filters-header > div > small {
    vertical-align: middle;
}

.side-filters.opened {
    overflow: hidden;
}

.side-filters {
    position: fixed;
    top: 0;
    left: 0;
    width: 90%;
    max-width: 360px;
    height: 100%;
    background: #fff;
    transform: translateX(-150%);
    box-shadow: 10px 0 15px -5px rgba(0, 0, 0, .4);
    z-index: 11;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.side-filters.opened {
    transform: translateX(0);
    z-index: 10405;
    width: 100%;
}

.side-filters .close {
    opacity: .9;
    box-shadow: none;
}

.side-filters-container {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 20px; /* Increase/decrease this value for cross-browser compatibility */
    box-sizing: content-box;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.filters-header {
    background: #fff;
    -webkit-transition: all 0.2s ease 0.3s;
    -moz-transition: all 0.2s ease 0.3s;
    -o-transition: all 0.2s ease 0.3s;
    transition: all 0.2s ease 0.3s;
}

.filters-header.filters-opened {
    background: #000;
    color: #fff;
    /* width: calc(100% + 20px); */
}

.filters-header.filters-opened a {
    color: #fff !important;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.filters-header.filters-opened a:hover,
.filters-header.filters-opened a:focus {
    color: rgba(255, 255, 255, .62);
}

.helper-nav {
    border-bottom: 1px solid #eee;
}

.helper-nav [data-toggle-filters] {
    /* background: #343a40; */
    color: #fff;
    -webkit-transition: all 0.2s ease 0.3s;
    -moz-transition: all 0.2s ease 0.3s;
    -o-transition: all 0.2s ease 0.3s;
    transition: all 0.2s ease 0.3s;
}

.helper-nav [data-toggle-filters]:hover {
    /* color: #ffcb05!important; */
}

.helper-nav > div > div > div {
    justify-content: space-between;
}

.helper-nav [data-toggle-filters].side-filters-opened {
    display: block;
    background: #f8f9fa;
    color: rgba(33, 33, 33, 1);
}

.side-filters .loader {
    position: absolute;
    top: -1px;
    right: 14px;
}

.filters-container-item {
    height: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.filters-container-item {
    height: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.filters-container-item label {
    margin-left: 1rem !important;
    cursor: pointer;
    color: #929292;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.filters-container-item label:hover {
    color: #191919!important;
}

.filters-container-item label:hover, .filter-item label:focus {
    color: rgba(33, 33, 33, .62);
}

/*#animatedFilters .filters-container-item label {
    margin-left: 2rem !important;
}*/

.filters-container-item input[type="checkbox"], .filters-container-item input[type="radio"] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.filter-header {
    font-size: 20px;
}

#animatedFilters.animatedFilters-on .close-animatedFilters {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    height: 46px;
    z-index: 100;
    background: #0a0a0a;
    color: #ffffff;
}

#animatedFilters.animatedFilters-on .filters-btns {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 125px;
    padding-top: 25px;
    padding-bottom: 75px;
    color: #ffffff;
    /*background: rgba(255, 255, 255, .6);*/
    /*background: rgba(255, 255, 255, 0.1);*/
    /*background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 1.0));*/
    /*background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 1.0));*/
    /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 1.0));*/


    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 10%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 10%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 10%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#animatedFilters input[type="checkbox"]:checked + label,
#animatedFilters input[type="radio"]:checked + label,
.filters-container-item input[type="checkbox"]:checked + label,
.filters-container-item input[type="radio"]:checked + label {
    /*font-weight: bold;*/
    color: #191919;
}

#animatedFilters .filters-container-item {
    position: relative;
}

#animatedFilters .filters-container-item input[type="checkbox"] {
    top: 0;
    left: 0;
    right: 0;
    opacity: 1 !important;
    visibility: visible !important;
}

#animatedFilters input[type="checkbox"]:checked + label:before,
#animatedFilters input[type="radio"]:checked + label:before
.filters-container-item input[type="checkbox"]:checked + label:before,
.filters-container-item input[type="radio"]:checked + label:before {
    content: '●';
    display: inline-block;
    margin-left: -1rem;
    margin-right: .45rem;
}

.active-filter-indicator:before {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: -15px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #f26522;
}

.filters .filters-container-item a:focus, .filters .filters-container-item a:hover {
    color: #f26522;
    background-color: transparent;
}

.filters .filters-container-item.active > a, .filters .filters-container-item.active > a:focus, .filters .filters-container-item.active > a:hover {
    background-color: transparent;
    /*font-weight: bold;*/
    color: #191919;
}

/*.filters .filters-container-item.active.has-active-child > a, .nav-pills.active.has-active-child > a:focus, .filters .filters-container-item.active.has-active-child > a:hover {
    font-weight: 300;
}*/

.hide-filters {
    height: 0;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 0 !important;
}

.filter-item {
    height: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

@media (nim-width: 768px) and (max-width: 991px) {
    .side-filters {
        max-width: 360px;
    }
}

@media (max-width: 991px) {
    .helper-nav > div {
        flex-flow: column wrap;
    }

    .helper-nav > div > div {
        margin: 0 !important;
    }

    .helper-nav > div > div:nth-of-type(1) {
        padding-bottom: 0 !important;
    }

    .helper-nav > div > div > a {
        width: 100%;
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    .side-filters .close {
        z-index: 15;
    }
}

@media (max-width: 767px) {
    .side-filters {
        max-width: none;
    }
}

/* Filters */