.branches_list {
  padding: 0;
  margin: 0 -15px;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}

.prelude_block {
  padding: 48px 0;
  max-width: 820px;
  margin: 0 auto;
  font-size: 170%;
  line-height: 24px;
}
.prelude_block .special {
  font-family: "mardoto-medium", "roboto-medium";
}

.branches_list {
  justify-content: space-between;
  position: relative;
}
.branches_list:after {
  display: block;
  content: "";
  height: 48px;
  flex: 0 0 100%;
  max-width: 100%;
}
.branches_list:before {
  display: block;
  content: "";
  position: absolute;
  top: 145px;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  bottom: 0;
  background: #F8A4AC;
  opacity: 0.2;
}
.branches_list li {
  flex: 0 0 25%;
  max-width: 260px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  z-index: 2;
  margin-top: 48px;
  margin-bottom: 0;
}

.our_mission {
  padding: 48px 0;
  position: relative;
  max-width: 820px;
  margin: 0 auto;
}
.our_mission:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  bottom: 0;
  background: #F8A4AC;
  opacity: 0.2;
}
.our_mission .title_block {
  font-size: 320%;
  line-height: 1.5em;
  font-family: "mardoto", "roboto";
  font-weight: normal;
  margin: 0;
}
.our_mission .text_block {
  font-size: 140%;
  line-height: 24px;
  margin-top: 32px;
}
.our_mission * {
  position: relative;
  z-index: 2;
}

.characteristics {
  padding-top: 72px;
  position: relative;
}
.characteristics:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 232px;
  margin-left: -50vw;
  background: #F8A4AC;
  opacity: 0.2;
}
.characteristics * {
  position: relative;
  z-index: 2;
}
.characteristics .image_block {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
.characteristics .image_block img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
}
.characteristics .chars_list {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  padding: 0;
  margin: 0 0 0 auto;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-self: flex-end;
}
.characteristics .chars_list li {
  flex: 1;
  padding: 0 15px;
  margin-top: 48px;
  margin-bottom: 0;
}
.characteristics .chars_list .icon_block {
  display: block;
  margin-bottom: 32px;
}
.characteristics .chars_list .icon_block img {
  display: block;
  width: auto;
  height: 32px;
}
.characteristics .chars_list .num_block {
  display: block;
  font-size: 480%;
  line-height: 50px;
  font-family: "mardoto-bold", "roboto-bold";
  margin-bottom: 4px;
}
.characteristics .chars_list .char_type {
  display: block;
  font-size: 160%;
  line-height: 1.5em;
  color: rgba(0, 0, 0, 0.3);
}
.characteristics .info_block {
  margin-top: 48px;
  font-size: 160%;
  line-height: 1.5em;
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

.slogan_block {
  padding-top: 24px;
  padding-bottom: 80px;
}
.slogan_block .image_block {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  padding-left: 15px;
  padding-right: 15px;
}
.slogan_block .image_block img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
}
.slogan_block .slogan_text {
  flex: 1;
  width: 50%;
  padding: 0 15px;
  margin-top: 72px;
  font-size: 400%;
  line-height: 1.3em;
  font-family: "notoserif-bold", "notoserifarm-bold";
}

@media screen and (max-width: 1199px) {
  .characteristics .chars_list {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 991px) {
  .column.main {
    padding-top: 32px;
  }

  .branches_list li {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .branch_block {
    max-width: 230px;
    margin: 0 auto;
  }

  .our_mission,
.prelude_block {
    padding: 32px 0;
  }

  .characteristics {
    padding-top: 48px;
  }
  .characteristics .image_block {
    flex: 0 0 100%;
    max-width: 640px;
  }
  .characteristics .chars_list,
.characteristics .info_block {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .slogan_block {
    padding-top: 72px;
  }
  .slogan_block .slogan_text {
    font-size: 260%;
    margin-top: 48px;
  }
  .slogan_block .image_block {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media screen and (max-width: 575px) {
  .column.main {
    padding-top: 24px;
  }

  .our_mission,
.prelude_block {
    padding: 24px 0;
  }

  .characteristics {
    padding-top: 32px;
  }

  .slogan_block {
    padding-top: 60px;
  }
  .slogan_block .slogan_text {
    font-size: 180%;
    line-height: 32px;
    margin-top: 0;
  }
  .slogan_block .image_block {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 60px;
  }
}
@media screen and (max-width: 479px) {
  .characteristics .chars_list li {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .branches_list li {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

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