/*
    html, body {
      margin: 0;
      padding: 0;
    }
*/




    * {
      box-sizing: border-box;
    }

    .slider {
        width: 100%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 5px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }


.slick-next {
    right:15px;
    z-index:1;
}
.slick-prev {
    left:15px;
    z-index:1;
}