.body {
  color: #000;
  font-family: Space Grotesk, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

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

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

.story_sec {
  background-color: #fdd9d6;
  padding-bottom: 0;
}

.story_sec.blau {
  background-color: #fff;
}

.fin-sec {
  background-color: #224f93;
}

.date-text {
  text-align: right;
}

.ent-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px #99a1d8;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 40px;
  display: grid;
}

.link-3 {
  color: #ffd900;
}

.regul_text {
  margin-bottom: 20px;
}

.logo_box {
  z-index: 3;
  opacity: .58;
  position: absolute;
  inset: 3% auto auto 5%;
}

.main_picture {
  height: auto;
}

.image-2.mobi {
  display: none;
}

.h1 {
  color: #224f93;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 34px;
  line-height: 135%;
}

.image-9 {
  object-fit: cover;
  border-radius: 8px;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.heading {
  color: #224f92;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
  line-height: 135%;
}

.heading.werty {
  padding-left: 20%;
  padding-right: 20%;
}

.heading.gfty {
  padding-left: 10%;
  padding-right: 10%;
}

.photo-box {
  border-radius: 8px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.top_box {
  height: auto;
  position: relative;
}

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

.up_link_box {
  width: 100px;
}

.main_title {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 42%;
}

.link-2 {
  color: #323d49;
  font-weight: 600;
}

.wh_story_sec.unic {
  background-color: #fdd9d6;
}

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

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

.sup-date-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  padding-bottom: 40px;
  display: grid;
}

.pream_box {
  padding-bottom: 0;
}

.sup-text {
  color: #224f93;
  text-transform: uppercase;
  font-weight: 700;
}

.life_link_box {
  width: 116px;
}

.subtitle_text {
  color: #323d49;
  text-align: center;
  font-size: 20px;
  line-height: 140%;
}

.text2 {
  margin-bottom: 20px;
}

.link {
  color: #323d49;
  font-weight: 600;
}

.spell {
  color: #ef4c30;
}

.image-11 {
  border-radius: 8px;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.headip {
  background-color: #fff0;
  border-radius: 0;
  margin-bottom: 40px;
  padding: 0;
}

.headip.rty {
  background-color: #ef4c30;
}

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

.bro_foto {
  margin-top: 40px;
  margin-bottom: 40px;
}

.image-17 {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.link-4, .link-5 {
  color: #3460a3;
  font-weight: 600;
}

.marks {
  font-family: Lato, sans-serif;
}

.link-6 {
  color: #3460a3;
  font-weight: 600;
}

.maryk_box {
  background-color: #fdd9d6;
  border: 1px solid #fdd9d687;
  border-radius: 8px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 40px;
  box-shadow: 0 2px 5px #fdd9d669;
}

.maryk_box.bee_ecsept {
  background-color: #edf4ff;
  border-color: #3460a330;
  box-shadow: 0 2px 5px #e7f1ff;
}

.maryk_box.brocirr {
  background-color: #fff;
}

.heading-2 {
  color: #5a5a5a;
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 135%;
}

.mary_grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mary_grid.been_new {
  grid-template-columns: 1fr 1fr;
}

.mary_gr_01 {
  background-color: #fff;
  border: 1px solid #ffceca;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.mary_gr_01.derw {
  border-color: #cad8ee;
  border-radius: 8px;
  padding: 0;
  display: flex;
}

.image-18 {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.about_cream {
  background-color: #fff;
  border: 1px solid #ffceca;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.about_cream.dft {
  border-color: #cad8ee;
}

.list {
  color: #325ea1;
}

.list.lasting {
  margin-bottom: 0;
}

.list_text {
  color: #000;
  font-size: 14px;
}

.link-7, .link-8 {
  color: #3460a3;
  font-weight: 600;
}

.acc_span_text {
  color: #224f92;
  font-weight: 700;
}

.lity_expl_text {
  padding-top: 10px;
  font-size: 13px;
  font-style: italic;
  line-height: 140%;
}

.link-9 {
  color: #3460a3;
  font-weight: 700;
}

.link-10, .bold-text, .link-11, .link-12, .link-13, .link-14 {
  color: #3460a3;
  font-weight: 600;
}

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

.lam_grid {
  background-color: #224f92a3;
  border-radius: 8px;
  padding: 10px;
}

.image-19 {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.link-15, .link-16, .link-17, .link-18, .link-19, .link-20, .link-21, .link-22 {
  color: #3460a3;
  font-weight: 600;
}

.h3 {
  color: #464646;
  margin-top: 30px;
  margin-bottom: 40px;
  font-size: 22px;
  line-height: 135%;
}

.link-23, .link-24 {
  color: #3460a3;
  font-weight: 600;
}

.odesa_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;
}

.odesa_text {
  margin-bottom: 20px;
}

.image-20 {
  width: 100%;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-21 {
  object-fit: cover;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
}

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

.broci_text {
  margin-bottom: 20px;
}

.image-22 {
  border-radius: 8px;
}

.link-25 {
  color: #3460a3;
  font-weight: 700;
}

.link-26 {
  color: #3460a3;
  font-weight: 600;
}

.link-27 {
  color: #3460a3;
  font-weight: 700;
}

.sur_text {
  margin-bottom: 20px;
}

.sur_text.ending {
  margin-bottom: 0;
}

.link-28, .link-29, .link-30, .link-31, .link-32 {
  color: #3460a3;
  font-weight: 600;
}

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

.image-23 {
  object-fit: cover;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.miro_slogan_box {
  background-color: #fff;
  border: 1px solid #4981d675;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.in_miro_slogan {
  text-align: right;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.miro_slogan_text {
  color: #3460a3;
  text-align: center;
  letter-spacing: .2px;
  text-transform: uppercase;
  padding-bottom: 40px;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.hotel_text {
  color: #3460a3;
}

.link-33 {
  color: #3460a3;
  font-weight: 600;
}

.link-34, .link-35 {
  color: #224f92;
  font-weight: 600;
}

@media screen and (min-width: 1280px) {
  .main_picture {
    height: auto;
  }

  .h1 {
    font-size: 38px;
  }

  .top_box, .image {
    height: auto;
  }

  .main_title {
    bottom: 45%;
  }

  .subtitle_text {
    font-size: 24px;
  }
}

@media screen and (min-width: 1440px) {
  .h1 {
    margin-bottom: 0;
    font-size: 48px;
  }

  .main_title {
    bottom: 47%;
  }

  .subtitle_text {
    font-size: 32px;
  }
}

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

  .main_title {
    bottom: 48%;
  }

  .subtitle_text {
    font-size: 40px;
  }
}

@media screen and (max-width: 991px) {
  .h1 {
    font-size: 24px;
  }

  .story_box {
    padding-top: 20px;
  }

  .heading {
    font-size: 24px;
  }

  .heading.werty, .heading.gfty {
    padding-left: 0%;
    padding-right: 0%;
  }

  .cont {
    max-width: 700px;
  }

  .subtitle_text {
    font-size: 15px;
  }

  .mary_grid, .mary_grid.been_new, .mirotel_box {
    grid-template-columns: 1fr;
  }

  .image-23 {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .ent-box {
    grid-template-columns: 1fr;
  }

  .h1 {
    margin-bottom: 0;
    font-size: 20px;
  }

  .image-9 {
    max-width: 100%;
  }

  .heading {
    text-align: center;
    font-size: 20px;
  }

  .up_link_box {
    width: 88px;
  }

  .image-10 {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .main_title {
    bottom: 45%;
  }

  .image-12, .image-13 {
    max-width: 50%;
  }

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

  .sup-date-box {
    padding-bottom: 0;
  }

  .image-14 {
    max-width: 50%;
  }

  .life_link_box {
    width: 100px;
  }

  .subtitle_text {
    font-size: 14px;
  }

  .image-11 {
    max-width: 100%;
  }

  .about_cream {
    padding: 20px;
  }

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

  .broci_new_box {
    grid-template-columns: 1fr;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .broci_text.rewq {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 479px) {
  .logo_box {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    inset: 2% 5% auto;
  }

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

  .image-2.mobi {
    display: inline-block;
  }

  .h1 {
    text-align: center;
    margin-bottom: 0;
    font-size: 26px;
  }

  .image-9 {
    max-width: 100%;
  }

  .heading {
    font-size: 20px;
  }

  .heading.gfty {
    padding-left: 0%;
    padding-right: 0%;
  }

  .image.desk {
    display: none;
  }

  .main_title {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    inset: auto 5% 43%;
  }

  .image-15 {
    max-width: 50%;
  }

  .subtitle_text {
    text-align: center;
    font-size: 18px;
  }

  .image-11 {
    max-width: 100%;
  }

  .maryk_box, .maryk_box.bee_ecsept {
    padding: 20px;
  }

  .heading-2 {
    margin-bottom: 20px;
  }

  .list {
    padding-left: 20px;
  }

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

  .h3 {
    text-align: center;
    font-size: 18px;
  }

  .miro_slogan_text {
    padding-bottom: 20px;
    font-size: 20px;
  }
}

#w-node-_2ab539c9-58b0-ff24-55a5-15a4e2d6819c-0f624f80 {
  align-self: center;
}

#w-node-ba548279-fef6-ad96-afc6-fe62bc785f34-0f624f80, #w-node-ba548279-fef6-ad96-afc6-fe62bc785f36-0f624f80 {
  place-self: stretch stretch;
}

#w-node-_9933b769-63db-f6b9-468d-3dfd19aa6a3b-0f624f80 {
  place-self: center;
}

#w-node-acca94cf-c9bf-a5c8-797d-142a51618d01-0f624f80, #w-node-acca94cf-c9bf-a5c8-797d-142a51618cff-0f624f80 {
  place-self: stretch stretch;
}

#w-node-af372004-bfdd-ce83-b670-5d227b4b719f-0f624f80 {
  place-self: center;
}

#w-node-fc67f37e-3ed6-3a82-082c-27aa3f687d34-0f624f80, #w-node-_49a4a39c-97a8-43df-dc90-4bdce7595a30-0f624f80, #w-node-_49a4a39c-97a8-43df-dc90-4bdce7595a32-0f624f80, #w-node-_49a4a39c-97a8-43df-dc90-4bdce7595a43-0f624f80, #w-node-_0926992f-ebe1-6e6f-bf28-b7ae64efd8b8-0f624f80, #w-node-_0926992f-ebe1-6e6f-bf28-b7ae64efd8ba-0f624f80, #w-node-_34adac01-9bbf-9e0d-3e1b-568045ec9086-0f624f80, #w-node-_34adac01-9bbf-9e0d-3e1b-568045ec9084-0f624f80 {
  place-self: stretch stretch;
}

#w-node-_349aed81-a1a2-c47b-d49f-48a6c70f6ae7-0f624f80, #w-node-e8a733a9-25e5-130a-4aca-1c1934672c2a-0f624f80 {
  place-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_2ab539c9-58b0-ff24-55a5-15a4e2d681a3-0f624f80 {
    place-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_2ab539c9-58b0-ff24-55a5-15a4e2d681a3-0f624f80 {
    place-self: center;
  }
}