/********************* PRELOAD *********************/   
/* outer */                                
@-webkit-keyframes preloadpulsate {      
    0% {  
	    -webkit-transform: scale(0.8);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 0.1;
	}
	100% {
	    -webkit-transform: scale(0.8);
		opacity: 1;	
	}
}
 
@keyframes preloadpulsate {
    0% { 
	    transform: scale(0.8);
		opacity: 1;
	}
	50% {
		transform: scale(1);
		opacity: 0.1; 
	}
	100% {
	    transform: scale(0.8);
		opacity: 1;
	}
}

/* clockwise */
@-webkit-keyframes spinclockwise {      
    to { 
	    -webkit-transform: rotate(360deg);
	}
}

@keyframes spinclockwise {
    to {
		transform: rotate(360deg);
	}
}

/* counter clockwise */
@-webkit-keyframes spincounterclockwise {      
    to { 
	    -webkit-transform: rotate(-360deg);
	}
}

@keyframes spincounterclockwise {
    to {
		transform: rotate(-360deg);
	}
}   
 







/********************* CURSOR *********************/
@keyframes cursorblink {
  from, to { 
     color: transparent; 
  }
  50% { 
     color: black;
  }
}

@-webkit-keyframes cursorblink {
  from, to { 
     color: transparent; 
  }
  50% { 
     color: black;
  }
}
 






 
/********************* ANIMATION ELEMENT *********************/ 
/* animation-element */ 
.animation-element {
	width: 100%;
	height: 2px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
}

/* animation-element up */ 
.animation-element.up-trigger { 
	top: 30% !important;  
}

/* transition */
.ae-zoom, .ae-up, .ae-fadein, .ae-fadeout {
	position: relative; 
	-moz-transition: all 500ms ease-out; 
	-webkit-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out; 
	transition: all 500ms ease-out;
}

/* zoom */
.ae-zoom {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}      
                                                                                       
.ae-zoom.in-view {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
    transform: scale(1);
} 

/* up */ 
.ae-up { 
    -moz-transform: translate3d(0px, 50px, 0px);   
    -webkit-transform: translate3d(0px, 50px, 0px);
    -o-transform: translate(0px, 50px);
    -ms-transform: translate(0px, 50px);
    transform: translate3d(0px, 50px, 0px); 
}

.ae-up.in-view {
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px); 
} 

/* fade */
.ae-fadein, .ae-fadeout.in-view {      
	opacity: 0;
}

.ae-fadeout, .ae-fadein.in-view {
	opacity: 1;
}