@charset "UTF-8";

@keyframes fadeIn {
  0% {
       	opacity: 0;
    	transform: translateY(-80px);
    } 
    100% {
    	opacity: 1;
    	transform: translateY(0px);
    }
}

@keyframes fadeOut {
  0% {
    	opacity: 1;
    	transform: translateY(0px);
    } 
    100% {
       	opacity: 0;
    	transform: translateY(-80px);
    }
}

@-webkit-keyframes fadeIn {
  0% {
       	-webkit-opacity: 0;
    	-webkit-transform: translateY(-80px);
    } 
    100% {
    	-webkit-opacity: 1;
    	-webkit-transform: translateY(0px);
    }
}

@-webkit-keyframes fadeOut {
  0% {
    	-webkit-opacity: 1;
    	-webkit-transform: translateY(0px);
    } 
    100% {
        -webkit-opacity: 0;
    	-webkit-transform: translateY(-80px);
    }
}


@-moz-keyframes fadeIn {
  0% {
       	opacity: 0;
    	-moz-transform: translateY(-80px);
    } 
    100% {
    	opacity: 1;
    	-moz-transform: translateY(0px);
    }
}

@-moz-keyframes fadeOut {
  0% {
    	opacity: 1;
    	-moz-transform: translateY(0px);
    } 
    100% {
       	opacity: 0;
    	-moz-transform: translateY(-80px);
    }
}

@-o-keyframes fadeIn {
  0% {
       	opacity: 0;
    	-o-transform: translateY(-80px);
    } 
    100% {
    	opacity: 1;
    	-o-transform: translateY(0px);
    }
}

@-o-keyframes fadeOut {
  0% {
    	opacity: 1;
    	-o-transform: translateY(0px);
    } 
    100% {
       	opacity: 0;
    	-o-transform: translateY(-80px);
    }
}