
/* Motion: Slide / Fade In
==================================*/

.animate-fade-slide-in .item,
.animate-fade-slide-in .item {
    visibility: hidden;
}
.animate-fade-slide-in .item,
.animate-fade-slide-in .item {
    -ms-transform: scale3d(0.8, 0, 1);
    -webkit-transform: scale3d(0.8, 0, 1);
    transform: scale3d(0.8, 0, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.animate-fade-slide-in .item-bg-image img.background,
.animate-fade-slide-in .item-bg-image img.background {
    box-shadow: none;
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.animate-fade-slide-in .in,
.animate-fade-slide-in.done .item,
.animate-fade-slide-in .in,
.animate-fade-slide-in.done .item {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.animate-fade-slide-in .in,
.animate-fade-slide-in.done .item,
.animate-fade-slide-in .in,
.animate-fade-slide-in.done .item {
    visibility: visible;
}
.list .item.item-bg-image,
.list .item.item-bg-image {
    max-height: 150px;
}
.animate-fade-slide-in .item,
.animate-fade-slide-in .item {
    visibility: hidden;
}
.animate-fade-slide-in .item,
.animate-fade-slide-in .item {
    -ms-transform: translate3d(-250px, 250px, 0);
    -webkit-transform: translate3d(-250px, 250px, 0);
    transform: translate3d(-250px, 250px, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    opacity: 0;
    filter: alpha(opacity=0);
}
.animate-fade-slide-in .in,
.animate-fade-slide-in.done,
.animate-fade-slide-in .in,
.animate-fade-slide-in.done {
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);
}
.animate-fade-slide-in .in,
.animate-fade-slide-in.done,
.animate-fade-slide-in .in,
.animate-fade-slide-in.done {
    visibility: visible;
}
.animate-fade-slide-in.done .in,
.animate-fade-slide-in.done .in {
    opacity: 1;
    filter: alpha(opacity=100);
}
.animate-fade-slide-in .has-mask-reverse:after,
.animate-fade-slide-in .has-mask-reverse:after {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.animate-fade-slide-in.done .has-mask-reverse:after,
.animate-fade-slide-in.done .has-mask-reverse:after {
    opacity: 1;
    filter: alpha(opacity=100);
}
.animate-fade-slide-in .out,
.animate-fade-slide-in .out {
    -ms-transform: scale3d(0, 0, 1);
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
}