.cover-slider__wrap {
  position: relative;
  max-width: 1100px;
  height: 340px;
  margin: 2em auto;
  padding: 5em 1em;
  color: #fff;
  line-height: 2;
  font-family: 'Merriweather', serif;
  font-weight: bold;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
}



.cover-slider {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.cover-slider__slide {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 100%;
  padding: 0;
  margin: 0;
  background-size: cover;
  background-position: center;
  list-style: none;
  z-index: 0;
  opacity: 1;
}
.cover-slider__slide.active {
  -webkit-animation-duration: 2500ms;
          animation-duration: 2500ms;
  -webkit-animation-name: slidein;
          animation-name: slidein;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.cover-slider__slide.inactive {
  -webkit-animation-duration: 2500ms;
          animation-duration: 2500ms;
  -webkit-animation-name: slideout;
          animation-name: slideout;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes slidein {
  from {
    left: 0;
    right: 100%;
  }
  to {
    left: 0;
    right: 0;
  }
}
@keyframes slidein {
  from {
    left: 0;
    right: 100%;
  }
  to {
    left: 0;
    right: 0;
  }
}
@-webkit-keyframes slideout {
  from {
    left: 0;
    right: 0;
  }
  to {
    left: 100%;
    right: 0;
  }
}
@keyframes slideout {
  from {
    left: 0;
    right: 0;
  }
  to {
    left: 100%;
    right: 0;
  }
}
.cover-slider__slide:nth-child(1) {
  background-image: url("http://www.marraweb.com/demo/ciriani/nuovabozza/img/WA0004.jpg");
}
.cover-slider__slide:nth-child(2) {
  background-image: url("http://www.marraweb.com/demo/ciriani/nuovabozza/img/fotostudiolavorate-7_.jpg");
}
.cover-slider__slide:nth-child(3) {
  background-image: url("http://www.marraweb.com/demo/ciriani/nuovabozza/img/fotostudiolavorate-12_.jpg");
}
.cover-slider__slide:nth-child(4) {
  background-image: url("http://www.marraweb.com/demo/ciriani/nuovabozza/img/IMG_0628_.jpg");
}
.cover-slider__slide:nth-child(5) {
  background-image: url("http://www.marraweb.com/demo/ciriani/nuovabozza/img/WA0001.jpg");
 } 
.cover-slider__slide:nth-child(6) {
  background-image: url("http://www.marraweb.com/demo/ciriani/nuovabozza/img/WA0003.jpg");
 } 
.cover-slider__slide:nth-child(7) {
    background-image: url("http://www.marraweb.com/demo/ciriani/nuovabozza/img/IMG_0620_.jpg");
 } 
body {
  background: ;
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.hide {
  position: absolute;
  left: -9999px;
}