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


body {
	margin-left: auto;
	margin-right: auto;
    background: #ffffff;
    max-width: 1440px;
}

.slider { 
	display: block;
	margin: 40px auto;
	padding: 0;
	overflow: hidden;
	position: relative;
	width: 50%;
	max-width: 1440px;
	height: 80px;	
}

.slider figure {
  position: relative;
  width: 500%;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: left;
}

.slider figure img {
	width: 20%;
	height: auto;
	float: left;
}

@keyframes slidy {
  0% { left: 0%; }
  20% { left: 0%; }
  25% { left: -100%; }
  45% { left: -100%; }
  50% { left: -200%; }
  70% { left: -200%; }
  75% { left: -300%; }
  95% { left: -300%; }
  100% { left: -400%; }
}

.slider figure {
	position: relative;
	width: 500%;
	margin: 0;
	padding: 0;
	font-size: 0;
	left: 0;
	text-align: left;
	display: inline-block;	
	-webkit-animation: 30s slidy infinite;
		  animation: 30s slidy infinite;
}