/*
 | ------------------------------------------
 | 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;
}

ul.slides  li
{
	list-style-type:none;	
}

ul.slides li.slide img
{
width:100%;	
}
.slider-arrows {
}
.slider-arrow {
position: absolute;
margin-bottom: -20px;
padding:20px;
opacity:0;
}

.slide-cont:hover .slider-arrow
{
	opacity:1;	
}
.slider-arrow--right {
bottom: 50%;
right: 10px;
background:url(arrow-right.svg) no-repeat center center rgba(0,0,0,0.7);
}
.slider-arrow--left {
bottom: 50%;
left: 10px;
background:url(arrow-left.svg) no-repeat center center rgba(0,0,0,0.7);
}
.slider-nav {
position: absolute;
bottom: 15px;
background:rgba(255,255,255,0.7);
padding:10px;
border-radius:30px;
-moz-border-radius:30px;
-ms-border-radius:30px;
-o-border-radius:30px;
-webkit-border-radius:30px;
display:none;
}
.slider-nav__item {
width: 15px;
height: 15px;
float: left;
clear: none;
display: block;
margin: 0 5px;
background: #333;
border-radius:100%;
-moz-border-radius:100%;
-ms-border-radius:100%;
-o-border-radius:100%;
-webkit-border-radius:100%;
}
.slider-nav__item:hover {
background: #940F32;
}
.slider-nav__item--current {
background: #940F32;
}