@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'texgyreadventorbold';
    src: url('texgyreadventor-bold-webfont.eot');
    src: url('texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('texgyreadventor-bold-webfont.woff') format('woff'),
         url('texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.cssautoslide {
	width:90%;
	height:40rem;
	max-width:340px;
	margin:20px auto;
	position:relative;
	background:#FFF;
	border:2px solid #fff;
	overflow:hidden;
	z-index:100;
}
.cssautoslide input {
	position:absolute;
	left:-9999px;
	display:none;
}
.cssautoslide img {
	display:block;
	width:100%;
}
.cssautoslide label {
	text-shadow:0 3px 2px #000;
	background-image: url(../images/blank.gif);
}
.cssautoslide .image {
	position:absolute;
	left:0;
	top:3rem;
	width:95%;
	height:95%;
	z-index:10;
}
.cssautoslide .image img {
	display:block;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	-webkit-transition:1s;
	transition:1s;
	-webkit-transform:scale(2);
	transform:scale(2);
}
.cssautoslide .previouscontrol {
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-20px;
	z-index:100;
	opacity:0;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
}
.cssautoslide .previouscontrol label {
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	font:normal 40px/40px 'playerregular';
	color:#fff;
	z-index:5;
	cursor:pointer;
	opacity:0;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
}
.cssautoslide .nextcontrol {
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-20px;
	z-index:100;
	opacity:0;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
}
.cssautoslide .nextcontrol label {
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	font:normal 40px/40px 'playerregular';
	color:#fff;
	z-index:5;
	cursor:pointer;
	opacity:0;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
}
.cssautoslide .pausecontrol {
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-20px;
	margin-left:-20px;
	z-index:100;
	opacity:0;
}
.cssautoslide .pausecontrol label {
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	font:normal 40px/40px 'playerregular';
	color:#fff;
	z-index:5;
	cursor:pointer;
	opacity:0;
}
.cssautoslide .playcontrol {
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-20px;
	margin-left:-20px;
	z-index:100;
	opacity:0;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
}
.cssautoslide .playcontrol label {
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	font:normal 40px/40px 'playerregular';
	color:#fff;
	z-index:5;
	cursor:pointer;
	opacity:0;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
}
.cssautoslide .caption {
	position:absolute;
	z-index:300;
	left:0;
	top:0;
	width:100%;
	z-index:200;
}
.cssautoslide .caption span {
	display:block;
	position:absolute;
	left:5px;
	top: -5px;
	right:5px;
	z-index:-1;
	font:normal 18px/25px 'texgyreadventorregular',arial,sans-serif;
	color:#222;
	padding:5px 15px;
	/*border:1px solid #fff;*/
	background:rgba(0,0,0,0);
	text-align:center;
	opacity:0;
	-webkit-transition:opacity 0s;
	transition:opacity 0s;
}
.cssautoslide .bullets {
	width:90%;
	position:absolute;
	bottom:20px;
	left:5%;
	z-index:200;
	text-align:center;
	opacity:0;
	-webkit-transition:0.5s;
	transition:0.5s;
}
.cssautoslide .bullet {
	display:inline-block;
	width:5%;
	height:10px;
	margin:0 1%;
	background:rgba(0,0,0,0.5);
	outline:1px solid #fff;
	cursor:pointer;
	box-shadow:0 2px 4px #000;
}
.cssautoslide .bullet img {
	width:100px;
	position:absolute;
	left:-9999px;
	margin-left:-50px;
	bottom:30px;
	opacity:0;
	outline:1px solid #fff;
	box-shadow:0 2px 8px #000;
	-webkit-transition:opacity 1s,left 0s 1s;
	transition:opacity 1s,left 0s 1s;
}
.cssautoslide .bullet:hover img {
	left:50%;
	opacity:1;
	-webkit-transition:opacity 1s,left 0s;
	transition:opacity 1s,left 0s;
}
.cssautoslide #play:checked ~ .previouscontrol {
	display:none;
}
.cssautoslide #play:checked ~ .nextcontrol {
	display:none;
}
.cssautoslide #play:checked ~ .bullets {
	display:none;
}
.cssautoslide #play:checked ~ .caption span {
	visibility:hidden;
	opacity:1;
}
.cssautoslide #img1:checked ~ .previouscontrol label:nth-of-type(1),.cssautoslide #img2:checked ~ .previouscontrol label:nth-of-type(2),.cssautoslide #img3:checked ~ .previouscontrol label:nth-of-type(3),.cssautoslide #img4:checked ~ .previouscontrol label:nth-of-type(4),.cssautoslide #img5:checked ~ .previouscontrol label:nth-of-type(5),.cssautoslide #img6:checked ~ .previouscontrol label:nth-of-type(6),.cssautoslide #img7:checked ~ .previouscontrol label:nth-of-type(7),.cssautoslide #img8:checked ~ .previouscontrol label:nth-of-type(8),.cssautoslide #img9:checked ~ .previouscontrol label:nth-of-type(9),.cssautoslide #img10:checked ~ .previouscontrol label:nth-of-type(10) {
	opacity:1;
	z-index:10;
	-webkit-transition:0s;
	transition:0s;
}
.cssautoslide #img1:checked ~ .nextcontrol label:nth-of-type(1),.cssautoslide #img2:checked ~ .nextcontrol label:nth-of-type(2),.cssautoslide #img3:checked ~ .nextcontrol label:nth-of-type(3),.cssautoslide #img4:checked ~ .nextcontrol label:nth-of-type(4),.cssautoslide #img5:checked ~ .nextcontrol label:nth-of-type(5),.cssautoslide #img6:checked ~ .nextcontrol label:nth-of-type(6),.cssautoslide #img7:checked ~ .nextcontrol label:nth-of-type(7),.cssautoslide #img8:checked ~ .nextcontrol label:nth-of-type(8),.cssautoslide #img9:checked ~ .nextcontrol label:nth-of-type(9),.cssautoslide #img10:checked ~ .nextcontrol label:nth-of-type(10) {
	opacity:1;
	z-index:10;
	-webkit-transition:0s;
	transition:0s;
}
.cssautoslide #img1:checked ~ .playcontrol label,.cssautoslide #img2:checked ~ .playcontrol label,.cssautoslide #img3:checked ~ .playcontrol label,.cssautoslide #img4:checked ~ .playcontrol label,.cssautoslide #img5:checked ~ .playcontrol label,.cssautoslide #img6:checked ~ .playcontrol label,.cssautoslide #img7:checked ~ .playcontrol label,.cssautoslide #img8:checked ~ .playcontrol label,.cssautoslide #img9:checked ~ .playcontrol label,.cssautoslide #img10:checked ~ .playcontrol label {
	opacity:1;
	z-index:10;
	-webkit-transition:0s;
	transition:0s;
}
.cssautoslide #img1:checked ~ .image img:nth-of-type(1),.cssautoslide #img2:checked ~ .image img:nth-of-type(2),.cssautoslide #img3:checked ~ .image img:nth-of-type(3),.cssautoslide #img4:checked ~ .image img:nth-of-type(4),.cssautoslide #img5:checked ~ .image img:nth-of-type(5),.cssautoslide #img6:checked ~ .image img:nth-of-type(6),.cssautoslide #img7:checked ~ .image img:nth-of-type(7),.cssautoslide #img8:checked ~ .image img:nth-of-type(8),.cssautoslide #img9:checked ~ .image img:nth-of-type(9),.cssautoslide #img10:checked ~ .image img:nth-of-type(10) {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
}
.cssautoslide #img1:checked ~ .caption span:nth-of-type(1),.cssautoslide #img2:checked ~ .caption span:nth-of-type(2),.cssautoslide #img3:checked ~ .caption span:nth-of-type(3),.cssautoslide #img4:checked ~ .caption span:nth-of-type(4),.cssautoslide #img5:checked ~ .caption span:nth-of-type(5),.cssautoslide #img6:checked ~ .caption span:nth-of-type(6),.cssautoslide #img7:checked ~ .caption span:nth-of-type(7),.cssautoslide #img8:checked ~ .caption span:nth-of-type(8),.cssautoslide #img9:checked ~ .caption span:nth-of-type(9),.cssautoslide #img10:checked ~ .caption span:nth-of-type(10) {
	opacity:1;
	z-index:100;
}
.cssautoslide #img1:checked ~ .bullets label:nth-of-type(1),.cssautoslide #img2:checked ~ .bullets label:nth-of-type(2),.cssautoslide #img3:checked ~ .bullets label:nth-of-type(3),.cssautoslide #img4:checked ~ .bullets label:nth-of-type(4),.cssautoslide #img5:checked ~ .bullets label:nth-of-type(5),.cssautoslide #img6:checked ~ .bullets label:nth-of-type(6),.cssautoslide #img7:checked ~ .bullets label:nth-of-type(7),.cssautoslide #img8:checked ~ .bullets label:nth-of-type(8),.cssautoslide #img9:checked ~ .bullets label:nth-of-type(9),.cssautoslide #img10:checked ~ .bullets label:nth-of-type(10) {
	outline:2px solid #fff;
}
.cssautoslide #play:checked ~ .playcontrol {
	display:none;
}
.cssautoslide #play:checked ~ .image img:nth-of-type(1) {
	-webkit-animation:autoplay1 50s infinite 0s;
	animation:autoplay1 50s infinite 0s;
}
.cssautoslide #play:checked ~ .image img:nth-of-type(2) {
	-webkit-animation:autoplay1 50s infinite 5s;
	animation:autoplay1 50s infinite 5s;
}
.cssautoslide #play:checked ~ .image img:nth-of-type(3) {
	-webkit-animation:autoplay1 50s infinite 10s;
	animation:autoplay1 50s infinite 10s;
}
.cssautoslide #play:checked ~ .image img:nth-of-type(4) {
	-webkit-animation:autoplay1 50s infinite 15s;
	animation:autoplay1 50s infinite 15s;
}
.cssautoslide #play:checked ~ .image img:nth-of-type(5) {
	-webkit-animation:autoplay1 50s infinite 20s;
	animation:autoplay1 50s infinite 20s;
}
.cssautoslide #play:checked ~ .image img:nth-of-type(6) {
	-webkit-animation:autoplay1 50s infinite 25s;
	animation:autoplay1 50s infinite 25s;
}
.cssautoslide #play:checked ~ .image img:nth-of-type(7) {
	-webkit-animation:autoplay1 50s infinite 30s;
	animation:autoplay1 50s infinite 30s;
}
.cssautoslide #play:checked ~ .image img:nth-of-type(8) {
	-webkit-animation:autoplay1 50s infinite 35s;
	animation:autoplay1 50s infinite 35s;
}
.cssautoslide #play:checked ~ .image img:nth-of-type(9) {
	-webkit-animation:autoplay1 50s infinite 40s;
	animation:autoplay1 50s infinite 40s;
}
.cssautoslide #play:checked ~ .image img:nth-of-type(10) {
	-webkit-animation:autoplay1 50s infinite 45s;
	animation:autoplay1 50s infinite 45s;
}
.cssautoslide #play:checked ~ .caption span:nth-of-type(1) {
	-webkit-animation:autoplay2 50s infinite 0s;
	animation:autoplay2 50s infinite 0s;
}
.cssautoslide #play:checked ~ .caption span:nth-of-type(2) {
	-webkit-animation:autoplay2 50s infinite 5s;
	animation:autoplay2 50s infinite 5s;
}
.cssautoslide #play:checked ~ .caption span:nth-of-type(3) {
	-webkit-animation:autoplay2 50s infinite 10s;
	animation:autoplay2 50s infinite 10s;
}
.cssautoslide #play:checked ~ .caption span:nth-of-type(4) {
	-webkit-animation:autoplay2 50s infinite 15s;
	animation:autoplay2 50s infinite 15s;
}
.cssautoslide #play:checked ~ .caption span:nth-of-type(5) {
	-webkit-animation:autoplay2 50s infinite 20s;
	animation:autoplay2 50s infinite 20s;
}
.cssautoslide #play:checked ~ .caption span:nth-of-type(6) {
	-webkit-animation:autoplay2 50s infinite 25s;
	animation:autoplay2 50s infinite 25s;
}
.cssautoslide #play:checked ~ .caption span:nth-of-type(7) {
	-webkit-animation:autoplay2 50s infinite 30s;
	animation:autoplay2 50s infinite 30s;
}
.cssautoslide #play:checked ~ .caption span:nth-of-type(8) {
	-webkit-animation:autoplay2 50s infinite 35s;
	animation:autoplay2 50s infinite 35s;
}
.cssautoslide #play:checked ~ .caption span:nth-of-type(9) {
	-webkit-animation:autoplay2 50s infinite 40s;
	animation:autoplay2 50s infinite 40s;
}
.cssautoslide #play:checked ~ .caption span:nth-of-type(10) {
	-webkit-animation:autoplay2 50s infinite 45s;
	animation:autoplay2 50s infinite 45s;
}
.cssautoslide #play:checked ~ .pausecontrol label:nth-of-type(1) {
	-webkit-animation:autoplay3 50s infinite 0s;
	animation:autoplay3 50s infinite 0s;
}
.cssautoslide #play:checked ~ .pausecontrol label:nth-of-type(2) {
	-webkit-animation:autoplay3 50s infinite 5s;
	animation:autoplay3 50s infinite 5s;
}
.cssautoslide #play:checked ~ .pausecontrol label:nth-of-type(3) {
	-webkit-animation:autoplay3 50s infinite 10s;
	animation:autoplay3 50s infinite 10s;
}
.cssautoslide #play:checked ~ .pausecontrol label:nth-of-type(4) {
	-webkit-animation:autoplay3 50s infinite 15s;
	animation:autoplay3 50s infinite 15s;
}
.cssautoslide #play:checked ~ .pausecontrol label:nth-of-type(5) {
	-webkit-animation:autoplay3 50s infinite 20s;
	animation:autoplay3 50s infinite 20s;
}
.cssautoslide #play:checked ~ .pausecontrol label:nth-of-type(6) {
	-webkit-animation:autoplay3 50s infinite 25s;
	animation:autoplay3 50s infinite 25s;
}
.cssautoslide #play:checked ~ .pausecontrol label:nth-of-type(7) {
	-webkit-animation:autoplay3 50s infinite 30s;
	animation:autoplay3 50s infinite 30s;
}
.cssautoslide #play:checked ~ .pausecontrol label:nth-of-type(8) {
	-webkit-animation:autoplay3 50s infinite 35s;
	animation:autoplay3 50s infinite 35s;
}
.cssautoslide #play:checked ~ .pausecontrol label:nth-of-type(9) {
	-webkit-animation:autoplay3 50s infinite 40s;
	animation:autoplay3 50s infinite 40s;
}
.cssautoslide #play:checked ~ .pausecontrol label:nth-of-type(10) {
	-webkit-animation:autoplay3 50s infinite 45s;
	animation:autoplay3 50s infinite 45s;
}
@keyframes autoplay1 {
	0%,12.49%,100% {
		opacity:0;
		transform:scale(2);
	}
	2.5%,10% {
		opacity:1;
		transform:scale(1);
	}
}
@keyframes autoplay2 {
	0%,10.01%,100% {
		visibility:hidden;
		z-index:-1;
	}
	0.01%,10% {
		visibility:visible;
		z-index:100;
	}
}
@keyframes autoplay3 {
	0%,12.49%,100% {
		opacity:0;
		z-index:5;
	}
	2.5%,10% {
		opacity:1;
		z-index:100;
	}
}
@-webkit-keyframes autoplay1 {
	0%,12.49%,100% {
		opacity:0;
		-webkit-transform:scale(2);
	}
	2.5%,10% {
		opacity:1;
		-webkit-transform:scale(1);
	}
}
@-webkit-keyframes autoplay2 {
	0%,10.01%,100% {
		visibility:hidden;
		z-index:-1;
	}
	0.01%,10% {
		visibility:visible;
		z-index:100;
	}
}
@-webkit-keyframes autoplay3 {
	0%,12.49%,100% {
		opacity:0;
		z-index:5;
	}
	2.5%,10% {
		opacity:1;
		z-index: 100;
	}
}
/* hover controls */
.cssautoslide .image:hover ~ .previouscontrol {
	opacity:1;
}
.cssautoslide .image:hover ~ .nextcontrol {
	opacity:1;
}
.cssautoslide .image:hover ~ .playcontrol {
	opacity:1;
}
.cssautoslide .image:hover ~ .bullets {
	opacity:1;
}
.cssautoslide #play:checked ~ .image:hover ~ .pausecontrol {
	opacity:1;
}
.cssautoslide .previouscontrol:hover {
	opacity:1;
}
.cssautoslide .nextcontrol:hover {
	opacity:1;
}
.cssautoslide .playcontrol:hover {
	opacity:1;
}
.cssautoslide .bullets:hover {
	opacity:1;
}
.cssautoslide #play:checked ~ .pausecontrol:hover {
	opacity:1;
}
.cssautoslide #play:checked ~ .image:hover ~ .bullets {
	opacity: 1;
}
/* for smartphones */
@media only screen and (max-width:480px) {
	.cssautoslide .bullets {
		display:none;
	}
	.cssautoslide label {
		text-shadow:none;
	}
	.cssautoslide .previouscontrol {
		width:22px;
		height:22px;
		top:auto;
		margin-top:0;
		bottom:5px;
		opacity:1;
	}
	.cssautoslide .previouscontrol label {
		display:block;
		width:22px;
		height:22px;
		font:normal 22px/22px 'playerregular';
		opacity:1;
	}
	.cssautoslide .nextcontrol {
		width:22px;
		height:22px;
		top:auto;
		margin-top:0;
		bottom:5px;
		opacity:1;
	}
	.cssautoslide .nextcontrol label {
		display:block;
		width:22px;
		height:22px;
		font:normal 22px/22px 'playerregular';
		opacity:1;
	}
	.cssautoslide .pausecontrol {
		width:22px;
		height:22px;
		top:auto;
		margin-top:0;
		bottom:5px;
	}
	.cssautoslide .pausecontrol label {
		display:block;
		width:22px;
		height:22px;
		font:normal 22px/22px 'playerregular';
		opacity:1;
	}
	.cssautoslide .playcontrol {
		width:22px;
		height:22px;
		top:auto;
		margin-top:0;
		bottom:5px;
		opacity:1;
	}
	.cssautoslide .playcontrol label {
		display:block;
		width:22px;
		height:22px;
		font:normal 22px/22px 'playerregular';
		opacity:1;
	}
	.cssautoslide #play:checked ~ .pausecontrol {
		opacity:1;
	}
	.cssautoslide .caption span {
		font: normal 12px/15px 'texgyreadventorregular',arial,sans-serif;
	}
}