/********************* PRELOAD *********************/            
@-webkit-keyframes preload {                                                   
   0% {
      -webkit-transform: scale(1);
	  opacity: 1;
   }
   10% {
	  -webkit-transform: scale(1);
	  opacity: 1;
   }
   50% {
	  -webkit-transform: scale(0.8);
	  opacity: 0.2;
   }
   100% {
      -webkit-transform: scale(1);
	  opacity: 1;
   }
}

@keyframes preload {
   0% {
      transform: scale(1);
	  opacity: 1;
   }
   10% {
	  transform: scale(1);
	  opacity: 1;
   }
   50% {
	  transform: scale(0.8);
	  opacity: 0.2;
   }
   100% {
      transform: scale(1);
	  opacity: 1;
   }
}








/********************* GRADIENT *********************/
@-webkit-keyframes gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@-moz-keyframes gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@keyframes gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}








/********************* 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;
}