.js_gallerySlider {

    .galleryLeftArrow, .galleryRightArrow {
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
        background: rgba(255, 255, 255, 0.3);
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        transition: background 0.3s;
        text-align: center;
        cursor: pointer;
        z-index: 100;

        &:before {
            .fa(f104);
            .rems(20);
            color: #fff;
        }

        &:hover {
            background: rgba(255, 255, 255, 0.5);
        }
    }

    .galleryRightArrow {
        right: 20px;
        left: auto;

        &:before {
            content: '\f105';
        }
    }
}