.skippr {
	width: 100%; height: 100%; overflow: hidden; position: relative; min-height: 100vh;
}
.skippr > div {
	background-position: 50% 62.5%; width: 100%; height: 100%; position: absolute; background-size: cover;
}
.skippr > img {
	left: 50%; top: 50%; width: 100%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
}
.skippr-nav-container {
	left: 50%; bottom: 25px; overflow: auto; position: absolute; z-index: 999; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);
}
.skippr-nav-element {
	transition:0.25s linear; float: left; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); -webkit-transition: all .25s linear;
}
.skippr-nav-element-bubble {
	margin: 0px 4px; border-radius: 50%; width: 12px; height: 12px;
}
.skippr-nav-element-block {
	width: 30px; height: 10px;
}
.skippr-nav-element:hover {
	background-color: rgba(255, 255, 255, 1);
}
.skippr-nav-element-active {
	background-color: rgba(255, 255, 255, 1);
}
.skippr-arrow {
	transform-origin: center center; top: 50%; width: 30px; height: 30px; position: absolute; z-index: 999; cursor: pointer; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -webkit-transform-origin: top left; -moz-transform: translate(0%, -50%);
}
.skippr-previous {
	left: 2.5%; border-top-color: white; border-left-color: white; border-top-width: 2px; border-left-width: 2px; border-top-style: solid; border-left-style: solid; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
.skippr-next {
	right: 3.5%; border-right-color: white; border-bottom-color: white; border-right-width: 2px; border-bottom-width: 2px; border-right-style: solid; border-bottom-style: solid; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
.sl-1 {
	background-image: url("../image/slide3-1.jpg");
}
.sl-2 {
	background-image: url("../image/slide3-2.jpg");
}
.sl-3 {
	background-image: url("../image/slide3-3.jpg");
}
.sl-4 {
	background-image: url("../image/slide3-4.jpg");
}
.sl-5 {
	background-image: url("../image/slide3-5.jpg");
}
.sl-6 {
	background-image: url("../image/slide3-6.jpg");
}
.sl-7 {
	background-image: url("../image/slide3-7.jpg");
}
@media screen and (max-width:992px)
{
.skippr {
	width: 100%; height: 100%; overflow: hidden; position: relative; min-height: 70vh;
}
}
@media screen and (max-width:768px)
{
.skippr {
	width: 100%; height: 100%; overflow: hidden; position: relative; min-height: 50vh;
}
.sl-1 {
	background-image: url("../image/slide-s-1.jpg");
}
.sl-2 {
	background-image: url("../image/slide-s-2.jpg");
}
.sl-3 {
	background-image: url("../image/slide-s-3.jpg");
}
.sl-4 {
	background-image: url("../image/slide-s-4.jpg");
}
.sl-5 {
	background-image: url("../image/slide-s-5.jpg");
}
.sl-6 {
	background-image: url("../image/slide-s-6.jpg");
}
.sl-7 {
	background-image: url("../image/slide-s-7.jpg");
}
}