/* Slick */
.row-slick {
  position: relative;
  margin: 0 -15px;
}

.row-slick .slick-info-uteis .slick-list {
  z-index: 1;
}

.row-slick .slick-info-uteis .slick-list a:focus {
  outline: none;
}

.row-slick .slick-info-uteis .slick-dots {
  margin-top: 10px;
}

.row-slick .slick-info-uteis .slick-dots li button {
  width: 20px;
  height: 20px;
}

.row-slick .slick-info-uteis .slick-dots li button:before {
  width: 20px;
  height: 20px;
  font-size: 1rem;
  line-height: 21px;
  color: #092868;
}

.row-slick .slick-info-uteis .slick-dots li.slick-active button:before {
  color: #092868;
  opacity: 1;
}

.row-slick .slick-arrows {
  position: absolute;
  top: calc(50% - 43px);
  width: 100%;
}

.row-slick .slick-arrows .btn-slick {
  color: #092868;
  position: relative;
  padding: 0;
  font-size: 2.5rem;
}

.row-slick .slick-arrows .btn-prev {
  left: -25px;
}

.row-slick .slick-arrows .btn-next {
  float: right;
  right: -25px;
}

@media only screen and (min-width: 2560px) {
  .btn-slick {
    font-size: 0.8rem;
  }
}

@media only screen and (max-width: 1024px) {
  .btn-prev {
    left: -28px;
  }
  .btn-next {
    right: -27px;
  }
}

@media only screen and (max-width: 480px) {
  .row-slick .slick-arrows .btn-prev {
    left: 20px;
  }
  .row-slick .slick-arrows .btn-next {
    right: 20px;
  }
  .row-slick .slick-arrows .btn-slick {
    z-index: 1;
    color: #ffffff;
  }
}