.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}


.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.ln .swiper-slide {
  height: auto;
}
.ln__box {
  transition: box-shadow 250ms ease-in-out;
}
.bg-p .ln__box {
  background: #fff;
}
.bg-pv .ln__box {
  background: #fff;
}
.bg-s .ln__box {
  background: #fff;
}
.bg-sv .ln__box {
  background: #fff;
}
.bg-n .ln__box {
  background: #fff;
}
.bg-d .ln__box {
  background: #fff;
}
.bg-l .ln__box {
  background: #fff;
}
.bg-g .ln__box {
  background: #fff;
}
.bg-c .ln__box {
  background: #fff;
}
.bg-t .ln__box {
  background: #fff;
}
.ln__box:hover {
  box-shadow: 0 8px 14px rgba(0, 0, 0, 0.15);
}
.ln__box:hover a {
  text-decoration: none;
}
.ln__thumb {
  padding-bottom: 58.5%;
}
.ln__thumb img,
.ln__thumb picture {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
}
.ln__thumb--list {
  border-top-right-radius: 10px;
}
.ln__cats {
  top: 0;
  right: 15px;
}
.ln__cats:hover {
  color: #fff !important;
}
.ln__date {
  top: 0;
  right: 0;
}

.lnp .page-numbers {
  display: block;
  width: 30px;
  height: 30px;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  color: var(--neutral);
  background: #fff;
}
.lnp .page-numbers.current {
  color: var(--primary-variant);
  background: var(--primary);
}
.lnp a:hover {
  color: var(--primary-variant);
  background: var(--primary);
  text-decoration: none;
}
.lnp .next,
.lnp .prev {
  position: absolute;
  top: 0;
  font-size: 0;
  margin-left: 0;
  margin-right: 0;
  background: transparent;
}
.lnp .next path,
.lnp .prev path {
  fill: rgba(50, 34, 34, 0.2);
}
.lnp .next:hover,
.lnp .prev:hover {
  background: transparent;
}
.lnp .next:hover path,
.lnp .prev:hover path {
  fill: var(--primary);
}
.lnp .next {
  right: 0;
}
.lnp .prev {
  left: 0;
}

.screen-reader-text {
  display: none;
}

.page-numbers {
  display: inline-block;
  width: 34px;
  height: 34px;
  font-size: 14px;
  font-weight: 600;
  color: var(--dark);
  line-height: 34px;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  margin: 0 5px;
}
.page-numbers.current, .page-numbers:hover {
  background: var(--primary);
  color: #fff;
  text-decoration: none;
}
.archive .show .na__dropdown {
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.archive .show .na__dropdown--cat {
  display: block;
}

.na__dropdown {
  border-radius: 10px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 14px;
  border: 1px solid #DDDDDD;
  background: url("../images/icons/select-arrows.svg") no-repeat calc(100% - 13px) center;
}
.na__dropdown--cat {
  display: none;
  position: absolute;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #DDDDDD;
  border-top: none;
  z-index: 10;
}
.na__dropdown--cat a {
  color: var(--text-color);
}
.na__dropdown--cat a:hover {
  color: var(--primary);
  text-decoration: none;
}
@media (max-width: 767.98px) {
  .ln__box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .bg-o-xs-p .ln__box {
    background: #fff;
  }
  .bg-o-xs-pv .ln__box {
    background: #fff;
  }
  .bg-o-xs-s .ln__box {
    background: #fff;
  }
  .bg-o-xs-sv .ln__box {
    background: #fff;
  }
  .bg-o-xs-n .ln__box {
    background: #fff;
  }
  .bg-o-xs-d .ln__box {
    background: #fff;
  }
  .bg-o-xs-l .ln__box {
    background: #fff;
  }
  .bg-o-xs-g .ln__box {
    background: #fff;
  }
  .bg-o-xs-c .ln__box {
    background: #fff;
  }
  .bg-o-xs-t .ln__box {
    background: #fff;
  }
  .archive .ln__box {
    margin-left: auto;
    margin-right: auto;
  }
  .na__dropdown {
    width: 100%;
  }
  .na__dropdown--cat {
    width: 100%;
  }
  .sn-header {
    padding-top: 100px;
  }
}
@media (min-width: 768px) {
  .bg-u-sm-p .ln__box {
    background: #fff;
  }
  .bg-u-sm-pv .ln__box {
    background: #fff;
  }
  .bg-u-sm-s .ln__box {
    background: #fff;
  }
  .bg-u-sm-sv .ln__box {
    background: #fff;
  }
  .bg-u-sm-n .ln__box {
    background: #fff;
  }
  .bg-u-sm-d .ln__box {
    background: #fff;
  }
  .bg-u-sm-l .ln__box {
    background: #fff;
  }
  .bg-u-sm-g .ln__box {
    background: #fff;
  }
  .bg-u-sm-c .ln__box {
    background: #fff;
  }
  .bg-u-sm-t .ln__box {
    background: #fff;
  }
  .na__dropdown {
    width: 260px;
  }
  .na__dropdown--cat {
    width: 260px;
  }
  .sn-header {
    padding-top: 110px;
  }
}
@media (min-width: 1230px) {
  .ln__thumb--list {
    width: 385px;
    height: 216px;
  }
}
@media (min-width: 992px) and (max-width: 1229.98px) {
  .ln__thumb--list {
    width: 280px;
    height: 216px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .archive .ln__t {
    font-size: 14px;
  }
}
