.skippr{
width:100%;
height:100%;
position:relative;
overflow:hidden;
}

.skippr>div{
position:absolute;
width:100%;
height:100%;
background-size:cover;
background-position:50% 50%;
}

.skippr>div a{
  display: block;
  height: 660px;
}

.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,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;
}