.catch{
    display:none;
  }


.mv_fade_in{
    display: block;
    padding: 20px;
    background-color: cadetblue;
}

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


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


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


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


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


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


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


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


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


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


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