@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700&display=swap');

body,
html {
  height: 100%;
  background: #fff;
  font-family: 'Titillium Web', sans-serif;
}

.slick-dots {
    bottom: 5px !important; /* original -25px */
    width: 100%;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #fff !important;
}

.slideshow {
  position: relative;
  z-index: 1;
  max-width: 100%;
  height: 700px;  
  margin: 0;
}
.slideshow * {
  outline: none;
}
.slideshow .slider {
  box-shadow: 0;
}
.slideshow .slider-track {
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}
.slideshow .item {
  height: 100%;
  position: relative;
  z-index: 1;
}
.slideshow .item img {
  width: 100%;
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1);
          transform: scale(1);
}
.slideshow .item.slick-active img {
  -webkit-transform: scale(1);
          transform: scale(1);
}