/* | ------------------------------------------ | 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; position:relative;}
.slide img{display:block; width:100%;}
.slider-arrows{}
.slider-arrow{position: absolute;display: block;margin-bottom: -20px;width: 41px;height: 79px;text-decoration: none;text-align: center;color: #fff;font-size: 2em;background-color: #333;background-color: rgba(50,50,50,.3);background: url(../images/next2.png) no-repeat center center;top: 50%;margin-top: -40px;left: 50%;}
.slider-arrow--right{margin-left: 680px;}
.slider-arrow--left{background: url(../images/prev2.png) no-repeat center center;margin-left: -740px;}
.slider-nav{bottom: 10px;left: 50%;margin-left: -555px !important;position: absolute;width: 1110px !important;z-index:1;text-align:center;overflow: hidden;height: 23px;}
.slider-nav__item{width:60px;height:7px;cursor:pointer;display:inline-block;margin:7px 4px 0 4px;background:#fff;opacity:.4; filter:alpha(opacity=40);  }
.slider-nav__item:hover{/*background: #ccc;*/}
.slider-nav__item--current{opacity:1; filter:alpha(opacity=100); }