.paginator{position:relative;display:inline-block;margin:0 auto;padding:10px 0;cursor:default;-webkit-user-select:none}.paginator__pages{font-size:0;text-align:center}.paginator__pages a,.paginator__pages span{display:inline-block;font-size:14px;text-align:center;width:34px;height:34px;line-height:34px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#f2f2f2;color:#666;text-decoration:none;margin:0 2px}.paginator__pages span:before{content:"..."}.paginator__pages a.active{background:#5599cd;color:#fff}.paginator__pages a.active:hover{color:#fff;background:#498fc3}.paginator__pages a:hover{color:#666;background:#e5e5e5}.paginator__scroll{width:100%;background:#ccc;margin-top:15px;position:relative;opacity:0;height:1;-webkit-transition:.3s opacity;-moz-transition:.3s opacity;-ms-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;display:none}.paginator__scroll__handle{min-width:20px;height:5px;position:absolute;top:-2px;background:#5599cd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:ew-resize}.paginator__scroll__handle:before{content:"";display:block;position:relative;width:100%;top:-8px;left:-10px;padding:10px}.paginator__scroll__handle:hover{background:#498fc3}.paginator:hover .paginator__scroll{opacity:1}