@keyframes ajax_loop {
  0% {
    left: -100%; }
  50% {
    left: 100%; }
  100% {
    left: 200%; } }

.posts-row {
  width: 100%; }
  .posts-row .row {
    box-sizing: border-box;
    flex-direction: column;
    display: flex;
    justify-content: center;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap; }
    @media only screen and (min-width: 768px) {
      .posts-row .row {
        flex-direction: row;
        justify-content: flex-start; } }
  .posts-row .posts-row-title {
    font-size: 2.25rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 50px; }
  .posts-row article.post {
    opacity: 0;
    margin-bottom: 25px;
    flex-basis: 100%;
    transition: all .5s ease;
    transform: translateY(40px); }
    .posts-row article.post.loaded {
      opacity: 1;
      transform: translateY(0px); }
    @media only screen and (min-width: 992px) {
      .posts-row article.post {
        flex-basis: calc((100 / 4) * 1%); } }
    .posts-row article.post .post__title {
      margin-bottom: 10px; }
      .posts-row article.post .post__title a {
        font-size: 1.5rem;
        text-decoration: none;
        font-weight: 400;
        color: #00468E;
        margin-bottom: 20px; }
    .posts-row article.post .post__image {
      position: relative;
      margin-bottom: 20px; }
      .posts-row article.post .post__image .post__image-wrapper {
        display: block; }
        .posts-row article.post .post__image .post__image-wrapper img {
          width: 100%; }
    .posts-row article.post .post__content .post__data-bar {
      background-color: #DFEFFF;
      border-radius: 5px;
      font-weight: normal;
      padding: 10px 15px 10px 64px;
      background-repeat: no-repeat;
      background-position: 20px center;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMlY1IiBzdHJva2U9IiMwMDQ2OEUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTYgMlY1IiBzdHJva2U9IiMwMDQ2OEUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMy41IDkuMDkwMDlIMjAuNSIgc3Ryb2tlPSIjMDA0NjhFIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIxIDguNVYxN0MyMSAyMCAxOS41IDIyIDE2IDIySDhDNC41IDIyIDMgMjAgMyAxN1Y4LjVDMyA1LjUgNC41IDMuNSA4IDMuNUgxNkMxOS41IDMuNSAyMSA1LjUgMjEgOC41WiIgc3Ryb2tlPSIjMDA0NjhFIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE1LjY5NDcgMTMuN0gxNS43MDM3IiBzdHJva2U9IiMwMDQ2OEUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS42OTQ3IDE2LjdIMTUuNzAzNyIgc3Ryb2tlPSIjMDA0NjhFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTEuOTk1NSAxMy43SDEyLjAwNDUiIHN0cm9rZT0iIzAwNDY4RSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjk5NTUgMTYuN0gxMi4wMDQ1IiBzdHJva2U9IiMwMDQ2OEUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04LjI5NDMxIDEzLjdIOC4zMDMyOSIgc3Ryb2tlPSIjMDA0NjhFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOC4yOTQzMSAxNi43SDguMzAzMjkiIHN0cm9rZT0iIzAwNDY4RSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
      font-size: calc(20 / 16 * 1rem);
      color: #00468E;
      margin-bottom: 20px; }
    .posts-row article.post .post__content .post__archive-bar {
      background-color: #EAEAEA;
      border-radius: 5px;
      font-weight: normal;
      padding: 10px 15px 10px 64px;
      background-repeat: no-repeat;
      background-position: 20px center;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNSAyMkgxNS41QzIwLjUgMjIgMjIuNSAyMCAyMi41IDE1VjlDMjIuNSA0IDIwLjUgMiAxNS41IDJIOS41QzQuNSAyIDIuNSA0IDIuNSA5VjE1QzIuNSAyMCA0LjUgMjIgOS41IDIyWiIgc3Ryb2tlPSIjNjM3QTkzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xOC41IDcuNzVWMTQuNUMxOC41IDEzLjQgMTcuNiAxMi41IDE2LjUgMTIuNUg4LjVDNy40IDEyLjUgNi41IDEzLjQgNi41IDE0LjVWNy43NUM2LjUgNi42NSA3LjQgNS43NSA4LjUgNS43NUgxNi41QzE3LjYgNS43NSAxOC41IDYuNjUgMTguNSA3Ljc1WiIgc3Ryb2tlPSIjNjM3QTkzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xOS41IDE1Ljc1SDE4LjUiIHN0cm9rZT0iIzYzN0E5MyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNi41IDE1Ljc1SDUuNSIgc3Ryb2tlPSIjNjM3QTkzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xOC41IDE0VjExQzE4LjUgOS45IDE3LjYgOSAxNi41IDlIOC41QzcuNCA5IDYuNSA5LjkgNi41IDExVjE0IiBzdHJva2U9IiM2MzdBOTMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE4LjUgMTQuNVYxNS43NUgxNUMxNSAxNy4xMyAxMy44OCAxOC4yNSAxMi41IDE4LjI1QzExLjEyIDE4LjI1IDEwIDE3LjEzIDEwIDE1Ljc1SDYuNVYxNC41QzYuNSAxMy40IDcuNCAxMi41IDguNSAxMi41SDE2LjVDMTcuNiAxMi41IDE4LjUgMTMuNCAxOC41IDE0LjVaIiBzdHJva2U9IiM2MzdBOTMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
      font-size: calc(20 / 16 * 1rem);
      color: #2A312E;
      margin-bottom: 20px; }
    .posts-row article.post .post__description {
      font-size: 1.25rem; }
  .posts-row .btn-row {
    display: flex;
    justify-content: center; }
    .posts-row .btn-row .btn-load-more {
      display: inline-block;
      position: relative;
      transition: all .5s;
      text-decoration: none;
      line-height: 1rem;
      padding: calc(20/16 *1rem) calc(30/16 *1rem);
      cursor: pointer;
      background-color: #fff;
      position: relative;
      border: 1px solid #000;
      transition: background-color .35s;
      overflow: hidden; }
      .posts-row .btn-row .btn-load-more:hover {
        background: #000; }
        .posts-row .btn-row .btn-load-more:hover span {
          color: #fff; }
      .posts-row .btn-row .btn-load-more span {
        font-size: 1rem;
        color: #2A312E;
        font-weight: bold;
        z-index: 10;
        transition: color .35s; }
      .posts-row .btn-row .btn-load-more.loading-posts {
        background-color: #000; }
        .posts-row .btn-row .btn-load-more.loading-posts:after {
          content: ' ';
          width: 100%;
          left: -100%;
          height: 100%;
          top: 0;
          position: absolute;
          opacity: .5;
          background: linear-gradient(to right, transparent, #fff, transparent);
          animation: ajax_loop;
          animation-duration: 1s;
          animation-iteration-count: infinite; }
      .posts-row .btn-row .btn-load-more .btn-load-more_all-displayed {
        display: none; }
      .posts-row .btn-row .btn-load-more.all-displayed {
        cursor: not-allowed;
        background: #000; }
        .posts-row .btn-row .btn-load-more.all-displayed .btn-load-more_all-displayed {
          color: #fff;
          display: block; }
        .posts-row .btn-row .btn-load-more.all-displayed .btn-load-more_text {
          display: none; }
  .posts-row .swiper-posts {
    width: 100%; }
    .posts-row .swiper-posts .swiper-wrapper {
      height: unset !important; }