/*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_background_fade::after {
	opacity:0;
	transition: opacity 1s;
}

.animation_el.animation_background_fade.in_view::after {
	opacity:1;
	transition-delay: 1.5s;
}

.animation_el.animation_up {
	opacity:0;
	transition: all 1s;
    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_up.in_view:nth-child(even) {
	transition-delay: 0.8s;
}

.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.in_view {
	transition-delay: 1.5s;
	
}

.animation_el.animation_delay_big.in_view {
	transition-delay: 2s;
	
}

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