@charset "utf-8";

/* CSS Document */



@keyframes run1{

    from {top:56%; opacity: 1;}

    50% {top:55%; opacity: 1; transform:scale(1) rotate(-0deg);}

    to {top:56%; opacity: 1;}

}

@keyframes run2{

    from {top:68%; opacity: 1;}

    50% {top:70%; opacity: 1; transform:scale(1) rotate(-0deg);}

    to {top:68%; opacity: 1;}

}

@keyframes run3{

    from {top:59%; opacity: 1;}

    50% {top:60%; opacity: 1; transform:scale(1) rotate(-0deg);}

    to {top:59%; 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:79%; opacity: 1;}

    50% {bottom:80%; opacity: 1; transform:scale(1) rotate(-0deg);}

    to {bottom:79%; opacity: 1;}

}

@keyframes run2_m{

    from {bottom:13%; opacity: 1;}

    50% {bottom:12%; opacity: 1; transform:scale(1) rotate(-0deg);}

    to {bottom:13%; opacity: 1;}

}

@keyframes run3_m{

    from {bottom:62%; opacity: 1;}

    50% {bottom:61%; opacity: 1; transform:scale(1) rotate(-0deg);}

    to {bottom:62%; 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: 25%; opacity: 1;transform:scale(1) rotate(-0deg);}

    to { top:10%; right: 25%; opacity: 1; transform:scale(1) rotate(360deg);}

}

@keyframes run_mov_4_m{

    from { top:20%; right: 2%; opacity: 1;transform:scale(1) rotate(-0deg);}

    to { top:20%; 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:27%; left:0%; opacity: 1;transform:scale(1) rotate(-0deg);}

    to { top:27%; left:0%; opacity: 1; transform:scale(1) rotate(360deg);}

}

@keyframes run_mov_6{

    from { top:55%; right: 3%; opacity: 1;transform:scale(1) rotate(-0deg);}

    to { top:55%; 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;}

}