/* Slideshow CSS */

.slideshow {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
	
.slideshow div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

@media (min-width: 1000px) {
	.slideshow img {
		width: 100%;
	}
}

@media (max-width: 1000px) {
	.slideshow img {
		width: 200%;
		transform: translate(-25%, 0);
	}
}

@-webkit-keyframes cf4FadeInOut {
	0% {opacity:1;}
	22% {opacity:1;}
	33% {opacity:0;}
	89% {opacity:0;}
	100% {opacity:1;}
}

@-moz-keyframes cf4FadeInOut {
	0% {opacity:1;}
	22% {opacity:1;}
	33% {opacity:0;}
	89% {opacity:0;}
	100% {opacity:1;}
}

@-o-keyframes cf4FadeInOut {
	0% {opacity:1;}
	22% {opacity:1;}
	33% {opacity:0;}
	89% {opacity:0;}
	100% {opacity:1;}
}

@keyframes cf4FadeInOut {
	0% {opacity:1;}
	22% {opacity:1;}
	33% {opacity:0;}
	89% {opacity:0;}
	100% {opacity:1;}
}

.slideshow div {
	-webkit-animation-name: cf4FadeInOut;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 18s;

	-moz-animation-name: cf4FadeInOut;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 18s;

	-o-animation-name: cf4FadeInOut;
	-o-animation-timing-function: ease-in-out;
	-o-animation-iteration-count: infinite;
	-o-animation-duration: 18s;

	animation-name: cf4FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 18s;
}

.slideshow div:nth-of-type(1) {
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	animation-delay: 12s;
}

.slideshow div:nth-of-type(2) {
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	animation-delay: 6s;
}

.slideshow div:nth-of-type(3) {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}

.slideshowDelay div:nth-of-type(1) {
	-webkit-animation-delay: 15s;
	-moz-animation-delay: 15s;
	-o-animation-delay: 15s;
	animation-delay: 15s;
}

.slideshowDelay div:nth-of-type(2) {
	-webkit-animation-delay: 9s;
	-moz-animation-delay: 9s;
	-o-animation-delay: 9s;
	animation-delay: 9s;
}

.slideshowDelay div:nth-of-type(3) {
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s;
}