.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%
}
.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
}
.skippr-nav-element{
	cursor:pointer;
	float:left;
	background-color:rgba(255,255,255,.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-active,.skippr-nav-element:hover{
	background-color:#fff
}
.skippr-arrow{
	position:absolute;
	z-index:3;
	top:0;
	width:3rem;
	height:100%;
	transform-origin:center center;
	-webkit-transform-origin:top left;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center
}
.skippr-previous:hover{
	background-image:linear-gradient(to right,rgba(0,0,0,.4),rgba(0,0,0,0))
}
.skippr-next:hover{
	background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.4))
}
.skippr-next:hover i,.skippr-previous:hover i,.skippr-next:hover span,.skippr-previous:hover span{
	color:rgba(255,255,255,.5)
}
.skippr-previous{
	left:0
}
.skippr-next{
	right:0
}
.skippr-next i,.skippr-previous i, .skippr-next span,.skippr-previous span{
	font-size:2rem;
	color:rgba(255,255,255,.25)
}