.box {width: 100%; height: 100%;line-height: 5;text-align: center;font-size: 5em;color: #fff;text-transform: capitalize;vertical-align:middle; }
.slider {position: relative;width: 100%;height:100%;overflow: hidden;}
.slides {height: 100%;overflow: hidden;-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 {height: 100%;float: left;clear: none; background-size:100% 100%;}
.slide img{ height:100%; width:100%;}
.slider-arrows {}

.slider-nav {position: absolute;bottom: 15px; display:none;}
.slider-nav__item {width:20px;height:5px;float: left;clear: none;display: block;margin: 0 5px;background:rgba(255,255,255,0.5);}
.slider-nav__item:hover { background: #008742; }
.slider-nav__item--current { background: #008742; }