/* animation */
[class*="anim_"]{
	transition: 1s ease;
}
.anim_fade_before{
	opacity: 0;
	transition-property: opacity;
}
.anim_fade_after{
        opacity: 1;
        transition-property: opacity;
}

.anim_fade-up_before{
	transform: translateY(100px);
	opacity: 0;
	transition-property: transform, opacity;
}
.anim_fade-up_after{
	transform: translateY(0);
	opacity: 1;
	transition-property: transform, opacity;
}

.anim_fade-right_before{
	transform: translateX(100px);
	opacity: 0;
	transition-property: transform, opacity;
}
.anim_fade-right_after{
	transform: translateX(0);
	opacity: 1;
	transition-property: transform, opacity;
}

.anim_fade-left_before{
	transform: translateX(-100px);
	opacity: 0;
	transition-property: transform, opacity;
}
.anim_fade-left_after{
	transform: translateX(0);
	opacity: 1;
	transition-property: transform, opacity;
}

.anim_fade-scale_before{
	transform: scale(0.4);
	opacity: 0;
	transition-property: transform, opacity;
}
.anim_fade-scale_after{
	transform: scale(1);
	opacity: 1;
	transition-property: transform, opacity;
}


.anim_fade-leftup_before{
	transform: translateX(100px) translateY(100px);
	opacity: 0;
	transition-property: transform, opacity;
}
.anim_fade-leftup_after{
	transform: translateX(0) translateY(0);
	opacity: 1;
	transition-property: transform, opacity;
}

.anim_fade-rightup_before{
	transform: translateX(-100px) translateY(100px);
	opacity: 0;
	transition-property: transform, opacity;
}
.anim_fade-rightup_after{
	transform: translateY(0) translateY(0);
	opacity: 1;
	transition-property: transform, opacity;
}

.anim_fade-up-scale_before{
	transform: translateY(100px) scale(0.6);
	opacity: 0;
	transition-property: transform, opacity;
}
.anim_fade-up-scale_after{
	transform: translateY(0) scale(1);
	opacity: 1;
	transition-property: transform, opacity;
}


.anim_fade-right-scale_before{
	transform: translateX(-100px) scale(0.6);
	opacity: 0;
	transition-property: transform, opacity;
}
.anim_fade-right-scale_after{
	transform: translateY(0) scale(1);
	opacity: 1;
	transition-property: transform, opacity;
}

.anim_fade-left-scale_before{
	transform: translateX(100px) scale(0.6);
	opacity: 0;
	transition-property: transform, opacity;
}
.anim_fade-left-scale_after{
	transform: translateY(0) scale(1);
	opacity: 1;
	transition-property: transform, opacity;
}

/* --------- */