.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:0;
	
	}

.skippr-nav-element{
	cursor:pointer;
	float:left;
	background: rgba(0,0,0,0.40);
	-webkit-transition:all .25s linear;
	transition:all .25s linear;
	}

.skippr-nav-element-block{
	width:13px;
	height:13px;  
	margin: 0px 3px 0px 3px; 
	border-radius:13px;
	}

.skippr-nav-element:hover,.skippr-nav-element-active{
	background-color: #fff;
	}

.skippr-arrow{
	position:absolute;
	z-index:2;
	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:5px solid rgba(0,0,0,0.50);
	border-left:5px solid rgba(0,0,0,0.50);
	
	}

.skippr-previous:hover{
	border-top:5px solid rgba(255,255,255,0.70);
	border-left:5px solid rgba(255,255,255,0.70);
	}

.skippr-next{
	right:3.5%;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	border-bottom:5px solid rgba(0,0,0,0.50);
	border-right:5px solid rgba(0,0,0,0.50);
	
	}
/*# sourceMappingURL=skippr.css.map */

.skippr-next:hover{
	border-bottom:5px solid rgba(255,255,255,0.70);
	border-right:5px solid rgba(255,255,255,0.70);
	}
/*# sourceMappingURL=skippr.css.map */