.owl-carousel {
    margin-top: 10vh;
}

.owl-carousel  .owl-item 
{
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    filter: grayscale(100%); 
    opacity: 0.35;
    transition: all ease-in-out .4s;
}

.owl-carousel  .owl-item:hover
{
    filter: none; 
    opacity: 1;
}

.partnerWrapper 
{
    display: block;
    height: 7vh;
    width: 7vw;
    margin: 0 auto;
}


.partnerWrapper > * {
    mix-blend-mode: saturation;
}

.partnerWrapper h4 
{
    display: none;
}
.partner 
{
    height: 100%;
    color: transparent;   
    background-repeat: no-repeat;
    display: block;
    background-position: center;
}

.partner1 
{
    background-image: url('../website-img/partners/01-partner-deepcolors.svg');
}
.partner2 
{
    background-image: url('../website-img/partners/02-partner-crident.svg');
}
.partner3 
{
    background-image: url('../website-img/partners/03-partner-pehartie.svg');
}
.partner4 
{
    background-image: url('../website-img/partners/04-partner-mensclub.svg');
}
.partner5 
{
    background-image: url('../website-img/partners/05-partners-cab.svg');
}
.partner6
{
    background-image: url('../website-img/partners/06-partner-alexcover.svg');
}
.partner7 
{
    background-image: url('../website-img/partners/07-partner-monnalis.svg');
}
.partner8 
{
    background-image: url('../website-img/partners/08-partner-fotohobby.svg');
}
.partner9 
{
    background-image: url('../website-img/partners/09-partner-laVieEnROse.svg');
}
.partner10
{
    background-image: url('../website-img/partners/10-partner-Aroma.svg');
}
.partner11{
    background-image: url('../website-img/partners/11-partner-Dadarlat.svg');
}
.partner12{
    background-image: url('../website-img/partners/12-effeto-studio.svg');
}

.owl-theme .owl-dots .owl-dot span 
{
    width: 60px;
    height: 7px;
    border-radius: 0;
    background: var(--headColor);
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 4vh;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--color5);
}



@media only screen and (max-width: 1026px) {
    .partnerWrapper {
        width: 30vw;
        height: 12vh;
    }
    
    .owl-theme .owl-dots .owl-dot span 
    {
        width: 20px;
        height: 4px;
        border-radius: 0;
        background: var(--headColor);
    }
    .owl-carousel  .owl-item
    {
    /* filter: none; 
    opacity: 1; */
    }
}

@media only screen and (max-width: 1026px) and (orientation:landscape) {
    .partnerWrapper {
        width: 20vw;
        height: 12vh;
    }
    .owl-carousel {
        margin-top: 14vh;
    }
}