@keyframes bounce-left{
    0% {
        opacity:0;
        transform:  translate(-1500px,0px)  ;
    }
    60% {
        opacity:1;
        transform:  translate(30px,0px)  ;
    }
    80% {
        transform:  translate(-10px,0px)  ;
    }
    100% {
        opacity:1;
        transform:  translate(0px,0px)  ;
    }
}
@-moz-keyframes bounce-left{
    0% {
        opacity:0;
        -moz-transform:  translate(-1500px,0px)  ;
    }
    60% {
        opacity:1;
        -moz-transform:  translate(30px,0px)  ;
    }
    80% {
        -moz-transform:  translate(-10px,0px)  ;
    }
    100% {
        opacity:1;
        -moz-transform:  translate(0px,0px)  ;
    }
}
@-webkit-keyframes bounce-left {
    0% {
        opacity:0;
        -webkit-transform:  translate(-1500px,0px)  ;
    }
    60% {
        opacity:1;
        -webkit-transform:  translate(30px,0px)  ;
    }
    80% {
        -webkit-transform:  translate(-10px,0px)  ;
    }
    100% {
        opacity:1;
        -webkit-transform:  translate(0px,0px)  ;
    }
}

@-o-keyframes bounce-left {
    0% {
        opacity:0;
        -o-transform:  translate(-1500px,0px)  ;
    }
    60% {
        opacity:1;
        -o-transform:  translate(30px,0px)  ;
    }
    80% {
        -o-transform:  translate(-10px,0px)  ;
    }
    100% {
        opacity:1;
        -o-transform:  translate(0px,0px)  ;
    }
}
@-ms-keyframes bounce-left {
    0% {
        opacity:0;
        -ms-transform:  translate(-1500px,0px)  ;
    }
    60% {
        opacity:1;
        -ms-transform:  translate(30px,0px)  ;
    }
    80% {
        -ms-transform:  translate(-10px,0px)  ;
    }
    100% {
        opacity:1;
        -ms-transform:  translate(0px,0px)  ;
    }
}