.animate-reveal { 
text-transform: uppercase; 
opacity: 0; 
-webkit-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards; 
-moz-animation: reveal 1s ease-in 1 normal forwards; 
-o-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards; 
animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards; 
} 

.animate01 { 
-webkit-animation-delay: 0; 
-moz-animation-delay: 0; 
-o-animation-delay: 0; 
animation-delay: 0; 
} 

.animate02 { 
-webkit-animation-delay: 500ms; 
-moz-animation-delay: 500ms; 
-o-animation-delay: 500ms; 
animation-delay: 500ms; 
} 

.animate03 { 
-webkit-animation-delay: 1s; 
-moz-animation-delay: 1s; 
-o-animation-delay: 1s; 
animation-delay: 1s; 
} 

.animate04 { 
-webkit-animation-delay: 1.5s; 
-moz-animation-delay: 1.5s; 
-o-animation-delay: 1.5s; 
animation-delay: 1.5s; 
} 

.animate05 { 
-webkit-animation-delay: 2s; 
-moz-animation-delay: 2s; 
-o-animation-delay: 2s; 
animation-delay: 2s; 
} 

.animate06 { 
-webkit-animation-delay: 2.5s; 
-moz-animation-delay: 2.5s; 
-o-animation-delay: 2.5s; 
animation-delay: 2.5s; 
} 

.animate07 { 
-webkit-animation-delay: 3s; 
-moz-animation-delay: 3s; 
-o-animation-delay: 3s; 
animation-delay: 3s; 
} 

.animate08 { 
-webkit-animation-delay: 3.5s; 
-moz-animation-delay: 3.5s; 
-o-animation-delay: 3.5s; 
animation-delay: 3.5s; 
} 

.animate09 { 
-webkit-animation-delay: 4s; 
-moz-animation-delay: 4s; 
-o-animation-delay: 4s; 
animation-delay: 4s; 
} 

.animate10 { 
-webkit-animation-delay: 4.5s; 
-moz-animation-delay: 4.5s; 
-o-animation-delay: 4.5s; 
animation-delay: 4.5s; 
} 

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

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

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

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