.slider,.slider>div{background-position:center center;display:block;width:100%;height:370px;position:relative;background-size:100% 100%;background-repeat:no-repeat;background-color:#fff;overflow:hidden;-moz-transition:transform .4s;-o-transition:transform .4s;-webkit-transition:transform .4s;transition:transform .4s}.slider>div,.slider>i,.slider>ul{position:absolute}.slider>i{color:#5bbd72;font-size:60px;margin:20px;top:40%;text-shadow:0 10px 2px #223422;transition:.3s;width:30px;padding:10px 13px;background:#fff;background:rgba(255,255,255,.3);cursor:pointer;line-height:0;box-sizing:content-box;border-radius:3px;z-index:4}.slider>i svg{margin-top:3px}.slider>.left{left:-100px}.slider>.right{right:-100px}.showArrows>.right,.slider:hover>.right{right:0}.slider:hover>.left{left:0}.slider>i:hover{background:#fff;background:rgba(255,255,255,.8);transform:translateX(-2px)}.slider>ul>.showli,.slider>ul>li:hover{background-color:#7EC03D}.slider>i.right:hover{transform:translateX(2px)}.slider>i.left:active,.slider>i.right:active{transform:translateY(1px)}.slider:hover>div{transform:scale(1.01)}.hoverZoomOff:hover>div{transform:scale(1)}.slider>ul{bottom:10px;left:50%;z-index:4;padding:0;margin:0;transform:translateX(-50%)}.slider>ul>li{padding:0;width:20px;height:20px;border-radius:50%;list-style:none;float:left;margin:10px 10px 0;cursor:pointer;border:1px solid #fff;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s}.slider>ul>.showli{-moz-animation:boing .5s forwards;-o-animation:boing .5s forwards;-webkit-animation:boing .5s forwards;animation:boing .5s forwards}.slider>div span,.titleBar{background:rgba(0,0,0,.5);position:absolute;color:#fff;width:100%}.slider>.show{z-index:1}.hideDots>ul{display:none}.showArrows>.left{left:0}.titleBar{z-index:2;display:inline-block;bottom:0;transform:translateY(100%);padding:20px 30px;transition:.3s}.titleBar *{transform:translate(-20px,30px);transition:all .7s cubic-bezier(.37,.31,.2,.85) .2s;opacity:0}.titleBarTop .titleBar *{transform:translate(-20px,-30px)}.slider:hover .titleBar,.slider:hover .titleBar *{transform:translate(0);opacity:1}.titleBarTop .titleBar{top:0;bottom:initial;transform:translateY(-100%)}.slider>div span{display:block;bottom:0;text-align:center;padding:0}@keyframes boing{0%,60%{transform:scale(1.2)}40%{transform:scale(.6)}80%{transform:scale(.8)}100%{transform:scale(1)}}@media (max-width:1024px){.slider>div{background-size:cover}}