
.se{}
.fade-in{
opacity:0;
transition:opacity 1.2s;
}
.fade-in.scrolled,
.loaded .fade-in.ose{
opacity:1;
transition:opacity 1.2s;
}
.loaded .fade-in.ose{
transition:opacity 1s 0.8s;
}
.fade-in-late{
opacity:0;
transition:opacity 1s 1s;
}
.fade-in-late.scrolled,
.loaded .fade-in-late.ose{
opacity:1;
transition:opacity 1s 1s;
}
.loaded .fade-in-late.ose{
opacity:1;
transition:opacity 1s 1.2s;
}
.move-up{
opacity:0;
transform: translateY(40px);
transition:opacity 1s 0s,transform 1s 0s;
}
.move-up.scrolled,
.loaded .move-up.ose,
.move-up.is-active{
opacity:1;
transform: translateY(0);
transition:opacity 1s 0s,transform 1s 0s;
}
.loaded .move-up.ose{
transition:opacity 1s 0.4s,transform 1s 0.4s;
}
.move-up-r{
position: relative;
opacity:0;
top: 40px;
transition:opacity 1s 0s,top 1s 0s;
}
.move-up-r.scrolled,
.loaded .move-up-r.ose,
.move-up-r.is-active{
opacity:1;
top: 0;
transition:opacity 1s 0s,top 1s 0s;
}
.loaded .move-up-r.ose{
transition:opacity 1s 0.4s,top 1s 0.4s;
}


.to-left{
opacity:0;
transform: translateX(60px);
transition:opacity 1s 0s,transform 1s 0s;
}
.to-left.scrolled,
.loaded .to-left.ose,
.to-left.is-active{
opacity:1;
transform: translateX(0);
transition:opacity 1s 0s,transform 1s 0s;
}
.loaded .to-left.ose{
transition:opacity 1s 0.5s,transform 1s 0.5s;
}


.to-right-late{
opacity:0;
transform: translateX(-60px);
transition:opacity 1.4s 0s,transform 1.4s 0s;
}
.to-right-late.scrolled,
.loaded .to-right-late.ose,
.to-right-late.is-active{
opacity:1;
transform: translateX(0);
transition:opacity 1.4s 0s,transform 1.4s 0s;
}
.loaded .to-right-late.ose{
transition:opacity 1.4s 0.6s,transform 1.4s 0.6s;
}


.to-right{
opacity:0;
transform: translateX(-60px);
transition:opacity 1s 0s,transform 1s 0s;
}
.to-right.scrolled,
.loaded .to-right.ose,
.to-right.is-active{
opacity:1;
transform: translateX(0);
transition:opacity 1s 0s,transform 1s 0s;
}
.loaded .to-right.ose{
transition:transform 1s 0.4s,opacity 1s 0.4s;
}




.to-big{
transform: scale(0.3);
opacity:0;
}
.to-big.scrolled,
.loaded .to-big.ose,
.to-big.is-active{
transform: scale(1);
opacity:1;
transition:transform 1s 0s,opacity 1s 0s;
}
.loaded .to-big.ose{
transition:transform 1s 0.4s,opacity 1s 0.4s;
}

.clip{
clip-path: inset(0 100% 0 0);
transition:clip-path 1.4s 0s;
}
.clip.scrolled,
.loaded .clip.ose{
clip-path: inset(0);
transition:clip-path 1.8s 0s;
}
.loaded .clip.ose{
transition:clip-path 1.8s 1s;
}
