*{margin:0}body,html{height:100%}h1,h2,h3,h4{font-weight:900}#JiSlider{width:100%;height:100%}.slide{float:left;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10}.slide-content{padding-left:10px;padding-right:10px;font-size:22px;width:40%;min-width:300px;color:#412210;background:rgba(240,199,169,.5);text-align:center}.jislider ul{height:100%;margin:0;padding:0;position:relative;list-style-type:none}.jislider ul li{position:relative;height:100%;float:left;overflow:hidden}.jislider__img{position:absolute;top:0;left:0;background-size:cover;background-position:center;width:100%;height:100%;z-index:-1}.jislider__left-arrow{position:absolute;left:30px;top:0;bottom:0;margin:auto;width:30px;height:60px;cursor:pointer}.jislider__left-arrow__top{content:'';position:absolute;top:0;left:0;width:2px;height:30px;background-color:inherit;-webkit-transform:rotate(30deg) translateX(10px) translateY(-3px);-ms-transform:rotate(30deg) translateX(10px) translateY(-3px);transform:rotate(30deg) translateX(10px) translateY(-3px)}.jislider__left-arrow__bottom{content:'';position:absolute;bottom:0;left:0;width:2px;height:30px;background-color:inherit;-webkit-transform:rotate(-30deg) translateX(10px) translateY(3px);-ms-transform:rotate(-30deg) translateX(10px) translateY(3px);transform:rotate(-30deg) translateX(10px) translateY(3px)}.jislider__right-arrow{position:absolute;right:30px;top:0;bottom:0;margin:auto;width:30px;height:60px;cursor:pointer}.jislider__right-arrow__top{content:'';position:absolute;top:0;right:0;width:2px;height:30px;background-color:inherit;-webkit-transform:rotate(-30deg) translateX(-10px) translateY(-3px);-ms-transform:rotate(-30deg) translateX(-10px) translateY(-3px);transform:rotate(-30deg) translateX(-10px) translateY(-3px)}.jislider__right-arrow__bottom{content:'';position:absolute;bottom:0;right:0;width:2px;height:30px;background-color:inherit;-webkit-transform:rotate(30deg) translateX(-10px) translateY(3px);-ms-transform:rotate(30deg) translateX(-10px) translateY(3px);transform:rotate(30deg) translateX(-10px) translateY(3px)}.jislider__controller{position:absolute;max-width:80%;left:0;right:0;bottom:20px;margin:auto;text-align:center}.jislider__button{display:inline-block;width:10px;height:10px;margin:5px;box-sizing:border-box;border-radius:50%;cursor:pointer}