@charset "utf-8";
/* 88 Transportation Slideshow CSS Document */

.slideshow_container {
	width: 100%;
	height: 0;
	padding-bottom: 25%;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.placeholder {
	height: 100%;
	width: 100%;
	visibility: hidden;
}
.layer_1, .layer_2, .layer_3, .layer_4 {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-repeat: no-repeat;
		z-index: 10;
	}
.layer_1 {
	background-image: url("../_images/slideshow/slide_1_map.jpg");
	animation: slide1 30s infinite;
	background-size: cover;
}
.layer_2 {
	background-image: url("../_images/slideshow/slide_2.jpg");
	animation: slide2 30s infinite;
	background-size: cover;
}
.layer_3 {
	background-image: url("../_images/slideshow/slide_3.jpg");
	animation: slide3 30s infinite;
	background-size: cover;
}
.layer_4 {
	background-image: url("../_images/slideshow/slide_4.jpg");
	animation: slide4 30s infinite;
	background-size: cover;
}



@keyframes slide1 {
	0% {opacity: 1; left: 0%;}
	15% {opacity: 1; left: 0%;}
	25% {opacity: 1; left: -100%;}
	25.0000001% {opacity: 0;}  
	89.9999% {opacity: 0; left: 100%;}
	90% {opacity: 1; left: 100%;}
	100% {opacity: 1; left: 0%;}
}

@keyframes slide2 {
	0% {opacity: 0; left: 100%;}
	15% {opacity: 1; left: 100%;}
	25% {opacity: 1; left: 0%;}
	40% {opacity: 1; left: 0%;}
	50% {opacity: 1; left: -100%;}
	100% {opacity: 0; left: -100%;}
}

@keyframes slide3 {
	0% {opacity: 0; left: 100%;}
	40% {opacity: 1; left: 100%;}
	50% {opacity: 1; left: 0%;}
	65% {opacity: 1; left: 0%;}
	75% {opacity: 1; left: -100%;}
	100% {opacity: 0; left: -100%;}
}

@keyframes slide4 {
	0% {opacity: 0; left: 100%; }
	65% {opacity: 1; left: 100%}
	75% {opacity: 1; left: 0%;}
	90% {opacity: 1; left: 0%;}
	100% {opacity: 1; left: -100%;}
}

/*
@keyframes slide1 {
	0% {opacity: 1; left: 0px;}
	15% {opacity: 1; left: 0px;}
	25% {opacity: 1; left: -1200px;}
	25.0001% {opacity: 0;}
	89.9999% {opacity: 0; left: 1200px;}
	90% {opacity: 1; left: 1200px;}
	100% {opacity: 1; left: 0px;}
}

@keyframes slide2 {
	0% {opacity: 1; left: 1200px;}
	15% {opacity: 1; left: 1200px;}
	25% {opacity: 1; left: 0px;}
	40% {opacity: 1; left: 0px;}
	50% {opacity: 1; left: -1200px;}
	100% {opacity: 1; left: -1200px;}
}

@keyframes slide3 {
	0% {opacity: 1; left: 1200px;}
	40% {opacity: 1; left: 1200px;}
	50% {opacity: 1; left: 0px;}
	65% {opacity: 1; left: 0px;}
	75% {opacity: 1; left: -1200px;}
	100% {opacity: 1; left: -1200px;}
}

@keyframes slide4 {
	0% {opacity: 1; left: 1200px; }
	65% {opacity: 1; left: 1200px}
	75% {opacity: 1; left: 0px;}
	90% {opacity: 1; left: 0px;}
	100% {opacity: 1; left:-1200px;}
}

*/


/*
@media (max-width: 576px) {
	.slideshow_container {
		width: 100%;
		margin: 0 auto;
	}
}*/