.animate-slide-horizontal {
    transform: translate(0, 0);
}

.animate-slide-horizontal.ng-enter, .animate-slide-horizontal.ng-enter-active,
.animate-slide-horizontal.ng-leave, .animate-slide-horizontal.ng-leave-active {
    transition: all 1s ease;
}
.animate-slide-horizontal.ng-enter {
    transform: translate(100%, 0);
}
.animate-slide-horizontal.ng-enter-active {
    transform: translate(0, 0);
}
.animate-slide-horizontal.ng-leave {
    transform: translate(0, 0);
}
.animate-slide-horizontal.ng-leave-active {
    transform: translate(-100%, 0);
}


.animate-fade-in {
    opacity: 1;
}

.animate-fade-in.ng-enter, .animate-fade-in.ng-enter-active {
    transition: all 1s ease;
}
.animate-fade-in.ng-enter {
    opacity: 0;
}
.animate-fade-in.ng-enter-active {
    opacity: 1;
}
.animate-fade-in.ng-leave {
    opacity: 1;
}
.animate-fade-in.ng-leave-active {
    opacity: 0;
}