.ss-fade-animation.ng-enter, 
.ss-fade-animation.ng-leave {
	-webkit-transition: 0.5s linear all;
	transition: 0.5s linear all;
}
.ss-fade-animation.ng-enter.ng-enter-active,
.ss-fade-animation.ng-leave {
	opacity: 1;
}
.ss-fade-animation.ng-leave.ng-leave-active,
.ss-fade-animation.ng-enter {
	opacity: 0;
}



.ss-slide-animation.ng-enter, 
.ss-slide-animation.ng-leave {
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
}
.ss-slide-animation.ng-enter.ng-enter-active,
.ss-slide-animation.ng-leave {
    opacity: 1;
    top: 0;
    height: 30px;
}
.ss-slide-animation.ng-leave.ng-leave-active,
.ss-slide-animation.ng-enter {
    opacity: 0;
    top: -50px;
    height: 0px;
}
.ss-slide-animation.ng-hide-add,
.ss-slide-animation.ng-hide-remove {
    -webkit-transition: 400ms linear all;
    -moz-transition: 400ms linear all;
    -ms-transition: 400ms linear all;
    -o-transition: 400ms linear all;
    transition: 400ms linear all;

    /* remember to add this */
    display:block!important;
    opacity:1;
    max-height: 400px;
}
.ss-slide-animation.ng-hide {
    opacity:0;
    max-height: 0px;
}