.crust-clients-wrap{
display: grid;
}
.crust-client-item{
padding: 10px;
height: auto;
display: inline-flex;
transition: all .7s cubic-bezier(0.2,1,0.3,1);
align-items: center;
justify-content: center;
}
.crust-client-item a{
display: block;
}
.crust-fade-others:hover .crust-client-item{
opacity: .3 !important;
}
.crust-fade-others .crust-client-item:hover{
opacity: 1 !important;
}
.crust-clients-hover-scale-lg .crust-client-item:hover{
transform: scale(1.4);
z-index: 3;
}
.crust-clients-hover-scale-sm .crust-client-item:hover{
transform: scale(1.1);
z-index: 3;
}
.crust-clients-hover-tilt .crust-client-item{
transform-style: preserve-3d;
transform: perspective(300px);
}
.crust-clients-hover-tilt .crust-client-item > a > img{
transform: translateZ(50px) scale(.9);
}
.crust-clients-hover-slide .crust-client-item > a{
overflow: hidden;
position: relative;
}
.crust-clients-hover-slide .crust-client-item > a > img{
transition: all .7s cubic-bezier(0.2,1,0.3,1);
}
.crust-clients-hover-slide .crust-client-item > a > img.crust-hidden-client {
position: absolute;
top: 50%;
transform: translateY(-220%);
}
.crust-clients-hover-slide .crust-client-item:hover > a > img.crust-img-client {
transform: translateY(140%);
}
.crust-clients-hover-slide .crust-client-item:hover > a > img.crust-hidden-client {
transition-delay: .1s;
transform: translateY(-50%);
}
.crust-clients-hover-grayscale .crust-client-item > a > img{
filter: grayscale(100%);
opacity: .6;
transition: all .5s cubic-bezier(0.2,1,0.3,1);
}
.crust-clients-hover-grayscale .crust-client-item:hover > a > img.crust-img-client {
filter: none;
opacity: 1;
}