/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('./fonts/slick.eot');
  src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Dots */
.dots-vertical {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
}
.intro .dots-vertical {
  left: auto;
  right: 20px;
  top: auto;
  bottom: 20px;
}
.dots-vertical li {
  width: 8px;
  height: 8px;
  margin: 5px 0;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #4D98BE;
}
.dots-vertical li:hover, .dots-vertical li.slick-active {
  background: #4D98BE;
}
.dots-vertical li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}