[data-inviewport="slide-top"].is-inViewport {
    -webkit-animation: slide-top 2s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;
    animation: slide-top 2s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;
}


[data-inviewport="slide-left"].is-inViewport{
    -webkit-animation:slide-left 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;animation:slide-left 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) both
}
[data-inviewport="slide-left-mini"].is-inViewport {
    -webkit-animation:slide-left-mini 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;animation:slide-left-mini 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) both
}


[data-inviewport="slide-right"].is-inViewport {
    -webkit-animation: slide-right 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
    animation: slide-right 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}
[data-inviewport="slide-right-mini"].is-inViewport {
    -webkit-animation: slide-right-mini 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
    animation: slide-right-mini 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}


[data-inviewport="scale-up-center"].is-inViewport {
    -webkit-animation:scale-up-center 10s cubic-bezier(.39,.575,.565,1.000) forwards;animation:scale-up-center 10s cubic-bezier(.39,.575,.565,1.000) forwards
}
[data-inviewport="scale-down-center"].is-inViewport {
    -webkit-animation:scale-down-center 10s cubic-bezier(.39,.575,.565,1.000) forwards;animation:scale-down-center 10s cubic-bezier(.39,.575,.565,1.000) forwards
}


/*.slide-top {
        -webkit-animation: slide-top 2s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;
                animation: slide-top 2s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;
}
.slide-left {
        -webkit-animation:slide-left 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;animation:slide-left 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) both
}
.slide-right {
        -webkit-animation: slide-right 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
                animation: slide-right 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}
.scale-up-center{-webkit-animation:scale-up-center 10s cubic-bezier(.39,.575,.565,1.000) forwards;animation:scale-up-center 10s cubic-bezier(.39,.575,.565,1.000) forwards}*/


@-webkit-keyframes slide-top{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0;}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}@keyframes slide-top{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0;}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(70vw);transform:translateX(70vw);opacity:0;}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes slide-left{0%{-webkit-transform:translateX(70vw);transform:translateX(70vw);opacity:0;}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}}
@-webkit-keyframes slide-left-mini{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0;}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes slide-left-mini{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0;}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}}
@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(-70vw);transform:translateX(-70vw);opacity:0;}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes slide-right{0%{-webkit-transform:translateX(-70vw);transform:translateX(-70vw);opacity:0;}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1   ;}}
@-webkit-keyframes slide-right-mini{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0;}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}}@keyframes slide-right{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0;}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1   ;}}
@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes scale-up-center{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.15);transform:scale(1.15)}}
@-webkit-keyframes scale-down-center{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes scale-down-center{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}