.shredder_pager.thumbnail li span,.shredder_pic span{background-position:center center;background-size:cover}.shredder_pic{width:100%;height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;z-index:-1}.shredder_pic.shredder_hide{z-index:0}.shredder_pic.shredder_show{z-index:1}.shredder_pic div,.shredder_pic p{width:100%;position:relative;overflow:hidden}.shredder_pic div{flex:1;position:relative}.shredder_pic p{height:100%;margin:0;padding:0;transition-property:transform;transition-timing-function:cubic-bezier(1,0,0,1)}.shredder_controls li,.shredder_pager li{transition-property:all;transition-timing-function:ease}.shredder_pic span{width:100%;display:block;position:absolute;left:0;background-repeat:no-repeat}.shredder_pic.shredder_vertical{flex-direction:row}.shredder_pic.shredder_vertical div,.shredder_pic.shredder_vertical p,.shredder_pic.shredder_vertical span{height:100%}.shredder_pic.shredder_left p{-moz-transform:translate(100%,0);-ms-transform:translate(100%,0);-webkit-transform:translate(100%,0);transform:translate(100%,0)}.shredder_pic.shredder_right p{-moz-transform:translate(-100%,0);-ms-transform:translate(-100%,0);-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}.shredder_pic.shredder_top p{-moz-transform:translate(0,100%);-ms-transform:translate(0,100%);-webkit-transform:translate(0,100%);transform:translate(0,100%)}.shredder_pic.shredder_bottom p{-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}.shredder_pic.shredder_hide p,.shredder_pic.shredder_show p{-moz-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}.shredder_controls li{width:60px;height:60px;margin:auto;display:block;position:absolute;top:0;bottom:0;z-index:10;text-align:center;line-height:60px;color:#000;font-size:14px;background-color:rgba(255,255,255,.6);box-shadow:0 0 10px rgba(0,0,0,.3);cursor:pointer;transition-duration:.3s;transition-delay:0s}.shredder_controls li.shredder_prev{left:0}.shredder_controls li.shredder_next{right:0}.shredder_controls li:active,.shredder_controls li:hover{width:80px;background-color:rgba(255,255,255,.9)}.shredder_pager{width:100%;padding:0;display:flex;justify-content:center;position:absolute;bottom:10px;left:0;z-index:10}.shredder_pager li{width:10px;height:10px;margin:0 5px;display:block;cursor:pointer;background-color:#fff;border-radius:100%;transition-duration:.3s;transition-delay:0s}.shredder_pager li.active,.shredder_pager li:active,.shredder_pager li:hover{background-color:#000}.shredder_pager.left{justify-content:flex-start}.shredder_pager.left li{margin:0 0 0 10px}.shredder_pager.right{justify-content:flex-end}.shredder_pager.right li{margin:0 10px 0 0}.shredder_pager.square li{border-radius:0}.shredder_pager.thumbnail li{width:60px;height:60px;position:relative;opacity:.35;border-radius:0}.shredder_pager.thumbnail li span{width:100%;height:100%;display:block;border:1px solid #fff;box-sizing:border-box;transition-property:opacity;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}.shredder_pager.thumbnail li.active,.shredder_pager.thumbnail li:active,.shredder_pager.thumbnail li:hover{opacity:1}.shredder_wrapper.fixed .shredder_controls li,.shredder_wrapper.fixed .shredder_pager,.shredder_wrapper.fixed .shredder_pic{position:fixed}