.anmSlippery{
    -webkit-animation-name: myanime_slippery;
    -webkit-animation-duration: 5s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    -webkit-transform-origin: center center;
    animation-name: myanime_slippery;
    animation-duration: 5s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: center center;
}
@-webkit-keyframes myanime_slippery{
      0%{-webkit-transform: scaleX(1);}
     90%{-webkit-transform: scaleX(1);}
     95%{-webkit-transform: scaleX(0);}
    100%{-webkit-transform: scaleX(1);}
}
@keyframes myanime_slippery{
      0%{transform: scaleX(1);}
     90%{transform: scaleX(1);}
     95%{transform: scaleX(0);}
    100%{transform: scaleX(1);}
}

.anmPancamera{
    -webkit-animation-name: myanime_pancamera;
    -webkit-animation-duration: 8s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    -webkit-transform-origin: center bottom;
    animation-name: myanime_pancamera;
    animation-duration: 8s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: center bottom;
}
@-webkit-keyframes myanime_pancamera{
      0%{-webkit-transform: translateX(0%);}
    100%{-webkit-transform: translateX(4%);}
}
@keyframes myanime_pancamera{
      0%{transform: translateX(0%);}
    100%{transform: translateX(4%);}
}

.anmStretch{
    -webkit-animation-name: myanime_stretch;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    -webkit-transform-origin: center top;
    animation-name: myanime_stretch;
    animation-duration: 3s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: center top;
}
@-webkit-keyframes myanime_stretch{
      0%{-webkit-transform: scaleY(0) translateY(0);}
     50%{-webkit-transform: scaleY(1) translateY(0);}
     80%{-webkit-transform: scaleY(1) translateY(0);}
    100%{-webkit-transform: scaleY(1) translateY(100%);}
}
@keyframes myanime_stretch{
      0%{transform: scaleY(0) translateY(0);}
     50%{transform: scaleY(1) translateY(0);}
     80%{transform: scaleY(1) translateY(0);}
    100%{transform: scaleY(1) translateY(100%);}
}

.anmFlyBack{
    -webkit-animation-name: myanime_fly_back;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    -webkit-transform-origin: center center;
    animation-name: myanime_fly_back;
    animation-duration: 0.6s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: center center;
}
@-webkit-keyframes myanime_fly_back{
      0%{opacity: 1;-webkit-transform: translateY(0);}
     50%{opacity: 1;-webkit-transform: translateY(-2vw);}
     54%{opacity: 0;-webkit-transform: translateY(-2vw);}
     56%{opacity: 0;-webkit-transform: translateY(2vw);}
     60%{opacity: 0;-webkit-transform: translateY(2vw);}
    100%{opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes myanime_fly_back{
      0%{opacity: 1;transform: translateY(0);}
     50%{opacity: 1;transform: translateY(-2vw);}
     54%{opacity: 0;transform: translateY(-2vw);}
     56%{opacity: 0;transform: translateY(2vw);}
     60%{opacity: 0;transform: translateY(2vw);}
    100%{opacity: 1;transform: translateY(0);}
}
.anmFlyBackInf{
    -webkit-animation-name: myanime_fly_back_inf;
    -webkit-animation-duration: 4s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    -webkit-transform-origin: center center;
    animation-name: myanime_fly_back_inf;
    animation-duration: 4s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: center center;
}
@-webkit-keyframes myanime_fly_back_inf{
      0%{opacity: 1;-webkit-transform: translateY(0);}
     10%{opacity: 1;-webkit-transform: translateY(-6vw);}
     12%{opacity: 0;-webkit-transform: translateY(-6vw);}
     14%{opacity: 0;-webkit-transform: translateY(6vw);}
     16%{opacity: 1;-webkit-transform: translateY(0);}
    100%{opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes myanime_fly_back_inf{
      0%{opacity: 1;transform: translateY(0);}
     10%{opacity: 1;transform: translateY(-6vw);}
     12%{opacity: 0;transform: translateY(-6vw);}
     14%{opacity: 0;transform: translateY(6vw);}
     16%{opacity: 1;transform: translateY(0);}
    100%{opacity: 1;transform: translateY(0);}
}

.anmFadeFade{
    -webkit-animation-name: myanime_fadefade;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    -webkit-transform-origin: center center;
    animation-name: myanime_fadefade;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: center center;
}
@-webkit-keyframes myanime_fadefade{
      0%{opacity: 0;-webkit-transform: translateY(0);}
     20%{opacity: 1;-webkit-transform: translateY(0);}
    100%{opacity: 0;-webkit-transform: translateY(30%);}
}
@keyframes myanime_fadefade{
      0%{opacity: 0;transform: translateY(0);}
     20%{opacity: 1;transform: translateY(0);}
    100%{opacity: 0;transform: translateY(30%);}
}

.anmPump{
    animation-name: myanime_pump;
    animation-duration: 4s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: center center;
}
@keyframes myanime_pump{
      0%{transform: scale(1,1);}
      4%{transform: scale(1.3,1.3);}
      8%{transform: scale(1,1);}
     12%{transform: scale(1.3,1.3);}
     16%{transform: scale(1,1);}
    100%{transform: scale(1,1);}
}

.anmSliderInLeft{
    animation-name: anm_slider_in_left;
    animation-duration: 0.3s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: center center;
}
@keyframes anm_slider_in_left{
      0%{opacity: 0;transform: translateX(3%);}
    100%{opacity: 1;transform: translateX( 0);}
}
.anmSliderOutLeft{
    animation-name: anm_slider_out_left;
    animation-duration: 0.3s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: center center;
}
@keyframes anm_slider_out_left{
      0%{opacity: 1;transform: translateX(  0);}
    100%{opacity: 0;transform: translateX(-3%);}
}
.anmSliderInRight{
    animation-name: anm_slider_in_right;
    animation-duration: 0.3s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: center center;
}
@keyframes anm_slider_in_right{
      0%{opacity: 0;transform: translateX(-3%);}
    100%{opacity: 1;transform: translateX(  0);}
}
.anmSliderOutRight{
    animation-name: anm_slider_out_right;
    animation-duration: 0.3s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: center center;
}
@keyframes anm_slider_out_right{
      0%{opacity: 1;transform: translateX( 0);}
    100%{opacity: 0;transform: translateX(3%);}
}