/*Animate CSS*/

.animation_el.animation_fade {
	opacity:0;
	transition: opacity 1s;
}

.animation_el.animation_fade.in_view {
	opacity:1;
	transition-delay: 0.3s;
}

.animation_el.animation_up {
	opacity:0;
	transition: transform 1.5s, opacity 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: transform 1s, opacity 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_left {
	opacity:0;
	transition: all 1s;
    transform: translate3d(-30px,0,0);
}

.animation_el.animation_left.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_scale_down {
	transition:transform 1s;
	transform: scale(1.3,1.3);
}

.animation_el.animation_scale_down.in_view {
	transform: scale(1,1);
}

.animation_el.animation_rotate_left {
	opacity:0;
	transition: opacity 2.5s, transform 1.5s;
	transform-origin: left;
	transform: rotate(-25deg);
}

.animation_el.animation_rotate_left.in_view {
	opacity:1;
	transform: rotate(0deg);
}

.animation_el.animation_rotate_right {
	opacity:0;
	transition: opacity 2s, transform 1.2s;
	transform-origin: right;
	transform: rotate(-25deg);
}

.animation_el.animation_rotate_right.in_view {
	opacity:1;
	transform: rotate(0deg);
}

.animation_el.animation_line span {
	opacity:0;
	transition: opacity 1s;
}

.animation_el.animation_line.in_view span {
	opacity:1;
	transition-delay: 1.25s;
}

.animation_el.animation_line::before, .animation_el.animation_line::after {
	transform: scale(0,1);
	transition: transform 1.25s;
}

.animation_el.animation_line::before {
	transform-origin: left;
}

.animation_el.animation_line::after {
	transform-origin: right;
}

.animation_el.animation_line.in_view::before, .animation_el.animation_line.in_view::after {
	transform: scale(1,1);
}

.animation_el.animation_line_top span {
	opacity:0;
	transition: opacity 1s;
}
.animation_el.animation_line_top.in_view span {
	opacity:1;
	transition-delay: 0.7s;
}

.animation_el.animation_line_top::before, .animation_el.animation_line_top::after {
	transform: scale(1,0);
	transition: transform 0.7s;
}

.animation_el.animation_line_top::before {
	transform-origin: top;
}

.animation_el.animation_line_top::after {
	transform-origin: top;
	transition-delay: 0.7s;
}

.animation_el.animation_line_top.in_view::before, .animation_el.animation_line_top.in_view::after {
	transform: scale(1,1);
}

/* Delay */

.animation_el.animation_delay_a.in_view {
	transition-delay: 0.5s;
	
}

.animation_el.animation_delay_b.in_view {
	transition-delay: 1.0s;
	
}

.animation_el.animation_delay_c.in_view {
	transition-delay: 1.2s;
	
}

.animation_el.animation_delay_d.in_view {
	transition-delay: 1.5s;
	
}
.animation_el.animation_delay_e.in_view {
	transition-delay: 2.0s;
	
}
.animation_el.animation_delay_f.in_view {
	transition-delay: 2.5s;
	
}

/*set timing animation responsive*/


@media (max-width: 767px) {
	
.animation_el.animation_fade {
	transition: opacity 0.7s;
}

.animation_el.animation_fade.in_view {
	transition-delay: 0.5s;
}

.animation_el.animation_up {
	transition: transform 1s, opacity 1s;
}

.animation_el.animation_up.in_view {
	transition-delay: 0.5s;
}

.animation_el.animation_down {
	transition: transform 0.7s, opacity 0.7s;
}

.animation_el.animation_down.in_view {
	transition-delay: 0.5s;
}

.animation_el.animation_right {
	transition: all 0.75s;
}

.animation_el.animation_right.in_view {
	transition-delay: 0.5s;
}

.animation_el.animation_left {
	transition: all 0.75s;
}

.animation_el.animation_left.in_view {
	transition-delay: 0.5s;
}

.animation_el.animation_scale {
	transition: all 2s;
}

.animation_el.animation_scale_down {
	transition:transform 0.75s;
}

.animation_el.animation_rotate_left {
	transition: opacity 1.5s, transform 1s;
}

.animation_el.animation_rotate_right {
	transition: opacity 1.5s, transform 1s;
}
	
.animation_el.animation_line span {
	transition: opacity 0.75s;
}

.animation_el.animation_line.in_view span {
	transition-delay: 0.75s;
}

.animation_el.animation_line::before, .animation_el.animation_line::after {
	transition: transform 0.75s;
}

.animation_el.animation_line_top span {
	transition: opacity 0.75s;
}
.animation_el.animation_line_top.in_view span {
	transition-delay: 0.5s;
}

.animation_el.animation_line_top::before, .animation_el.animation_line_top::after {
	transition: transform 0.5s;
}

.animation_el.animation_line_top::after {
	transition-delay: 0.5s;
}
	
.animation_el.animation_delay_a.in_view {
	transition-delay: 0.75s;
	
}

.animation_el.animation_delay_b.in_view {
	transition-delay: 1s;
	
}

.animation_el.animation_delay_c.in_view {
	transition-delay: 1.5s;
	
}

.animation_el.animation_delay_d.in_view {
	transition-delay: 1.75s;
	
}
.animation_el.animation_delay_e.in_view {
	transition-delay: 2s;
	
}
.animation_el.animation_delay_f.in_view {
	transition-delay: 2.5s;
	
}
 
}