@keyframes changeColor {
    0% {
        fill: rgb(171 167 167);
    }

    100% {
        fill: #000;
    }
}

@-webkit-keyframes shine {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes shine {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}


@keyframes fadeUp {
    0% {
        transform: translateY(30px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


@keyframes move1 {
    0% {
        height: 100%;
        bottom: 0;
    }

    54% {
        height: 0;
        bottom: 100%;
    }

    55% {
        height: 0;
        bottom: 0;
    }

    100% {
        height: 100%;
        bottom: 0;
    }
}


@-webkit-keyframes move2 {
    0% {
        width: 0;
        left: 0;
    }

    50% {
        width: 100%;
        left: 0;
    }

    100% {
        width: 0;
        left: 100%;
    }
}


@keyframes move2 {
    0% {
        width: 0;
        left: 0;
    }

    50% {
        width: 100%;
        left: 0;
    }

    100% {
        width: 0;
        left: 100%;
    }
}


@-webkit-keyframes move3 {
    0% {
        height: 100%;
        top: 0;
    }

    54% {
        height: 0;
        top: 100%;
    }

    55% {
        height: 0;
        top: 0;
    }

    100% {
        height: 100%;
        top: 0;
    }
}


@keyframes move3 {
    0% {
        height: 100%;
        top: 0;
    }

    54% {
        height: 0;
        top: 100%;
    }

    55% {
        height: 0;
        top: 0;
    }

    100% {
        height: 100%;
        top: 0;
    }
}


@-webkit-keyframes move4 {
    0% {
        width: 0;
        right: 0;
    }

    55% {
        width: 100%;
        right: 0;
    }

    100% {
        width: 0;
        right: 100%;
    }
}


@keyframes move4 {
    0% {
        width: 0;
        right: 0;
    }

    55% {
        width: 100%;
        right: 0;
    }

    100% {
        width: 0;
        right: 100%;
    }
}


@-webkit-keyframes move2-1 {
    0% {
        width: 0;
        left: 0;
    }

    50% {
        width: 105%;
        left: 0;
    }

    100% {
        width: 0;
        left: 100%;
    }
}


@keyframes move2-1 {
    0% {
        width: 0;
        left: 0;
    }

    50% {
        width: 105%;
        left: 0;
    }

    100% {
        width: 0;
        left: 100%;
    }
}

/* -------------------------------
* split_text_box
* ------------------------------- */
.split_text_box {
    position: relative;
    display: inline-block;
}

.split_text_box .text, .split_text_box .text .char {
    display: inline-block;
    overflow: hidden;
}

.split_text_box .text:nth-child(1) {
    position: relative;
}
.split_text_box .text:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
}

/* gsap.split */
.text_line,
.text_line .line_1 {
    position: relative;
}

.text_line .split {
    display: inline-block;
    overflow: hidden;
}

.text_line .line_2 {
    position: absolute;
    top: 0;
    left: 0;
}