/*Animate CSS*/

.animation_el.animation_fade {
	opacity:0;
	transition: opacity 1s;
}

.animation_el.animation_fade.in_view {
	opacity:1;
	transition-delay: 0.5s;
}

.animation_el.animation_up {
	opacity:0;
	transition: all 1.5s;
    transform: translate3d(0px,20px,0);
}

.animation_el.animation_up.in_view {
	opacity:1;
	transition-delay: 0.5s;
    transform: translate3d(0,0,0);
}

.animation_el.animation_down {
	opacity:0;
	transition: all 1s;
    transform: translate3d(0px,-20px,0);
}

.animation_el.animation_down.in_view {
	opacity:1;
	transition-delay: 0.5s;
    transform: translate3d(0,0,0);
}

.animation_el.animation_right {
	opacity:0;
	transition: all 1s;
    transform: translate3d(30px,0,0);
}

.animation_el.animation_right.in_view {
	opacity:1;
	transition-delay: 0.5s;
    transform: translate3d(0,0,0);
}

.animation_el.animation_scale {
	transition: all 3s;
	transform: scale(1.1,1.1);
}

.animation_el.animation_scale.in_view {
	transform: scale(1,1);
}

.animation_el.animation_focus {
	opacity:0;
}

.animation_el.animation_focus.in_view  {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

/* Delay */

.animation_el.animation_delay_a.in_view {
	transition-delay: 1s;
	
}

.animation_el.animation_delay_b.in_view {
	transition-delay: 1.5s;
	
}

.animation_el.animation_delay_c.in_view {
	transition-delay: 1.75s;
	
}

.animation_el.animation_delay_d.in_view {
	transition-delay: 2s;
	
}
.animation_el.animation_delay_e.in_view {
	transition-delay: 2.25s;
	
}
.animation_el.animation_delay_f.in_view {
	transition-delay: 2.75s;
	
}

/** Keyframes **/



@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
