@charset "utf-8";
/* CSS Document */

.textEffectContentRight {
    position: relative;
    right: -200px;

    opacity: 0;

    transition: 1s;
}
.textEffectContentLeft {
    position: relative;
    left: -200px;

    opacity: 0;

    transition: 1s;
}
.textEffectContentTop {
    position: relative;
    top: -100px;

    opacity: 0;

    transition: 1s;
}
.textEffectContentBottom {
    position: relative;
    bottom: -100px;

    opacity: 0;

    transition: 1s;
}
    .textEffectContentRight.active {
        right: 0;

        opacity: 1;

        transition: 1s;
    }
	.textEffectContentLeft.active {
        left: 0;

        opacity: 1;

        transition: 1s;
    }
	.textEffectContentTop.active {
        top: 0;

        opacity: 1;

        transition: 1s;
    }
	.textEffectContentBottom.active {
        bottom: 0;

        opacity: 1;

        transition: 1s;
    }

/* */
.animation-01 {
	position: relative;
	bottom: -40px;

	opacity: 0;
}
	.animation-01.active {
		bottom: 0;

		opacity: 1;

		transition: all 0.5s;
	}