.slider{
    position:relative
}
.slider__container{
    overflow:hidden
}
.slider__items{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    transition:transform .5s ease
}
.slider_disable-transition{
    -webkit-transition:none;
    -o-transition:none;
    transition:none
}
.slider__item{
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.slider__control{
    position:absolute;
    top:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:40px;color:#fff;
    text-align:center;
    height:50px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    background:rgba(0,0,0,.2)
}
.slider__control_hide{
    display:none
}
.slider__control[data-slide=prev]{
    left:0
}
.slider__control[data-slide=next]{
    right:0
}
.slider__control:focus,.slider__control:hover{
    color:#fff;
    text-decoration:none;
    outline:0;
    background:rgba(0,0,0,.3)
}
.slider__control::before{
    content:'';
    display:inline-block;
    width:20px;
    height:20px;
    background:transparent no-repeat center center;
    background-size:100% 100%
}
.slider__control[data-slide=prev]::before{
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}
.slider__control[data-slide=next]::before{
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}
.slider__indicators{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    z-index:15;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-left:0;
    margin-right:15%;
    margin-left:15%;
    list-style:none;
    margin-top:0;
    margin-bottom:0
}
.slider__indicators li{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-flex:0;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    width:30px;
    height:5px;
    margin-right:3px;
    margin-left:3px;
    text-indent:-999px;
    cursor:pointer;
    background-color:rgba(255,255,255,.5);
    background-clip:padding-box;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent
}
.slider__indicators li.active{
    background-color:rgba(255,255,255,.9)
}