.sliderm {
    position: relative
}

.sliderm__slider {
    overflow: hidden
}

.sliderm__slides {
    display: flex;
    transition: all 0s linear 0s
}

.sliderm__slide {
    box-sizing: border-box
}

.sliderm__slide img {
    width: 100%
}

.sliderm--initialize > div {
    opacity: 0
}

.sliderm__button--next, .sliderm__button--previous {
    align-items: center;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    opacity: .5;
    overflow: hidden;
    position: absolute;
    top: calc(50% - 16px);
    width: 32px
}

.sliderm__button--next span, .sliderm__button--previous span {
    opacity: 1
}

.sliderm__button--none {
    background: none !important;
    height: 100%;
    text-shadow: 1px 1px 5px #000;
    top: 0
}

.sliderm__button--square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.sliderm__button--circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.sliderm__button--previous {
    left: -16px
}

.sliderm__button--previous span {
    margin-left: -3px
}

.sliderm__button--next {
    right: -16px
}

.sliderm__button--next span {
    margin-right: -3px
}

.sliderm__paginations {
    display: flex;
    justify-content: center;
    margin: 10px 0
}

.sliderm__pagination {
    border: 2px solid #aaa;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    height: 10px;
    margin: 0 2px;
    position: relative;
    width: 10px
}

.sliderm__pagination[data-active=true] {
    border: 2px solid #00a0a0
}

.sliderm--initialized .sliderm__spinner {
    display: none
}

.sliderm__spinner {
    animation: sliderm-load 1.8s ease-in-out infinite;
    animation-delay: -.16s;
    animation-fill-mode: both;
    border-radius: 50%;
    color: #1cbbb4;
    font-size: 10px;
    height: 2.5em;
    left: calc(50% - 1.25em);
    opacity: 1 !important;
    position: absolute;
    text-indent: -9999em;
    top: calc(50% - 1.25em);
    transform: translateZ(0);
    width: 2.5em
}

.sliderm__spinner:after, .sliderm__spinner:before {
    animation: sliderm-load 1.8s ease-in-out infinite;
    animation-fill-mode: both;
    border-radius: 50%;
    content: "";
    height: 2.5em;
    position: absolute;
    top: 0;
    width: 2.5em
}

.sliderm__spinner:before {
    animation-delay: -.32s;
    left: -3.5em
}

.sliderm__spinner:after {
    left: 3.5em
}

@keyframes sliderm-load {
    0%, 80%, to {
        box-shadow: 0 2.5em 0 -1.3em
    }
    40% {
        box-shadow: 0 2.5em 0 0
    }
}

@font-face {
    font-family: sliderm__fontello;
    src: url(data:application/octet-stream;base64,[encoded data, 4556 characters]) format("woff"), url(data:application/octet-stream;base64,[encoded data, 8048 characters]) format("truetype")
}

[class*=" sliderm__icon-"]:before, [class^=sliderm__icon-]:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: sliderm__fontello;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1em;
    margin-left: .2em;
    margin-right: .2em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    width: 1em
}

.sliderm__icon-left--regular:before {
    content: "\fef01"
}

.sliderm__icon-right--regular:before {
    content: "\fef02"
}

.sliderm__icon-left--bold:before {
    content: "\fef03"
}

.sliderm__icon-right--bold:before {
    content: "\fef04"
}

.sliderm__icon-right--thin:before {
    content: "\fef05"
}

.sliderm__icon-left--thin:before {
    content: "\fef06"
}