/* slider */

.slider {
z-index: 0;
position: absolute; /* for safari; relative works in most other browsers */
width: 100%;
height: 100%;
overflow: hidden;
}

.content-wrapper {
height: 100%;
list-style: none;
overflow: hidden;
*zoom: 1;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

.slide {
height: 100%;
float: left;
clear: none;
width: 100%;
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

/* Bullets & Nav */

.slider-nav {
position: absolute;
bottom: 100px;
}

.slider-nav__item {
width: 12px;
height: 12px;
float: left;
clear: none;
display: block;
margin: 0 5px;
border-radius: 6px;
background: #fff;
}

.slider-nav__item:hover,
.slider-nav__item--current {
background: #999;
}

.slider-arrow {
position: absolute;
background-image: url(assets/glide-arrows.png);
width: 17px;
height: 28px;
display: block;
padding: 0;
margin-bottom: 20px;
}

.slider-arrow--left {
bottom: 50%;
left: 30px;
margin-left: 36px;
background-position: 0 0;
}

.slider-arrow--left:hover {
background-position: 0 -28px;
}

.slider-arrow--right {
bottom: 50%;
right: 30px;
margin-right: 36px;
background-position: -17px 0;
}

.slider-arrow--right:hover {
background-position: -17px -28px;
}