.slider{position:relative;overflow:hidden;}
.slides{height:100%;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transition:all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-moz-transition:all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-ms-transition:all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-o-transition:all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);transition:all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);margin:0}
.slide{height:100%;float:left;clear:none;width: 100%;background-size: cover;displaY:table}

.slider-arrow{position:absolute;display:block;margin-top:-2rem;width:2rem;height:2rem;padding:1rem;background:#fc0202;transition: .3s all ease;}
.slider-arrow img{width:2rem;float: left;padding: 0!important;transition: .3s all ease;}
.slider-arrow:hover{background: #fff;}

.slider-arrow--right{top:50%;right:-5rem;}
.slider-arrow--left{top:50%;left:-5rem;}
.slider:hover .slider-arrow--right{right:3rem;}
.slider:hover .slider-arrow--left{left:3rem;}
.slider-arrow--left img{transform: rotate(180deg)}
.slider-nav{position:absolute;bottom:3.6rem}
.slider-nav__item{width:1.4rem;height:1.4rem;float:left;clear:none;display:block;margin:0 .5rem;border-radius:50%;opacity:.75;border:.2rem solid #fff}
.slider-nav__item:hover{background:#fff;}
.slider-nav__item--current, .slider-nav__item--current:hover{background:#fc0202;opacity:1}


li.slide{list-style: none;margin:0}
li.slide .box{height:calc(100% - 8rem);padding: 4rem 7rem;background-size:cover;color:#fff;background-position: center;position: relative;display: table-cell;vertical-align: middle;text-align:center}

.slide .linkbutton {width: 26rem;margin: 1rem calc(50% - 15.5rem) 0;}



.banbtn{display: inline-block;position: relative;cursor: pointer;text-transform: uppercase;font-size: 1.5rem;border: 0.1rem solid #000;background:#000;color:#fff;font-weight: 400;transition: .3s all ease;line-height: 4.4rem;padding: 0 1.5rem;letter-spacing:.1rem;margin-top: 2rem;}
.banbtn:hover{background:#fff;color:#000}

@media (max-width: 600px) {
li.slide .box{padding: 4rem 2rem;}
.slider-arrow{display:none}
}