@charset "utf-8";
/* CSS Document */

@keyframes run1{
    from {top:26%; opacity: 1;}
    50% {top:25%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {top:26%; opacity: 1;}
}
@keyframes run2{
    from {top:48%; opacity: 1;}
    50% {top:50%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {top:48%; opacity: 1;}
}
@keyframes run3{
    from {top:5%; opacity: 1;}
    50% {top:6%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {top:5%; opacity: 1;}
}
@keyframes run4{
    from {top:12%; opacity: 1;}
    50% {top:10%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {top:12%; opacity: 1;}
}

@keyframes run1_m{
    from {bottom:50%; opacity: 1;}
    50% {bottom:51%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {bottom:50%; opacity: 1;}
}
@keyframes run2_m{
    from {bottom:21%; opacity: 1;}
    50% {bottom:20%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {bottom:21%; opacity: 1;}
}
@keyframes run3_m{
    from {bottom:20%; opacity: 1;}
    50% {bottom:19%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {bottom:20%; opacity: 1;}
}
@keyframes run4_m{
    from {top:5%; opacity: 1;}
    50% {top:7%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {top:5%; opacity: 1;}
}


@keyframes run_water{
    from { opacity: 0;transform:scale(0.5) rotate(-0deg);}
    20% { opacity: 1; transform:scale(1) rotate(-0deg);}
    to { opacity: 0; transform:scale(1.1) rotate(-0deg);}
}

@keyframes run_mov_1{
    from { top:8%; left: 42%; opacity: 0;transform:scale(1) rotate(-0deg);}
    40% { opacity: 1; }
    80% { opacity: 1; }
    to { top:20%; left: 30%; opacity: 0; transform:scale(1.1) rotate(-0deg);}
}
@keyframes run_mov_1_m{
    from { top:12%; left: 40%; opacity: 0;transform:scale(1) rotate(-0deg);}
    40% { opacity: 1; }
    80% { opacity: 1; }
    to { top:26%; left: 17%; opacity: 0; transform:scale(1.1) rotate(-0deg);}
}
/******/
@keyframes run_mov_3{
    from { top:-60%; right: -18%; opacity: 0;transform:scale(1) rotate(-0deg);}
    40% { opacity: 1; }
    50% { opacity: 1; transform:scale(1.2) }
    60% { opacity: 1; }
    to { top:-60%; right: -18%; opacity: 0; transform:scale(1) rotate(-0deg);}
}
@keyframes run_mov_3_m{
    from { top:0%; right:-18%; opacity: 0;transform:scale(1) rotate(-0deg);}
    40% { opacity: 1; }
    50% { opacity: 1; transform:scale(1.2) }
    60% { opacity: 1; }
    to { top:0%; right: -18%; opacity: 0; transform:scale(1) rotate(-0deg);}
}

@keyframes run_mov_4{
    from { top:10%; right: 2%; opacity: 1;transform:scale(1) rotate(-0deg);}
    to { top:10%; right: 2%; opacity: 1; transform:scale(1) rotate(360deg);}
}
@keyframes run_mov_4_m{
    from { top:10%; right: 2%; opacity: 1;transform:scale(1) rotate(-0deg);}
    to { top:10%; right: 2%; opacity: 1; transform:scale(1) rotate(360deg);}
}
/******/
@keyframes run_mov_5{
    from { top:30%; left:0%; opacity: 1;transform:scale(1) rotate(-0deg);}
    to { top:30%; left:0%; opacity: 1; transform:scale(1) rotate(360deg);}
}
@keyframes run_mov_5_m{
    from { top:30%; left:0%; opacity: 1;transform:scale(1) rotate(-0deg);}
    to { top:30%; left:0%; opacity: 1; transform:scale(1) rotate(360deg);}
}
@keyframes run_mov_6{
    from { top:50%; right: 3%; opacity: 1;transform:scale(1) rotate(-0deg);}
    to { top:50%; right: 3%; opacity: 1; transform:scale(1) rotate(360deg);}
}
@keyframes run_mov_6_m{
    from { top:50%; right: 3%; opacity: 1;transform:scale(1) rotate(-0deg);}
    to { top:50%; right: 3%; opacity: 1; transform:scale(1) rotate(360deg);}
}

@keyframes btn_mov_1{
    from { opacity: 1;}
    50% { opacity: 0; transform:scale(1) rotate(-0deg);}
    to { opacity: 1;}
}
@keyframes btn_mov_2{
    from { opacity: 1;}
    to { opacity: 1;}
}