@charset "utf-8";

.animated{animation-duration:1s;-webkit-animation-duration:1s; -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@keyframes fade_eff{
0%{opacity:0; transform:translateY(-150px);-webkit-transform:translateY(-150px);}
100%{opacity:1; transform:translateY(0);-webkit-transform:translateY(0);}
}

@-webkit-keyframes fade_eff{
0%{opacity:0; transform:translateY(-150px);-webkit-transform:translateY(-150px);}
100%{opacity:1; transform:translateY(0);-webkit-transform:translateY(0);}
}
.fade_eff{animation-name:fade_eff;-webkit-animation-name:fade_eff;}


@keyframes drop_eff{
0%{opacity:0;transform:translateY(250px);-webkit-transform:translateY(250px);}
80%{transform:translateY(-10px);-webkit-transform:translateY(-10px);}
100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
}

@-webkit-keyframes drop_eff{
0%{opacity:0;transform:translateY(250px);-webkit-transform:translateY(250px);}
80%{transform:translateY(-10px);-webkit-transform:translateY(-10px);}
100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
}
.drop_eff{animation-name:drop_eff;-webkit-animation-name:drop_eff;}


@keyframes drop_eff2{
0%{opacity:0;transform:translatex(-250px);-webkit-transform:translateY(-250px);}
80%{transform:translatex(20px);-webkit-transform:translatex(20px);}
100%{opacity:1;transform:translatex(0);-webkit-transform:translatex(0);}
}

@-webkit-keyframes drop_eff2{
0%{opacity:0;transform:translatex(-250px);-webkit-transform:translateY(-250px);}
80%{transform:translatex(20px);-webkit-transform:translatex(20px);}
100%{opacity:1;transform:translatex(0);-webkit-transform:translatex(0);}
}
.drop_eff2{animation-name:drop_eff2;-webkit-animation-name:drop_eff2;}


@-webkit-keyframes shake_eff{
0%{opacity:0;transform:translateX(-20px);-webkit-transform:translateX(-20px);}
80%{transform:translateX(10px);-webkit-transform:translateX(10px);}
100%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
}

@-webkit-keyframes shake_eff{
0%{opacity:0;transform:translateX(-20px);-webkit-transform:translateX(-20px);}
80%{transform:translateX(10px);-webkit-transform:translateX(10px);}
100%{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
}
.shake_eff{-webkit-animation-name: shake_eff;animation-name: shake_eff;}