.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: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	min-height: 100%;
	height: auto;
}
.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;

}
.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{
	/* [disabled]width: 60px; */
	/* [disabled]height:10px; */
}
.skippr-nav-element:hover,.skippr-nav-element-active{
	/* [disabled]background-color:#fff; */
}
.skippr-arrow{
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	/* [disabled]width: 30px; */
	/* [disabled]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 */