/*
 | ------------------------------------------
 | Glide styles
 | ------------------------------------------
 | Here are slider styles
 | 
*/
.slider-wrapper{
	position: absolute;
	width: 650px;
	height: 518px;
	overflow: hidden;
	background-color: #FFF;
	display: none;
	z-index: 10004;
}

.slider {
	position: relative;
	width: 550px;
	height: 518px;
	overflow: hidden;
	margin-left: 50px;
}
	
.slides {
	height: 100%;
	
	/* Simple clear fix */
	overflow: hidden;
	
	/**	
	* Prevent blinking issue
	* Not tested. Experimental.
	*/
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	
	/**
	* 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: 0;
}

.slider-arrow--right { 
	bottom: 50%; 
	right: 0; 
	background-image: url('../../../assets/images/slider-next.png');
	height: 54px;
	width:17px;
}
.slider-arrow--left { 
	bottom: 50%; 
	left: 0;
	background-image: url('../../../assets/images/slider-prev.png');
	height: 54px;
	width:17px;
}


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

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

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