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

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-webkit-keyframes fadeOutUp {
    0% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
}

@keyframes fadeOutUp {
    0% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
}



@-webkit-keyframes fadeOutDown {
    0% {opacity: 1;}
    100% {opacity: 0; -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
}

@keyframes fadeOutDown {
    0% {opacity: 1;}
    100% {opacity: 0; -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
}