@keyframes fade_in{
    from {
        -moz-transform: scale(1.25);
        -webkit-transform: scale(1.25);
        -o-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        opacity: 0;
        display:none;
    }

    to {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        display:block;
    }
}

.fadeIn {
    animation-name: fade_in;
    animation-duration: 0.5s;
}
.fadeOut {
    animation-name: fade_in;
    animation-duration: 0.5s;
    animation-direction:reverse;
}