.glider,
.glider-contain,
.glider2-contain,
.glider3-contain,
.glider4-contain,
.glider5-contain {
    margin: 0 auto;
    position: relative
}
.glider,
.glider-track{
    transform:translateZ(0)
}
.glider-dot,
.glider-next,
.glider-prev,
.glider2-next,
.glider2-prev,
.glider3-next,
.glider3-prev,
.glider4-next,
.glider4-prev,
.glider5-next,
.glider5-prev {
    border: 0;
    padding: 0;
    user-select: none;
    outline: 0
}
.glider-contain,
.glider2-contain,
.glider3-contain,
.glider4-contain,
.glider5-contain {
    width: 100%
}
.glider,
.glider2,
.glider3,
.glider4,
.glider5 {
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}
.glider-track{
    width:100%;
    margin:0;
    padding:0;
    display:flex;
    z-index:1
 }
.glider.draggable{
    user-select:none;
    cursor:-webkit-grab;
    cursor:grab
}
.glider .draggable .glider-slide img {
    user-select:none;
    pointer-events:none
 }
.glider.drag{
    cursor:-webkit-grabbing;
    cursor:grabbing
}
.glider-slide{
    user-select:none;
    justify-content:center;
    align-content:center;
    width:100%;min-width:150px
}
.glider-slide img{
    max-width:100%
}
.glider::-webkit-scrollbar{
    opacity:0;
    height:0
}
.glider-next,
.glider-prev{
    position:absolute;
    background:0 0;
    z-index:2;
    font-size:40px;
    text-decoration:none;
    left:-23px;
    top:30%;
    cursor:pointer;
    color:#666;
    opacity:1;
    line-height:1;
    transition:opacity .5s cubic-bezier(.17,.67,.83,.67),color .5s cubic-bezier(.17,.67,.83,.67);
 }
.glider-next:focus,
.glider-next:hover,
.glider-prev:focus,
.glider-prev:hover{
     color:#ccc
}
.glider-next{
     right:-23px;
     left:auto
}
.glider-next.disabled,
.glider-prev.disabled{
    opacity:.25;
    color:#666;
    cursor:default;
}
.glider-hide{
    opacity:0
}
.glider-dots{
    user-select:none;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin:0 auto;
    padding:0;
}
.glider-dot{
    display:block;
    cursor:pointer;
    color:#ccc;
    border-radius:999px;
    background:#ccc;
    width:12px;
    height:12px;
    margin:7px
}
.glider-dot:focus,
.glider-dot:hover{
    background:#ddd
}
.glider-dot.active{
    background:#a89cc8
}
@media(max-width:36em){
    .glider::-webkit-scrollbar{
        opacity:1;
        -webkit-appearance:none;
        width:7px;
        height:3px

    }
    .glider::-webkit-scrollbar-thumb{
        opacity:1;
        border-radius:99px;
        background-color:rgba(156,156,156,.25);
        -webkit-box-shadow:0 0 1px rgba(255,255,255,.25);
        box-shadow:0 0 1px rgba(255,255,255,.25)
    }
}