/**
 * Slick slider or Sly scroller
 */
.row .row.row-horizon {
    margin : 0;
}

.row-horizon {
    overflow-x  : hidden;
    overflow-y  : hidden;
    white-space : nowrap;
    overflow    : hidden;
}

.no-js .row-horizon {
    overflow-x                 : scroll;
    -webkit-overflow-scrolling : touch;
    -ms-overflow-style         : none;
}

.row-horizon > [class*=col-lg],
.row-horizon > [class*=col-md],
.row-horizon > [class*=col-sm],
.row-horizon > [class*=col-xs] {
    float          : none;
    display        : inline-block;
    white-space    : normal;
    vertical-align : top;
    font-size      : 0;
}

.scroll-track .row {
    font-size : 0;
    height    : auto;
}

.no-js .slick-slider {
    -ms-touch-action : initial;
    touch-action     : initial;
}

.js .row-horizon.slider,
.js .row-horizon.slick-slider {
    float : none;
}

.no-padding,
.row > div,
.row > section {
    padding-left  : 0;
    padding-right : 0;
}

.slick-slider .slide,
.sly-scroller .slide {
    white-space : normal;
}

.sly-scroller .slide {
    touch-action : manipulation;
}

.slick-slider .slide img,
.sly-scroller .slide img {
    width     : auto !important;
    height    : auto !important;
    max-width : 100%;
}

.scrollbar {
    position : relative;
    width    : 88%;
    height   : 18px;
    margin   : 15px auto 0 auto;
}

.scrollbar:before {
    content          : '';
    position         : absolute;
    top              : 7px;
    left             : 0;
    display          : block;
    width            : 100%;
    height           : 4px;
    background-color : #e2e5e9;
}

.scrollbar div {
    width  : 100%;
    height : 100%;
}

.scrollbar .handle {
    position : relative;
    cursor   : grab;
}

.scrollbar .handle:before {
    content          : '';
    display          : block;
    position         : absolute;
    left             : 0;
    top              : 7px;
    height           : 4px;
    width            : 100%;
    background-color : #516171;
}

@media (min-width : 768px) {
    .scrollbar {
        width      : 47%;
        height     : 19px;
        margin-top : 40px;
    }

    .scrollbar:before,
    .scrollbar .handle:before {
        height : 5px;
    }
}

@media (max-width : 1024px) {
    .no-js .row-horizon .slide {
        margin-bottom : 6px;
    }
}