#box1,
#box2,
#box3,
#box4 {

 height: 380px;
  width: 910px;
  float: left;
  

}



#slideshow {
  width: 5000%;
  -webkit-animation: slideshow 50s infinite;
  -moz-animation: slideshow 50s infinite;
  -o-animation: slideshow 50s infinite;
  -ms-animation: slideshow 50s infinite;
}

.slid-img {

  height: 100%;
  width: 100%;
  padding:0;
  margin:0;

}

/* Animation
=============================*/

@-webkit-keyframes slideshow {
  0%,
  10%,
  100% {
    margin-left: 0px;
  }
  20%,
  30% {
    margin-left: -910px;
  }
  40%,
  50% {
    margin-left: -1820px;
  }
  60%,
  70% {
    margin-left: -2730px;
  }
  80% {
    margin-left: 0;
  }
}

@-moz-keyframes slideshow {
  0%,
  10%,
  100% {
    margin-left: 0;
  }
  20%,
  30% {
    margin-left: -700px;
  }
  40%,
  50% {
    margin-left: -1400px;
  }
  60%,
  70% {
    margin-left: -2100px;
  }
  80% {
    margin-left: 0;
  }
}

@-o-keyframes slideshow {
  0%,
  10%,
  100% {
    margin-left: 0;
  }
  20%,
  30% {
    margin-left: -700px;
  }
  40%,
  50% {
    margin-left: -1400px;
  }
  60%,
  70% {
    margin-left: -2100px;
  }
  80% {
    margin-left: 0;
  }
}

@-ms-keyframes slideshow {
  0%,
  10%,
  100% {
    margin-left: 0;
  }
  20%,
  30% {
    margin-left: -700px;
  }
  40%,
  50% {
    margin-left: -1400px;
  }
  60%,
  70% {
    margin-left: -2100px;
  }
  80% {
    margin-left: 0;
  }
}