@-webkit-keyframes fade-in {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes fade-in {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-webkit-keyframes fade-out {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes fade-out {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@-webkit-keyframes slide-up {
    0% {transform: translateY(0);}
    100% {transform: translateY(-10px);}
}

@keyframes slide-up {
    0% {transform: translateY(0);}
    100% {transform: translateY(-10px);}
}

@-webkit-keyframes slide-down {
    0% {transform: translateY(0);}
    100% {transform: translateY(10px);}
}

@keyframes slide-down {
    0% {transform: translateY(0);}
    100% {transform: translateY(10px);}
}

@-webkit-keyframes slide-side {
    0% {transform: translateX(0);}
    100% {transform: translateX(-10px);}
}

@keyframes slide-side {
    0% {transform: translateX(0);}
    100% {transform: translateX(-10px);}
}

@-webkit-keyframes slide {
    0% {width: 0%;}
    50% {width: 40%;}
    100% {width: 100%;}
}

@keyframes slide {
    0% {width: 0%;}
    50% {width: 40%;}
    100% {width: 100%;}
}

.fade-out-5-4 {
    animation: fade-out 0.5s 0.4s;
}