@-webkit-keyframes hero-left {
    0% {
        -webkit-transform: scale3d(1.1,1.1,1.1) translate3d(-3%,-3%,0);
        transform: scale3d(1.1,1.1,1.1) translate3d(-3%,-3%,0)
    }

    to {
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }
}

@keyframes hero-left {
    0% {
        -webkit-transform: scale3d(1.1,1.1,1.1) translate3d(-3%,-3%,0);
        transform: scale3d(1.1,1.1,1.1) translate3d(-3%,-3%,0)
    }

    to {
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }
}

@-webkit-keyframes hero-center {
    0% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes hero-center {
    0% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@-webkit-keyframes hero-right {
    0% {
        -webkit-transform: scale3d(1.1,1.1,1.1) translate3d(3%,3%,0);
        transform: scale3d(1.1,1.1,1.1) translate3d(3%,3%,0);
    }

    to {
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0);
    }
}

@keyframes hero-right {
    0% {
        -webkit-transform: scale3d(1.1,1.1,1.1) translate3d(3%,3%,0);
        transform: scale3d(1.1,1.1,1.1) translate3d(3%,3%,0);
    }

    to {
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0);
    }
}

.animation-left {
    -webkit-animation-name: hero-left;
    animation-name: hero-left;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animation-center,.animation-left {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    animation-direction: alternate;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}

.animation-center {
    -webkit-animation-name: hero-center;
    animation-name: hero-center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animation-right {
    -webkit-animation-name: hero-right;
    animation-name: hero-right;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    animation-direction: alternate;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}