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

.slider {
	position: relative;
	width: 850px;
	height: 370px;
	overflow: hidden;
}
        
.slides {
        height: 100%;
		width: 100%;
		margin-left:0px;
		list-style: none;
/* 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-top:4%;
	width: 10%;
	height:80%;
}

.slider-arrow--right { 
	top: 0%;
	right: 5px;
}
.slider-arrow--right:hover { 
	background-image:url(../image/slider_arrow_right.png);
	background-repeat:no-repeat;
	background-size: 60% auto;
	background-position: center;
}
.slider-arrow--left {
	top: 0%;
	left: 5px;
}
.slider-arrow--left:hover { 
	background-image:url(../image/slider_arrow_left.png);
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	background-size:  60% auto;
	background-position: center;
}

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

.slider-nav__item {
	width: 10px;
	height: 10px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	background: #fff;
	opacity: 0.4;
}

.slider-nav__item:hover { background: #646464; }
.slider-nav__item--current { background: #646464; }
								
* {
  margin: 0;
  padding: 0;
  border: 0;
}
.box {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}