@charset "UTF-8";
/**
needs bootstrap function str-replace()
 */
/**
* Метод дополняет svg-sprite.scss.
* Позволяет получить чистый урл элемента спрайта для использования в псевдоэлементах или background-image
* Example: content: url(get-svg-url('checkmark', $user-variables: (fill: 'tomato')));
* Example: background-image: url(get-svg-url('heart', $user-variables: (stroke: 'red', fill: 'pink')));
*/
/**
вертикальные отступы
для каждого цвета указываются в порядке как в $grid-breakpoints
 */
.pagination_block {
  width: 100%;
  position: relative;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 15px 0px;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .pagination_block {
    padding: 18px 0px;
  }
}
.pagination_block li {
  display: block;
  margin-right: 12px;
  text-align: center;
  color: #8A8A8B;
  font-weight: 500;
  font-size: 16px;
  line-height: 37px;
}
.pagination_block li a:hover {
  color: #666666 !important;
}
.pagination_block li span {
  width: 36px;
  height: 36px;
  display: block;
}
.pagination_block li:last-child {
  margin-right: 0px;
}
.pagination_block .pagination_block__pag_number:hover, .pagination_block .pagination_block__pag_number.active {
  background: #FFFFFF;
  color: #666666;
  border-radius: 8px;
}

.pagination_block__pag {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 18'%3e%3cpath d='M9.071.429 1.214 7.13v3.739l7.857 6.701' stroke='%238A8A8B'/%3e%3c/svg%3e") center no-repeat;
  background-size: 10px;
}
.pagination_block__pag.prev {
  margin-right: 12px;
}
.pagination_block__pag.prev.active {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 18'%3e%3cpath d='M.929.429 8.786 7.13v3.739L.929 17.57' stroke='%23111'/%3e%3c/svg%3e") center no-repeat;
  background-size: 10px;
  rotate: 180deg;
}
.pagination_block__pag.next {
  rotate: 180deg;
}
.pagination_block__pag.next.active {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 18'%3e%3cpath d='M.929.429 8.786 7.13v3.739L.929 17.57' stroke='%23111'/%3e%3c/svg%3e") center no-repeat;
  background-size: 10px;
  rotate: 0deg;
}

.btn_show_more_block {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 32px;
  margin-bottom: 24px;
}
@media (max-width: 767.98px) {
  .btn_show_more_block {
    margin-top: 20px;
    margin-bottom: 12px;
  }
}

.btn_show_more a {
  position: relative;
  display: inline-block;
  width: 183px;
  height: 54px;
  border-radius: 12px;
  padding: 17px 28px;
  background-color: #FFFFFF;
  text-transform: uppercase;
  color: #111111;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  /*&:hover {
    background-color: #CCCCCC;
  }*/
}
@media (max-width: 767.98px) {
  .btn_show_more a {
    width: 167px;
    height: 50px;
    font-size: 14px;
    line-height: 21px;
    padding: 15px 28px;
  }
}