

.slider
{
	position: relative;
	width: 100%;
	max-width: 1000px;
	padding-bottom: 45%;
	box-shadow: 0px 6px 5px #aaaaaa;
}



.slide1
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('/images/rotate/image-01.jpg')no-repeat center;
	background-size: cover;
	animation:fade1 25s infinite;
	-webkit-animation:fade1 25s infinite;
}
.slide2
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('/images/rotate/image-02.jpg')no-repeat center;
	background-size: cover;
	animation:fade2 25s infinite;
	-webkit-animation:fade2 25s infinite;
}
.slide3
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('/images/rotate/image-03.jpg')no-repeat center;
	background-size: cover;
	animation:fade3 25s infinite;
	-webkit-animation:fade3 25s infinite;
}
.slide4
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('/images/rotate/image-04.jpg')no-repeat center;
	background-size: cover;
	animation:fade4 25s infinite;
	-webkit-animation:fade4 25s infinite;
}
.slide5
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('/images/rotate/image-05.jpg')no-repeat center;
	background-size: cover;
	animation:fade5 25s infinite;
	-webkit-animation:fade5 25s infinite;
}
.slide6
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('/images/rotate/image-06.jpg')no-repeat center;
	background-size: cover;
	animation:fade6 25s infinite;
	-webkit-animation:fade6 25s infinite;
}
.slide7
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('/images/rotate/image-07.jpg')no-repeat center;
	background-size: cover;
	animation:fade7 25s infinite;
	-webkit-animation:fade7 25s infinite;
}
.slide8
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('/images/rotate/image-08.jpg')no-repeat center;
	background-size: cover;
	animation:fade8 25s infinite;
	-webkit-animation:fade8 25s infinite;
}
@keyframes fade1
{ 
	0% {opacity: 1}
	12.5% {opacity: 1}
	12.51% {opacity: 0}
	100% {opacity: 0}
}

@keyframes fade2
{ 
	0% {opacity: 0}
	12.5% {opacity: 0}
	12.51% {opacity: 1}
	25% {opacity: 1}
	25.01% {opacity: 0}
	100% {opacity: 0}
}

@keyframes fade3
{ 
	0% {opacity: 0}
	25% {opacity: 0}
	25.01% {opacity: 1}
	37.5% {opacity: 1}
	37.51% {opacity: 0}
	100% {opacity: 0}
}

@keyframes fade4
{ 
	0% {opacity: 0}
	37.5% {opacity: 0}
	37.51% {opacity: 1}
	50% {opacity: 1}
	50.01% {opacity: 0}
	100% {opacity: 0}
}

@keyframes fade5
{ 
	0% {opacity: 0}
	50% {opacity: 0}
	50.01% {opacity: 1}
	62.5% {opacity: 1}
	62.51% {opacity: 0}
	100% {opacity: 0}
}

@keyframes fade6
{ 
	0% {opacity: 0}
	62.5% {opacity: 0}
	62.51% {opacity: 1}
	75% {opacity: 1}
	75.01% {opacity: 0}
	100% {opacity: 0}
}

@keyframes fade7
{ 
	0% {opacity: 0}
	75% {opacity: 0}
	75.01% {opacity: 1}
	87.5% {opacity: 1}
	87.51% {opacity: 0}
	100% {opacity: 0}
}

@keyframes fade8
{ 
	0% {opacity: 0}
	87.5% {opacity: 0}
	87.51% {opacity: 1}
	99.99% {opacity: 1}
	100% {opacity: 0}
}


