@-webkit-keyframes collage {
    0% {
        -webkit-transform: translate3d(0,  0,  0);
        -moz-transform: translate3d(0,  0,  0);
        -ms-transform: translate3d(0,  0,  0);
        -o-transform: translate3d(0,  0,  0);
        transform: translate3d(0,  0,  0);
    }
    100% {
        -webkit-transform: translate3d(-1800px,  0,  0);
        -moz-transform: translate3d(-1800px,  0,  0);
        -ms-transform: translate3d(-1800px,  0,  0);
        -o-transform: translate3d(-1800px,  0,  0);
        transform: translate3d(-1800px,  0,  0);
    }
}
@-moz-keyframes collage {
    0% {
        -webkit-transform: translate3d(0,  0,  0);
        -moz-transform: translate3d(0,  0,  0);
        -ms-transform: translate3d(0,  0,  0);
        -o-transform: translate3d(0,  0,  0);
        transform: translate3d(0,  0,  0);
    }
    100% {
        -webkit-transform: translate3d(-1800px,  0,  0);
        -moz-transform: translate3d(-1800px,  0,  0);
        -ms-transform: translate3d(-1800px,  0,  0);
        -o-transform: translate3d(-1800px,  0,  0);
        transform: translate3d(-1800px,  0,  0);
    }
    }@-ms-keyframes collage {
    0% {
        -webkit-transform: translate3d(0,  0,  0);
        -moz-transform: translate3d(0,  0,  0);
        -ms-transform: translate3d(0,  0,  0);
        -o-transform: translate3d(0,  0,  0);
        transform: translate3d(0,  0,  0);
    }
    100% {
        -webkit-transform: translate3d(-1800px,  0,  0);
        -moz-transform: translate3d(-1800px,  0,  0);
        -ms-transform: translate3d(-1800px,  0,  0);
        -o-transform: translate3d(-1800px,  0,  0);
        transform: translate3d(-1800px,  0,  0);
    }
}
@keyframes collage {
    0% {
        -webkit-transform: translate3d(0,  0,  0);
        -moz-transform: translate3d(0,  0,  0);
        -ms-transform: translate3d(0,  0,  0);
        -o-transform: translate3d(0,  0,  0);
        transform: translate3d(0,  0,  0);
    }
    100% {
        -webkit-transform: translate3d(-1800px,  0,  0);
        -moz-transform: translate3d(-1800px,  0,  0);
        -ms-transform: translate3d(-1800px,  0,  0);
        -o-transform: translate3d(-1800px,  0,  0);
        transform: translate3d(-1800px,  0,  0);
    }
}

#collage {
    position: relative;
    height: 500px;
    width: 100%;
    max-width: inherit;
    overflow: hidden;
}
#collage .photos {
    position: absolute;
    height: 100%;
    width: 5400px;
    background: transparent url(../images/collage.jpg) repeat-x left top;
    -webkit-transform: translate3d(0,  0,  0);
    -moz-transform: translate3d(0,  0,  0);
    -ms-transform: translate3d(0,  0,  0);
    -o-transform: translate3d(0,  0,  0);
    transform: translate3d(0,  0,  0);
    -webkit-animation: collage 60s linear infinite;
    -moz-animation: collage 60s linear infinite;
    -ms-animation: collage 60s linear infinite;
    animation:  collage 60s linear infinite;
}