.fade-angular {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    opacity: 1;
}
.fade-angular.ng-enter {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.fade-angular.ng-leave {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.fade-angular.ng-enter {
    opacity: 0;
}
.fade-angular.ng-enter-active {
    opacity: 1;
}
.fade-angular.ng-leave {
    opacity: 1;
}
.fade-angular.ng-leave-active {
    opacity: 0;
}




.animate-enter,
.animate-leave
{
    -webkit-transition: 800ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 800ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 800ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 800ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 800ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
}

.animate-enter.animate-enter-active,
.animate-leave {
    opacity: 1;
    top: 0;
    height: 30px;
}

.animate-leave.animate-leave-active,
.animate-enter {
    opacity: 0;
    top: -50px;
    height: 0px;
}