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

.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: 666;
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 */