.se{}
.fade-in{
opacity:0;
transition:opacity 0.8s;
}
.fade-in.scrolled,
.loaded .fade-in.ose{
opacity:1;
transition:opacity 0.8s;
}
.loaded .fade-in.ose{
transition:opacity 0.8s 0.4s;
}
.fade-in-late{
opacity:0;
transition:opacity 0.8s 0.8s;
}
.fade-in-late.scrolled,
.loaded .fade-in-late.ose{
opacity:1;
transition:opacity 0.8s 0.8s;
}
.loaded .fade-in-late.ose{
opacity:1;
transition:opacity 0.8s 1.2s;
}
.move-up{
opacity:0;
transform: translateY(80px);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.move-up.scrolled,
.loaded .move-up.ose,
.move-up.is-active{
opacity:1;
transform: translateY(0);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.loaded .move-up.ose{
transition:opacity 0.8s 0.4s,transform 0.8s 0.4s;
}
.move-up-late{
opacity:0;
transform: translateY(80px);
}
.move-up-late.scrolled,
.loaded .move-up-late{
opacity:1;
transform: translateY(0);
transition:opacity 0.8s 0.6s,transform 0.8s 0.6s;
}
.loaded .move-up-late{
transition:opacity 0.8s 1s,transform 0.8s 1s;
}
.move-down{
opacity:0;
transform: translateY(-80px);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.move-down.scrolled,
.loaded .move-down.ose,
.move-down.is-active{
opacity:1;
transform: translateY(0);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.loaded .move-down.ose{
transition:opacity 0.8s 0.4s,transform 0.8s 0.4s;
}
.move-down-big{
opacity:0;
transform: translateY(-200px);
transition:opacity 0.8s 0.5s,transform 1s 0.5s;
}
.move-down-big.scrolled{
opacity:1;
transform: translateY(0);
transition:opacity 0.8s 0.5s,transform 1s 0.5s;
}
.up01{
opacity:0;
transform: translateY(80px);
transition:opacity 0.7s 0s,transform 0.7s 0s;
}
.up01.scrolled{
opacity:1;
transform: translateY(0);
transition:opacity 0.7s 0s,transform 0.7s 0s;
}
.up02{
opacity:0;
transform: translateY(80px);
transition:opacity 0.7s 0.3s,transform 0.7s 0.3s;
}
.up02.scrolled{
opacity:1;
transform: translateY(0);
transition:opacity 0.7s 0.3s,transform 0.7s 0.3s;
}
.up03{
opacity:0;
transform: translateY(80px);
transition:opacity 0.7s 0.6s,transform 0.7s 0.6s;
}
.up03.scrolled{
opacity:1;
transform: translateY(0);
transition:opacity 0.5s 0.6s,transform 0.5s 0.6s;
}
.to-left{
opacity:0;
transform: translateX(80px);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.to-left.scrolled,
.loaded .to-left.ose,
.to-left.is-active{
opacity:1;
transform: translateX(0);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.loaded .to-left.ose{
transition:opacity 0.8s 0.5s,transform 0.8s 0.5s;
}
.to-right{
opacity:0;
transform: translateX(-80px);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.to-right.scrolled,
.loaded .to-right.ose,
.to-right.is-active{
opacity:1;
transform: translateX(0);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.loaded .to-right.ose{
transition:transform 0.8s 0.4s,opacity 0.8s 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 0.8s 0s,opacity 0.8s 0s;
}
.loaded .to-big.ose{
transition:transform 0.8s 0.4s,opacity 0.8s 0.4s;
}
.to-big-late{
transform: scale(0.3);
opacity:0;
}
.to-big-late.scrolled,
.loaded .to-big-late.ose{
transform: scale(1);
opacity:1;
transition:transform 0.8s 0s,opacity 0.8s 0s;
}
.loaded .to-big-late.ose{
transition:transform 0.8s 1.6s,opacity 0.8s 1.6s;
}
.to-small{
transform: scale(1.7);
opacity:0;
}
.to-small.scrolled,
.loaded .to-small.ose{
transform: scale(1);
opacity:1;
transition:transform 0.8s 0s,opacity 0.8s 0s;
}
.loaded .to-small.ose{
transition:transform 0.8s 0.4s,opacity 0.8s 0.4s;
}
.blur {
filter: blur(40px);
}
.blur.scrolled,
.loaded .blur.ose{
filter: blur(0);
transition:filter 1.2s 0s;
}
.loaded .blur.ose{
filter: blur(0);
transition:filter 1s 0.5s;
}
.blur-lite {
filter: blur(6px);
}
.blur-lite.scrolled,
.loaded .blur-lite.ose{
filter: blur(0);
transition:filter 1.6s 0s;
}
.loaded .blur-lite.ose{
filter: blur(0);
transition:filter 1.4s 0.5s;
}
.deep-blur {
filter: blur(90px);
}
.deep-blur.scrolled,
.loaded .deep-blur.ose{
filter: blur(0);
transition:filter 1.4s 0s;
}
.loaded .deep-blur.ose{
filter: blur(0);
transition:filter 1.4s 0.3s;
}
.musk{
width: 0;
white-space:nowrap;
overflow:hidden;
}
.musk.scrolled{
animation-name: main-v-text;
animation-duration: 2.4s;
animation-fill-mode: both;
}
@keyframes main-v-text{
0%{width: 0%;}
10%{width: 0%;}
100%{width: 95%;}
}
.clip{
clip-path: inset(0 100% 0 0);
transition:clip-path 1.8s 0s;
}
.clip.scrolled,
.loaded .clip.ose{
clip-path: inset(0);
transition:clip-path 1.8s 0s;
}
.loaded .clip.ose{
transition:clip-path 1.8s 0.8s;
}
.clip-down{
clip-path: inset(0 0 100% 0);
transition:clip-path 1.5s 0s;
}
.clip-down.scrolled,
.loaded .clip-down.ose{
clip-path: inset(0);
transition:clip-path 1.5s 0s;
}
.loaded .clip-down.ose{
transition:clip-path 2.2s .5s;
}
.up01-t2{
opacity:0;
transform: translateY(80px);
transition:opacity 0.6s 0s,transform 0.7s 0s;
}
.up01-t2.scrolled{
opacity:1;
transform: translateY(0);
transition:opacity 0.6s 0s,transform 0.7s 0s;
}
.up02-t2{
opacity:0;
transform: translateY(80px);
transition:opacity 0.6s 0s,transform 0.7s 0.3s;
}
.up02-t2.scrolled{
opacity:1;
transform: translateY(0);
transition:opacity 0.6s 0s,transform 0.7s 0.3s;
}





@media only screen and (max-width : 600px) {
.add-mgb01{
margin-bottom: calc(100vw * 0.01);
}
.add-mgb02{
margin-bottom: calc(100vw * 0.02);
}
.add-mgb025{
margin-bottom: calc(100vw * 0.025);
}
.add-mgb04{
margin-bottom: calc(100vw * 0.04);
}
.add-mgb05{
margin-bottom: calc(100vw * 0.05);
}
.add-mgb06{
margin-bottom: calc(100vw * 0.06);
}
.add-mgb075{
margin-bottom: calc(100vw * 0.075);
}
.add-mgb10{
margin-bottom: calc(100vw * 0.1);
}
.add-mgb125{
margin-bottom: calc(100vw * 0.125);
}
.add-mgb15{
margin-bottom: calc(100vw * 0.15);
}
.add-mgb20{
margin-bottom: calc(100vw * 0.2);
}
.add-mgb225{
margin-bottom: calc(100vw * 0.225);
}

}
@media only screen and (min-width : 501px) {
.add-mgb01{
margin-bottom: calc(500px * 0.01);
}
.add-mgb02{
margin-bottom: calc(500px * 0.02);
}
.add-mgb025{
margin-bottom: calc(500px * 0.025);
}
.add-mgb04{
margin-bottom: calc(500px * 0.04);
}
.add-mgb05{
margin-bottom: calc(500px * 0.05);
}
.add-mgb06{
margin-bottom: calc(500px * 0.06);
}
.add-mgb075{
margin-bottom: calc(500px * 0.075);
}
.add-mgb10{
margin-bottom: calc(500px * 0.1);
}
.add-mgb125{
margin-bottom: calc(500px * 0.125);
}
.add-mgb15{
margin-bottom: calc(500px * 0.15);
}
.add-mgb20{
margin-bottom: calc(500px * 0.2);
}
.add-mgb225{
margin-bottom: calc(500px * 0.225);
}
}