@media screen and (max-width: 991px) {
    .javascript-slider-wrapper .controls {
        display: none;
    }
}
.javascript-slider-wrapper .controls div {
    border-radius: 50%;
    background: #fff;
    border: 1px solid #EDEDED;
    height: 55px;
    width: 55px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.javascript-slider-wrapper .controls div svg {
    width: 16px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.javascript-slider-wrapper .controls .button_left,
.javascript-slider-wrapper .controls .button_right {
    top: 50%;
    line-height: 55px;
    z-index: 2;
    transform: translate(0, -50%);
    position: absolute;
}
.javascript-slider-wrapper .controls .button_left {
    left: 20px;
}
.javascript-slider-wrapper .controls .button_right {
    right: 20px;
}
.javascript-slider-wrapper #svg-left-arrow-animation {
    pointer-events: all;
}
.javascript-slider-wrapper .button_left:hover #svg-left-arrow-animation #svg-left-arrow-animation-animation-line,
.javascript-slider-wrapper #svg-left-arrow-animation:hover #svg-left-arrow-animation-animation-line {
    animation-name: svg-left-arrow-animation-animation-line_c_o, svg-left-arrow-animation-animation-line_s_do;
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-direction: normal;
    animation-iteration-count: 1;
}
@keyframes svg-left-arrow-animation-animation-line_c_o {
    0%,
    37.5% {
        opacity: 0;
    }
    100%,
    62.5% {
        opacity: 1;
    }
}
@keyframes svg-left-arrow-animation-animation-line_s_do {
    0%,
    25% {
        stroke-dashoffset: 380;
    }
    100%,
    62.5% {
        stroke-dashoffset: 0;
    }
}
.javascript-slider-wrapper .button_left:hover #svg-left-arrow-animation #svg-left-arrow-animation-arrow,
.javascript-slider-wrapper #svg-left-arrow-animation:hover #svg-left-arrow-animation-arrow {
    animation: 0.8s linear forwards svg-left-arrow-animation-arrow__to;
}
@keyframes svg-left-arrow-animation-arrow__to {
    0% {
        transform: translate(200.75688px, 181.997249px);
    }
    100%,
    37.5% {
        transform: translate(100.954757px, 181.997249px);
    }
}
.javascript-slider-wrapper .button_right:hover #svg-right-arrow-animation #svg-right-arrow-animation-animation-line,
.javascript-slider-wrapper #svg-right-arrow-animation:hover #svg-right-arrow-animation-animation-line {
    animation-name: svg-right-arrow-animation-animation-line_c_o, svg-right-arrow-animation-animation-line_s_do;
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-direction: normal;
    animation-iteration-count: 1;
}
@keyframes svg-right-arrow-animation-animation-line_c_o {
    0%,
    37.5% {
        opacity: 0;
    }
    100%,
    62.5% {
        opacity: 1;
    }
}
@keyframes svg-right-arrow-animation-animation-line_s_do {
    0%,
    25% {
        stroke-dashoffset: 380;
    }
    100%,
    62.5% {
        stroke-dashoffset: 0;
    }
}
.javascript-slider-wrapper .button_right:hover #svg-right-arrow-animation #svg-right-arrow-animation-arrow,
.javascript-slider-wrapper #svg-right-arrow-animation:hover #svg-right-arrow-animation-arrow {
    animation: 0.8s linear forwards svg-right-arrow-animation-arrow__to;
}
@keyframes svg-right-arrow-animation-arrow__to {
    0% {
        transform: translate(233.234697px, 182.5px);
    }
    100%,
    37.5% {
        transform: translate(333.03682px, 182.5px);
    }
}
.javascript-slider-wrapper .javascript-slider {
    text-align: center;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    flex-direction: row;
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    scroll-snap-type: x mandatory;
}
.javascript-slider-wrapper .javascript-slider::-webkit-scrollbar {
    display: none;
}
.javascript-slider-wrapper .javascript-slider button:focus {
    outline: none;
}
.javascript-slider-wrapper .javascript-slider > div {
    -webkit-flex: 1;
    /* Safari 6.1+ */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    scroll-snap-align: start;
}