.section-scolling {
    width: 100%;
    height: auto;
    position: relative;
}
.section-scolling .arrow{
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 21px;
    height: 21px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    opacity: 1;
}
.section-scolling:hover .arrow{ opacity: 1; }

.section-scolling .arrow-left {
    left: 0;
    background: url("../images/slipre.svg") no-repeat top;
    background-size: cover;
}
.section-scolling .arrow-right {
    right: 0;
    background: url("../images/slinext.svg") no-repeat top;
    background-size: cover;
}

.section-scolling .arrow-left:hover,
.section-scolling .arrow-left:focus,
.section-scolling .arrow-right:hover,
.section-scolling .arrow-right:focus
{
    outline: none;
    opacity: .85;
}

.section-scolling .scoll-zone {
    width: 100%;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.section-scolling .scoll-zone::-webkit-scrollbar { display: none; }