.slider-animation {
    -moz-animation-duration: 0.6s;
    -o-animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

@keyframes leftToCenter {
    from {
        left:-100%;
    }

    to {
        left:0;
    }
}

@-moz-keyframes leftToCenter {
    from {
        left:-100%;
    }

    to {
        left:0;
    }
}

@-webkit-keyframes leftToCenter {
    from {
        left:-100%;
    }

    to {
        left:0;
    }
}

@keyframes centerToLeft {
    from {
        left:0;
    }

    to {
        left:-100%;
    }
}

@-moz-keyframes centerToLeft {
    from {
        left:0;
    }

    to {
        left:-100%;
    }
}

@-webkit-keyframes centerToLeft {
    from {
        left:0;
    }

    to {
        left:-100%;
    }
}

@keyframes rightToCenter {
    from {
        left: 100%;
    }

    to {
        left:0;
    }
}

@-moz-keyframes rightToCenter {
    from {
        left: 100%;
    }

    to {
        left:0;
    }
}

@-webkit-keyframes rightToCenter {
    from {
        left: 100%;
    }

    to {
        left:0;
    }
}

@keyframes centerToRight {
    from {
        left:0;
    }

    to {
        left: 100%;
    }
}

@-moz-keyframes centerToRight {
    from {
        left:0;
    }

    to {
        left: 100%;
    }
}

@-webkit-keyframes centerToRight {
    from {
        left:0;
    }

    to {
        left: 100%;
    }
}