

.SliderContainer
{
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 40%;
	z-index: 5;
	background: url('/images/rotate/image-01.jpg')no-repeat center;
	background-size: cover;
}
	
.slider
{
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 40%;
	z-index: 4;
}

.slide0
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: -120;
}




.slide1
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('/images/rotate/image-01.jpg')no-repeat center;
	background-size: cover;
	-webkit-animation: fade1 20s infinite;
	-moz-animation: fade1 20s infinite;
	-o-animation: fade1 20s infinite;
	animation: fade1 20s infinite;
	z-index: -90;
}

.slide2
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('/images/rotate/image-02.jpg')no-repeat center;
	background-size: cover;
	-webkit-animation: fade2 20s infinite;
	-moz-animation: fade2 20s infinite;
	-o-animation: fade2 20s infinite;
	animation: fade2 20s infinite;
	z-index: -90;
}

.slide3
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('/images/rotate/image-03.jpg')no-repeat center;
	background-size: cover;
	-webkit-animation: fade3 20s infinite;
	-moz-animation: fade3 20s infinite;
	-o-animation: fade3 20s infinite;
	animation: fade3 20s infinite;
	z-index: -90;
}

.slide4
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('/images/rotate/image-04.jpg')no-repeat center;
	background-size: cover;
	-webkit-animation: fade4 20s infinite;
	-moz-animation: fade4 20s infinite;
	-o-animation: fade4 20s infinite;
	animation: fade4 20s infinite;
	z-index: -90;
}

@-webkit-keyframes fade1
{ 
	0% {opacity: 0; z-index: -100;}
	3% {opacity: 1; z-index: 100;}
	25% {opacity: 1; z-index: 100;}
	29% {opacity: 0; z-index: -100;}
	100% {opacity: 0; z-index: -100;}
}

@-moz-keyframes fade1
{ 
	0% {opacity: 0; z-index: -100;}
	3% {opacity: 1; z-index: 100;}
	25% {opacity: 1; z-index: 100;}
	29% {opacity: 0; z-index: -100;}
	100% {opacity: 0; z-index: -100;}
}

@-o-keyframes fade1
{ 
	0% {opacity: 0; z-index: -100;}
	3% {opacity: 1; z-index: 100;}
	25% {opacity: 1; z-index: 100;}
	29% {opacity: 0; z-index: -100;}
	100% {opacity: 0; z-index: -100;}
}

@keyframes fade1
{ 
	0% {opacity: 0; z-index: -100;}
	3% {opacity: 1; z-index: 100;}
	25% {opacity: 1; z-index: 100;}
	29% {opacity: 0; z-index: -100;}
	100% {opacity: 0; z-index: -100;}
}

@-webkit-keyframes fade2
{ 
	0% {opacity: 0; z-index: -100;}
	26% {opacity: 0; z-index: -100;}
	30% {opacity: 1; z-index: 100;}
	50% {opacity: 1; z-index: 100;}
	54% {opacity: 0; z-index: -100;}
	100% {opacity: 0; z-index: -100;}
}

@-moz-keyframes fade2
{ 
	0% {opacity: 0; z-index: -100;}
	26% {opacity: 0; z-index: -100;}
	30% {opacity: 1; z-index: 100;}
	50% {opacity: 1; z-index: 100;}
	54% {opacity: 0; z-index: -100;}
	100% {opacity: 0; z-index: -100;}
}

@-o-keyframes fade2
{ 
	0% {opacity: 0; z-index: -100;}
	26% {opacity: 0; z-index: -100;}
	30% {opacity: 1; z-index: 100;}
	50% {opacity: 1; z-index: 100;}
	54% {opacity: 0; z-index: -100;}
	100% {opacity: 0; z-index: -100;}
}

@keyframes fade2
{ 
	0% {opacity: 0; z-index: -100;}
	26% {opacity: 0; z-index: -100;}
	30% {opacity: 1; z-index: 100;}
	50% {opacity: 1; z-index: 100;}
	54% {opacity: 0; z-index: -100;}
	100% {opacity: 0; z-index: -100;}
}

@-webkit-keyframes fade3
{ 
	0% {opacity: 0; z-index: -100;}
	51% {opacity: 0; z-index: -100;}
	55% {opacity: 1; z-index: 100;}
	75% {opacity: 1; z-index: 100;}
	79% {opacity: 0; z-index: -100;}
	100% {opacity: 0; z-index: -100;}
}

@-moz-keyframes fade3
{ 
	0% {opacity: 0; z-index: -100;}
	51% {opacity: 0; z-index: -100;}
	55% {opacity: 1; z-index: 100;}
	75% {opacity: 1; z-index: 100;}
	79% {opacity: 0; z-index: -100;}
	100% {opacity: 0; z-index: -100;}
}

@-o-keyframes fade3
{ 
	0% {opacity: 0; z-index: -100;}
	51% {opacity: 0; z-index: -100;}
	55% {opacity: 1; z-index: 100;}
	75% {opacity: 1; z-index: 100;}
	79% {opacity: 0; z-index: -100;}
	100% {opacity: 0; z-index: -100;}
}

@keyframes fade3
{ 
	0% {opacity: 0; z-index: -100;}
	51% {opacity: 0; z-index: -100;}
	55% {opacity: 1; z-index: 100;}
	75% {opacity: 1; z-index: 100;}
	79% {opacity: 0; z-index: -100;}
	100% {opacity: 0; z-index: -100;}
}

@-webkit-keyframes fade4
{ 
	1% {opacity: 0; z-index: -100;}
	76% {opacity: 0; z-index: -100;}
	80% {opacity: 1; z-index: 100;}
	98% {opacity: 1; z-index: 100;}
}

@-moz-keyframes fade4
{ 
	1% {opacity: 0; z-index: -100;}
	76% {opacity: 0; z-index: -100;}
	80% {opacity: 1; z-index: 100;}
	98% {opacity: 1; z-index: 100;}
}

@-o-keyframes fade4
{ 
	1% {opacity: 0; z-index: -100;}
	76% {opacity: 0; z-index: -100;}
	80% {opacity: 1; z-index: 100;}
	98% {opacity: 1; z-index: 100;}
}

@keyframes fade4
{ 
	1% {opacity: 0; z-index: -100;}
	76% {opacity: 0; z-index: -100;}
	80% {opacity: 1; z-index: 100;}
	98% {opacity: 1; z-index: 100;}
}

