.fadeIn {
    opacity: 0;

    -webkit-animation: fadeIn 600ms ease both;
    -webkit-animation-play-state: paused;
    -moz-animation: fadeIn 600ms ease both;
    -moz-animation-play-state: paused;
    -o-animation: fadeIn 600ms ease both;
    -o-animation-play-state: paused;
    animation: fadeIn 600ms ease both;
    animation-play-state: paused;
}

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

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

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

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

.zoomOut1 {
    opacity: 0;

    -webkit-animation: zoomOut1 600ms ease both;
    -webkit-animation-play-state: paused;
    -moz-animation: zoomOut1 600ms ease both;
    -moz-animation-play-state: paused;
    -o-animation: zoomOut1 600ms ease both;
    -o-animation-play-state: paused;
    animation: zoomOut1 600ms ease both;
    animation-play-state: paused;
}
@-webkit-keyframes zoomOut1 {
    0% { opacity: 0; -webkit-transform: scale(.6); }
    100% { opacity: 1; -webkit-transform: scale(1); }
}

@-moz-keyframes zoomOut1 {
    0% { opacity: 0; -moz-transform: scale(.6); }
    100% { opacity: 1; -moz-transform: scale(1); }
}

@-o-keyframes zoomOut1 {
    0% { opacity: 0; -o-transform: scale(.6); }
    100% { opacity: 1; -o-transform: scale(1); }
}

@keyframes zoomOut1 {
    0% { opacity: 0; transform: scale(.6); }
    100% { opacity: 1; transform: scale(1); }
}

.play {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}