@charset "UTF-8";
.page-nav {
  max-width: 1024px;
  display: block;
  margin-bottom: 32px; }
  .page-nav__button {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    .page-nav__button .btn-o {
      padding-left: 20px;
      padding-right: 20px; }
  .page-nav__mobile-btn.btn-o {
    width: 46px;
    padding-left: 0;
    padding-right: 0;
    text-align: center; }
  .page-nav__mobile-counter {
    height: 44px;
    line-height: 44px;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap; }
  .page-nav__list {
    display: none; }
  @media (min-width: 768px) {
    .page-nav {
      margin-bottom: 48px; }
      .page-nav__button {
        display: none; }
      .page-nav__list {
        display: -ms-flexbox;
        display: flex; }
      .page-nav__list {
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between; }
      .page-nav__numbers-list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between; }
      .page-nav__item {
        padding: 0 16px;
        font-size: 1.375rem;
        line-height: 1.375rem; }
        .page-nav__item_first {
          padding-left: 0; }
        .page-nav__item_last {
          padding-right: 0; }
      .page-nav__link {
        padding: 4px 5px;
        color: #222734;
        white-space: nowrap;
        display: inline-block;
        border-radius: 5px; }
        .page-nav__link_page {
          min-width: 30px;
          text-align: center; }
          .page-nav__link_page:hover {
            color: #fff;
            background: #EC6828; }
          .page-nav__link_page_current {
            color: #fff;
            background: #EC6828;
            position: relative; }
            .page-nav__link_page_current::before {
              width: 40px;
              left: calc(50% - 20px);
              top: calc(100% + 10px);
              color: #222734;
              font-weight: 500;
              font-size: 0.625rem;
              line-height: 0.75rem;
              text-align: center;
              position: absolute;
              content: "из " attr(data-pages); }
        .page-nav__link_disabled {
          color: #B4B3B1;
          text-decoration: line-through; } }
  @media (min-width: 1260px) {
    .page-nav {
      padding-bottom: 24px; } }

/*# sourceMappingURL=style.css.map */