/* arrow */
.arrow {
    background: transparent;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -45px;
    /* margin-left: -35px; */
    border: 0;
    /* width: 70px; */
    /* height: 90px; */
}

.left {
    left: -7%;
}

.right {
    right: -7%;
}

.left:hover polyline,
.left:focus polyline {
    stroke-width: 3;
}

.left:active polyline {
    stroke-width: 6;
    transition: all 100ms ease-in-out;
}

.right:hover polyline,
.right:focus polyline {
    stroke-width: 3;
}

.right:active polyline {
    stroke-width: 6;
    transition: all 100ms ease-in-out;
}

polyline {
    transition: all 250ms ease-in-out;
}

/* end arrow */