.ci-scroller {width: 100%; overflow: hidden; position: relative}
.ci-scroller .ci-scroller-moving-box {overflow-x: scroll; overflow-y: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap}
.ci-scroller .ci-scroller-item {-webkit-box-sizing: content-box;box-sizing: content-box; -ms-flex-negative: 0; flex-shrink: 0}
.ci-scroller .ci-scroller-move-left,
.ci-scroller .ci-scroller-move-right {display: none; position: absolute; top: 50%; z-index: 9; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
.ci-scroller .ci-scroller-move-left {left: 10px}
.ci-scroller .ci-scroller-move-right {right: 10px}

/**
 * 1. Hide scrollbar for IE and Edge. 
 * 2. Hide scrollbar for Firefox
 */
.ci-scroller.ci-scroller-init .ci-scroller-moving-box {
    -ms-overflow-style: none; /* 1 */
    -webkit-overflow-scrolling: touch; /* 2 */
    -ms-overflow-style: none; /* 2 */
    scrollbar-width: none /* 2 */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.ci-scroller.ci-scroller-init .ci-scroller-moving-box::-webkit-scrollbar {display: none}

.ci-scroller.ci-scroller-init .ci-scroller-move-left,
.ci-scroller.ci-scroller-init .ci-scroller-move-right {display: block}
.ci-scroller.js-has-clickables:hover .ci-scroller-move-left,
.ci-scroller.js-has-clickables:hover .ci-scroller-move-right{opacity: 1}
.ci-scroller .ci-scroller-move-left.is-disabled,
.ci-scroller .ci-scroller-move-right.is-disabled {display: none}

.ci-scroller .ci-scroller-move-left,
.ci-scroller .ci-scroller-move-right {
    background-color: #f5f5f5; border: 1px solid #d9d9d9; font-size: 0; opacity: 0.3; -webkit-transition: background-color .2s, opacity .2s; -o-transition: background-color .2s, opacity .2s; transition: background-color .2s, opacity .2s
}
.ci-scroller .ci-scroller-move-left::before,
.ci-scroller .ci-scroller-move-right::before {font-size: 14px; color: #000; width: 42px; height: 42px; display: block; text-align: center; line-height: 42px}