/*
 | ------------------------------------------
 | Glide styles
 | ------------------------------------------
 | Here are slider styles
 | 
*/

.slider {
position: relative;
width: 100%;
overflow: hidden;
}
.slides {
height: 100%;
/* Simple clear fix */
overflow: hidden;
/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide {
height: 100%;
float: left;
clear: none;
}
.slider-arrows {}
.slider-arrow {
position: absolute;
display: block;
margin-bottom: -20px;
padding: 20px;
}
.slider-arrow--right {bottom: 50%;right: 2px;}
.slider-arrow--left {bottom: 50%;left: 2px;}
.slider-nav {
    display:none;
position: absolute;
bottom: 30px;
min-width: 80px;
}
.slider-nav__item {
width: 12px;
height: 12px;
float: left;
clear: none;
display: block;
margin: 0 5px;
background: #fff;
}
.slider-nav__item:hover {
background: #ccc;
}
.slider-nav__item--current {
background: #ccc;
}