.photobanner {
    height: 220px;
    width: 8640px;
}
/*keyframe animations*/
.first {
    -webkit-animation: bannermove 50s linear infinite;
    -moz-animation: bannermove 50s linear infinite;
    -ms-animation: bannermove 50s linear infinite;
    -o-animation: bannermove 50s linear infinite;
    animation: bannermove 50s linear infinite;
}

@keyframes "bannermove" {
    0% {
    margin-left: 0px;
}

100% {
    margin-left: -5746px;
}

}

@-moz-keyframes bannermove {
    0% {
        margin-left: 0px;
    }

    100% {
        margin-left: -5746px;
    }
}

@-webkit-keyframes "bannermove" {
    0% {
    margin-left: 0px;
}

100% {
    margin-left: -5746px;
}

}

@-ms-keyframes

"bannermove" {
    0%

{
    margin-left: 0px;
}

100% {
    margin-left: -5746px;
}

}

@-o-keyframes

"bannermove" {
    0%

{
    margin-left: 0px;
}

100% {
    margin-left: -5746px;
}

}

.photobanner {
    height: 220px;
    width: 8640px;
}

    .photobanner img {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }

        .photobanner img:hover {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
            cursor: pointer;
            -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
            -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
            box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
        }