.catch {
    display: none;
}

.on_load_fade_in {
    display: none;
}

.fade-in-on-load {
    opacity: 0;
}
.fade-in-on-load.is-active {
    transition: 2s;
    opacity: 1;
}

.fade_in {
    display: block;
    margin: auto;
    margin-top: 50px;
    width: 200px;
    height: 100px;
}

.u-fade-type-left {
    transform: translateX(-50px);
    opacity: 0;
}

.u-fade-type-left.is-active {
    transition: 2s;
    transform: translateX(0);
    opacity: 1;
}

.u-fade-type-right {
    transform: translateX(50px);
    opacity: 0;
}

.u-fade-type-right.is-active {
    transition: 2s;
    transform: translateX(0);
    opacity: 1;
}

.u-fade-type-down {
    transform: translateY(50px);
    opacity: 0;
}

.u-fade-type-down.is-active {
    transition: 2s;
    transform: translateY(0);
    opacity: 1;
}

.u-fade-type-up {
    transform: translateY(-50px);
    opacity: 0;
}

.u-fade-type-up.is-active {
    transition: 2s;
    transform: translateY(0);
    opacity: 1;
}

.u-fade-type-static {
    opacity: 0;
}

.u-fade-type-static.is-active {
    transition: 2s;
    opacity: 1;
}

.is-active.delay-02 {
    transition-delay: 0.2s;
}
.is-active.delay-05 {
    transition-delay: 0.5s;
}
.is-active.delay-07 {
    transition-delay: 0.7s;
}
.is-active.delay-10 {
    transition-delay: 1s;
}
.is-active.delay-12 {
    transition-delay: 1.2s;
}
.is-active.delay-15 {
    transition-delay: 1.5s;
}
.is-active.delay-17 {
    transition-delay: 1.7s;
}
.is-active.delay-20 {
    transition-delay: 2s;
}
.is-active.delay-22 {
    transition-delay: 2.2s;
}
.is-active.delay-25 {
    transition-delay: 2.5s;
}
.is-active.delay-27 {
    transition-delay: 2.7s;
}
.is-active.delay-30 {
    transition-delay: 3s;
}

@media (max-width: 900px) {
    .u-fade-type-down,
    .u-fade-type-up {
        transition: 2s;
        transform: translateY(0);
    }
    .u-fade-type-down.is-active,
    .u-fade-type-up.is-active,
    .u-fade-type-down,
    .u-fade-type-up {
        transition: 2s;
    }
    .u-fade-type-left,
    .u-fade-type-right {
        transform: translateX(0);
    }
    .u-fade-type-left.is-active,
    .u-fade-type-right.is-active,
    .u-fade-type-left,
    .u-fade-type-right {
        transition: 2s;
    }
}
