.glide__arrow{
    position:absolute;
    display:block;
    top:50%;
    z-index:2;
    color:transparent;
    text-transform:uppercase;
    padding:9px 12px;
    background-color:transparent;
    border:2px transparent;
    border-radius:4px;
    box-shadow:0 0.25em 0.5em 0 transparent;
    text-shadow:0 0.25em 0.5em transparent;
    opacity:1;cursor:pointer;
    transition:opacity 150ms ease, border 300ms ease-in-out;
    transform:translateY(-50%);
    line-height:1
}

.glide__arrow:focus{
    outline:none
}

.glide__arrow:hover{
    border-color:transparent
}

.glide__arrow--left{
    left:2em;
    margin-left: -30px;
}

/* .glide__arrow--left:hover{
    left: -5px;
    transition: transform 0.6s;
} */

.glide__arrow--right{
    margin-right: -30px;
    right:2em
}

/* .glide__arrow--right:hover{
    right: -5px;
    transition: transform 0.6s;
} */

.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:transparent;
    width:9px;
    height:9px;
    padding:0;
    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 transparent;
    background-color:rgba(255,255,255,0.5)
}

.glide__bullet--active{
    background-color:transparent
}

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

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