/** Glidejs styles **/
.slider { position: relative; width: 100%; max-height: 600px; margin:0px auto; overflow: hidden;}
	
.slides { width: 100%; height: 100%; max-height: 600px; overflow: hidden; list-style: none; margin:0px; padding:0px;
  
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
   -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 {display: block; position: relative; width:100%; height: 100%; float: left; clear: none; text-align: center;}

.slide img { width:100%; max-height:600px;}

.slider-arrow { position: absolute; display: block; padding: 0px 5px; text-decoration: none; font-size: 20px; color: #fff; border: 1px solid #fff; border-radius: 8px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
.slider-arrow:hover { color: #aaa; background: #ddd;}
.slider-arrow--right { bottom: 48%; right: 15px; }
.slider-arrow--left { bottom: 48%; left: 15px; }

.slider-nav { position: absolute; bottom: 10px;}
.slider-nav__item { width: 12px; height: 12px; float: left; clear: none; display: block;margin: 0 5px; background: #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;} 

.slider-nav__item:hover { background: #bababa; }
.slider-nav__item--current, .slider-nav__item--current:hover { background: #999; }


@media only screen and (max-width: 480px) {
	.slider-arrow{ display:none;}
}