/* 
.sl-wrapper .sl-close,
.sl-wrapper .sl-navigation button {
    height     : 44px;
    line-height: 44px;
    } */
/* 
.sl-wrapper .sl-close:focus,
.sl-wrapper .sl-navigation button:focus {
    outline: 0
} */
/* 
body.hidden-scroll {
    overflow: hidden
} */

.sl-overlay {
    position  : fixed;
    left      : 0;
    right     : 0;
    top       : 0;
    bottom    : 0;
    background: #fff;
    opacity   : .7;
    display   : none;
    z-index   : 1035
}

.sl-wrapper .sl-close,
.sl-wrapper .sl-counter {
    top     : 30px;
    display : none;
    color   : #000;
    position: fixed
}

.sl-wrapper {
    z-index: 1040
}
/* 
.sl-wrapper button {
    border    : 0; 
    background: 0 0;
    font-size : 28px;
    padding   : 0;
    cursor    : pointer; 
     color: red
} */

/* .sl-wrapper button:hover {
    opacity: .7
} */

.sl-wrapper .sl-close {
    right       : 30px;
    z-index     : 10060;
    margin-top  : -14px;
    margin-right: -14px;
    width       : 44px;
    font-size   : 3rem
}

/* .sl-wrapper .sl-counter {
    left     : 30px;
    z-index  : 1060;
    font-size: 1rem
} */

/* .sl-wrapper .sl-navigation {
    width  : 100%;
    display: none
} */

.sl-wrapper .sl-navigation button {
    position  : fixed;
    top       : 50%;
    margin-top: -22px;
    width     : 22px;
    text-align: center;
    display   : block;
    z-index   : 10060;
    color     : #000
}
.sl-wrapper .sl-navigation button:hover {
    color: #00c9ff;
}

.sl-wrapper .sl-navigation button.sl-next {
    right    : 5px;
    font-size: 2rem
}

.sl-wrapper .sl-navigation button.sl-prev {
    left: 242px;
    font-size: 2rem
}

@media(min-width:35.5em) {
    .sl-wrapper .sl-navigation button {
        width: 44px
    }

    .sl-wrapper .sl-navigation button.sl-next {
        right    : 10px;
        font-size: 3rem
    }

    .sl-wrapper .sl-navigation button.sl-prev {
        left     : 10px;
        font-size: 3rem
    }

    .sl-wrapper .sl-image img {
        border: 0
    }
}

@media(min-width:50em) {
    .sl-wrapper .sl-navigation button {
        width: 44px
    }

    .sl-wrapper .sl-navigation button.sl-next {
        right: 160px;
        font-size: 3rem
    }

    .sl-wrapper .sl-navigation button.sl-prev {
        left     :  160px;
        font-size: 3rem
    }

    .sl-wrapper .sl-image img {
        border: 0
    }
}

.sl-wrapper .sl-image {
    position        : fixed;
    -ms-touch-action: none;
    touch-action    : none;
    z-index         : 10000
}

.sl-wrapper .sl-image img {
    margin : 0;
    padding: 0;
    display: block;
    border : 0;
    width  : 100%;
    height : auto
}

.sl-wrapper .sl-image iframe {
    background: #000;
    border    : 0
}

@media(min-width:35.5em) {
    .sl-wrapper .sl-image iframe {
        border: 0
    }
}

@media(min-width:50em) {
    .sl-wrapper .sl-image iframe {
        border: 0
    }
}

.sl-wrapper .sl-image .sl-caption {
    display   : none;
    padding   : 10px;
    color     : #fff;
    background: rgba(0, 0, 0, .8);
    font-size : 1rem;
    position  : absolute;
    bottom    : 0;
    left      : 0;
    right     : 0
}

.sl-wrapper .sl-image .sl-caption.pos-top {
    bottom: auto;
    top   : 0
}

.sl-wrapper .sl-image .sl-caption.pos-outside {
    bottom: auto
}

.sl-wrapper .sl-image .sl-download {
    display : none;
    position: absolute;
    bottom  : 5px;
    right   : 5px;
    color   : #000;
    z-index : 1060
}

.sl-spinner {
    display          : none;
    border           : 5px solid #333;
    border-radius    : 40px;
    height           : 40px;
    left             : 50%;
    margin           : -20px 0 0 -20px;
    opacity          : 0;
    position         : fixed;
    top              : 50%;
    width            : 40px;
    z-index          : 1007;
    -webkit-animation: pulsate 1s ease-out infinite;
    -moz-animation   : pulsate 1s ease-out infinite;
    -ms-animation    : pulsate 1s ease-out infinite;
    -o-animation     : pulsate 1s ease-out infinite;
    animation        : pulsate 1s ease-out infinite
}

.sl-scrollbar-measure {
    position: absolute;
    top     : -9999px;
    width   : 50px;
    height  : 50px;
    overflow: scroll
}

.sl-transition {
    transition: -moz-transform ease .2s;
    transition: -ms-transform ease .2s;
    transition: -o-transform ease .2s;
    transition: -webkit-transform ease .2s;
    transition: transform ease .2s
}

@-webkit-keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity  : 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity  : 0
    }
}

@keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity  : 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity  : 0
    }
}

@-moz-keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity  : 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity  : 0
    }
}

@-o-keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity  : 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity  : 0
    }
}

@-ms-keyframes pulsate {

    0%,
    100% {
        opacity: 0
    }

    0% {
        transform: scale(.1)
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2)
    }
}
@media (max-width: 767px){
    .sl-wrapper .sl-navigation button.sl-prev {
        font-size: 3rem;
        left: 8px;
    }
    .sl-wrapper .sl-navigation button.sl-next{
        right: 5px;
    font-size: 3rem;
    }
}