@charset "UTF-8";
/* CSS Document */

.slider img {
max-width: 120px;
max-height: 120px;
padding-left:3em;
	
}
.marquee {
  position: relative;
  width: 100%;
  height: 120px;
/*  border: 1px solid black;*/
  padding-top:1em;	
  overflow: hidden;
  margin-top: 2em;
  margin-left:auto;
  margin-right:auto;
	

}

.slider {
	max-height:100px;
/*
	mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 1) 90%,
    rgba(0, 0, 0, 0)
  );
*/
/*	margin:auto;*/
	
}
.marquee div {
  display: block;
  position: absolute;
  width: 300%;
  overflow: hidden;
  animation: marquee 30s linear infinite;
}
.marquee div:hover {
  animation-play-state: paused;
}
.marquee span {
  float: left;
  width: 50%;
}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}