.glide__arrow {
    position:absolute;
    display:block;
    height: calc(80% + 2px);
    top: calc(50% - 8px);
    z-index:2;
    color:white;
    text-transform:uppercase;
    padding:10px 12px;
    background-color:#282828;
    background-color:rgba(0,0,0,.2);
    border:0 solid rgba(255,255,255,0.5);
    border-radius:5px;
    box-shadow:0 0.25em 0.5em 0 rgba(0,0,0,0.1);
    text-shadow:0 0.25em 0.5em rgba(0,0,0,0.1);
    opacity:1;
    cursor:pointer;
    transition:opacity 150ms ease, border 300ms ease-in-out, background-color 300ms ease-in-out;
    transform:translateY(-50%);
    line-height:1;
}

.glide__arrow:focus {
    outline:none;
}

.glide__arrow:hover {
    border:0;
    border-color:white;
    background-color:#282828;
}

.glide__arrow--left {
    left:-15px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}

.glide__arrow--right {
    right:-15px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}

.glide__arrow--disabled {
    opacity:0.33;
}

.glide__bullets {
    position:absolute;
    z-index:2;
    bottom:2em;
    left:50%;
    display:inline-flex;
    list-style:none;
    transform:translateX(-50%);
}

.glide__bullet {
    background-color:rgba(255,255,255,0.5);
    width:9px;
    height:9px;
    padding:0;
    border-radius:50%;
    border:2px solid transparent;
    transition:all 300ms ease-in-out;
    cursor:pointer;
    line-height:0;
    box-shadow:0 0.25em 0.5em 0 rgba(0,0,0,0.1);
    margin:0 0.25em;
}

.glide__bullet:focus {
    outline:none;
}

.glide__bullet:hover,.glide__bullet:focus {
    border:2px solid white;
    background-color:rgba(255,255,255,0.5);
}

.glide__bullet--active {
    background-color:white;
}

.glide--swipeable {
    cursor:grab;
    cursor:-moz-grab;
    cursor:-webkit-grab;
}

.glide--dragging {
    cursor:grabbing;
    cursor:-moz-grabbing;
    cursor:-webkit-grabbing;
}

@media only screen and (max-width: 575px) {
    .glide__arrow {
        display: none;
    }
}