.fadein{
	  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

.moveUp{
	  -webkit-animation: moveUp 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: moveUp 1s; /* Firefox < 16 */
        -ms-animation: moveUp 1s; /* Internet Explorer */
         -o-animation: moveUp 1s; /* Opera < 12.1 */
            animation: moveUp 1s;
}

.moveUpFadeIn{
    position: relative;
     -webkit-animation: moveUpFadeIn 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: moveUpFadeIn 1s; /* Firefox < 16 */
        -ms-animation: moveUpFadeIn 1s; /* Internet Explorer */
         -o-animation: moveUpFadeIn 1s; /* Opera < 12.1 */
            animation: moveUpFadeIn 1s;
-webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;

}

.moveUpFadeOut{
    position: relative;
     -webkit-animation: moveUpFadeOut 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: moveUpFadeOut 1s; /* Firefox < 16 */
        -ms-animation: moveUpFadeOut 1s; /* Internet Explorer */
         -o-animation: moveUpFadeOut 1s; /* Opera < 12.1 */
            animation: moveUpFadeOut 1s;


    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    
}




.zoomFadeIn{
    position: relative;
     -webkit-animation: zoomFadeIn 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: zoomFadeIn 3s; /* Firefox < 16 */
        -ms-animation: zoomFadeIn 3s; /* Internet Explorer */
         -o-animation: zoomFadeIn 3s; /* Opera < 12.1 */
            animation: zoomFadeIn 3s;
                background-position: center center;
            background-size: 105% 105%;            
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    
}




.zoomFadeOut{
    position: relative;
     -webkit-animation: zoomFadeOut 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: zoomFadeOut 1s; /* Firefox < 16 */
        -ms-animation: zoomFadeOut 1s; /* Internet Explorer */
         -o-animation: zoomFadeOut 1s; /* Opera < 12.1 */
            animation: zoomFadeOut 1s;
                background-position: center center;
background-size: 105% 105%;            
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@keyframes moveUp {
    from { top:30px;}
    to   { top:0px}
}


@keyframes moveUpFadeIn {
    from { top:30px; opacity: 0;}
    to   { top:0px; opacity: 1;}
}


@keyframes moveUpFadeOut {
    from { top:0px; opacity: 1;}
    to   { top:-30px; opacity: 0;}
}


@keyframes zoomFadeIn {
    from {     background-size: 100% 100%; opacity: 0;}
    to   { background-size: 105% 105%; opacity: 1;}

}

@keyframes zoomFadeOut {
    from {     background-size: 105% 105%; opacity: 1;}
    to   { background-size: 110% 110%; opacity: 0;}
}