.slider {position: relative; width: 100%; overflow: hidden;}
.slick {position: relative; overflow: hidden;}
.slick .item { float: left; }
.slick .item img { display: block;  margin: 0 auto;}
.slick-no-slide .slick-track { width: 100% !important;  text-align: center;  transform: inherit !important;}
.slick-no-slide .slick-slide {float: none; display: inline-block;}
.slick-list { position: relative;  overflow: hidden;}
.slick-dots {text-align: center;}
.slick-dots li {display: inline-block;}
.slick-dots li button { width: 15px; height: 15px; margin: 0 5px; font-size: 0;
  background-color: grey;  border-radius: 50%;  border: none;}
.slick-dots .slick-active button {opacity: 1;}
.slick-prev {  left: 10px;background: url("../images/arrow-left.png") no-repeat 50% 50% !important;}
.slick-next {right: 10px;  background: url("../images/arrow-right.png") no-repeat 50% 50% !important; }
.slick-arrow {position: absolute;  top: 48%;    z-index: 1;    width: 40px;    height: 40px;
    font-size: 0;    padding: 0px;    box-shadow: none !important;}
.slick-arrow:hover { box-shadow: 0 3px 6px rgba(0, 0, 0, .28);}
ul.slick-dots button { padding: 0px; background-image: none !important;    background-color: #fff !important; opacity: 0.5}