@-webkit-keyframes fadeOutUpMed {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    
    100% {
        opacity: 0;
        -webkit-transform: translateY(-500px);
    }
}
@-moz-keyframes fadeOutUpMed {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    
    100% {
        opacity: 0;
        -moz-transform: translateY(-500px);
    }
}
@-o-keyframes fadeOutUpMed {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }
    
    100% {
        opacity: 0;
        -o-transform: translateY(-500px);
    }
}
@keyframes fadeOutUpMed {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    
    100% {
        opacity: 0;
        transform: translateY(-500px);
    }
}

.fadeOutUpMed {
    -webkit-animation-name: fadeOutUpMed;
    -moz-animation-name: fadeOutUpMed;
    -o-animation-name: fadeOutUpMed;
    animation-name: fadeOutUpMed;
}










@-webkit-keyframes fadeOutDownMed {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    
    100% {
        opacity: 0;
        -webkit-transform: translateY(500px);
    }
}
@-moz-keyframes fadeOutDownMed {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    
    100% {
        opacity: 0;
        -moz-transform: translateY(500px);
    }
}
@-o-keyframes fadeOutDownMed {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }
    
    100% {
        opacity: 0;
        -o-transform: translateY(500px);
    }
}
@keyframes fadeOutDownMed {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    
    100% {
        opacity: 0;
        transform: translateY(500px);
    }
}

.fadeOutDownMed {
    -webkit-animation-name: fadeOutDownMed;
    -moz-animation-name: fadeOutDownMed;
    -o-animation-name: fadeOutDownMed;
    animation-name: fadeOutDownMed;
}









@-webkit-keyframes fadeOutScale {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    
    100% {
        opacity: 0;
        -webkit-transform: scale(.5);
    }
}
@-moz-keyframes fadeOutScale {
    0% {
        opacity: 1;
        -moz-transform: scale(1);
    }
    
    100% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }
}
@-o-keyframes fadeOutScale {
    0% {
        opacity: 1;
        -o-transform: scale(1);
    }
    
    100% {
        opacity: 0;
        -o-transform: scale(0.5);
    }
}
@keyframes fadeOutScale {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    
    100% {
        opacity: 0;
        transform: scale(0.5);
    }
}

.fadeOutScale {
    -webkit-animation-name: fadeOutScale;
    -moz-animation-name: fadeOutScale;
    -o-animation-name: fadeOutScale;
    animation-name: fadeOutScale;
}









@-webkit-keyframes fadeOutZoom {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}
@-moz-keyframes fadeOutZoom {
    0% {
        opacity: 1;
        -moz-transform: scale(1);
    }
    
    100% {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}
@-o-keyframes fadeOutZoom {
    0% {
        opacity: 1;
        -o-transform: scale(1);
    }
    
    100% {
        opacity: 0;
        -o-transform: scale(1.5);
    }
}
@keyframes fadeOutZoom {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

.fadeOutZoom {
    -webkit-animation-name: fadeOutZoom;
    -moz-animation-name: fadeOutZoom;
    -o-animation-name: fadeOutZoom;
    animation-name: fadeOutZoom;
}