@font-face {
  font-family: Uklonruhcaps;
  src: url('../fonts/UklonRuhCaps-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.body {
  color: #000;
  font-family: Roboto Flex, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.top_box {
  background-color: #f5db00;
  height: 100vh;
  position: relative;
}

.logo_box {
  z-index: 4;
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.up_link_box {
  width: 100px;
}

.life_link {
  width: 116px;
}

.main_title {
  z-index: 3;
  text-align: left;
  position: absolute;
  inset: 19% 0% auto 18%;
}

.h1 {
  color: #212426;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto Flex, sans-serif;
  line-height: 135%;
}

.subtitle_text {
  color: #000;
  font-size: 24px;
  line-height: 150%;
}

.accent_header_text {
  color: #ffdf00;
  font-size: 60px;
}

.f1_scr {
  border: 1px #ffdf00;
  width: 15vw;
  position: absolute;
  inset: 50% auto auto 5%;
}

.f2_scr {
  z-index: 1;
  border: 1px #ffdf00;
  width: 15vw;
  position: absolute;
  inset: 65% auto auto 17%;
}

.image {
  object-fit: cover;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-2 {
  object-fit: cover;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.f3_scr {
  border: 1px #ffdf00;
  width: 22vw;
  position: absolute;
  inset: auto 35% 24% auto;
}

.image-3 {
  object-fit: cover;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.f4_scr {
  z-index: 2;
  border: 1px #ffdf00;
  width: 26vw;
  position: absolute;
  inset: auto 11% 9% auto;
}

.image-4 {
  object-fit: cover;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.sq_01 {
  background-color: #000;
  width: 80px;
  height: 80px;
}

.sq_01._02 {
  background-color: #000;
  position: absolute;
  inset: 11% auto auto 8%;
}

.sq_01._03 {
  background-color: #ffdf0000;
  border: 1px solid #ffdf00;
  width: 40px;
  height: 40px;
  position: absolute;
  inset: auto 0% 39% 34%;
}

.pream_sec {
  padding-bottom: 0;
}

.cont {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.pream_box {
  padding-top: 40px;
  padding-bottom: 40px;
}

.sp_date_box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 40px;
  display: grid;
}

.sp_text {
  text-transform: uppercase;
  font-weight: 600;
}

.date_text {
  text-align: right;
}

.pream_text {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
}

.story_part {
  padding-top: 60px;
  padding-bottom: 0;
}

.story_part.yel {
  background-color: #f5db00;
  padding-top: 40px;
}

.story_box {
  padding-top: 0;
  padding-bottom: 40px;
}

.story_part_head {
  background-color: #f5db00;
  margin-bottom: 40px;
  padding: 40px;
  position: relative;
}

.story_part_head.calor {
  background-color: #f5db00;
  border: 1px solid #000;
  margin-top: 20px;
}

.h2 {
  color: #212426;
  text-align: center;
  letter-spacing: .1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto Flex, sans-serif;
  line-height: 135%;
}

.h2.fttt {
  padding-left: 20%;
  padding-right: 20%;
}

.sq_h_01 {
  background-color: #000;
  width: 24px;
  height: 24px;
  position: absolute;
  inset: 10% auto auto 3%;
}

.sq_h_01._02 {
  background-color: #000;
  width: 24px;
  height: 24px;
  inset: auto 3% 10% auto;
}

.regul_text {
  margin-bottom: 20px;
}

.photo_quot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #212426;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin: 40px 0%;
  padding: 40px;
  display: grid;
}

.speaker_photo {
  border: 1px solid #ffdf00;
}

.image-5 {
  object-fit: cover;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.quot_text {
  color: #fff;
  font-size: 20px;
  line-height: 150%;
}

.quoti_text {
  color: #fff;
  text-align: center;
  border-bottom: 1px #b9b9b9;
  margin: 0 0%;
  padding-bottom: 0;
  font-size: 16px;
  line-height: 150%;
}

.quoti_text.frio {
  color: #000;
}

.quoti_span {
  font-weight: 700;
}

.quoti_box {
  background-color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin: 40px 25%;
  padding: 20px;
  display: flex;
}

.quoti_box.yell {
  background-color: #f5db00;
}

.sq_03 {
  background-color: #f5db00;
  width: 24px;
  height: 24px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.sq_03.polp {
  background-color: #212426;
}

.foto_grid {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 10%;
  padding-right: 10%;
  display: block;
}

.foto_grid.double {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-columns: 1.5fr 2fr;
}

.f_grid_one {
  padding-top: 0;
}

.f_gr_two.wert {
  padding-top: 40px;
}

.bg_photo {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 10%;
  padding-right: 10%;
}

.image-6 {
  object-fit: cover;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.fin_sec {
  color: #000;
  background-color: #000;
}

.fin_box {
  padding-top: 40px;
  padding-bottom: 40px;
}

.fin_text {
  color: #fff;
  font-size: 12px;
}

.link {
  color: #f5db00;
  font-weight: 400;
}

.h3 {
  margin-top: 40px;
  margin-bottom: 20px;
}

.accent_new_box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.75fr;
  grid-auto-columns: 1fr;
  margin: 40px 10%;
  padding: 40px;
  display: grid;
}

.ter_text {
  color: #fff;
  font-weight: 600;
}

.avvf {
  background-color: #f5db00;
  font-weight: 600;
}

.numbers {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ffdf00;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 40px;
  display: none;
}

.n_item {
  border: 1px #000;
  padding: 0;
}

.n_item.cokl {
  border-left: 2px solid #1b1b1b12;
  padding-left: 10px;
}

.mkl_text {
  text-align: center;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 500;
  line-height: 100%;
}

.pll_text {
  text-align: center;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}

.simp {
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
}

.video, .infg {
  margin-top: 40px;
  margin-bottom: 40px;
}

.image-9 {
  object-fit: cover;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.foto_centr {
  margin: 40px auto;
  padding-left: 10%;
  padding-right: 10%;
}

.image-10, .image-11, .image-12 {
  object-fit: cover;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.boldi_span {
  font-weight: 600;
}

.werq_text {
  color: #fff;
}

.span_boldi_text {
  font-weight: 700;
}

.link-2 {
  color: #f5db00;
}

@media screen and (min-width: 1280px) {
  .h1 {
    font-size: 44px;
  }

  .subtitle_text {
    font-size: 28px;
  }

  .accent_header_text {
    font-size: 80px;
  }

  .f4_scr {
    width: 20vw;
  }
}

@media screen and (min-width: 1440px) {
  .logo_box {
    padding: 24px;
  }

  .h1 {
    font-size: 52px;
  }

  .subtitle_text {
    font-weight: 300;
  }

  .f3_scr {
    bottom: 20%;
  }

  .f4_scr {
    width: 24vw;
    bottom: 4%;
    right: 6%;
  }

  .sq_01._02 {
    top: 8%;
    left: 6%;
  }

  .foto_grid, .foto_grid.double {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }
}

@media screen and (min-width: 1920px) {
  .h1 {
    font-size: 72px;
  }

  .subtitle_text {
    font-size: 40px;
  }

  .accent_header_text {
    font-size: 120px;
  }

  .f4_scr {
    width: 20vw;
    right: 5%;
  }

  .sq_01 {
    width: 120px;
    height: 120px;
  }

  .sq_01._02 {
    top: 10%;
    left: 7%;
  }
}

@media screen and (max-width: 991px) {
  .logo_box {
    padding: 24px;
  }

  .h1 {
    font-size: 36px;
  }

  .subtitle_text {
    font-size: 20px;
  }

  .accent_header_text {
    font-size: 56px;
  }

  .sq_01 {
    width: 64px;
    height: 64px;
  }

  .cont {
    max-width: 700px;
  }

  .h2 {
    font-size: 28px;
  }

  .h2.fttt {
    padding-left: 5%;
    padding-right: 5%;
  }

  .quoti_box {
    margin-left: 15%;
    margin-right: 15%;
  }

  .foto_grid, .foto_grid.double {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .numbers {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .f1_scr {
    top: 52%;
    left: 11%;
  }

  .f2_scr {
    top: 61%;
    left: 23%;
  }

  .f3_scr {
    bottom: 42%;
    right: 31%;
  }

  .f4_scr {
    bottom: 13%;
    right: 8%;
  }

  .sq_01, .sq_01._02 {
    width: 52px;
    height: 52px;
  }

  .sq_01._03 {
    bottom: 18%;
    left: 46%;
  }

  .cont {
    max-width: none;
    margin-left: 5%;
    margin-right: 5%;
  }

  .story_part_head.calor {
    margin-top: 0;
  }

  .h2 {
    font-size: 24px;
  }

  .quoti_text {
    font-size: 18px;
  }

  .accent_new_box {
    margin-left: 0%;
    margin-right: 0%;
  }
}

@media screen and (max-width: 479px) {
  .main_title {
    top: 23%;
    left: 10%;
    right: 10%;
  }

  .h1 {
    font-family: Roboto Flex, sans-serif;
    font-size: 20px;
    font-weight: 700;
  }

  .subtitle_text {
    padding-right: 0%;
    font-size: 16px;
  }

  .accent_header_text {
    font-size: 38px;
  }

  .f1_scr {
    width: 25vw;
    top: 48%;
    left: 5%;
  }

  .f2_scr {
    width: 25vw;
    top: 60%;
    left: 15%;
  }

  .f3_scr {
    width: 30vw;
    bottom: 37%;
    right: 6%;
  }

  .f4_scr {
    width: 35vw;
    bottom: 3%;
    right: 12%;
  }

  .sq_01 {
    width: 40px;
    height: 40px;
  }

  .sq_01._02 {
    top: 7%;
    left: 12%;
  }

  .sq_01._03 {
    bottom: 9%;
    left: 21%;
  }

  .story_part {
    padding-top: 40px;
  }

  .story_part_head {
    background-color: #f9da00;
    margin-bottom: 20px;
  }

  .story_part_head.calor {
    margin-bottom: 20px;
  }

  .h2 {
    letter-spacing: 0;
    font-size: 20px;
  }

  .h2.fttt {
    padding-left: 2%;
    padding-right: 2%;
  }

  .sq_h_01 {
    width: 24px;
    height: 24px;
  }

  .quoti_text {
    font-size: 16px;
  }

  .quoti_box {
    margin-left: 0%;
    margin-right: 0%;
  }

  .foto_grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .foto_grid.double {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .h3 {
    font-size: 18px;
    line-height: 135%;
  }

  .accent_new_box {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .iop {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .numbers {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .n_item {
    border-bottom-style: solid;
    border-bottom-color: #0000001a;
  }

  .n_item.asd {
    border-bottom-style: none;
  }

  .simp {
    padding-bottom: 10px;
  }

  .simp.afgh {
    padding-bottom: 0;
  }

  .image-7, .image-8 {
    max-width: 70%;
  }
}

#w-node-_23554417-9d6c-3281-adc4-800b806677f0-c6a3c185, #w-node-_10de9c5f-61f0-4869-a33b-2f1c023d2023-c6a3c185, #w-node-_1a6fef04-9e05-607d-014c-1843436892ac-c6a3c185, #w-node-_1a6fef04-9e05-607d-014c-1843436892b8-c6a3c185, #w-node-_7a96a415-dc55-a9b7-4ee7-5b65a7850c00-c6a3c185 {
  place-self: center;
}

@media screen and (min-width: 1440px) {
  #w-node-da9ba38e-ead1-1dbd-04bf-2c5d51c14da6-c6a3c185, #w-node-_1578676f-ad70-48a4-907c-d1fb27bbb62a-c6a3c185, #w-node-_23554417-9d6c-3281-adc4-800b806677db-c6a3c185 {
    align-self: start;
  }

  #w-node-_23554417-9d6c-3281-adc4-800b806677f0-c6a3c185, #w-node-_10de9c5f-61f0-4869-a33b-2f1c023d2023-c6a3c185 {
    align-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_1a6fef04-9e05-607d-014c-1843436892aa-c6a3c185, #w-node-_1a6fef04-9e05-607d-014c-1843436892b6-c6a3c185, #w-node-_7a96a415-dc55-a9b7-4ee7-5b65a7850bfe-c6a3c185 {
    place-self: center;
  }
}


@font-face {
  font-family: 'Uklonruhcaps';
  src: url('../fonts/UklonRuhCaps-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}