.skippr {
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}
.skippr>div {
	position:absolute;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:50% 62.5%;
}
.skippr>img {
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:100%;
	min-height:100%;
}
.skippr-nav-container {
/*
	position:absolute;
	left:50%;
	-webkit-transform:translate(-50%, 0);
	transform:translate(-50%, 0);
	-moz-transform:translate(-50%, 0);
	-ms-transform:translate(-50%, 0);
	bottom:25px;
	overflow:auto;
	z-index:999;
*/
	display:none;
}
.skippr-nav-element {
	cursor:pointer;
	float:left;
	background-color:rgba(255,255,255,0.5);
	-webkit-transition:all .25s linear;
	transition:all .25s linear;
}
.skippr-nav-element-bubble {
	width:12px;
	height:12px;
	border-radius:50%;
	margin:0 4px;
}
.skippr-nav-element-block {
	width:60px;
	height:10px;
}
.skippr-nav-element:hover,
.skippr-nav-element-active {
	background-color:#fff;
}
.skippr-arrow {
	position:absolute;
	z-index:999;
	top:50%;
	-webkit-transform:translate(0%, -50%);
	-moz-transform:translate(0%, -50%);
	-ms-transform:translate(0%, -50%);
	transform:translate(0%, -50%);
	width:30px;
	height:30px;
	transform-origin:center center;
	-webkit-transform-origin:top left;
	cursor:pointer;
}
.skippr-previous {
	left:2.5%;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	border-top:2px solid white;
	border-left:2px solid white;
}
.skippr-next {
	right:3.5%;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	border-bottom:2px solid white;
	border-right:2px solid white;
}
/*# sourceMappingURL=skippr.css.map */


@media only screen and (max-width: 768px) {
.skippr-arrow { display:none; }
}
