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

.slider {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}

.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;
}
.slide  img{
display:block;
}


.slider-arrow { width: 62px; height: 62px; top: 50%; margin-top: -31px; position: absolute;}


.slider-arrow--right {  right: 0;  background: url(../imgs/arrow2.png) no-repeat center; }
.slider-arrow--left { left: 0; background: url(../imgs/arrow1.png) no-repeat center; }


.slider-nav {

bottom: 22px;
left: 50%;
/*margin-left: -625px !important;*/
position: absolute;
width: auto;
z-index:9;
text-align:center;
}

.slider-nav__item {
width:10px; height:10px; cursor:pointer; display:inline-block; margin:0 5px; border: #008fe5 solid 1px; border-radius:10px;
background-color: rgba(255,255,255,0.5);
}

.slider-nav__item:hover { /*background: #ccc;*/ }
.slider-nav__item--current { 

background: rgba(0,143,229,0.8);
}