@charset "UTF-8";

.slider-container {
    display: block;
    position:relative;
    width: 70%;
    max-width:600px;
    margin: 3% auto;
    overflow:hidden;
}

.slider-container .slider {
    position:relative;
    padding-top: 80%;
    z-index:0;
}

.slider-container ul.slides {
    z-index:1;
    list-style-type:disc;
    display:block;
    position:absolute;
    padding:0;
    margin:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.slider-container .active-slide {
    display:block;
    margin:0 auto;
}

.slider-container .slide {
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    overflow:hidden;
}

.slider-container .slide img{
    margin:0;
    position:absolute;
    width:100%;
    z-index:2;
    left:0;
}

.slider-container .arrow {
    position:absolute;
    top:44%;
    width:10%;
    opacity: 0.7;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    z-index:3;
}

.slider-container .left-arrow {
    left:1%;
}

.slider-container .right-arrow {
    right:1%;
}

.slider-container .arrow:hover {
    opacity:1;
    cursor:pointer;
}

@media (max-width:886px) {
    .slider-container {
        max-width: none;
        width: 100%;
    }
}