/* | ------------------------------------------ | Glide styles | ------------------------------------------ | Here are slider styles |*/
.slider{position: relative;width: 100%;height: 100%;overflow: hidden;}
.slides{height: 100%;/* Simple clear fix*/overflow: hidden; padding-bottom: 5px; /** * 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:68px;height:68px;text-decoration: none;text-align: center;color: #fff;font-size: 2em;background-color: #333;top: 35%;}
.slider-arrow--right{ right:10px;background: url(../images/next.png) no-repeat center center; background-size:cover;}
.slider-arrow--left{background: url(../images/prev.png) no-repeat center center;left:10px;background-size:cover;}
.slider-nav{top: 75%;left: 50%;margin-left: -150px !important;position: absolute;width: 300px !important;z-index:1;text-align:center;overflow: hidden;height: 30px;}
.slider-nav__item{width:8px;height:8px; border-radius:8px;cursor:pointer;display:inline-block;margin:7px 4px 0 4px;border:2px solid #ff9912;  }
.slider-nav__item:hover{background: #ff9912;}
.slider-nav__item--current{background: #ff9912;}