@-webkit-keyframes scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-1055px * 1));
  }
}

@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-1055px * 1));
  }
}
.sitios {
  height: 400px;
  margin: 2em auto 0em;
  overflow: hidden;
  position: relative;
  width: 600px;
}
.sitios::before, .slider::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 10%);
  height: 1055px;
  content: "";
  position: absolute;
  width: 100%;
  z-index: 2;
}


.sitios::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.sitios::before {
  left: 0;
  top: 0;
}
.sitios .slide-track-w {
  -webkit-animation: scroll 10s linear infinite;
          animation: scroll 10s linear infinite;
  display: block;
  width: 600px;
}
.sitios .web-cliente {
  height: 1055px;
  width: 140px;
  margin: 0px 5px;
  float: left;
}
.web-cliente img{
	width:100%;
	filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.3));
}

@media(max-width:1100px){
	@-webkit-keyframes scroll {
	  0% {
		transform: translateY(0);
	  }
	  100% {
		transform: translateY(calc(-844px * 1));
	  }
	}

	@keyframes scroll {
	  0% {
		transform: translateY(0);
	  }
	  100% {
		transform: translateY(calc(-844px * 1));
	  }
	}
	.sitios {
	  height: 300px;
	  width: 488px;
	}
	.sitios::before, .slider::after {
	  height: 844px;
	}
	.sitios .slide-track-w {
	  width: 488px;
	}
	.sitios .web-cliente {
	  height: 844px;
	  width: 112px;
	}
}
@media(max-width:991px){
	.sitios::before, .slider::after {
		background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 10%);
		margin-top: -3px;
	}
	
	.sitios .slide-track-w {
	  -webkit-animation: scroll 20s linear infinite;
			  animation: scroll 20s linear infinite;
	}
}
@media(max-width:767px){
	.sitios .slide-track-w {
	  -webkit-animation: scroll 40s linear infinite;
			  animation: scroll 40s linear infinite;
	}
}

@media(max-width:500px){
	.sitios::before, .slider::after {
		background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 10%);
	}
}
@media(max-width:520px){
	@-webkit-keyframes scroll {
	  0% {
		transform: translateY(0);
	  }
	  100% {
		transform: translateY(calc(-633px * 1));
	  }
	}

	@keyframes scroll {
	  0% {
		transform: translateY(0);
	  }
	  100% {
		transform: translateY(calc(-633px * 1));
	  }
	}
	.sitios {
	  height: 300px;
	  width: 376px;
	}
	.sitios::before, .slider::after {
	  height: 633px;
	}
	.sitios .slide-track-w {
	  width: 376px;
	}
	.sitios .web-cliente {
	  height: 633px;
	  width: 84px;
	}
}

@media(max-width:450px){
	@-webkit-keyframes scroll {
	  0% {
		transform: translateY(0);
	  }
	  100% {
		transform: translateY(calc(-1055px * 2));
	  }
	}
	@keyframes scroll {
	  0% {
		transform: translateY(0);
	  }
	  100% {
		transform: translateY(calc(-1055px * 2));
	  }
	}
	.sitios .slide-track-w {
	  -webkit-animation: scroll 20s linear infinite;
			  animation: scroll 20s linear infinite;
	}
	.sitios {
	  height: 300px;
	  width: 300px;
	}
	.sitios::before, .slider::after {
	  height: 1055px;
	}
	.sitios .slide-track-w {
	  width: 300px;
	}
	.sitios .web-cliente {
	  height: 1055px;
	  width: 140px;
	}
}