@media (min-width: 768px) {
  .blog-list__row {
    display: flex;
    flex-wrap: wrap;
  }
}
.blog-list__row.loading {
  position: relative;
}
.blog-list__row.loading:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 800;
}
.blog-list__item {
  max-width: 390px;
  margin: 50px auto 0;
  padding: 0 16px;
  flex: 0 0 100%;
  text-align: center;
}
@media (min-width: 576px) {
  .blog-list__item {
    max-width: 450px;
    margin-top: 90px;
  }
}
@media (min-width: 768px) {
  .blog-list__item {
    max-width: initial;
    margin-top: 15px;
    padding-bottom: 45px;
    flex-basis: 50%;
  }
}
@media (min-width: 992px) {
  .blog-list__item {
    margin-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .blog-list__item {
    flex-basis: calc(100% / 3);
  }
}
@media (min-width: 1500px) {
  .blog-list__item {
    margin-top: 90px;
  }
}
.blog-list__item-wrap {
  height: 100%;
  position: relative;
}
.blog-list__item-wrap .hover {
  content: "";
  width: 100%;
  padding-bottom: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: transparent;
  transition: all 200ms;
  z-index: 90;
  transform-origin: center;
  transform: translate(0, -50%) scale(0);
}
.blog-list__item-wrap .hover.type_1 {
  border-radius: 100%;
}
.blog-list__item-wrap .hover.type_2 {
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.blog-list__item-wrap .hover.type_3 {
  clip-path: polygon(30% 0, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
}
.blog-list__item-wrap:hover .hover {
  background: #BFECEB;
  transform: translate(0, -50%) scale(1);
}
.blog-list__item-content {
  padding: 0 15px;
  position: relative;
  z-index: 100;
}
.blog-list__item-name {
  margin: 0 auto 15px;
  display: inline-flex;
  line-height: 37px;
  text-decoration: none;
  font-size: 26px;
  font-weight: 700;
  color: #000;
}
.blog-list__item-name:hover {
  color: #2A8E8A;
}
.blog-list__item-text {
  line-height: 25px;
  font-size: 18px;
}
.blog-list__item-tags {
  margin-top: 15px;
  text-transform: uppercase;
}
.blog-list__item-tags a {
  margin: 0 20px;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 28px;
  font-size: 14px;
  color: #8F8F8F;
}
@media (min-width: 576px) {
  .blog-list__item-tags a {
    line-height: 33px;
    font-size: 18px;
  }
}
.blog-list__item-tags a:hover {
  color: #2A8E8A;
}
.blog-list__buttons {
  padding-top: 40px;
  text-align: center;
}
@media (min-width: 768px) {
  .blog-list__buttons {
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .blog-list__buttons {
    padding-top: 60px;
  }
}
@media (min-width: 1200px) {
  .blog-list__buttons {
    padding-top: 30px;
  }
}
@media (min-width: 1400px) {
  .blog-list__buttons {
    padding-top: 60px;
  }
}