@charset "utf-8";

.animation_set {
    animation-duration: 0.4s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

.animation_start {
    animation-play-state: running !important;
}

.animation_delay_1 {
    animation-delay: 0.1s;
}

.animation_delay_2 {
    animation-delay: 0.2s;
}

.animation_delay_3 {
    animation-delay: 0.3s;
}

.animation_delay_4 {
    animation-delay: 0.4s;
}

.animation_delay_5 {
    animation-delay: 0.5s;
}

.animation_delay_6 {
    animation-delay: 0.6s;
}

.animation_delay_7 {
    animation-delay: 0.7s;
}

.animation_delay_8 {
    animation-delay: 0.8s;
}

.animation_fade_in {
    opacity: 0.0;
    animation-name: anim_fade_in;
    animation-play-state: paused;
}

@keyframes anim_fade_in {
    0% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

.animation_fade_in_up {
    position: relative;
    opacity: 0.0;
    top: 100px;
    animation-name: anim_fade_in_up;
    animation-play-state: paused;
}

@keyframes anim_fade_in_up {
    0% {
        opacity: 0.0;
        top: 100px;
    }
    100% {
        opacity: 1.0;
        top: 0;
    }
}

.animation_fade_in_right {
    position: relative;
    opacity: 0.0;
    right: 100px;
    animation-name: anim_fade_in_right;
    animation-play-state: paused;
}

@keyframes anim_fade_in_right {
    0% {
        opacity: 0.0;
        right: 100px;
    }
    100% {
        opacity: 1.0;
        right: 0;
    }
}

.animation_fade_zoom {
    transform: scale(2.0, 2.0);
    opacity: 0.0;
    animation-name: anim_fade_zoom;
    animation-play-state: paused;
}

@keyframes anim_fade_zoom {
    0% {
        transform: scale(2.0, 2.0);
        opacity: 0.0;
    }
    100% {
        transform: scale(1.0, 1.0);
        opacity: 1.0;
    }
}

.animation_border_from_left {
    margin-right: 100%;
    width: 0;
    animation-name: anim_border_from_left;
    animation-duration: 0.5s;
    animation-play-state: paused;
}

@keyframes anim_border_from_left {
    0% {
        margin-right: 100%;
        width: 0;
    }
    100% {
        margin-right: 0;
        width: 100%;
    }
}

.animation_border_from_top {
    height: 0;
    animation-name: anim_border_from_top;
    animation-duration: 0.5s;
    animation-play-state: paused;
}

@keyframes anim_border_from_top {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}

.animation_border_from_right {
    width: 0;
    animation-name: anim_border_from_right;
    animation-duration: 0.5s;
    animation-play-state: paused;
}

@keyframes anim_border_from_right {
    0% {
        width: 0;
    }
    100% {
        width: 100%;

    }
}

.animation_border_from_bottom {
    height: 0;
    animation-name: anim_border_from_bottom;
    animation-duration: 0.5s;
    animation-play-state: paused;
}

@keyframes anim_border_from_bottom {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}