.images-block p, .images-block a, .images-block img {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.images-block .image-item {
  width: calc((100% - 3rem) / 4);
  height: 260px;
  overflow: hidden;
}
.images-block .image-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.images-block > .image-item:not(:nth-child(4n)) {
  margin-right: 1rem;
}

.images-block > .image-item:not(:nth-last-child(-n+4)) {
  margin-bottom: 1rem;
}

.images-block .number,
.images-block .title {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  color: white;
  width: 100%;
  height: 100%;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.images-block .number {
  font-size: 5rem;
  background-color: rgba(0, 0, 0, 0.12);
  font-weight: 700;
}

.images-block .title {
  opacity: 0;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.72);
  font-weight: 500;
}

.images-block .image-item:hover .title,
.images-block .image-item:focus .title {
  opacity: 1;
}

.images-block .image-item:hover .number,
.images-block .image-item:focus .number {
  opacity: 0;
}

.images-block #item-map {
  width: 100%;
}

[data-tab="partners"] h2 {
  margin-bottom: 0;
}

[data-tab="partners"] strong {
  font-weight: 400;
}

@media (max-width: 1440px) {
  .images-block .number {
    font-size: 3rem;
  }
  .images-block .title {
    font-size: 0.777rem;
  }
}

@media (max-width: 1024px) {
  #root .content-top h1 {
    margin-bottom: 0;
  }
  #root .images-block .image-item {
    width: 100%;
    margin-right: 0;
  }
  #root .images-block .image-item .number,
  #root .images-block .image-item .title {
    padding-left: 2rem;
    padding-right: 2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #root .images-block > .image-item:not(:last-child) {
    margin-bottom: 1.666rem;
  }
  #root .item-group.partners a,
  #root .item-group.investors a {
    width: 50%;
  }
  [data-tab="place"] .title {
    margin-bottom: 0.777rem;
  }
  [data-tab="place"] .items > .item:not(:last-child) {
    margin-bottom: 0.777rem;
  }
}
/*# sourceMappingURL=about.css.map */