.home .page-wrapper {
    min-height: calc(100vh - 256px);
}

.home .page-wrapper .filters-wrapper {
    position: fixed;
    display: block;
    width: 100%;
	height: fit-content;
	border-bottom: 1px solid var(--color02);
    /*padding: 0 var(--lateralMargin);*/
    padding: 8px 0;
    z-index: 99;
    background-color: var(--bgColor);
}

.home .page-wrapper .filters-inner {
    position: relative;
    display: block;
    width: 100%;
    height: fit-content;
}

.home .page-wrapper .filters-inner .filters-slider {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0 var(--lateralMargin);
}

.home .page-wrapper .filters-inner .filters-slider .swiper-slide {
    position: relative;
    display: inline-block;
    height: fit-content;
    width: fit-content;
}

.home .page-wrapper .filters-inner .filters-slider .swiper-slide.xs {
    display: none;
}

.home .page-wrapper .filters-inner .filters-slider .swiper-slide .filter-separator {
    position: relative;
    display: inline-flex;
    height: 28px;
    width: 1px;
    align-items: center;
}

.home .page-wrapper .filters-inner .filters-slider .swiper-slide .filter-separator .separator {
    position: relative;
    display: block;
    height: 18px;
    width: 1px;
    background-color: var(--color02);
}

.home .page-wrapper .filters-inner .filters-slider .swiper-slide .filter {
    position: relative;
    display: inline-flex;
    height: 28px;
    width: fit-content;
    border: 1px solid var(--color02);
    border-radius: 50px;
    font-family: 'centurysupremeLL-book';
    font-size: 9px;
    line-height: 1;
    letter-spacing: 2px;
    align-items: center;
    text-transform: uppercase;
    color: var(--color02);
    cursor: pointer;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
}

.home .page-wrapper .filters-inner .filters-slider .swiper-slide .filter:hover,
.home .page-wrapper .filters-inner .filters-slider .swiper-slide .filter.active-filter {
    border: 1px solid var(--color01);
    color: var(--color01);
}

.home .page-wrapper .filters-inner .filters-slider .swiper-slide .filter span {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    width: max-content;
}

.home .page-wrapper .filters-inner .filters-slider .swiper-slide .filter span:before {
    content: "#";
    position: relative;
}
.home .page-wrapper .filters-inner .filters-slider .swiper-slide .filter.active-filter span:before {
    content: "";
    position: relative;
}
.home .page-wrapper .filters-inner .filters-slider .swiper-slide .filter.active-filter span:after {
    content: "";
    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 3px;
    background-image: url('../../images/cross.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.home .page-wrapper .group-logos {
    position: relative;
    display: block;
    padding: 61px var(--lateralMargin) 313px;
    min-height: calc(100vh - var(--headerHeight));
}

.home .page-wrapper .group-logos .logo-wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: fit-content;
    cursor: pointer;
    /*margin-bottom: 20px;*/
    transition: opacity .5s ease, transform .4s ease;
    -webkit-transition: opacity .5s ease, transform .4s ease;
    -moz-transition: opacity .5s ease, transform .4s ease;
    -o-transition: opacity .5s ease, transform .4s ease;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    -webkit-backface-visibility: hidden;
}

.home .page-wrapper .group-logos .logo-wrapper.default-margin {
    margin-bottom: 33px;
}

.home .page-wrapper .group-logos .logo-wrapper.hide {
    display: none;
}


.home .page-wrapper .group-logos .logo-wrapper .logo-hover {
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    transition-delay: .1s;
}

.home .page-wrapper .group-logos .logo-wrapper:hover .logo-hover {
    opacity: 1;
    transition-delay: 0s;
}

.home .page-wrapper .group-logos .logo-wrapper:hover .logo {
    opacity: 0;
    transition-delay: .1s;
}

.home  .logo-wrapper .sm {
    display: none;
}

.home .page-wrapper .group-logos img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

.home .page-wrapper .group-logos .no-results-text {
    opacity: 0;
    margin-bottom: 60px;
    transform: translate(0,30px);
}
.home .page-wrapper .group-logos .no-results-text.hide {
    display: none;
    transform: translate(0,30px);
}
.home .page-wrapper .group-logos .no-results-text.show {
    opacity: 1;
    transform: translate(0,0px);
}



@media screen and (max-width: 1680px) {
	/*.home .page-wrapper .filters {
        height: 40px;
    }*/
}


@media screen and (max-width: 1280px) {
    .home .page-wrapper {
        min-height: auto;
    }
}


@media only screen and (max-width: 1024px) { 
    .home .page-wrapper .group-logos .no-results-text {
        padding: 0px var(--lateralMargin);
    }
    
    .home .page-wrapper .group-logos {
        padding: 68px 0 0px;
    }

    .home .page-wrapper .group-logos img {
        padding: 0 var(--lateralMargin);
    }


    .home .page-wrapper .group-logos .logo-wrapper {
        margin-bottom: 15px !important;
    }

    .home .page-wrapper .group-logos .logo-wrapper:hover .logo-hover {
        opacity: 0;
        transition-delay: 0s;
    }
    .home .page-wrapper .group-logos .logo-wrapper:hover .logo {
        opacity: 1;
        transition-delay: 0s;
    }
    
    .home .logo-wrapper .sm {
        position: relative;
        display: block;
        margin-top: 10px;
        padding-bottom: 23px;
        border-bottom: 1px solid var(--color03);
    }

    .home .logo-wrapper.revealImages .sm .image-wrapper,
    .home .logo-wrapper.revealElement .sm .image-wrapper {
        position: relative;
        display: block;
        width: 100%;
        height: 0px;
        overflow: hidden;
        transition: height .4s ease;
        -webkit-transition: height .4s ease;
        -moz-transition: height .4s ease;
        -o-transition: height .4s ease;
    }

    .home .logo-wrapper.revealImages.revealedImages .sm .image-wrapper,
    .home .logo-wrapper.revealElement.revealed .sm .image-wrapper {
        height: 64.6vw;
    }

    .home .logo-wrapper .sm img {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .home .logo-wrapper.revealImages  .sm img,
    .home .logo-wrapper.revealElement .sm img {
        opacity: 0;
        transition: opacity .3s ease;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        -o-transition: opacity .3s ease;
        transition-delay: .4s;
    }

    .home .logo-wrapper.revealImages.revealedImages .sm img,
    .home .logo-wrapper.revealElement.revealed .sm img {
        opacity: 1;
    }

    .home .logo-wrapper .sm p {
        text-align: center;
        padding: 9px var(--lateralMargin);
        margin-bottom: -13px;
    }

    .home .logo-wrapper .sm p,
    .home .logo-wrapper .sm p a {
        color: var(--color01);
    }

    .home .page-wrapper .filters-wrapper {
        padding: 12px 0;
    }

    .home .page-wrapper .filters-inner .filters-slider .swiper-slide .filter {
        height: 27px;
        font-size: 12px;
        letter-spacing: 2px;
    }

    .home .page-wrapper .filters-inner .filters-slider .swiper-slide .filter.active-filter span::after {
        width: 9px;
        height: 9px;
    }
}


@media only screen and (max-width: 550px) {
    .home .page-wrapper .filters-inner .filters-slider .swiper-slide .filter:hover{
        border: 1px solid var(--color02);
        color: var(--color02);
    }

    .home .page-wrapper .filters-inner .filters-slider .swiper-slide .filter.active-filter {
        border: 1px solid var(--color01);
        color: var(--color01);
    }
    
    .home .page-wrapper .filters-inner .filters-slider .swiper-slide.xs {
        display: inline-block;
    }
}