.pagination-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pagination-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  padding: 0 20px;
}

@media only screen and (max-width: 1023px) {
  .pagination-numbers {
    padding: 0 40px;
  }
}
.pagination-arrow {
  position: relative;
  width: 60px;
  height: 60px;
  background: #004869;
  border: 3px solid #004869;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1023px) {
  .pagination-arrow {
    width: 30px;
    height: 30px;
  }
}
.pagination-arrow:hover {
  background: #FFFFFF;
  border-color: #00AEDD;
}

.pagination-arrow:hover .arrow-hover {
  display: block;
}

.pagination-arrow .arrow-hover {
  display: none;
}

.pagination-arrow .arrow-static,
.pagination-arrow .arrow-hover {
  position: absolute;
  top: 50%;
  left: 28%;
  width: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1023px) {
  .pagination-arrow .arrow-static,
  .pagination-arrow .arrow-hover {
    left: 23%;
    width: 9px;
  }
}
.pagination-arrow.next .arrow-static,
.pagination-arrow.next .arrow-hover {
  left: 40%;
  -webkit-transform: translateY(-50%) rotate(-180deg);
      -ms-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
}

@media only screen and (max-width: 1023px) {
  .pagination-arrow.next .arrow-static,
  .pagination-arrow.next .arrow-hover {
    left: 36%;
  }
}
.pagination-number {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  height: 60px;
  margin: 0 20px;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 36px;
  font-family: "Horatio D", sans-serif;
  line-height: 40px;
  background-color: transparent;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media only screen and (max-width: 1023px) {
  .pagination-number {
    width: 30px;
    height: 30px;
    margin: 0 7px;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    line-height: 30px;
  }
}
.pagination-number.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pagination-number.active + .pagination-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pagination-number.active + .pagination-number + .pagination-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pagination-number.previous-visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pagination-number.active, .pagination-number:hover {
  color: #004869;
  background-color: #B0D747;
}

.post-item.hidden {
  display: none;
}