#silder-body{background-color:#fff;overflow:hidden}@media only screen and (max-width: 768px){#silder-body{display:none}}#slider-main{position:relative;width:100%;height:40vh}@media only screen and (max-width: 992px){#slider-main{height:400px}}#slider{width:100%;max-width:1000px;height:100%;margin:0 auto;position:relative;background-color:transparent}#slider canvas{width:150%;height:150%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:none}#slider img{width:100%;height:auto;position:relative;z-index:0}.slider-inner{position:relative;display:flex;align-items:center;width:100%;max-width:1060px;height:100%;margin:0 auto;z-index:5}#slider-content{padding:0 10px}#slider-content span{display:none}#slider-content .meta{display:inline-block;font-size:13px;letter-spacing:5px;color:#88888a;text-transform:uppercase;position:relative}@media screen and (min-width: 800px){#slider-content .meta{font-size:13px}}#slider-content .meta::after{content:'';display:block;position:absolute;top:8px;right:-55px;width:45px;height:1px;background-color:#88888a}#pagination{position:absolute;top:50%;transform:translateY(-50%);right:30px;z-index:6}#pagination button{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:16px;height:16px;background-color:#6161b0;border-radius:100%;padding:0;margin:30px 0;cursor:pointer;position:relative;opacity:.2;transition:opacity .2s ease-in-out;outline:none}#pagination button:hover{opacity:.5}#pagination button.active{opacity:1}#pagination button.active:before{width:300%;height:300%;opacity:1}#pagination button:before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:100%;border:1px solid rgba(0,0,0,0.2);opacity:0;transition:opacity .4s ease-in-out,width .4s ease-in-out,height .4s ease-in-out}