#slides-container {
	width: 100%;
	position: relative;
	padding-bottom: 1em;
	overflow: hidden;
	height: auto;
	margin-bottom: 1.5em;
}

#slides {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#slides:after{
	content: "";
	display: block;
	padding-bottom: 27%;
}

#slides div {
	position: absolute;
	list-style: none;
	width: 81%;
	height: auto;
	right: 0%;
}

#slides div a {
	border-bottom: none;
}

#slides div img {
	width: 100%;
	height: auto;
	border-left: 2px solid black;
	border-right: 2px solid black;
}

#firstanimation {
	animation: cardone 25s linear infinite;
	-webkit-animation: cardone 25s linear infinite;
	-moz-animation: cardone 25s linear infinite;
}

#secondanimation {
	animation: cardtwo 25s linear infinite;
	-webkit-animation: cardtwo 25s linear infinite;
	-moz-animation: cardtwo 25s linear infinite;
}

#thirdanimation {
	animation: cardthree 25s linear infinite;	
	-webkit-animation: cardthree 25s linear infinite;
	-moz-animation: cardthree 25s linear infinite;
}

#fourthanimation {
	animation: cardfour 25s linear infinite;
	-webkit-animation: cardfour 25s linear infinite;
	-moz-animation: cardfour 25s linear infinite;
}

#fifthanimation {
	animation: cardfive 25s linear infinite;
	-webkit-animation: cardfive 25s linear infinite;
	-moz-animation: cardfive 25s linear infinite;
}


@keyframes cardone {
	0% {right: 20%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	20% {right: 20%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	
	23% {right: 20%; -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	37% {right: 20%; -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	40% {right: 20%; -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	
	43% {right: 20%; -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	57% {right: 20%; -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	60% {right: 20%; -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	
	63% {right: 20%; -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	77% {right: 20%; -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	80% {right: 20%; -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	
	83% {right: 20%; -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	97% {right: 20%; -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	100% {right: 20%; -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
}

@keyframes cardtwo {
	0% {right: 0%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	3% {right: -60%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	17% {right: -60%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	20% {right: 0%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}

	23% {right: 15%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	37% {right: 15%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	40% {right: 0%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	
	43% {right: 15%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	57% {right: 15%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	60% {right: 0%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	
	63% {right: 15%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	77% {right: 15%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	80% {right: 0%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	
	83% {right: 15%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	97% {right: 15%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	100% {right: 0%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
}

@keyframes cardthree {
	0% {right: -20%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	3% {right: -65%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	17% {right: -65%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	20% {right: -20%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	
	23% {right: -65%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	37% {right: -65%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	40% {right: -20%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	
	43% {right: 10%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	57% {right: 10%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	60% {right: -20%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	
	63% {right: 10%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	77% {right: 10%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	80% {right: -20%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	
	83% {right: 10%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	97% {right: 10%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}	
	100% {right: -20%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	
}

@keyframes cardfour {	
	0% {right: -40%; -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	3% {right: -70%; -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3); }
	17% {right: -70%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	20% {right: -40%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	
	23% {right: -70%; -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3); }
	37% {right: -70%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	40% {right: -40%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	
	43% {right: -70%; -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3); }
	57% {right: -70%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	60% {right: -40%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	
	63% {right: 5%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	77% {right: 5%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	80% {right: -40%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	
	83% {right: 5%; -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3); }
	97% {right: 5%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}	
	100% {right: -40%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
}

@keyframes cardfive {
	0% {right: -60%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
	3% {right: -75%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	17% {right: -75%; -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3); }
	20% {right: -60%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}

	23% {right: -75%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	37% {right: -75%; -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3); }
	40% {right: -60%; -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1); }
	
	43% {right: -75%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	57% {right: -75%; -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3); }
	60% {right: -60%; -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1); }
	
	63% {right: -75%;  -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3);}
	77% {right: -75%; -webkit-filter: brightness(0.3); -moz-filter: brightness(0.3); filter: brightness(0.3); }
	80% {right: -60%; -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1); }
	
	83% {right: 0%; -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1); }
	97% {right: 0%; -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1); }
	100% {right: -60%;  -webkit-filter: brightness(1); -moz-filter: brightness(1); filter: brightness(1);}
}