@keyframes slidedown {
    from { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%);  -moz-transform: translateY(-100%); transform: translateY(-100%); }
    to    { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%);  -moz-transform: translateY(0%); transform: translateY(0%); }
}
@keyframes slidedownLeave {
    from { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%);  -moz-transform: translateY(0%); transform: translateY(0%); }
    to      {-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); }
}