div.ATDCMS.partners {
    
}
div.ATDCMS.partners > ul > li img {
    object-fit: contain;
    width: 80%;
    height: auto;
    display: flex;
    margin: auto;
    max-height: 150px;
}
div.ATDCMS.partners.filter > ul > li img {
    transition: all 1.5s ease-in-out;
    filter: grayscale(1);
    opacity: .85;
    mix-blend-mode: multiply;
}
div.ATDCMS.partners.filter > ul > li:hover img {
    transition: all 0.15s ease;
    filter: none;
    opacity: 1;
    -webkit-filter: grayscale(0%);
}
div.ATDCMS.partners.animation > ul > li img {
    transition: all 1.5s ease-in-out;
    transform: scale(1);
    z-index: 1;   
}
div.ATDCMS.partners.animation > ul > li:hover img {
    transition: all 0.15s ease;
    transform: scale(1.2);
    z-index: 5;
}


div.ATDCMS.partners > ul {
    /*
        display: grid;
        grid-gap: var(--atdcg_grid_gap);
        grid-template-columns: repeat(auto-fit, minmax(9%, 1fr));
        list-style: none;
        padding: 0;
        margin: 0;
    */
    align-items: center;
}
div.ATDCMS.partners > ul.vtop {
    align-slef: start;

}
div.ATDCMS.partners > ul.vcenter {
    align-slef: center;

}

div.ATDCMS.partners > ul > li {
    text-align: left;
}
div.ATDCMS.partners > ul > li img {

    object-fit: contain;
    width: 80%;
    height: auto;

    display: flex;
    margin: auto;
    max-height: 150px;
}
div.ATDCMS.partners > ul > li:hover img {

}








/* PARTNER LOGOK LISTA */
ul.page_brandsOLD {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    padding: 0em;
    justify-content: center;
}
ul.page_brandsOLD:after {
    content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;
}

ul.page_brandsOLD li {
    vertical-align:middle;
    position: relative;
    padding: 10px;

}
ul.page_brandsOLD li span {
    text-align: justify;
    padding: 1em;
}
ul.page_brandsOLD li:hover span {
    /*
            display: block;
            -webkit-box-shadow: 1px 1px 5px 2px rgba(100, 100, 100, 0.3);
            -moz-box-shadow: 1px 1px 5px 2px rgba(100, 100, 100, 0.3);
            box-shadow: 1px 1px 5px 2px rgba(100, 100, 100, 0.3);
    */
}
ul.page_brandsOLD li div {
    position: relative;
    text-align: center;
    vertical-align: top;
    margin: 0px;
    overflow: hidden;
    border: 1px solid rgba(100,100,100,0.2);

    /*
            -webkit-box-shadow: 1px 1px 5px 2px rgba(200, 200, 200, 0.3);
            -moz-box-shadow: 1px 1px 5px 2px rgba(200, 200, 200, 0.3);
            box-shadow: 1px 1px 5px 2px rgba(200, 200, 200, 0.3);
    */
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    /*
            background-image: url(/system/images/wheel.svg);
            background-repeat: no-repeat;
            background-position: center center;
    */
    padding-bottom: 50%;		
}

ul.page_brandsOLD li:hover > span {
    display: block;
}

ul.page_brandsOLD li img {
    width: 80%;
    height: auto;
    object-fit: contain;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    /*
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
  transition: all .2s ease;
  opacity: .6;
    */
}
ul.page_brandsOLD li:hover img {
    filter: none;
    -webkit-filter: grayscale(0%);
    opacity: 1;
}
ul.page_brandsOLD li:hover div {
    -webkit-box-shadow: 2px 2px 6px 6px rgba(150, 150, 150, 0.1);
    -moz-box-shadow:    2px 2px 6px 6px rgba(150, 150, 150, 0.1);
    box-shadow:         2px 2px 6px 6px rgba(150, 150, 150, 0.1);

    z-index: 1;

}
ul.page_brandsOLD li div a:hover img {
    width: 80%;



    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

}
ul.page_brandsOLD li div a:hover:after {
    content: "\55 ";
    font-family: 'ElegantIcons';
    position: absolute;
    top: 0%;
    right: 0;
    left: 0;
    padding: 0.3em;
    font-size: 1.4em;
    z-index: 2;
    color: #000;
    text-shadow: 1px 1px 1px #FFFFFF;
}



/*
* small phone
*/
@media screen
and (max-width: 360px) {
    ul.page_brandsOLD {
        display: flex;
        flex-wrap: wrap;
    }
    ul.page_brandsOLD li {
        text-align:center;
        flex-basis: 33.3%;
    }

    ul.page_brandsOLD li span {
        display: block;
        position: relative;	
    }
}
/*
* phone and tablet
*/
@media screen
and (min-width: 361px)
and (max-width: 768px) {
    ul.page_brandsOLD {
        display: flex;
        flex-wrap: wrap;
    }
    ul.page_brandsOLD li {
        text-align:center;
        flex-basis: calc(50% - 20px);
    }	

    ul.page_brandsOLD li span {
        display: none;
        position: absolute;	
        z-index: 10;
        top: -3em;
        left: 0em;
        right: 0em;
        font-size: 10px;
    }

}
/*
* desktop
*/
/* desktop large */
@media only screen
and (min-width : 769px)
and (max-width : 993px) {
    ul.page_brandsOLD {
        display: flex;
        flex-wrap: wrap;
    }
    ul.page_brandsOLD li {
        text-align:center;
        flex-basis: 16.6%;
    }	

    ul.page_brandsOLD li span {
        display: none;
        position: absolute;	
        z-index: 10;
        top: -3em;
        left: -3em;
        right: -3em;
        bottom: -3em;
        font-size: 12px;
    }
}
@media only screen
and (min-width : 994px)
and (max-width : 1169px) {

    ul.page_brandsOLD {
        display: flex;
        flex-wrap: wrap;
    }
    ul.page_brandsOLD li {
        text-align:center;
        flex-basis: 16.6%;
    }	

    ul.page_brandsOLD li span {
        display: none;
        position: absolute;	
        z-index: 10;
        top: -3em;
        left: -3em;
        right: -3em;
        bottom: -3em;
        font-size: 12px;
    }
}
@media only screen
and (min-width : 1170px) {
    ul.page_brandsOLD {
        display: flex;
        flex-wrap: wrap;
    }
    ul.page_brandsOLD li {
        text-align:center;
        flex-basis: 14%;
    }	
    ul.page_brandsOLD li span {
        display: none;
        position: absolute;	
        z-index: 10;
        top: -3em;
        left: -3em;
        right: -3em;
        bottom: -3em;
        font-size: 12px;
    }
}