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


@keyframes run1{
    from {top:-5%; opacity: 1;}
    50% {top:-6%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {top:-5%; opacity: 1;}
}
@keyframes run2{
    from {top:9%; opacity: 1;}
    50% {top:10%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {top:9%; 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:15%; opacity: 1;}
    50% {bottom:16%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {bottom:15%; opacity: 1;}
}
@keyframes run2_m{
    from {bottom:16%; opacity: 1;}
    50% {bottom:15%; opacity: 1; transform:scale(1) rotate(-0deg);}
    to {bottom:16%; 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:-70%; right: -25%; opacity: 0;transform:scale(1) rotate(-0deg);}
    40% { opacity: 1; }
    50% { opacity: 1; transform:scale(1.2) }
    60% { opacity: 1; }
    to { top:-70%; right: -25%; 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 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;}
}