/* ------------- RATES ------------- */

.rate-box__content {
  padding: 0;
  background: #ffffff;
  /*min-height: 46rem;*/
}

.slick-dots li {
  display: inline-block;
  width: auto;
  margin: 0 0.5rem;
}

.slick-dots {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -40px;
}

.slick-dots li button {
  font-size: 0;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  padding: 0;
}

.slick-dots li button:before {
  content: "";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  top: -1px;
  left: -1px;
}

.slick-dots li.slick-active button {
  border: 0 solid #fff;
  background-color: #363636;
  cursor: pointer;
}

.rate-box.slick-current {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
  z-index: 2;
}

.slick-list.draggable {
  padding: 100px 50px 100px !important;
}

/*dots*/

.section-rates .slick-prev {
  left: 30%;
}

.section-rates .slick-next {
  right: 30%;
}

.slick-dots {
  bottom: 24px;
}

.slick-dots li {
  width: auto;
  height: auto;
}

.slick-dots li button {
  width: 8px;
  height: 8px;
  border: none;
  background: #ccc;
}

.slick-dots li.slick-active button {
  background: #e60000;
}

@media only screen and (max-width: 970px) {
  .section-rates .belt {
    width: 100%;
  }

  .section-rates .section--rates__container {
    /*max-width: 72.9rem;*/
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .rate-box {
    width: 22.5rem;
    max-width: 100%;
  }

  .slick-prev {
    left: 0;
  }

  /*animation arrows*/
  @-webkit-keyframes parpadeo {
    0% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }

    50% {
      transform: scale(1.2);
      -webkit-transform: scale(1.2);
    }

    100% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
  }

  @keyframes parpadeo {
    0% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }

    50% {
      transform: scale(1.2);
      -webkit-transform: scale(1.2);
    }

    100% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
  }

  .slick-next {
    animation-name: parpadeo;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
  }

  .slick-prev {
    animation-name: parpadeo;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
  }
}

/*Chevron carruseles*/

.section-rates .slick-prev {
  left: 32px;
}

.section-rates .slick-next {
  right: 16px;
}

@media screen and (min-width: 768px) {
  /*Chevron carruseles*/
  .section-rates .slick-prev {
    left: 30%;
  }

  .section-rates .slick-next {
    right: 30%;
  }

  .main-tv .slick-list.draggable {
    padding: 70px 50px 130px !important;
  }

  .slick-list.draggable {
    padding: 100px 50px 100px !important;
  }
}

@media screen and (min-width: 1024px) {
  .main-tv .section-rates .slick-list.draggable {
    padding: 110px 50px 120px !important;
  }
}