/*@keyframes left-right {*/
    /*0%   {left:-50px; top:-10px;}*/
    /*25%  {left:-50px; top:-10px;}*/
    /*50%  {left:-176px; top:-10px;}*/
    /*75%  {left:-176px; top:-10px;}*/
    /*100% {left:-50px; top:-10px;}*/
/*}*/
/*@-webkit-keyframes left-right {*/
    /*0%   {left:-50px; top:-10px;}*/
    /*25%  {left:-50px; top:-10px;}*/
    /*50%  {left:-176px; top:-10px;}*/
    /*75%  {left:-176px; top:-10px;}*/
    /*100% {left:-50px; top:-10px;}*/
/*}*/

@keyframes left-right-1 {
    0%   {background-position: -30px -5px;}
    25%  {background-position: -30px -5px;}
    50%  {background-position: -90px -5px;}
    75%  {background-position: -90px -5px;}
    100% {background-position: -30px -5px;}
}
@-webkit-keyframes left-right-1 {
    0%   {background-position: -30px -5px;}
    25%  {background-position: -30px -5px;}
    50%  {background-position: -90px -5px;}
    75%  {background-position: -90px -5px;}
    100% {background-position: -30px -5px;}
}

@keyframes left-right-2 {
    0%   {background-position: -50px -10px;}
    25%  {background-position: -50px -10px;}
    50%  {background-position: -176px -10px;}
    75%  {background-position: -176px -10px;}
    100% {background-position: -50px -10px;}
}
@-webkit-keyframes left-right-2 {
    0%   {background-position: -50px -10px;}
    25%  {background-position: -50px -10px;}
    50%  {background-position: -176px -10px;}
    75%  {background-position: -176px -10px;}
    100% {background-position: -50px -10px;}
}

@keyframes move-down {
    0%  {bottom: 0; }
    10% {bottom: 0; }
    50% {bottom: -100px;}
    60% {bottom: -100px;}
    80% {bottom: 0;}
}
@-webkit-keyframes move-down {
    0%  {bottom: 0; }
    10% {bottom: 0; }
    50% {bottom: -100px;}
    60% {bottom: -100px;}
    80% {bottom: 0;}
}

@keyframes my_pause {
    to {bottom: 0;}
}
@-webkit-keyframes my_pause {
    to {bottom: 0;}
}
@keyframes move-lr-1 {
    0%, 40%, 100%  {left: 5px; top: 5px; visibility: visible}
    50%, 75%       {left: -285px; top: 5px; visibility: hidden}
    90% {left: 285px; top: 5px; visibility: hidden}
}
@-webkit-keyframes move-lr-1 {
    0%, 40%, 100%  {left: 5px; top: 5px; visibility: visible}
    50%, 75%       {left: -285px; top: 5px; visibility: hidden}
    90% {left: 285px; top: 5px; visibility: hidden}
}
@keyframes move-lr-2 {
    0%, 25%, 100%       {left: -285px; top: 5px; visibility: hidden}
    40%               {left: 285px; top: 5px; visibility: hidden}

    50%, 90%       {left: 5px; top: 5px; visibility: visible}
}
@-webkit-keyframes move-lr-2 {
    0%, 25%, 100%       {left: -285px; top: 5px; visibility: hidden}
    40%               {left: 285px; top: 5px; visibility: hidden}

    50%, 90%       {left: 5px; top: 5px; visibility: visible}
}