@-webkit-keyframes animatefilter {
    0%{
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    /* 50%{
        -webkit-transform: scale(0);
                transform: scale(0);
    } */
    100%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@keyframes animatefilter {
    0%{
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    /* 50%{
        -webkit-transform: scale(0);
                transform: scale(0);
    } */
    100%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}


.filteritem:checked ~ .reference-box{
    -webkit-animation: 0.2s forwards animatefilter !important;
            animation: 0.2s forwards animatefilter !important;
}

/* #'.$term->slug.':checked ~ .reference-box,
#'.$term->slug.':focus ~ .reference-box,
#'.$term->slug.':not(:checked) ~ .reference-box,
#'.$term->slug.':checked ~ .reference-box.'.$term->slug.' {
    animation: 0.5s forwards animatefilter;
} */


/* Label Styling */

.filteritem_label {
    background-color: var(--grey);
    padding: 10px 15px;
}

.filteritem:checked + .filteritem_label {
    background-color: var(--primary);
    color: #fff;
}

input.filteritem {
    position: absolute;
    left: -100vw;
    width: 0;
    height: 0;
    visibility: hidden;
}

/*Slide Bug*/

/* .slick-dots ~ .slick-dots {
    display: none;
} */

.popup-slider .slick-dots:not(:last-child) {
    display: none !important;
}