.sp-slideshow {
position: relative;
margin: 0px;
width: 250px;
height: 67px;
}

.sp-content {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sp-parallax-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sp-slideshow input {
	position: absolute;
	bottom: -10px;
	left: 51%;
	width: 9px;
	height: 9px;
	z-index: 1001;
	cursor: pointer;
	opacity: 0;
}

.sp-slideshow input + label {
position: absolute;
bottom: -10px;
left: 51%;
width: 10px;
height: 10px;
display: block;
z-index: 1000;
border: 2px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: background-color linear 0.1s;
-moz-transition: background-color linear 0.1s;
-o-transition: background-color linear 0.1s;
-ms-transition: background-color linear 0.1s;
transition: background-color linear 0.1s;
}

.sp-slideshow input:checked + label {
	background-color: #fff;
}

.sp-selector-1, .button-label-1 {
margin-left: -35px;
top: 134px;
}

.sp-selector-2, .button-label-2 {
margin-left: -9px;
top: 134px;
}

.sp-selector-3, .button-label-3 {
margin-left: 17px;
top: 134px;
}

.sp-slideshow input:checked ~ .sp-content {
	transition: background-position linear 0.6s, background-color linear 0.8s;
}

.sp-slideshow input:checked ~ .sp-content .sp-parallax-bg {
	transition: background-position linear 0.7s;
}

input.sp-selector-1:checked ~ .sp-content {
	background-position: 0 0;
}

input.sp-selector-2:checked ~ .sp-content {
	background-position: -100px 0;
}

input.sp-selector-3:checked ~ .sp-content {
	background-position: -200px 0;
}

input.sp-selector-4:checked ~ .sp-content {
	background-position: -300px 0;
}

input.sp-selector-5:checked ~ .sp-content {
	background-position: -400px 0;
}

input.sp-selector-1:checked ~ .sp-content .sp-parallax-bg {
	background-position: 0 0;
}

input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {
	background-position: -200px 0;
}

input.sp-selector-3:checked ~ .sp-content .sp-parallax-bg {
	background-position: -400px 0;
}

input.sp-selector-4:checked ~ .sp-content .sp-parallax-bg {
	background-position: -600px 0;
}

input.sp-selector-5:checked ~ .sp-content .sp-parallax-bg {
	background-position: -800px 0;
}

.sp-slider {
	position: relative;
	left: 0;
	width: 500%;
	height: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	transition: left ease-in 0.8s;
}

.sp-slider > li {
	width: 20%;
	box-sizing: border-box;
	height: 100%;
	padding: 0 0px;
	float: left;
	opacity: 0.4;
	transition: opacity ease-in 0.4s 0.8s;
}

input.sp-selector-1:checked ~ .sp-content .sp-slider {
	left: 0;
}

input.sp-selector-2:checked ~ .sp-content .sp-slider {
	left: -100%;
}

input.sp-selector-3:checked ~ .sp-content .sp-slider {
	left: -200%;
}

input.sp-selector-4:checked ~ .sp-content .sp-slider {
	left: -300%;
}

input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child, input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2), input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3), input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4) {
	opacity: 1;
}