.page_banner__slide__content .row > div {
    -webkit-animation-name: fade-in-left;
    -webkit-animation-duration: 0.25s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.25s;
    -webkit-animation-fill-mode: forwards;
    animation-name: fade-in-left;
    animation-duration: 0.25s;
    animation-timing-function: linear;
    animation-delay: 0.25s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@-webkit-keyframes fade {
    from { opacity: 0.6 }
    to { opacity: 1 }
}
  
@keyframes fade {
    from { opacity: 0.6 }
    to { opacity: 1 }
}
@-webkit-keyframes fade-in-left {
    from { opacity: 0; transform: translateX( 25% ); }
    to { opacity: 1; transform: translateX( 0% ); }
}
@keyframes fade-in-left {
    from { opacity: 0; transform: translateX( 25% ); }
    to { opacity: 1; transform: translateX( 0% ); }
}
/* banner */
.wpc-filter-header,
.wpc-filter-title {
    transition: margin 0.2s ease;
}
.wpc-filter-layout-range .wpc-filter-content,
.wpc-filter-collapsible .wpc-filter-content {
    display: block!important;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 1s linear;
}
.wpc-filter-more-less:not(.wpc-search-active) .wpc-filters-ul-list>li:not(:nth-child(-n+5)) {
    transition: max-height 0.25s ease-in-out, margin 0.25s ease-in-out;
    display: block;
    max-height: 0px;
    margin-top: -0.875rem;
    overflow: hidden;
}
.wpc-filter-more-less.wpc-show-more .wpc-filters-ul-list>li:not(:nth-child(-n+5)) {
    max-height: unset;
    margin-top: 0px;
}
.wpc-filter-layout-range.opened .wpc-filter-content,
.wpc-filter-collapsible.wpc-opened .wpc-filter-content {
    animation: wpc-filter 0.5s ease-in-out forwards;
    -webkit-animation: wpc-filter 0.5s ease-in-out forwards;
}
@keyframes wpc-filter {
    0% { max-height: 0px; }
    75% { max-height: 350px; }
    100% { max-height: 100vh; overflow: auto; }    
}
@-webkit-keyframes wpc-filter {
    0% { max-height: 0px; }
    75% { max-height: 350px; }
    100% { max-height: 100vh; }    
}
html[lang=uk] {
    --minimum: "Мінімум";
    --maximum: "Максимум";
}
html[lang=ru-RU] {
    --minimum: "Минимум";
    --maximum: "Максимум";
}
.wpc-filters-range-column.wpc-filters-range-min-column::before,
.wpc-filters-range-column.wpc-filters-range-max-column::before {
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
    display: block;
    font-weight: 500;
    text-align: center;
}
.wpc-filters-range-column.wpc-filters-range-min-column::before {
    content: var(--minimum);
}
.wpc-filters-range-column.wpc-filters-range-max-column::before {
    content: var(--maximum);
}
.wpc-filter-year_old .wpc-filters-range-column.wpc-filters-range-max-column::before,
.wpc-filter-year_old .wpc-filters-range-column.wpc-filters-range-min-column::before {
    display: none;
}
.grid_product__cart__thumbnail.has_change_image img {
    transition: opacity 0.3s ease-in-out;
}
.grid_product__cart__thumbnail.has_change_image:hover img {
    opacity: 0;
}
.grid_product__cart__thumbnail.has_change_image:hover {
    background: var(--change_image);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
@media screen and ( min-width: 992px ) {
    .custom-logo-link,
    .site-header__phone a,
    .site-header__socials a,
    .site-header__langs ul li .wpml-ls-link,
    .site-header__nav .site-header__nav__favorites {
        transition: all .3s ease-in-out;
    }
    .site-header__nav a,
    .grand-car__footer a {
        transition: color 0.3s ease-in-out;
    }
    .site-header__button button,
    .cta_btn_link,
    .grid_product__cart__button,
    .grid_product__cart__button,
    .wpc-filters-main-wrap .wpc-filters-widget-controls-container .wpc-filters-widget-controls-two .wpc-filters-close-button {
        transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    }
    .wpc-filters-main-wrap .wpc-filters-widget-controls-container .wpc-filters-widget-controls-two .wpc-filters-close-button:hover {
        opacity: 1;
        background-color: transparent;
        color: var(--Black_titles, #191A26);
    }
    .site-header__socials a,
    .site-header__nav .site-header__nav__favorites {
        color: inherit;
    }
    .site-header__socials a svg path[stroke],
    .site-header__nav .site-header__nav__favorites svg path[stroke],
    .grand-car__footer a svg path[stroke] {
        stroke: currentColor;
    }
    .site-header__socials a svg path[fill],
    .site-header__nav .site-header__nav__favorites svg path[fill],
    .grand-car__footer a svg path[fill] {
        fill: currentColor;
    }
    .custom-logo-link:hover {
        opacity: 0.6;
    }
    .site-footer__tab-content__link > a {
        transition: background-color 0.3s ease-in-out;
    }
    .grand-car__footer .site-footer__tab-content__link > a:hover {
        background-color: rgba(45,45,45,1);
        color: var(--white, #FFF);
    }
    .site-header__phone a:hover,
    .site-header__socials a:hover,
    .site-header__langs ul li .wpml-ls-link:hover,
    .site-header__nav .site-header__nav__favorites:hover,
    .site-header__nav a:hover,
    .grand-car__footer a:hover {
        color: rgba(230,230,230,0.75);
    }
    .site-header__nav ul.site-header__menu > li > a {
        position: relative;
    }
    .site-header__nav ul.site-header__menu > li > a::after,
    .readmore.cta_btn_link::after {
        content: "";
        background-color: rgba(230,230,230,0.75);
        position: absolute;
        bottom: -30%;
        left: 0.75rem;
        right: 0.75rem;
        height: 1px;
        content: "";
        opacity: 0;
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    .readmore.cta_btn_link:hover::after {
        background-color: currentColor;
        left: 0;
        right: 0;
    }
    .site-header__nav ul.site-header__menu > li.menu-item-has-children > a::after {
        right: -0.5rem;
    }
    .site-header__nav ul.site-header__menu li.menu-item-has-children:hover::before {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path d="M1 1.5L6 6.5L11 1.5" stroke="%23e6e6e6bf" stroke-width="1.5" stroke-linecap="round"/></svg>');
    }
    .site-header__nav ul.site-header__menu > li:hover > a::after,
    .readmore.cta_btn_link:hover::after {
        height: 2px;
        opacity: 1;
        transform: translateY(0);
        z-index: 2;
    }
}