@font-face {
  font-family: PP pangram Sans;
  src: url('../fonts/PP-Pangram-Sans-Medi.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: PP pangram Sans;
  src: url('../fonts/PP-Pangram-Sans-Semi.woff') format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ermilov;
  src: url('../fonts/Ermilov.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: #ffaeae;
  --black: black;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.main-screen {
  width: 1200px;
  max-width: 1200px;
  margin-top: 152px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.nav-contacts {
  text-align: center;
  letter-spacing: -.6px;
  border: 1px solid #000;
  border-radius: 70px;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.nav-link-01 {
  text-align: center;
  letter-spacing: -.5px;
  height: 50px;
  margin-top: 32px;
  margin-bottom: 0;
  margin-right: 40px;
  padding: 12px 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
}

.nav-link-02 {
  text-align: center;
  letter-spacing: -.5px;
  height: 50px;
  margin-top: 32px;
  margin-bottom: 0;
  margin-right: 18px;
  padding: 12px 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
}

.brand {
  margin-top: 2.63vw;
}

.brand.w--current {
  margin-top: 38px;
}

.navbar {
  background-color: #fff;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  inset: 0% auto auto 0%;
}

.container {
  width: 1200px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.main-header-h1 {
  color: #151515;
  letter-spacing: -6px;
  width: 829px;
  margin-top: 48px;
  font-family: Inter, sans-serif;
  font-size: 70px;
  font-weight: 500;
  line-height: 75px;
}

.text-span {
  color: #ba5246;
}

.text-span-2 {
  color: #ffaeae;
}

.text-span-3 {
  color: #9243c2;
}

.text-span-4 {
  color: #a1ccff;
}

.text-span-5 {
  color: #f69155;
}

.text-span-6 {
  color: #a1ccff;
}

.services {
  justify-content: space-between;
  width: 1200px;
  margin-top: 112px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.website-design {
  background-color: #a1ccff;
  border-radius: 4px;
  height: 357px;
  margin-top: 160px;
  margin-right: 40px;
}

.apps {
  background-color: #ffe4c3;
  border-radius: 4px;
  height: 357px;
  margin-right: 40px;
}

.communication {
  background-color: #ffaeae;
  border-radius: 4px;
  height: 357px;
  margin-top: 260px;
  margin-right: 40px;
}

.identity {
  background-color: #ba5246;
  border-radius: 4px;
  height: 357px;
  margin-top: 96px;
}

.services-header {
  color: #231f20;
  letter-spacing: -1px;
  width: 190px;
  margin: 28px 40px 16px 28px;
  font-family: Pp pangram sans semi bold;
  font-size: 25px;
  line-height: 30px;
}

.services-header.web, .services-header.app, .services-header.comm, .services-header.ident {
  letter-spacing: -2px;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.price {
  color: #231f20;
  margin-bottom: 0;
  margin-left: 28px;
  font-family: Pp pangram sans medium;
}

.price.web, .price.app, .price.comm, .price.ident {
  font-family: PP pangram Sans, sans-serif;
  font-weight: 500;
  display: none;
}

.services-image {
  width: 209px;
  margin-top: 36px;
  margin-bottom: 35px;
}

.services-image.o {
  margin-left: 12px;
  font-size: 12px;
}

.services-image.n {
  width: 106px;
  margin-top: 51px;
  margin-bottom: 0;
  margin-left: 80px;
}

.services-image.c {
  width: 161px;
  margin-bottom: 0;
  margin-left: 97px;
}

.services-image.e {
  width: 113px;
  margin-top: 74px;
  margin-bottom: 0;
  margin-left: 64px;
}

.nav-menu {
  display: flex;
}

.our-experience {
  width: 1200px;
  max-width: 1200px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.66vw;
  padding-right: 1.66vw;
}

.our-experience.euro._2 {
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.our-experience.ukraine._2 {
  margin-top: 156px;
  padding-left: 0;
  padding-right: 0;
}

.our-experience._02 {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.66vw;
}

.our-experience._01 {
  padding-left: 0;
  padding-right: 0;
}

.image-2 {
  width: 84px;
  max-width: none;
}

.heading {
  color: #231f20;
  letter-spacing: -5px;
  width: 673px;
  margin-top: 40px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 75px;
}

.heading.part {
  letter-spacing: -6px;
  width: 680px;
  margin-top: 0;
  line-height: 62px;
}

.heading.part._02 {
  color: #fff;
}

.heading.long {
  letter-spacing: -4px;
  width: 830px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.heading-2 {
  color: #fff;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 24px;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.heading-2._2 {
  color: #231f20;
  letter-spacing: -1px;
  margin-top: 80px;
  margin-bottom: 32px;
  margin-left: 0;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.heading-2._04 {
  color: #231f20;
  letter-spacing: -.6px;
  font-family: Inter, sans-serif;
}

.euro-projects {
  width: 1200px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.euro-first {
  display: flex;
}

.euro-second {
  margin-top: 0;
  display: flex;
}

.e-01 {
  width: 560px;
  height: 490px;
  margin-right: 60px;
  text-decoration: none;
}

.e-02 {
  flex: 1;
  text-decoration: none;
}

.e-03 {
  margin-right: 60px;
  text-decoration: none;
}

.e-desk {
  justify-content: space-between;
  align-items: center;
  width: 560px;
  margin-top: 10px;
  display: flex;
}

.e-desk._04 {
  text-decoration: none;
}

.e-desk.u-desk {
  width: auto;
  max-width: 100%;
  margin-top: 0;
}

.e-desk.u-desk._2, .e-desk.u-desk._06 {
  margin-top: 16px;
}

.e-image {
  text-align: left;
}

.e-image._01 {
  border-radius: 4px;
  width: 560px;
  height: 406px;
}

.e-image._02 {
  clear: none;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 560px;
  height: 406px;
  display: inline-block;
}

.e-image._03 {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 560px;
  height: 406px;
}

.e-image._04 {
  background-color: #fec86b;
  border-radius: 4px;
  width: 560px;
  height: 406px;
}

.image-3 {
  border-radius: 4px;
  max-width: 560px;
}

.image-4 {
  border: 1px #e0e0e0;
  border-radius: 4px;
  width: 320px;
  max-width: none;
  position: relative;
  top: 2px;
  left: 20px;
}

.image-5 {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 560px;
  max-width: 560px;
}

.image-6 {
  width: 390px;
  position: relative;
  top: 84px;
  left: 84px;
}

.heading-3 {
  color: #231f20;
  letter-spacing: -.6px;
  margin-top: 10px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: block;
}

.heading-3._01 {
  margin-top: 16px;
  margin-bottom: 0;
}

.heading-3._01.a-1 {
  margin-top: 0;
}

.heading-3._02 {
  margin-top: 0;
  margin-bottom: 0;
}

.heading-3._03 {
  max-width: 100%;
  margin-top: 16px;
  margin-bottom: 0;
  line-height: 24px;
}

.heading-3._03._04, .heading-3._03._06 {
  margin-top: 0;
}

.heading-3._03._33 {
  display: none;
}

.heading-3._03.inzhur {
  display: block;
  top: 40px;
  left: 60px;
}

.heading-3._04 {
  margin-top: 0;
  margin-bottom: 0;
}

.text-span-7 {
  color: #c4c4c4;
}

.text-span-7.hove {
  color: #231f20;
}

.paragraph {
  color: #c4c4c4;
  margin-bottom: 0;
  font-family: PP pangram Sans, sans-serif;
  font-weight: 500;
}

.paragraph-2 {
  color: #c4c4c4;
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-weight: 500;
  text-decoration: none;
}

.paragraph-3 {
  color: #c4c4c4;
  margin-top: 16px;
  margin-bottom: 0;
  font-family: PP pangram Sans, sans-serif;
  font-weight: 500;
}

.paragraph-3._2 {
  margin-top: 0;
}

.paragraph-4 {
  color: #c4c4c4;
  margin-top: 0;
  margin-bottom: 0;
  font-family: PP pangram Sans, sans-serif;
  font-weight: 500;
}

.tabs {
  width: 1200px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.tabs._02 {
  display: none;
}

.tabs-content {
  margin-left: auto;
  margin-right: auto;
}

.tabs-menu {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.66vw;
  padding-right: 1.66vw;
}

.all-first-line {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.all-second-line {
  margin-top: 80px;
  display: none;
}

.left-block-all {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.first-left-block {
  display: flex;
}

.second-left-block {
  margin-top: 80px;
  display: flex;
}

.goodwine-mobile-image {
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  width: 360px;
  height: 240px;
}

.colonnade-3d-image {
  border-radius: 4px;
  width: 360px;
  height: 240px;
}

.fat-dragon, .himarine {
  width: 360px;
  height: 288px;
  text-decoration: none;
}

.sola {
  border: 1px #f1f1f1;
  width: 360px;
  height: 240px;
  margin-right: 40px;
  text-decoration: none;
}

.amega {
  width: 360px;
  height: 240px;
  margin-right: 40px;
  text-decoration: none;
}

.amega._02 {
  height: 288px;
}

.right-block-all {
  background-color: #0000;
  border-radius: 4px;
  width: 360px;
  display: none;
}

.all-third-line {
  justify-content: flex-start;
  margin-top: 58px;
  display: flex;
}

.all-fourth-line {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: -18px;
  display: grid;
}

.drsante {
  background-color: #0000;
  border: 1px #f1f1f1;
  border-radius: 4px;
  width: 760px;
  height: 550px;
  margin-right: 40px;
  text-decoration: none;
}

.sg-site {
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  width: 360px;
  height: 240px;
}

.kolo {
  border-radius: 4px;
  width: 360px;
  height: 288px;
  margin-top: 0;
  text-decoration: none;
}

.kolo.branding-tab {
  margin-top: 0;
}

.badboy {
  border-radius: 4px;
  width: 360px;
  height: 288px;
  margin-right: 40px;
  text-decoration: none;
}

.blank-project {
  border: 1px #f1f1f1;
  width: 360px;
  height: 240px;
  margin-right: 40px;
}

.blank-project.nope {
  display: none;
}

.blank-project._23 {
  text-decoration: none;
}

.blank-project._23.apps-tab {
  background-color: #cce5d6;
  border-radius: 4px;
}

.blank-project._01, .blank-project._02 {
  display: block;
}

.thrid-left {
  width: 360px;
  max-width: 360px;
}

.tab-pane-all, .tab-pane-websites, .tab-pane-apps, .tab-pane-comunication, .tab-pane-identity {
  margin-top: 32px;
}

.image-7 {
  border: 1px solid #f1f1f1;
  border-radius: 0;
  width: 360px;
  max-width: 100%;
}

.image-7.no-stroke {
  border-width: 1px;
  border-color: #fff;
  border-radius: 0;
}

.image-8 {
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  width: 360px;
  max-width: none;
  height: 240px;
}

.image-9 {
  border-radius: 4px;
  max-width: 100%;
}

.image-10 {
  border-radius: 4px;
}

.image-11 {
  border-radius: 4px;
  width: 351px;
  position: relative;
  top: 2px;
  left: 4px;
}

.image-12 {
  border-radius: 4px;
  width: 360px;
  height: 240px;
}

.image-13 {
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  width: 360px;
  max-width: 100%;
  position: static;
  top: 1px;
  left: 53px;
}

.image-14 {
  border-radius: 4px;
}

.image-15 {
  border-radius: 4px;
  width: 360px;
  max-width: none;
  height: 240px;
}

.image-16 {
  width: 293px;
  margin-top: 58px;
  margin-left: 34px;
}

.image-17 {
  width: 590px;
  margin-top: 73px;
  margin-left: 32px;
  position: relative;
  top: 47px;
  left: 50px;
}

.image-17._01 {
  top: 32px;
}

.image-18 {
  border-radius: 4px;
  position: static;
  top: 2px;
  left: 20px;
}

.inzhur-site-branding, .colonnade-3d, .fayni-lyodu-identity {
  width: 360px;
  height: 288px;
  text-decoration: none;
}

.fat-dragon-image, .himarine-image, .sola-image {
  width: 360px;
  height: 240px;
}

.div-block {
  background-color: #cce5d6;
}

.div-block-2 {
  background-color: #184128;
  border-radius: 4px;
  width: 760px;
  height: 540px;
}

.div-block-2.drsan {
  height: 544px;
}

.div-block-3 {
  background-color: #1c1c1c;
  border-radius: 4px;
}

.div-block-4 {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  width: 360px;
  height: 240px;
  position: static;
}

.div-block-4._22 {
  background-color: #cce5d6;
  border-style: none;
  height: 539px;
  overflow: hidden;
}

.div-block-4._33.nope {
  border-style: none;
  display: none;
}

.div-block-5 {
  width: 360px;
  height: 240px;
}

.text-block, .text-block-2, .text-block-3, .text-block-4 {
  color: #aeaeae;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.text-block-5 {
  color: #231f20;
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}

.tab-link-all {
  background-color: #0000;
  padding-left: 0;
}

.tab-link-all.w--current {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  padding-left: 0;
}

.tab-link-websites {
  background-color: #0000;
}

.tab-link-websites.w--current {
  background-color: #f7f7f7;
}

.tab-link-apps {
  background-color: #0000;
}

.tab-link-apps.w--current {
  background-color: #f7f7f7;
}

.tab-link-comunication {
  background-color: #0000;
}

.tab-link-comunication.w--current {
  background-color: #f7f7f7;
}

.tab-link-identity {
  background-color: #0000;
}

.tab-link-identity.w--current {
  background-color: #f7f7f7;
}

.curiosity {
  background-color: #090909;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 1200px;
  max-width: 1200px;
  height: 370px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-7 {
  display: flex;
}

.heading-4 {
  color: #fff;
  letter-spacing: -1px;
  margin-right: 48px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 25px;
}

.download-button {
  color: #000;
  letter-spacing: -.6px;
  background-color: #fff;
  border-radius: 100px;
  margin-right: 24px;
  padding: 12px 24px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.say-hi-button {
  color: #000;
  letter-spacing: -.6px;
  background-color: #fff;
  border-radius: 100px;
  padding: 12px 24px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.image-19 {
  position: relative;
  top: -15px;
  left: 210px;
}

.div-block-8 {
  margin-left: 230px;
}

.partners {
  align-items: center;
  width: 1200px;
  max-width: 1200px;
  margin-top: 168px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.partners.foot {
  margin-top: 0;
}

.cherries._02 {
  width: 1200px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.66vw;
  padding-right: 1.66vw;
}

.partners-head._01._03 {
  color: #231f20;
}

.partners-head._01._02 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.fingers {
  width: 1200px;
  max-width: 1200px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.66vw;
  padding-right: 1.66vw;
  display: flex;
}

.finger {
  border: 1px solid #c4c4c4;
  border-top-left-radius: 180px;
  border-top-right-radius: 180px;
  width: 360px;
  height: 450px;
  margin-right: 40px;
}

.finger._03 {
  margin-right: 0;
}

.heading-5 {
  color: #231f20;
  letter-spacing: -1px;
  width: 90px;
  margin-top: 90px;
  margin-bottom: 0;
  margin-left: 80px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
}

.image-20 {
  width: 160px;
  position: relative;
  top: -29px;
  left: 110px;
}

.image-20._1 {
  width: 210px;
}

.image-21 {
  width: 66px;
}

.photos {
  width: 1200px;
  max-width: 1200px;
  margin: 24px auto 352px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.partner {
  color: #231f20;
  margin-right: 40px;
}

.partner._02 {
  position: relative;
  top: 258px;
}

.partner._04 {
  position: relative;
  top: 116px;
}

.partner._05 {
  margin-right: 0;
  position: relative;
  top: 116px;
}

.partner._01 {
  position: relative;
  top: 115px;
}

.parnter-photo {
  background-color: #dbeeff;
  border-radius: 4px;
  width: 200px;
}

.parnter-photo._02 {
  background-color: #ba5246;
}

.parnter-photo._03 {
  background-color: #c4c4c4;
}

.parnter-photo._04 {
  background-color: #0b2a41;
}

.parnter-photo._05 {
  background-color: #f0e0cf;
}

.heading-6 {
  color: #231f20;
  letter-spacing: -2px;
  margin-top: 24px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}

.paragraph-5 {
  letter-spacing: -1px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 36px;
}

.paragraph-5.ua {
  line-height: 24px;
}

.image-22 {
  width: 200px;
}

.footer {
  background-color: #090909;
  width: 100%;
  max-width: 100%;
  padding-top: 96px;
  padding-bottom: 74px;
  display: block;
}

.contacts {
  width: 1200px;
  max-width: 1200px;
  margin-top: 152px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.66vw;
  padding-right: 1.66vw;
  display: flex;
}

.paragraph-6 {
  color: #fff;
  border: 1px solid #000;
  border-bottom-color: #fff;
  font-family: PP pangram Sans, sans-serif;
  font-size: 25px;
  text-decoration: none;
}

.paragraph-6.email, .paragraph-6.insta, .paragraph-6.facebook, .paragraph-6.whatsapp, .paragraph-6.linkedin {
  letter-spacing: -1px;
  font-size: 24px;
  font-weight: 500;
}

.div-block-9 {
  margin-right: 320px;
}

.div-block-10, .div-block-11, .div-block-12 {
  margin-right: 32px;
}

.copy {
  justify-content: space-between;
  width: 1200px;
  max-width: 1200px;
  margin-top: 72px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.up-button {
  color: #000;
  letter-spacing: -.6px;
  background-color: #fff;
  border-radius: 100px;
  padding: 12px 42px 12px 32px;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.image-23 {
  position: relative;
}

.link-block {
  position: relative;
  left: -32px;
}

.hover._01 {
  margin-top: -37px;
  margin-bottom: 0;
  font-family: PP pangram Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.project-hov._01 {
  color: #231f20;
  max-width: 100%;
  margin-top: -34px;
  margin-bottom: 0;
  font-family: PP pangram Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
  position: static;
  top: -27px;
}

.div-block-14 {
  display: flex;
}

.image-24 {
  border-radius: 4px;
  max-width: 360px;
}

.image-25 {
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  width: 360px;
}

.image-26 {
  max-width: 90%;
  position: relative;
  top: 10px;
  left: 19px;
}

.text-span-8 {
  color: #c4c4c4;
}

.download-cion {
  align-self: center;
  width: 16px;
  margin-top: 23px;
  margin-left: -10px;
  margin-right: 36px;
}

.image-27 {
  display: none;
}

.div-block-17, .div-block-18 {
  width: 0;
  height: 0;
}

.icon {
  display: none;
}

.upper {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
}

.newfingers {
  width: 1200px;
  max-width: 1200px;
  height: 803px;
  margin-top: 140px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-19 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.paragraph-7 {
  color: #ffaeae;
  letter-spacing: -4px;
  width: 290px;
  margin-top: 48px;
  font-family: Inter, sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 75px;
}

.paragraph-8 {
  color: #346cae;
  letter-spacing: -4px;
  width: 330px;
  margin-top: 40px;
  font-family: Inter, sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 75px;
}

.paragraph-9 {
  color: #ba5246;
  letter-spacing: -4px;
  width: 457px;
  margin-left: 160px;
  font-family: Inter, sans-serif;
  font-size: 75px;
  font-weight: 600;
  line-height: 65px;
}

.image-29 {
  margin-top: 25px;
  margin-left: 160px;
}

.div-block-20 {
  width: 610px;
  margin-top: 170px;
}

.image-30 {
  position: relative;
}

.div-block-21 {
  position: relative;
  top: 120px;
}

.div-block-22 {
  position: relative;
  left: -40px;
}

.div-block-23 {
  display: flex;
}

.linkes {
  width: 1200px;
  max-width: 1200px;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
}

.mail-link {
  color: #ffaeae;
  font-family: PP pangram Sans, sans-serif;
  font-size: 70px;
  font-weight: 600;
  line-height: 80px;
}

.insta-link {
  color: #ba5246;
  font-family: PP pangram Sans, sans-serif;
  font-size: 70px;
  font-weight: 600;
  line-height: 80px;
}

.fb-link {
  color: #346cae;
  font-family: PP pangram Sans, sans-serif;
  font-size: 70px;
  font-weight: 600;
  line-height: 80px;
}

.wa-link {
  color: #75bd92;
  font-family: PP pangram Sans, sans-serif;
  font-size: 70px;
  font-weight: 600;
  line-height: 80px;
}

.li-link {
  color: #a1ccff;
  padding-right: 16px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 70px;
  font-weight: 600;
  line-height: 80px;
}

.link, .link-2 {
  letter-spacing: -4px;
  margin-right: 20px;
  font-family: Inter, sans-serif;
}

.image-31 {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  width: 458px;
  max-width: none;
  height: 598px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  top: -469px;
  left: 140px;
}

.image-32 {
  width: 454px;
  max-width: none;
  height: 763px;
  transition: opacity .5s;
  display: none;
  position: relative;
  top: -634px;
  left: 255px;
}

.image-33 {
  width: 535px;
  max-width: none;
  height: 790px;
  transition: opacity .5s;
  display: none;
  position: relative;
  top: -660px;
  left: 660px;
}

.hover-text {
  color: #231f20;
  letter-spacing: -.6px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  position: relative;
  top: -31px;
}

.hover-text.inzhur {
  letter-spacing: -.6px;
  font-family: Inter, sans-serif;
  top: -31px;
}

.hover-text.colonnade {
  text-decoration: none;
  display: block;
  top: -31px;
}

.hover-text.faynilyodu {
  display: block;
  top: -31px;
}

.hover-text.fatdragon, .hover-text.hi-marine, .hover-text.goodwine, .hover-text.sola {
  top: -31px;
}

.hover-text.tobesola {
  text-decoration: none;
  top: -31px;
}

.hover-text.a-mega {
  top: -31px;
}

.hover-text.dr-sante {
  margin-bottom: 0;
  display: block;
  top: -31px;
}

.hover-text.sg, .hover-text.kolo, .hover-text.kolo-kolo {
  top: -31px;
}

.hover-text.bboy {
  display: block;
  top: -31px;
}

.hover-text.kolo-1 {
  width: 430px;
  top: -31px;
}

.hover-text.nd-up {
  width: 360px;
  top: -31px;
}

.hover-text.hi-mar {
  width: 430px;
  text-decoration: none;
  top: -31px;
}

.hover-text.torsus {
  width: 420px;
  top: -31px;
}

.hover-text.torsus._02 {
  width: 360px;
}

.hover-text.animates, .hover-text.colbrand, .hover-text.elit-02, .hover-text.crello {
  top: -31px;
}

.smartgroup {
  width: 360px;
  height: 288px;
  text-decoration: none;
}

.link-3, .link-4, .link-5 {
  letter-spacing: -4px;
  font-family: Inter, sans-serif;
}

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

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

.div-block-24 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.torsus-website, .drsante-website, .sola-wesite, .sg-website {
  width: 360px;
  height: 288px;
  text-decoration: none;
}

.hi-website {
  width: 360px;
  height: 240px;
}

.nd-website {
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  width: 360px;
  height: 240px;
  text-decoration: none;
}

.div-block-25 {
  width: 560px;
  height: 532px;
  text-decoration: none;
}

.torsus {
  width: 560px;
  max-width: none;
}

.image-36 {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 560px;
}

.torsus-fp {
  width: 560px;
}

.nd-fp {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 560px;
}

.img-tor-website {
  width: 360px;
  height: 240px;
}

.image-37 {
  width: 300px;
}

.image-37._02 {
  width: 280px;
  margin-top: 41px;
  margin-left: 40px;
}

.div-block-26 {
  background-color: #184128;
  border-radius: 4px;
  width: 360px;
  height: 240px;
}

.blank-project-copy {
  border: 1px #f1f1f1;
  width: 360px;
  height: 240px;
  margin-right: 40px;
}

.blank-project-copy.nope {
  display: none;
}

.blank-project-copy._23.apps-tab {
  background-color: #cce5d6;
  border-radius: 4px;
}

.blank-project-copy._01, .blank-project-copy._02 {
  display: none;
}

.div-block-4-copy {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  width: 360px;
  height: 240px;
  position: static;
}

.div-block-4-copy._22 {
  background-color: #cce5d6;
  border-style: none;
  height: 539px;
  overflow: hidden;
}

.div-block-4-copy._33.nope {
  border-style: none;
  display: none;
}

.image-26-copy {
  max-width: 90%;
  position: relative;
  top: 10px;
  left: 19px;
}

.div-block-27 {
  width: 360px;
  height: 288px;
  text-decoration: none;
}

.div-block-28 {
  background-color: #cce5d6;
  border-radius: 4px;
  width: 360px;
  height: 240px;
  overflow: hidden;
}

.image-38 {
  max-width: 62%;
  margin-top: 3px;
  margin-left: 69px;
}

.partners-and-contacts {
  background-color: #090909;
}

.colonnade-3d-header {
  width: 1200px;
  margin-top: 180px;
  margin-left: auto;
  margin-right: auto;
}

.colonnade-3d-header._02 {
  margin-top: 0;
}

.sg-h1 {
  color: #151515;
  font-family: PP pangram Sans, sans-serif;
  font-size: 70px;
  font-weight: 600;
  line-height: 75px;
}

.description-client {
  color: #151515;
  letter-spacing: -6px;
  width: 860px;
  margin-top: 0;
  margin-bottom: 56px;
  margin-left: 220px;
  font-family: Inter, sans-serif;
  font-size: 68px;
  font-weight: 500;
  line-height: 80px;
}

.name-client {
  color: #151515;
  letter-spacing: -2px;
  width: 560px;
  margin-bottom: 40px;
  margin-left: 220px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 31px;
}

.small-description-client {
  color: #151515;
  text-align: left;
  letter-spacing: -1.4px;
  width: 480px;
  margin-bottom: 48px;
  margin-left: 400px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}

.small-description-client._03.big {
  width: 590px;
  font-size: 40px;
}

.small-description-client._03.gw {
  margin-left: 600px;
}

.small-description-client.gw._2 {
  width: 380px;
  margin-top: 96px;
}

.small-description-client.gw._2._3 {
  width: 350px;
}

.small-description-client.gw._2.last-block.lb-2 {
  width: 230px;
}

.small-description-client._044 {
  width: 320px;
}

.small-description-client._044.search {
  width: 210px;
}

.small-description-client._256 {
  width: 480px;
}

.mini-description-client {
  color: #151515;
  width: 480px;
  margin-bottom: 48px;
  margin-left: 400px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.mini-description-client._03.smart-site {
  margin-top: 30px;
}

.mini-description-client._03.goodwine {
  margin-top: 48px;
  text-decoration: underline;
}

.mini-description-client.gw {
  margin-top: 48px;
  margin-left: 500px;
}

.num-img {
  border-radius: 4px;
}

.num-img._02, .num-img._03 {
  margin-top: 56px;
}

.num-img._03.border {
  border: 1px solid #f7fdfd;
  border-radius: 2px;
}

.num-img._04 {
  margin-top: 64px;
}

.num-img._04.border {
  border: 1px solid #fcf3f3;
  border-radius: 2px;
}

.num-img._05 {
  width: 580px;
  height: 329px;
  margin-bottom: 64px;
  margin-right: 40px;
}

.num-img._06 {
  width: 580px;
  height: 329px;
  margin-bottom: 64px;
}

.num-img._08, .num-img._07, .num-img._09 {
  margin-top: 64px;
}

.num-img._09._009 {
  margin-top: 40px;
}

.case-image {
  width: 1200px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}

.case-image._02 {
  margin-top: 88px;
}

.case-image._02.smgr-2._33._044, .case-image._02._009 {
  margin-bottom: 120px;
}

.case-image._03 {
  margin-top: 64px;
  display: block;
}

.case-image._03.gw {
  width: 1400px;
  margin-top: 140px;
}

.case-image._03.gw.last-block {
  margin-top: 0;
}

.case-image._04, .case-image._07 {
  margin-top: 64px;
}

.case-image._05.smgr {
  margin-top: 0;
}

.case-image.goodwine {
  width: auto;
  max-width: 100%;
}

.body-case.hi-marine-branding {
  background-color: #f3f3f3;
}

.div-block-31 {
  justify-content: center;
  align-items: center;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.drs-video-2 {
  margin-top: 80px;
}

.drs-video-2._03._009 {
  margin-top: 40px;
}

.drs-video-2.gw {
  margin-top: 68px;
}

.fullcsreen {
  width: 100%;
  height: 590px;
  margin-bottom: 72px;
  overflow: hidden;
}

.fullscreen-video {
  margin-top: -68px;
}

.read-more {
  color: #151515;
  cursor: pointer;
  width: 480px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 400px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-decoration: underline;
}

.read-more.shift {
  margin-left: 600px;
}

.readmore {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.vimeo-video {
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.vimeo-video.last-margin {
  margin-bottom: 120px;
}

.vimeo-video.tor {
  border-radius: 4px;
  margin-top: 56px;
  margin-bottom: 96px;
}

.vimeo-video.tor._2 {
  margin-top: 48px;
}

.vimeo-video.tor.colonn {
  margin-top: -204px;
}

.vimeo-video.nd {
  margin-bottom: 80px;
}

.image-descriptor {
  color: #706f6f;
  width: 950px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  font-family: PP pangram Sans, sans-serif;
  font-size: 16px;
}

.image-descriptor.fayni-lyodu, .image-descriptor.fayni-lyodu.short {
  width: 100%;
}

.image-descriptor.fayni-lyodu.before-after {
  letter-spacing: -.6px;
  align-items: flex-start;
  width: 100px;
  margin-bottom: 15px;
  margin-left: 0;
  font-family: Inter, sans-serif;
  display: flex;
}

.image-descriptor.fayni-lyodu.before-after._2 {
  letter-spacing: -.6px;
  margin-left: -401px;
  font-family: Inter, sans-serif;
}

.tree-images {
  justify-content: center;
  width: 1200px;
  margin: 100px auto 200px;
  padding-right: 0;
  display: flex;
}

.image-39 {
  position: relative;
  top: 130px;
}

.image-40 {
  position: relative;
  left: -50px;
}

.image-41 {
  position: relative;
  top: 40px;
}

.goodwine-video {
  width: 100%;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
}

.rose-back {
  background-color: #fad8d6;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 746px;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-42, .image-43 {
  width: 373px;
}

.phones {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: -560px;
  display: flex;
  position: relative;
  top: -668px;
}

.paragraph-12 {
  color: #151515;
  text-align: center;
  margin-top: 48px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.first-phone {
  margin-right: 34px;
}

.second-phone {
  margin-left: 34px;
}

.results-block {
  justify-content: center;
  align-items: center;
  width: 1200px;
  margin: 100px auto 140px;
  display: flex;
}

.bold-text-2 {
  color: #151515;
  font-family: PP pangram Sans, sans-serif;
  font-size: 70px;
  font-weight: 600;
}

.paragraph-13 {
  width: 188px;
  margin-top: 32px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75em;
}

.paragraph-13._2 {
  width: 330px;
}

.paragraph-13._3 {
  width: 197px;
}

.text-block-6 {
  color: #151515;
  font-family: PP pangram Sans, sans-serif;
  font-size: 70px;
  font-weight: 600;
}

.first-result {
  margin-right: 247px;
}

.second-result {
  margin-right: 206px;
}

.block-vision {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.block-vision._2 {
  margin-top: 120px;
}

.block-vision._2._3 {
  margin-top: 96px;
}

.two-blocks {
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.two-blocks._02 {
  justify-content: space-between;
  margin-top: 90px;
}

.two-blocks._02._06 {
  margin-top: 60px;
  margin-bottom: 80px;
}

.two-blocks._03 {
  padding-top: 0;
}

.two-blocks._2 {
  margin-top: 50px;
}

.two-blocks._2._3 {
  margin-bottom: 190px;
}

.two-blocks.gw-03 {
  margin-bottom: 120px;
}

.two-blocks.second {
  margin-bottom: 80px;
}

.paragraph-14 {
  z-index: 2;
  color: #151515;
  text-align: center;
  width: 370px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  font-family: PP pangram Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.85em;
  position: relative;
}

.image-44 {
  z-index: -9999;
  width: 560px;
  max-width: none;
  height: 620px;
  position: relative;
}

.bold-text-3 {
  text-align: center;
}

.blocks {
  margin-right: 38px;
}

.blocks._02 {
  margin-right: 0;
  position: relative;
  top: 120px;
}

.blocks._01 {
  height: 760px;
  position: relative;
  overflow: hidden;
}

.blocks._01.b {
  margin-top: -70px;
  position: relative;
  top: 120px;
}

.blocks._01.beta {
  height: 780px;
  margin-right: 0;
  top: 120px;
}

.blocks._01.beta.gwb-08 {
  height: 800px;
}

.blocks._01.gwb-07 {
  height: 770px;
}

.blocks._04 {
  margin-right: 0;
}

.html-embed-3 {
  z-index: 3;
  width: 560px;
  position: relative;
}

.div-block-34 {
  position: relative;
  top: -682px;
}

.image-45 {
  z-index: 1;
  width: 560px;
  position: relative;
  top: -697px;
}

.image-45._02 {
  top: -786px;
}

.image-45._02.gwi-02 {
  top: 0;
}

.image-45._04 {
  top: -727px;
}

.image-45._04._06 {
  top: 0;
}

.image-45.gwi-01 {
  z-index: auto;
  top: 0;
}

.image-45.gwi-01._005 {
  top: -698px;
}

.div-block-37 {
  height: 770px;
  position: relative;
  top: 120px;
}

.paragraph-15 {
  color: #151515;
  width: 320px;
  margin-left: 400px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4em;
}

.small-description-client-copy {
  color: #151515;
  width: 480px;
  margin-top: 56px;
  margin-bottom: 0;
  margin-left: 400px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}

.small-description-client-copy._03.big {
  width: 590px;
  font-size: 40px;
}

.small-description-client-copy._03.gw {
  margin-left: 600px;
}

.small-description-client-copy.gw._2 {
  width: 380px;
  margin-top: 96px;
}

.small-description-client-copy.gw._2._3 {
  width: 350px;
}

.small-description-client-copy.gw._2.last-block.lb-2 {
  width: 230px;
}

.small-description-client-copy._044 {
  width: 320px;
}

.small-description-client-copy._044.search {
  width: 210px;
}

.small-description-client-copy._256 {
  width: 480px;
}

.paragraph-16 {
  width: 480px;
  margin-top: 56px;
  margin-left: 400px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4em;
}

.paragraph-17 {
  color: #151515;
  width: 480px;
  margin-left: 400px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4em;
}

.div-block-38 {
  width: 1400px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.case-titles {
  color: #151515;
  letter-spacing: -1.6px;
  width: 480px;
  margin-bottom: 40px;
  margin-left: 400px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4em;
}

.case-titles.shift {
  letter-spacing: -1.6px;
  margin-left: 600px;
}

.case-titles.shift.bigger {
  font-size: 32px;
}

.case-titles.short {
  width: 220px;
}

.case-titles.last-margin {
  margin-bottom: 120px;
}

.case-titles._48 {
  letter-spacing: -1.4px;
}

.case-images {
  border-radius: 6px;
  width: 1200px;
  margin-bottom: 64px;
}

.case-images.last-margin {
  margin-bottom: 120px;
}

.case-images.last-margin.bordered {
  border-color: #f0f0f0;
}

.case-images.shift {
  width: 1400px;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.case-images.phone-gif.bad-boy {
  position: relative;
  top: -410px;
}

.case-images.video {
  z-index: 2;
  width: 1068px;
  margin-left: 63px;
  position: relative;
  top: 156px;
}

.case-images.video-back {
  position: relative;
  top: -694px;
}

.case-images.bordered {
  border: 1px solid #f0f0f0;
}

.case-images.bordered.fayni-lyodu {
  margin-bottom: 16px;
}

.case-images.bordered._4-pixels {
  border-radius: 4px;
}

.case-images.fayni-lyodu {
  margin-bottom: 16px;
}

.case-images.four-pixels {
  border-radius: 4px;
}

.case-images.four-pixels.moo {
  margin-top: 64px;
  margin-bottom: 0;
}

.case-images.video-center {
  justify-content: center;
  margin-bottom: 0;
  padding-right: 37px;
  display: flex;
}

.case-images.video-center._2 {
  margin-bottom: 0;
}

.case-images.double-video {
  border-radius: 6px;
  width: 360px;
  margin-right: 40px;
}

.case-images.double-video.right {
  margin-top: 84px;
}

.case-container {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.case-container.goodwine {
  width: 100%;
}

.case-container.full {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 80px;
  display: flex;
}

.case-container.full.pixel {
  background-color: #fff;
}

.case-container.full.dailydose {
  background-color: #c21a1e;
}

.case-container.full.machine-factor {
  background-color: #010147;
}

.case-container.full.elit {
  background-color: red;
}

.case-container.full.crello {
  background-color: #0000;
}

.case-container.full.colonnade {
  background-color: #f34a01;
}

.case-container.full.aspen {
  background-color: #004b51;
}

.case-container.full.fayni-lyodu-winter {
  background-color: #e65641;
}

.case-container.full.fayni-lyodu-summer {
  background-color: #ff9794;
}

.case-container.full.kolo-gmbh {
  background-color: #003a40;
  height: 620px;
  overflow: hidden;
}

.case-container.full.kolo-gmbh.yellow {
  background-color: #fdcc68;
  justify-content: center;
  align-items: center;
  height: 937px;
  overflow: hidden;
}

.case-container.full.torsus-praetorian {
  background-color: #d2131c;
}

.case-container.full.fatdrag {
  background-color: #fff;
}

.case-container.full.a-mega {
  background-color: #b1eceb;
}

.case-container.full.inzhur {
  background-color: #fff;
}

.case-container.full.moonhauzen {
  background-color: #6244bb;
  margin-top: 104px;
}

.case-container.full.moonhauzen.second-screen {
  background-color: #000;
  height: 680px;
  padding-top: 0;
}

.case-container.full.moo-sitte {
  background-color: #131313;
}

.case-container.full.fabo {
  background-color: #cf4520;
}

.case-container.last-margin {
  margin-bottom: 120px;
}

.case-container.last-margin.flw {
  height: 520px;
}

.case-container.last-margin.flw._2 {
  height: 670px;
}

.case-container.last-margin.flw._3 {
  height: 1848px;
}

.case-container.overlay {
  height: 898px;
  margin-bottom: 72px;
}

.case-container.wide {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.case-container.wide.last-margin {
  margin-bottom: 96px;
}

.case-container.fayni-lyodu.logos {
  background-color: #ff9794;
  height: 620px;
  margin-bottom: 64px;
}

.case-container.flw._3 {
  height: 1860px;
}

.case-container.flw.insta {
  height: 290px;
  margin-bottom: 120px;
}

.case-container.before-after {
  align-items: flex-start;
  display: flex;
}

.case-container.sola {
  height: 1358px;
  margin-bottom: 64px;
}

.case-container._3 {
  height: 1291px;
  margin-bottom: 64px;
}

.case-container.twice {
  margin-bottom: 270px;
}

.case-container.overflow {
  height: 620px;
  display: flex;
  overflow: hidden;
}

.case-container.hi-5th {
  justify-content: center;
  align-items: center;
  height: 870px;
  margin-bottom: 64px;
  display: flex;
}

.case-container.fabo {
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.case-container.fabo-double {
  justify-content: space-around;
  display: flex;
}

.case-text-mini {
  color: #151515;
  letter-spacing: -.6px;
  width: 480px;
  margin-bottom: 40px;
  margin-left: 400px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: static;
}

.case-text-mini.shift {
  letter-spacing: -.6px;
  margin-left: 600px;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.case-text-mini.shift.last-margin {
  margin-bottom: 120px;
}

.case-text-mini.shift.insta {
  width: 260px;
  margin-left: 640px;
}

.case-text-mini.shift.white {
  color: #fff;
}

.case-titles-big {
  color: #151515;
  letter-spacing: -3px;
  width: 590px;
  margin-bottom: 32px;
  margin-left: 400px;
  font-family: Inter, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.4em;
}

.case-titles-big.shift {
  margin-left: 600px;
}

.case-titles-big.white {
  color: #fff;
}

.case-titles-big.white.cantered {
  text-align: center;
  width: 100%;
}

.big-header {
  width: 1200px;
  margin-top: 180px;
  margin-left: auto;
  margin-right: auto;
}

.big-header.colonnade-ad {
  margin-top: 80px;
}

.phone-gif.bad-boy {
  height: 690px;
  margin-bottom: 60px;
}

.image-46 {
  z-index: 1;
  width: 230px;
  position: relative;
  top: 0;
  left: 498px;
}

.image-46.bad-boy {
  top: 122px;
}

.image-47 {
  width: 460px;
  margin-bottom: 240px;
  position: relative;
}

.div-block-39 {
  justify-content: space-around;
  align-items: stretch;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 90px;
  padding-right: 90px;
  display: flex;
}

.image-48 {
  width: 460px;
  height: 540px;
  position: relative;
  top: 160px;
}

.image-49 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.image-49.elit {
  width: 100%;
  max-width: 100%;
}

.image-49.bordered {
  border: 1px solid #f0f0f0;
  border-radius: 4px;
}

.list {
  width: 480px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.heading-7 {
  color: #151515;
  text-align: center;
  width: 560px;
  margin: 110px auto 96px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 60px;
}

.three-phones {
  justify-content: center;
  align-items: center;
  width: 1200px;
  margin-bottom: 96px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.phones-smartgroup {
  width: 260px;
  margin-right: 56px;
}

.phones-smartgroup.nomargin {
  margin-right: 0;
}

.html-embed-4 {
  width: 440px;
  height: 531px;
  margin-left: auto;
  margin-right: auto;
}

.image-50 {
  border-radius: 6px;
  width: 560px;
  margin-bottom: 64px;
}

.image-50.bordered {
  border: 1px solid #f0f0f0;
  border-radius: 4px;
}

.image-50.bordered.three {
  width: 360px;
}

.image-50.three {
  border-radius: 4px;
  width: 360px;
}

.image-50._20-pixels {
  border-radius: 30px;
}

.image-51 {
  border-radius: 6px;
  width: 560px;
  margin-bottom: 64px;
}

.image-51._4-pixels {
  border-radius: 4px;
}

.image-52 {
  max-width: 170%;
  margin-bottom: 64px;
  position: sticky;
  top: 3px;
}

.div-block-40 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.image-53 {
  z-index: 3;
  width: 260px;
  position: relative;
  top: 60px;
  left: 320px;
}

.image-54 {
  width: 460px;
  margin-bottom: 20px;
}

.div-block-41 {
  z-index: 2;
  width: 470px;
  margin-bottom: 50px;
  position: relative;
  top: 0;
  left: 430px;
  overflow: hidden;
}

.image-55 {
  width: 258px;
  position: relative;
  left: 280px;
}

.image-56 {
  width: 258px;
  margin-bottom: 20px;
}

.div-block-42 {
  width: 358px;
  position: relative;
  top: -180px;
  left: 580px;
  overflow: hidden;
}

.image-57 {
  width: 156px;
  position: relative;
  top: -58px;
}

.image-58 {
  width: 230px;
  position: relative;
  top: 170px;
  left: 314px;
}

.image-59 {
  width: 265px;
  position: relative;
  top: 430px;
  left: 70px;
  right: auto;
}

.image-60 {
  width: 358px;
  position: relative;
  top: 46px;
  left: 200px;
}

.image-62 {
  width: 358px;
  position: relative;
  top: 218px;
  left: 260px;
}

.image-63 {
  width: 260px;
  position: relative;
  left: 580px;
}

.image-64 {
  width: 360px;
  position: relative;
  top: 360px;
}

.image-65 {
  width: 360px;
  position: relative;
  top: 500px;
  left: 50px;
}

.image-66 {
  width: 360px;
  position: relative;
  top: 500px;
  left: 450px;
}

.image-67 {
  width: 360px;
  position: relative;
  top: 800px;
  left: -210px;
}

.image-68 {
  width: 360px;
  position: relative;
  top: 990px;
  left: -80px;
}

.image-69 {
  width: 197px;
  position: relative;
  top: -200px;
  left: 400px;
}

.div-block-43 {
  justify-content: center;
  align-items: center;
  width: 1200px;
  margin: -580px auto 274px;
  display: flex;
}

.div-block-44 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.sola-logo {
  justify-content: center;
  align-items: center;
  width: 1200px;
  margin: -560px auto 254px;
  display: flex;
}

.div-block-45 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.sola-links {
  width: 1200px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-46 {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-47 {
  align-items: center;
  margin-right: 20px;
  text-decoration: none;
  display: flex;
}

.div-block-48 {
  display: flex;
}

.paragraph-18 {
  color: #66685f;
  font-family: PP pangram Sans, sans-serif;
  font-weight: 500;
}

.paragraph-19 {
  color: #66685f;
  text-transform: uppercase;
  margin-right: 10px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  position: relative;
  top: 5px;
}

.paragraph-20 {
  color: #66685f;
  text-transform: uppercase;
  margin-right: 10px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
  position: relative;
  top: 5px;
}

.image-72 {
  max-width: 12%;
  margin-top: -10px;
}

.image-73 {
  max-width: 12%;
}

.div-block-49 {
  background-color: #f5f5f4;
  max-width: 100%;
  height: 650px;
  padding-top: 112px;
}

.div-block-49._2 {
  background-color: #fff;
  height: 363px;
}

.div-block-49._2._3 {
  margin-bottom: 210px;
}

.div-block-49.olymed {
  background-color: #fff;
}

.div-block-49.olymed._2 {
  height: 378px;
}

.div-block-50 {
  align-items: flex-start;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-50._2._3 {
  position: relative;
  top: 290px;
}

.heading-8 {
  color: #989a91;
  align-items: flex-start;
  width: 411px;
  margin-top: 0;
  margin-right: 150px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.35em;
  display: block;
}

.heading-8.sola {
  height: auto;
  margin-bottom: 0;
  line-height: 140%;
}

.heading-8.sola.wide {
  width: 520px;
  margin-right: 40px;
}

.heading-8.sola._2 {
  color: #66685f;
  width: 290px;
}

.heading-8.olymed {
  color: #fff;
  width: 490px;
}

.heading-8.olymed.blue {
  color: #003a4e;
}

.paragraph-21 {
  color: #66685f;
  width: 390px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 16px;
  line-height: 1.6em;
}

.paragraph-21.olymed {
  color: #fff;
}

.paragraph-21.olymed.blue {
  color: #003a4e;
}

.div-block-51 {
  width: 1200px;
  margin-top: -220px;
  margin-left: auto;
  margin-right: auto;
}

.heading-9 {
  color: #989a91;
  text-align: center;
  margin-bottom: 76px;
  font-family: PP pangram Sans, sans-serif;
  font-weight: 600;
}

.div-block-52, .div-block-53 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.image-74 {
  width: 560px;
  position: relative;
  left: 110px;
}

.image-75 {
  width: 317px;
  position: relative;
  top: 250px;
  left: 202px;
}

.image-76 {
  width: 460px;
  position: relative;
  top: 50px;
  left: 110px;
}

.image-77 {
  width: 400px;
  position: relative;
  top: 290px;
  left: 219px;
}

.image-78 {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.heading-10 {
  color: #989a91;
  text-align: center;
  justify-content: center;
  margin-top: -120px;
  margin-bottom: 93px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 140%;
  display: flex;
}

.image-79 {
  width: 435px;
  position: relative;
  left: 140px;
}

.image-80 {
  width: 398px;
  position: relative;
  top: 230px;
  left: 220px;
}

.image-81 {
  width: 485px;
  position: relative;
  top: 40px;
}

.image-82 {
  width: 518px;
  position: relative;
  top: 250px;
  left: 77px;
}

.heading-11 {
  color: #989a91;
  font-family: PP pangram Sans, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 140%;
  position: relative;
  top: 50px;
}

.div-block-54 {
  justify-content: center;
  margin-bottom: 140px;
  display: flex;
}

.image-83 {
  width: 118px;
  position: relative;
  left: 50px;
}

.image-84 {
  width: 118px;
  position: relative;
  top: 30px;
  left: 20px;
}

.image-85 {
  width: 118px;
  position: relative;
  left: -10px;
}

.image-86 {
  width: 118px;
  position: relative;
  top: 30px;
  left: -50px;
}

.heading-12 {
  color: #989a91;
  text-align: center;
  margin-top: 150px;
  margin-bottom: 0;
  font-family: PP pangram Sans, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 150%;
}

.paragraph-22 {
  color: #989a91;
  text-align: center;
  margin-top: 20px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.div-block-55 {
  background-color: #f5f5f4;
  max-width: 100%;
  height: 520px;
  padding-top: 80px;
  overflow: hidden;
}

.div-block-55.olymed {
  background-color: #f0f4f6;
  height: 510px;
  margin-bottom: 120px;
}

.image-87 {
  max-width: 120%;
  display: inline-block;
  position: relative;
  top: -407px;
  left: 710px;
}

.image-88, .image-89 {
  width: 60px;
  margin-top: 60px;
}

.image-90 {
  width: 190px;
  margin-top: 60px;
}

.div-block-56 {
  width: 60px;
  margin-right: 20px;
}

.div-block-57 {
  width: 223px;
  display: flex;
}

.div-block-58 {
  width: 60px;
  margin-right: 20px;
}

.div-block-59 {
  width: 70px;
}

.div-block-60 {
  background-color: #eeefef;
  max-width: 100%;
  height: 960px;
}

.div-block-60.tors {
  background-color: #041c30;
  height: 1550px;
  margin-top: 150px;
  margin-bottom: 140px;
}

.div-block-60.tors.ndnet {
  background-color: #454b50;
}

.image-91 {
  border-radius: 4px;
  width: 203px;
  position: relative;
  top: -430px;
  left: 80px;
}

.image-91.tor-img._01 {
  top: -135px;
}

.image-91.nd-img._01 {
  top: -299px;
}

.image-92 {
  border-radius: 4px;
  width: 203px;
  position: relative;
  top: -452px;
  left: 150px;
}

.image-92.tor-img._02 {
  border: 1px solid #f0f0f0;
  top: -160px;
}

.image-92.nd-img {
  top: -170px;
}

.image-92.nd-img._02 {
  border: 1px solid #f1f1f1;
  top: -90px;
}

.image-93 {
  border-radius: 4px;
  width: 203px;
  position: relative;
  top: -175px;
  left: 230px;
}

.image-93.tor-img._03 {
  top: -160px;
}

.image-93.nd-img._03 {
  border: 1px solid #f1f1f1;
  top: -90px;
}

.image-94 {
  border-radius: 4px;
  width: 203px;
  position: relative;
  top: -447px;
  left: 310px;
}

.image-94.tor-img._04 {
  border: 1px solid #f0f0f0;
  top: -55px;
}

.image-94.nd-img._04 {
  border: 1px solid #f1f1f1;
  top: -180px;
}

.image-95 {
  border-radius: 4px;
  width: 203px;
  position: relative;
  top: 60px;
  left: -733px;
}

.image-95.tor-img._05 {
  top: 390px;
}

.image-95.nd-img._05 {
  top: 260px;
}

.image-96 {
  border-radius: 4px;
  width: 203px;
  position: relative;
  top: -690px;
  left: 353px;
}

.image-96.tor-img._06 {
  top: -278px;
}

.image-96.tor-img._06.torsu {
  top: -430px;
}

.image-96.nd-img._06 {
  border: 1px solid #f1f1f1;
  border-radius: 1px;
  top: -40px;
}

.image-97 {
  border-radius: 4px;
  width: 203px;
  position: relative;
  top: -640px;
  left: 716px;
}

.image-97.tor-img._08 {
  top: -220px;
}

.image-97.nd-img._09 {
  top: -200px;
}

.image-98 {
  border-radius: 4px;
  width: 203px;
  position: relative;
  top: -210px;
  left: 230px;
}

.image-98.tor-img._07 {
  top: -51px;
}

.image-98.tor-img._07.torsu {
  top: -200px;
}

.image-98.nd-img._07 {
  top: -130px;
}

.image-99 {
  border-radius: 4px;
  width: 203px;
  position: relative;
  top: -180px;
  left: -255px;
}

.image-99.tor-img._09 {
  top: 120px;
  left: -530px;
}

.image-99.tor-img._10 {
  top: 296px;
  left: -460px;
}

.image-99.tor-img._10.torsu {
  top: 120px;
}

.image-99.nd-img._09 {
  top: 70px;
  left: -530px;
}

.div-block-61 {
  background-color: #c7cac9;
  height: 530px;
  margin-bottom: 139px;
}

.div-block-62 {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.image-100 {
  border-radius: 4px;
  width: 360px;
  position: relative;
  top: 150px;
  left: 180px;
}

.image-101 {
  border-radius: 4px;
  width: 360px;
  position: relative;
  top: 60px;
  left: 240px;
}

.div-block-63 {
  background-color: #fff;
  max-width: 100%;
  height: 120px;
  margin-bottom: -130px;
  display: none;
}

.div-block-64 {
  background-color: #fff;
  max-width: 100%;
  height: 120px;
  margin-bottom: -50px;
}

.image-102 {
  width: 507px;
  position: relative;
  top: 46%;
  left: 8%;
}

.image-103 {
  width: 844px;
  position: relative;
  top: 10%;
  left: -3%;
}

.image-104 {
  width: 930px;
  max-width: none;
  position: relative;
  top: 18%;
  left: -10%;
}

.image-105 {
  width: 96px;
  position: relative;
  top: 0%;
  left: -31%;
}

.image-106 {
  width: 380px;
  display: block;
  position: relative;
  top: -20%;
  left: -27%;
}

.image-107 {
  max-width: 42%;
  position: relative;
  top: -20%;
  left: 39%;
}

.image-108 {
  width: 34px;
  position: relative;
  top: 35%;
  left: -27%;
}

.image-109 {
  width: 1076px;
  position: relative;
  top: -25%;
  left: 34%;
}

.image-110 {
  width: 1822px;
  position: relative;
  top: 7%;
  left: -40%;
}

.image-111 {
  width: 572px;
  position: relative;
  top: 57%;
  left: -86%;
}

.div-block-65 {
  background-color: #fdcc68;
  justify-content: center;
  align-items: center;
  width: 1200px;
  height: 750px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-112 {
  z-index: 3;
  width: 244px;
  position: relative;
  top: -30px;
  left: 173px;
}

.image-113 {
  z-index: 2;
  width: 388px;
  position: relative;
  top: 70px;
  left: -50px;
}

.image-114 {
  z-index: 1;
  width: 244px;
  position: relative;
  top: 0;
  left: -140px;
}

.image-115 {
  z-index: 3;
  width: 650px;
  position: relative;
  top: 20px;
  left: 38px;
}

.image-116 {
  z-index: 1;
  width: 206px;
  position: relative;
  top: -40px;
  left: 251px;
}

.image-117 {
  width: 209px;
  position: relative;
  top: -30px;
  left: -234px;
}

.image-118 {
  width: 470px;
  margin-right: 80px;
  position: relative;
  top: -60px;
}

.image-119 {
  width: 466px;
}

.div-block-66 {
  background-color: #fdcc68;
  border: 1px #fdcc68;
  width: 470px;
  height: 620px;
  position: relative;
  top: 80px;
  overflow: hidden;
}

.image-120 {
  width: 542px;
  max-width: 116%;
  position: relative;
  top: -419px;
  left: 76px;
}

.image-121 {
  max-width: 71%;
  position: relative;
}

.image-122 {
  width: 1134px;
  max-width: 242%;
  position: relative;
  top: -65px;
  left: -120px;
}

.image-123 {
  width: 133px;
  position: relative;
  top: -654px;
  left: 295px;
}

.image-124 {
  width: 132px;
  position: relative;
  top: -551px;
  left: 78px;
}

.image-125 {
  width: 203px;
  position: relative;
  top: -451px;
  left: -30px;
}

.image-126 {
  width: 58px;
  position: relative;
  top: -493px;
  left: 404px;
}

.image-127 {
  width: 580px;
  margin-right: 40px;
  position: relative;
  top: -80px;
}

.image-128 {
  width: 580px;
  margin-bottom: 210px;
  position: relative;
  top: 140px;
}

.div-block-67 {
  background-color: #fff;
  width: 1200px;
  height: 20px;
  margin-top: -30px;
  position: relative;
  top: 60px;
}

.paragraph-23 {
  color: #fff;
}

.div-block-68 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 47px;
}

.image-129 {
  z-index: 2;
  width: 370px;
  position: relative;
  left: 300px;
}

.image-130 {
  z-index: 3;
  width: 510px;
  position: relative;
  left: 130px;
}

.image-131 {
  z-index: 1;
  display: block;
  position: relative;
  top: -530px;
}

.div-block-69 {
  max-width: 100%;
  height: 790px;
  margin-top: 149px;
}

.prob {
  width: 360px;
  height: 288px;
  margin-right: 40px;
  text-decoration: none;
}

.prob.brand {
  margin-top: 0;
}

.image-132, .image-133, .image-134, .image-135, .image-136, .image-137, .image-138, .image-139, .image-140, .image-141, .image-142, .image-143, .image-144, .image-145, .image-146, .image-147, .image-148, .image-149, .image-150, .image-151, .image-152, .image-153 {
  border-radius: 4px;
}

.big-image {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.additional-image {
  width: 1200px;
  height: 646px;
  margin: -510px auto 100px;
  overflow: hidden;
}

.image-155 {
  width: 100%;
  height: 695px;
}

.res-block {
  width: 1200px;
  margin: 72px auto 120px;
  display: flex;
}

.results {
  color: #003a4e;
  font-family: PP pangram Sans, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 140%;
}

.text-block-7 {
  color: #003a4e;
  margin-bottom: 32px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.text-block-8 {
  color: #003a4e;
  text-transform: uppercase;
  margin-bottom: 32px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.text-block-9, .text-block-10 {
  color: #003a4e;
  margin-bottom: 32px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.paragraph-24, .paragraph-25, .paragraph-26 {
  color: #003a4e;
  font-family: PP pangram Sans, sans-serif;
  font-size: 28px;
  font-weight: 600;
}

.paragraph-27 {
  color: #003a4e;
  margin-right: 20px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 28px;
  font-weight: 600;
}

.div-block-73, .div-block-74 {
  margin-right: 56px;
}

.div-block-75 {
  margin-right: 200px;
}

.div-block-76 {
  text-decoration: none;
  display: flex;
}

._4-blocks {
  width: 1200px;
  margin-bottom: 240px;
  margin-left: auto;
  margin-right: auto;
}

.image-156 {
  width: 239px;
  margin-right: 64px;
  position: relative;
  top: 70px;
}

.image-157 {
  width: 239px;
  margin-right: 64px;
}

.image-158 {
  width: 239px;
  margin-right: 64px;
  position: relative;
  top: 20px;
}

.image-159 {
  width: 239px;
  position: relative;
  top: 60px;
}

.image-160 {
  width: 326px;
  position: relative;
  left: 70px;
}

.image-161 {
  width: 392px;
  position: relative;
  top: 110px;
  left: 40px;
}

.image-162 {
  width: 289px;
  position: relative;
  left: 30px;
}

.div-block-77 {
  background-color: #003a4e;
  border-radius: 200px;
  width: 109px;
  height: 109px;
  position: relative;
  top: -330px;
  left: 300px;
}

.paragraph-28 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: PP pangram Sans, sans-serif;
  display: flex;
  position: relative;
  top: 45px;
}

.image-163 {
  border-radius: 12px;
  width: 360px;
  position: relative;
  top: 151px;
  left: 130px;
}

.image-164 {
  border-radius: 12px;
  width: 403px;
  position: relative;
  top: 20px;
}

.image-165 {
  border-radius: 12px;
  width: 360px;
  position: relative;
  top: 130px;
  left: -30px;
}

.div-block-78 {
  background-color: #ff4f6b;
  border-radius: 200px;
  width: 109px;
  height: 109px;
  position: relative;
  top: -250px;
  left: 270px;
}

.div-block-79 {
  background-color: #003a4e;
  width: 100%;
  max-width: 100%;
  margin-top: 200px;
  margin-bottom: 140px;
  padding-top: 160px;
  padding-bottom: 300px;
}

.heading-13 {
  color: #fff;
  text-align: center;
  width: 610px;
  margin-left: auto;
  margin-right: auto;
  font-family: PP pangram Sans, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.4em;
}

.image-166 {
  width: 370px;
  margin-right: 37px;
  position: relative;
  top: 290px;
}

.image-167 {
  width: 370px;
  position: relative;
  top: 0;
}

.image-168 {
  width: 370px;
  position: relative;
  top: 37px;
}

.image-169 {
  width: 370px;
  margin-right: 37px;
  position: relative;
  top: 167px;
}

.image-170 {
  width: 370px;
  margin-right: 37px;
  position: relative;
  top: 47px;
}

.image-171 {
  width: 370px;
  position: relative;
  top: -83px;
}

.div-block-80, .div-block-81 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-82 {
  justify-content: center;
  align-items: center;
  margin-bottom: 297px;
  display: flex;
}

.div-block-83, .div-block-84 {
  margin-top: 160px;
}

.image-172 {
  position: relative;
  top: 18px;
}

.div-block-85 {
  justify-content: center;
  align-items: center;
  margin-top: 123px;
  display: flex;
}

.image-173 {
  width: 560px;
  max-width: none;
  margin-right: 40px;
  position: relative;
  top: 174px;
}

.image-174 {
  width: 560px;
  max-width: none;
  position: relative;
  top: 70px;
}

.image-175 {
  width: 560px;
  max-width: none;
  position: relative;
  top: 110px;
}

.paragraph-29 {
  color: #fff;
}

.main-visual-colonnade {
  background-color: #ff5400;
  width: 100%;
  height: 696px;
  margin-top: 230px;
  margin-bottom: 196px;
}

.main-visual-colonnade._2 {
  margin-top: 120px;
}

.laptop-colonnade {
  justify-content: center;
  align-items: center;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.laptop {
  z-index: 99;
  width: 914px;
  position: relative;
  top: -170px;
}

.bubbles {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -963px;
}

.bubbles._2 {
  top: 0;
}

.bubble {
  z-index: 97;
  width: 104px;
  position: relative;
  top: 40px;
}

.bubble._02 {
  z-index: 96;
  top: 10px;
  left: -70px;
}

.bubble._03 {
  top: 410px;
  left: -120px;
}

.bubble._04 {
  z-index: 98;
  top: 100px;
  left: -187px;
}

.bubble._05 {
  top: -40px;
}

.bubble._06 {
  left: 440px;
}

.bubble._07 {
  top: 224px;
  left: 480px;
}

.bubble._08 {
  top: 233px;
  left: 420px;
}

.bubble._09 {
  top: 250px;
  left: 260px;
}

.bubble._10 {
  top: 640px;
  left: 90px;
}

.bubble._10.b {
  left: 470px;
}

.div-block-88 {
  width: 480px;
  margin-left: 400px;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.image-176 {
  border-radius: 100px;
  width: 77px;
  margin-right: 24px;
}

.div-block-89 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-30 {
  letter-spacing: -1px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.div-block-90 {
  background-color: #f8f8f8;
  width: 100%;
  margin-top: 110px;
  padding-top: 96px;
}

.image-177 {
  z-index: 96;
  border-radius: 24px;
  position: relative;
}

.div-block-91 {
  z-index: 100;
  background-color: #ff5400;
  border-radius: 200px;
  width: 200px;
  height: 200px;
  text-decoration: none;
  position: relative;
  top: -1210px;
  left: 260px;
}

.paragraph-31 {
  color: #fff;
  text-align: center;
  font-family: PP pangram Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  position: relative;
  top: 60px;
}

.image-178 {
  position: relative;
  top: 60px;
  left: 91px;
}

.paragraph-32 {
  color: #151515;
  letter-spacing: -9px;
  font-family: Inter, sans-serif;
  font-size: 70px;
  font-weight: 600;
  line-height: 90px;
}

.paragraph-33 {
  color: #151515;
  letter-spacing: -1px;
  width: 480px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 50px;
  margin-top: 96px;
  margin-bottom: 210px;
}

.div-block-92 {
  background-color: #ff5400;
  justify-content: center;
  margin-bottom: 120px;
  display: flex;
}

.image-179 {
  border-radius: 20px;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -124px;
}

.div-block-93 {
  border: 1px solid #eee;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 56px;
  display: flex;
  position: relative;
  top: -163px;
}

.div-block-93._2 {
  top: -280px;
}

.div-block-93._4 {
  top: -250px;
}

.div-block-93._5 {
  top: -205px;
}

.div-block-94 {
  width: 1200px;
  height: 166px;
  margin-top: 88px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-94._2 {
  height: 285px;
}

.div-block-94._3 {
  height: 258px;
  margin-bottom: 8px;
}

.paragraph-34 {
  text-align: center;
  margin-bottom: 0;
  font-family: PP pangram Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.text-span-9 {
  color: #c3c3c3;
}

.div-block-95 {
  background-color: #f9f9fb;
  padding-top: 65px;
  padding-bottom: 65px;
}

.div-block-96 {
  background-image: linear-gradient(183deg, #edeef3, #fff);
  justify-content: center;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 112px;
  display: block;
}

.div-block-96._2 {
  height: 2580px;
  margin-top: 118px;
}

.div-block-97 {
  z-index: 99;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.image-180 {
  width: 100px;
  position: relative;
  left: 95px;
}

.image-180._2 {
  top: 520px;
  left: -6px;
}

.image-180._3 {
  top: 460px;
  left: 90px;
}

.image-180._4 {
  top: 530px;
  left: 40px;
}

.image-180._5 {
  top: 40px;
}

.image-180._6 {
  top: 470px;
  left: 240px;
}

.image-180._7 {
  top: 420px;
  left: 360px;
}

.image-180._8 {
  top: 450px;
  left: 320px;
}

.image-180._9 {
  top: 500px;
  left: 150px;
}

.image-180._10 {
  top: 460px;
  left: 260px;
}

.image-180._1 {
  top: 210px;
  left: 40px;
}

.div-block-98 {
  z-index: 97;
  justify-content: center;
  align-items: center;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.div-block-99 {
  background-color: #f9f9fb;
  justify-content: center;
  height: 468px;
  margin-bottom: 400px;
  display: flex;
}

.image-181 {
  z-index: 99;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 80px;
  box-shadow: 0 20px 20px -4px #f6f6f9;
}

.image-182 {
  z-index: 98;
  position: relative;
  top: -390px;
  left: 66px;
}

.image-183 {
  z-index: 98;
  margin-bottom: -460px;
  position: relative;
  top: -460px;
  left: 60px;
}

.image-184 {
  z-index: 99;
  border-radius: 20px;
  position: relative;
  top: 10px;
  box-shadow: 0 20px 20px -4px #f6f6f9;
}

.div-block-100 {
  background-color: #fff;
  border-radius: 30px;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 1px 1px 20px #f5f5f5;
}

.image-185 {
  width: 101px;
  margin-top: 80px;
  margin-bottom: 40px;
  margin-left: 80px;
}

.image-185._2 {
  width: 118px;
}

.image-185._3 {
  width: 82px;
}

.paragraph-35 {
  color: #383a42;
  letter-spacing: -1px;
  margin-bottom: 24px;
  margin-left: 80px;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
}

.paragraph-36 {
  color: #989eae;
  letter-spacing: -.6px;
  width: 400px;
  margin-bottom: 0;
  margin-left: 80px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.grid-2 {
  padding-bottom: 80px;
}

.div-block-101 {
  background-color: #ff5400;
  height: 460px;
  margin-top: 48px;
  margin-bottom: 250px;
  display: flex;
}

.div-block-102 {
  justify-content: space-around;
  align-items: center;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.paragraph-37 {
  color: #fff;
  margin-bottom: 20px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

.paragraph-38 {
  color: #fff;
  font-family: PP pangram Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.div-block-103 {
  width: 360px;
}

.div-block-104 {
  width: 560px;
  position: relative;
  top: 90px;
}

.div-block-105 {
  background-color: #f9f9fb;
  margin-top: 48px;
  padding-top: 96px;
  padding-bottom: 96px;
}

.div-block-106 {
  background-color: #090909;
  margin-bottom: 120px;
  padding-top: 72px;
  padding-bottom: 72px;
}

.div-block-107 {
  justify-content: space-between;
  align-items: flex-start;
  width: 1200px;
  margin-top: 110px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-108 {
  border: 1px solid #eee;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 56px;
  display: flex;
}

.div-block-109 {
  z-index: 98;
  background-color: #fff;
  border: 1px solid #f0f4fa;
  border-radius: 30px;
  padding: 40px 48px;
  position: relative;
}

.paragraph-39 {
  color: #090909;
  letter-spacing: -.6px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.paragraph-40 {
  color: #817575;
  letter-spacing: -.6px;
  width: 264px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-41 {
  color: #ff5400;
  letter-spacing: -.6px;
  width: 448px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 150%;
}

.div-block-110 {
  background-color: #fff;
  border-radius: 30px;
  padding: 56px;
  box-shadow: 0 0 32px #9191911f;
}

.div-block-111 {
  z-index: 120;
  position: relative;
  left: -140px;
}

.div-block-112 {
  position: relative;
  top: 30px;
  left: 52px;
}

.div-block-113 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-114 {
  background-color: #f9f9fb;
  height: 530px;
  margin-top: -50px;
  margin-bottom: 240px;
  padding-top: 120px;
}

.div-block-114.orange {
  background-color: #ff5400;
  height: 816px;
  margin-bottom: 172px;
}

.div-block-114.orange._2 {
  height: 670px;
}

.div-block-114.orange._6 {
  height: 656px;
  margin-top: 180px;
}

.div-block-114._4 {
  height: 990px;
}

.div-block-114._5 {
  height: 726px;
  margin-bottom: 172px;
}

.div-block-114._6 {
  margin-top: -230px;
  margin-bottom: 120px;
  padding-top: 180px;
}

.div-block-115 {
  justify-content: space-between;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-116 {
  border-radius: 20px;
  width: 768px;
}

.div-block-117 {
  border-radius: 20px;
}

.image-187 {
  border-radius: 20px;
  width: 320px;
  box-shadow: 0 20px 20px -4px #f6f6f9;
}

.image-188, .image-189 {
  border-radius: 20px;
  box-shadow: 0 20px 20px -4px #f6f6f9;
}

.div-block-118 {
  background-color: #f9f9fb;
  height: 632px;
  margin-bottom: 190px;
  padding-top: 80px;
  display: flex;
}

.image-190 {
  border-radius: 20px;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 20px 20px -4px #f6f6f9;
}

.div-block-119 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-120 {
  width: 1200px;
  margin-top: 110px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-191, .image-192 {
  border-radius: 20px;
  box-shadow: 0 20px 20px -4px #f6f6f9;
}

.div-block-121 {
  z-index: 98;
  background-color: #f9f9fb;
  justify-content: center;
  align-items: center;
  height: 730px;
  margin-top: 220px;
  display: block;
  position: relative;
}

.image-193 {
  width: 1021px;
  margin-top: -90px;
  display: block;
}

.div-block-122 {
  justify-content: center;
  align-items: center;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.iframes {
  z-index: 98;
  border-radius: 48px 48px 0 0;
  justify-content: center;
  align-items: center;
}

.iframes._768, .iframes._568, .iframes._320 {
  display: none;
}

.mobile-vimeo-colonnade {
  z-index: 9999;
  background-color: #fff;
  border-radius: 48px 48px 0 0;
  justify-content: center;
  align-items: center;
  width: 360px;
  height: 637px;
  margin-bottom: 0;
  display: flex;
  position: relative;
  top: -91px;
  left: 652px;
  overflow: visible;
}

.div-block-124 {
  z-index: 99;
  background-color: #ff5400;
  height: 750px;
  margin-top: -187px;
  margin-bottom: 230px;
  padding-top: 96px;
  position: relative;
}

.grid-3 {
  grid-column-gap: 29px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 90px;
}

.div-block-125 {
  background-color: #fff;
  border-radius: 30px;
  width: 275px;
  height: 250px;
  text-decoration: none;
}

.div-block-125._04, .div-block-125._05, .div-block-125._06, .div-block-125._07, .div-block-125._08 {
  display: none;
}

.paragraph-42 {
  color: #383a42;
  letter-spacing: -.6px;
  margin-bottom: 40px;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 150%;
}

.paragraph-42.ua {
  font-size: 18px;
}

.div-block-126 {
  margin-top: -14px;
  margin-left: 40px;
}

.image-194 {
  width: 86px;
  margin-bottom: 48px;
}

.image-195 {
  width: 518px;
  position: relative;
  top: -760px;
  left: 572px;
}

.div-block-127 {
  background-color: #f9f9fb;
  height: 193px;
  position: relative;
  top: -940px;
}

.html-embed-5 {
  position: relative;
  top: -330px;
}

.gw-vid {
  border-radius: 4px;
  width: 360px;
  height: 539px;
  position: relative;
  top: -629px;
  overflow: hidden;
}

.html-embed-6 {
  border-radius: 4px;
  width: 560px;
  height: 407px;
  position: relative;
  top: -507px;
}

.struggle-header {
  z-index: 3;
  cursor: none;
  width: 100vw;
  margin-left: 2.22vw;
  margin-right: auto;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 45%;
}

.text-block-11 {
  color: #000;
  letter-spacing: -.208vw;
  width: 124vw;
  margin-right: 2vw;
  font-family: Ermilov, sans-serif;
  font-size: 6.666vw;
  font-weight: 700;
  line-height: 6.944vw;
  text-decoration: none;
  position: static;
  top: 45%;
  overflow: hidden;
}

.struggle-stroke {
  color: #fff0;
}

.vktr {
  cursor: none;
  width: 100px;
  text-decoration: none;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
}

.text-block-12 {
  color: #000;
  margin-left: .4vw;
  font-family: PP pangram Sans, sans-serif;
  line-height: 32px;
  text-decoration: none;
}

.text-block-12:hover {
  color: #fff;
}

.foot-links {
  z-index: 9998;
  justify-content: space-between;
  margin-left: 4.44vw;
  margin-right: 4.44vw;
  display: flex;
  position: fixed;
  inset: auto 0% 5%;
  overflow: hidden;
}

.menu-ukraine {
  z-index: 9999;
  justify-content: space-between;
  margin-left: 4.44vw;
  margin-right: 4.44vw;
  display: none;
  position: fixed;
  inset: .3% 0% auto;
}

.div-block-129 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-197 {
  width: .4vw;
  height: 1.5vw;
}

.image-197.active {
  transform: rotate(-90deg);
}

.text-block-13 {
  color: #000;
  margin-right: 1.5vw;
  font-family: PP pangram Sans, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 4vw;
  position: relative;
  top: -.1vw;
}

.text-block-14 {
  color: #000;
  margin-right: 2vw;
  font-family: PP pangram Sans, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 4vw;
  text-decoration: none;
  position: relative;
  top: -.1vw;
}

.image-198 {
  display: none;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
}

.rails {
  white-space: nowrap;
  text-decoration: none;
  display: flex;
}

.body-ukraine {
  cursor: none;
  background-color: #a7a7a7;
  max-width: 100%;
  overflow: hidden;
}

.body-ukraine.yes-scroll {
  max-width: none;
  overflow: visible;
}

.logo-ukraine {
  cursor: none;
}

.logo-ukraine:hover {
  color: #fff;
}

.logo-ukraine.w--current {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 7vw;
  display: flex;
}

.logo-ukraine-img {
  width: 3vw;
  margin-top: .1vw;
}

.section {
  width: 100%;
  overflow: hidden;
}

.mainimages {
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.first-line-strugggle-images, .second-line-struggle-images {
  width: 100%;
  display: flex;
  position: absolute;
  top: 0%;
}

.image-199 {
  z-index: 4;
  width: 11.11vw;
  max-width: none;
  display: inline-block;
}

.image-200 {
  width: 11.11vw;
  max-width: none;
}

.image-201 {
  z-index: 4;
  width: 11.11vw;
  max-width: none;
}

.image-202, .image-203 {
  z-index: 4;
  width: 11.11vw;
}

.cursor-wrapper {
  z-index: 10001;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.cursor {
  background-color: #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.4vw;
  height: 2.4vw;
  display: flex;
}

.logo-container {
  cursor: none;
  height: 7vw;
}

.timeline-button {
  cursor: none;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-131 {
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: .3vw;
  height: .3vw;
  display: flex;
}

.explore-text {
  color: #fff;
  font-family: PP pangram Sans, sans-serif;
  font-size: .6vw;
  font-weight: 500;
  line-height: 1.6vw;
  display: none;
}

.timeline-popup {
  z-index: 9998;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: -56vh;
  margin-left: 2vw;
  margin-right: 2vw;
  display: none;
  position: relative;
}

.timeline-popup._02 {
  margin-bottom: auto;
  padding-bottom: 30vw;
  display: block;
  position: static;
  top: 3vw;
  left: 0;
  right: 0;
}

._01-pop {
  width: 11vw;
  margin-right: 4vw;
  position: relative;
  top: 4vw;
}

._02-pop {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 11vw;
  margin-right: 4vw;
  position: relative;
  top: -8vw;
}

._03-pop {
  width: 11vw;
  margin-right: 4vw;
  position: relative;
  top: -3vw;
}

._04-pop {
  width: 11vw;
  margin-right: 4vw;
  position: relative;
  top: 2vw;
}

._05-pop {
  width: 11vw;
  margin-right: 4vw;
  position: relative;
  top: 4.8vw;
}

._06-pop {
  width: 11vw;
  position: relative;
  top: 14vw;
}

.pop-lines {
  z-index: 9998;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.pop-lines._02 {
  top: 2vw;
}

.img-pop {
  cursor: none;
  text-decoration: none;
  position: relative;
}

.text-block-16 {
  color: #000;
  margin-bottom: 1.5vh;
  font-family: PP pangram Sans, sans-serif;
  font-size: .9vw;
  font-weight: 600;
  line-height: 3vh;
}

.image-204, .image-205, .image-206 {
  margin-bottom: 3.2vw;
}

.div-block-132 {
  width: 1200px;
  max-width: 1200px;
  overflow: hidden;
}

.div-block-133 {
  background-color: #fa4a4a;
  width: 1330px;
  height: 200px;
}

.div-block-134 {
  position: relative;
}

.panel-one {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: block;
  overflow: hidden;
}

.panel-one.two {
  display: block;
}

.pop-back {
  z-index: 9997;
  background-color: #a7a7a7;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.pop-back._02 {
  overflow: visible;
}

.div-block-136 {
  justify-content: center;
  align-items: center;
  display: none;
}

.image-207 {
  width: 160px;
  max-width: none;
}

.div-block-137 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.div-block-138, .div-block-139, .div-block-140, .div-block-141, .div-block-142 {
  display: none;
}

.body-timeline {
  cursor: none;
  background-color: #929292;
  flex-direction: column;
  align-items: center;
}

.body-timeline.no-scroll {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.text-block-17 {
  color: #000;
  text-align: center;
  letter-spacing: -.14vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 59vw;
  font-family: Ermilov, sans-serif;
  font-size: 2.22vw;
  line-height: 3.33vw;
}

.text-block-17.three {
  margin-bottom: 6.66vw;
}

.panel {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.panel.four {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.panel.three {
  justify-content: flex-start;
}

.panel.five {
  justify-content: flex-start;
  height: auto;
  max-height: none;
  display: none;
}

.panel.no-scroll {
  justify-content: flex-start;
  height: auto;
  max-height: none;
  display: block;
}

.panel.last {
  height: 100%;
}

.panel.noheight {
  justify-content: flex-start;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  margin-bottom: 5vw;
  padding-bottom: 5vw;
}

.panel.dates {
  overflow: hidden;
}

.panel.o {
  justify-content: flex-start;
  overflow: hidden;
}

.panel.top {
  justify-content: flex-start;
}

.panel.l {
  justify-content: flex-start;
  height: auto;
  overflow: visible;
}

.dates-line {
  color: #000;
  flex-direction: row;
  place-content: flex-start center;
  align-items: center;
  width: 300vw;
  margin-top: 20vw;
  margin-bottom: 3vw;
  font-family: Ermilov, sans-serif;
  font-size: 6.66vw;
  font-weight: 700;
  line-height: 5.2vw;
  display: flex;
}

.date-span {
  color: #0000;
  margin-left: 1.8vw;
  margin-right: 1.8vw;
}

.bold-text-4 {
  color: #0000;
}

.dot-line {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25vw;
  display: flex;
  position: relative;
  top: 10vw;
  overflow: hidden;
}

.dot-line._2 {
  flex-direction: column;
  align-items: center;
  width: 10vw;
  display: flex;
  top: -3.6vw;
}

.dot-line._2._3 {
  flex-direction: column;
  top: 1vw;
}

.dot-line._2._3._4 {
  top: -.5vw;
}

.dot-line._2._4 {
  top: -2.8vw;
}

.dot-line._3 {
  top: -3vw;
}

.dot-line._4 {
  width: 10vw;
  top: -31vw;
}

.square-dot {
  background-color: #000;
  width: .55vw;
  height: .55vw;
  position: relative;
  top: .1vw;
  transform: rotate(45deg);
}

.square-dot._2 {
  margin-bottom: -5vw;
  top: -6.4vw;
}

.square-dot._2._3 {
  margin-top: 1.5vw;
  margin-bottom: 0;
  top: 0;
}

.scroll-line {
  background-color: #000;
  width: 1px;
  height: 0;
  position: relative;
  top: 3.6vw;
}

.scroll-line._2 {
  top: -6vw;
}

.scroll-line._2._3 {
  top: -.2vw;
}

.text-block-18 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 1.2vw;
  margin-bottom: .6vw;
  font-family: PP pangram Sans, sans-serif;
  font-size: 1.11vw;
  font-weight: 600;
  line-height: 3vw;
}

.line-dot-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.line-dot-wrap._02 {
  flex-direction: column;
  display: flex;
}

.image-208 {
  z-index: 9996;
  width: 31vw;
  position: relative;
  top: -12.6vw;
}

.image-208._02 {
  top: -27.6vw;
}

.image-208.wide {
  width: 40vw;
}

.div-block-144 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: -15.8vw;
}

.line-dot-child {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10vw;
  display: flex;
  position: relative;
  top: -230px;
}

.line-sec {
  background-color: #000;
  width: 1px;
  height: 20vw;
  position: static;
  top: -6vw;
}

.square-sec {
  background-color: #000;
  width: .55vw;
  height: .55vw;
  transform: rotate(45deg);
}

.text-block-19 {
  color: #000;
  width: 22vw;
  font-family: PP pangram Sans, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.66vw;
  position: relative;
  top: -10vw;
  left: 14vw;
}

.text-block-20 {
  color: #000;
  width: 22vw;
  font-family: PP pangram Sans, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.66vw;
  position: relative;
  top: -40.8vw;
  left: -14vw;
}

.div-block-145 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -3vw;
  display: flex;
}

.div-block-146 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.line-four {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10vw;
  display: flex;
  position: relative;
  top: -20.9vw;
}

.div-block-148 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -39vw;
  display: flex;
}

.dot-thr {
  background-color: #000;
  width: .55vw;
  height: .55vw;
  position: relative;
  top: .1vw;
  transform: rotate(45deg);
}

.line-thr {
  background-color: #000;
  width: 1px;
  height: 20vw;
  position: relative;
}

.line-fourth {
  background-color: #000;
  width: 1px;
  height: 20vw;
  position: relative;
  top: -6vw;
}

.dot-4 {
  background-color: #000;
  min-width: .55vw;
  min-height: .55vw;
  margin-bottom: -5vw;
  position: relative;
  top: -6.4vw;
  transform: rotate(45deg);
}

.line-fifth {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: -2.8vw;
  overflow: hidden;
}

.dot-five {
  background-color: #000;
  width: .55vw;
  height: .55vw;
  transform: rotate(45deg);
}

.line-five {
  background-color: #000;
  width: 1px;
  height: 20vw;
  position: relative;
}

.text-block-19-copy {
  color: #000;
  width: 20vw;
  font-family: PP pangram Sans, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.66vw;
  position: relative;
  top: -10vw;
  left: 14vw;
}

.dates {
  cursor: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.pin-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dot-1 {
  background-color: #000;
  width: .45vw;
  height: .45vw;
}

.line-1 {
  cursor: none;
  background-color: #000;
  width: 1px;
  height: 18vw;
  margin-top: .5vw;
}

.pin-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.dot-2 {
  background-color: #000;
  width: .45vw;
  height: .45vw;
  transform: rotate(45deg);
}

.line-2 {
  background-color: #000;
  width: 1px;
  height: 13.2vw;
}

.date-1 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: .8vw;
  margin-bottom: .7vw;
  font-family: PP pangram Sans, sans-serif;
  font-size: 1vw;
  font-weight: 600;
}

.pin-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.line-7 {
  background-color: #000;
  width: 1px;
  height: 5vw;
}

.dot-7 {
  background-color: #000;
  width: .45vw;
  height: .45vw;
  transform: rotate(45deg);
}

.image-1 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.img-ver {
  z-index: 8885;
  width: 25vw;
  position: relative;
}

.img-ver._02 {
  top: -27.6vw;
}

.img-ver.wide {
  width: 40vw;
}

.pin-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.line-8 {
  background-color: #000;
  width: 1px;
  height: 13.8vw;
}

.dot-8 {
  background-color: #000;
  width: .45vw;
  height: .45vw;
  transform: rotate(45deg);
}

.desc-right {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.desc-text {
  color: #000;
  width: 22vw;
  margin-bottom: -7vw;
  font-family: PP pangram Sans, sans-serif;
  font-size: .7vw;
  font-weight: 500;
  line-height: 1.2vw;
  position: relative;
  top: -14.5vw;
  left: 14vw;
}

.desc-text.left {
  text-align: right;
  font-size: .7vw;
  line-height: 1.2vw;
  left: auto;
  right: 14vw;
}

.desc-text.left.long {
  top: -13.5vw;
}

.desc-text.long {
  font-size: .7vw;
  line-height: 1.2vw;
  top: -14.5vw;
}

.pin-up {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dot-5 {
  background-color: #000;
  width: .45vw;
  height: .45vw;
  transform: rotate(45deg);
}

.line-6 {
  background-color: #000;
  width: 1px;
  height: 5vw;
}

.line-up {
  background-color: #000;
  width: 1px;
  height: 2vw;
}

.img-02 {
  z-index: 9996;
  width: 31vw;
}

.img-02._02 {
  top: -27.6vw;
}

.img-02.wide {
  width: 40vw;
}

.image-02 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.pin-down {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.line-down {
  background-color: #000;
  width: 1px;
  height: 16vw;
}

.line-down.long {
  height: 15vw;
}

.line-down.long._2 {
  height: 16vw;
}

.dot-6 {
  background-color: #000;
  width: .45vw;
  height: .45vw;
  transform: rotate(45deg);
}

.desc-text-left {
  color: #000;
  text-align: right;
  width: 22vw;
  margin-bottom: -7vw;
  font-family: PP pangram Sans, sans-serif;
  font-size: .8vw;
  font-weight: 500;
  line-height: 1.4vw;
  position: relative;
  top: -11.5vw;
  right: 14vw;
}

.pin-7 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.image-03 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.pin-8 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.desc-left {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.img-hor {
  z-index: 9996;
  width: 45vw;
}

.img-hor._02 {
  top: -27.6vw;
}

.img-hor.wide {
  width: 40vw;
}

.img-hor.quad {
  width: 36vw;
}

.desc-t {
  color: #000;
  width: 22vw;
  margin-bottom: -7vw;
  font-family: PP pangram Sans, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.66vw;
  position: relative;
  top: -11vw;
  left: 14vw;
}

.dot-07 {
  background-color: #000;
  width: .45vw;
  height: .45vw;
  transform: rotate(45deg);
}

.dot-05 {
  background-color: #000;
  width: .45vw;
  height: .45vw;
  display: none;
  transform: rotate(45deg);
}

.dot-03 {
  background-color: #000;
  width: .45vw;
  height: .45vw;
  transform: rotate(45deg);
}

.dot-02 {
  background-color: #000;
  width: .45vw;
  height: .45vw;
  display: none;
  transform: rotate(45deg);
}

.line-02 {
  background-color: #000;
  width: 1px;
  height: 13.2vw;
}

.image-04 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.image-209 {
  cursor: none;
  width: .6vw;
  margin-bottom: -1vw;
}

.dot-down {
  width: .6vw;
  margin-top: -1vw;
}

.dot-up {
  width: .6vw;
  margin-bottom: -1vw;
}

.image-05, .image-06 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.image-210 {
  z-index: 8888;
  width: 14.4vw;
  position: relative;
  top: -3.7vw;
  left: 3vw;
}

.image-211 {
  z-index: 8886;
  width: 14vw;
  position: relative;
  top: 16vw;
  left: -3vw;
}

.image-010 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.help-ukraine {
  flex-direction: column;
  align-items: center;
  margin-bottom: 15.5vw;
  display: flex;
}

.text-block-21 {
  color: #000;
  text-align: center;
  letter-spacing: -.208vw;
  width: 80vw;
  font-family: Ermilov, sans-serif;
  font-size: 5vw;
  line-height: 5.2vw;
}

.donate {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.donate-1 {
  width: 21vw;
  position: relative;
  left: -9vw;
}

.donate-2 {
  position: relative;
  top: 10vw;
  left: 11vw;
}

.donate-line-1 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.donate-line-2 {
  justify-content: center;
  align-items: center;
  margin-bottom: 16.6vw;
  display: flex;
}

.donate-3 {
  position: relative;
  top: 10vw;
  left: -10vw;
}

.image-212 {
  width: 15.8vw;
  margin-bottom: 2.7vw;
}

.text-block-22 {
  color: #000;
  letter-spacing: -.208vw;
  width: 16.66vw;
  margin-bottom: 1.66vw;
  font-family: Ermilov, sans-serif;
  font-size: 2.22vw;
  font-weight: 700;
  line-height: 2.7vw;
}

.text-block-23 {
  color: #000;
  width: 19vw;
  margin-bottom: 2.77778vw;
  font-family: PP pangram Sans, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.5vw;
}

.donte-button {
  color: #787878;
  cursor: none;
  background-color: #000;
  border-radius: 100vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6vw;
  height: 2.3vw;
  padding-bottom: 10px;
  font-family: PP pangram Sans, sans-serif;
  font-weight: 600;
  line-height: 3vw;
  text-decoration: none;
  display: flex;
}

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

.image-213 {
  width: 47.5vw;
}

.united-24 {
  width: 15.8vw;
  margin-bottom: 2.7vw;
}

.link-block-2, .link-block-2.w--current {
  text-decoration: none;
}

.stand-link {
  cursor: none;
  text-decoration: none;
}

.div-block-149 {
  padding-top: 8.33vw;
  position: relative;
  top: 10px;
}

.oldpanel {
  display: none;
}

.pin-mini {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.line-down-mini {
  background-color: #000;
  width: 1px;
  height: 2vw;
}

.donate-link, .donate-link-timeline {
  cursor: none;
  text-decoration: none;
}

.div-block-150 {
  z-index: 9999;
  cursor: none;
  display: inline-block;
  position: absolute;
  top: 52%;
  left: 10%;
}

.div-block-151 {
  z-index: 9999;
  cursor: none;
  display: inline-block;
  position: absolute;
  top: 0%;
  left: 44%;
}

.div-block-152 {
  z-index: 9999;
  cursor: none;
  display: inline-block;
  position: absolute;
  top: 16%;
  left: 78%;
}

.div-block-153 {
  z-index: 9999;
  cursor: none;
  display: inline-block;
  position: absolute;
  top: 79%;
  left: 34%;
}

.div-block-154 {
  z-index: 9999;
  cursor: none;
  display: inline-block;
  position: absolute;
  top: 60%;
  left: 66%;
}

.div-block-155 {
  z-index: 9999;
  cursor: none;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 30vw;
  display: flex;
  position: relative;
}

.fade-up.tricks {
  color: #000;
  text-align: center;
  letter-spacing: -.14vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 66vw;
  margin-top: 23vw;
  margin-bottom: 6.33vw;
  font-family: Ermilov, sans-serif;
  font-size: 2.22vw;
  line-height: 3.33vw;
}

.fade-up.tricks.margin-down {
  margin-bottom: 8.33vw;
}

.fade-up.tricks._02 {
  margin-top: 16vw;
  margin-bottom: 11vw;
}

.fade-up.tricks._3 {
  margin-top: 0;
}

.fade-up.tricks-copy {
  color: #000;
  text-align: center;
  letter-spacing: -.14vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 59vw;
  margin-top: 23vw;
  margin-bottom: 6.33vw;
  font-family: Ermilov, sans-serif;
  font-size: 2.22vw;
  line-height: 3.33vw;
}

.fade-up.tricks-copy.margin-down {
  margin-bottom: 8.33vw;
}

.fade-up.tricks-copy._02 {
  margin-top: 16vw;
  margin-bottom: 11vw;
}

.fade-up.tricks-copy._3 {
  margin-top: 0;
}

.fade-up3 {
  color: #000;
  text-align: center;
  letter-spacing: -.14vw;
  width: 59vw;
  font-family: Ermilov, sans-serif;
  font-size: 2.22vw;
  line-height: 3.33vw;
}

.fade-up3.tricks.margin-down {
  margin-bottom: 6.33vw;
}

.fade-up2 {
  color: #000;
  text-align: center;
  letter-spacing: -.14vw;
  width: 59vw;
  font-family: Ermilov, sans-serif;
  font-size: 2.22vw;
  line-height: 3.33vw;
}

.fade-up2.tricks {
  margin-top: 16vw;
  margin-bottom: 11vw;
}

.line-container-1 {
  z-index: 9999;
  cursor: none;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 30vw;
  display: flex;
  position: relative;
}

.dot-001 {
  cursor: none;
  width: .6vw;
  margin-bottom: -1vw;
}

.dot-002 {
  cursor: none;
  background-color: #000;
  width: 1px;
  height: 18vw;
  margin-top: .5vw;
}

.line-container-2 {
  z-index: 9999;
  cursor: none;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 30vw;
  display: flex;
  position: relative;
}

.dot-0001 {
  cursor: none;
  width: .6vw;
  margin-bottom: -1vw;
}

.dot-0002 {
  cursor: none;
  background-color: #000;
  width: 1px;
  height: 18vw;
  margin-top: .5vw;
}

.line-11 {
  cursor: none;
  background-color: #000;
  width: 1px;
  height: 14.8vw;
  margin-top: .5vw;
}

.div-block-156 {
  z-index: 9999;
  cursor: none;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 30vw;
  display: flex;
  position: relative;
}

.donate-04 {
  position: relative;
  top: 17vw;
  left: 12.2vw;
}

.navbar-2 {
  z-index: 9999;
  background-color: #ddd0;
  justify-content: flex-start;
  align-items: center;
  margin-left: 4.44vw;
  margin-right: 4.44vw;
  display: flex;
  position: fixed;
  top: .3%;
  left: 0%;
  right: 0%;
}

.container-2 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: none;
}

.brand-2 {
  margin-right: 290px;
}

.nav-menu-2 {
  align-items: center;
  width: 30%;
  display: flex;
}

.nav-link-3 {
  cursor: none;
  margin-left: 0;
  margin-right: 1.3vw;
  font-family: PP pangram Sans, sans-serif;
  font-size: 1.2vw;
  line-height: 4vw;
}

.nav-link-3:hover {
  color: #fff;
}

.nav-link-3.w--current {
  color: #fff;
  text-decoration: none;
}

.nav-link-4 {
  cursor: none;
  margin-left: 0;
  margin-right: 1.3vw;
  font-family: PP pangram Sans, sans-serif;
  font-size: 1.2vw;
  line-height: 4vw;
}

.nav-link-4:hover {
  color: #fff;
}

.nav-link-5 {
  cursor: none;
  margin-left: 0;
  font-family: PP pangram Sans, sans-serif;
  font-size: 1.2vw;
  line-height: 4vw;
}

.nav-link-5:hover, .nav-link-5.w--current {
  color: #fff;
}

.div-block-157 {
  width: 90%;
  position: relative;
}

.div-block-158 {
  width: 0%;
  position: relative;
}

.div-block-159 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.div-block-160 {
  display: none;
}

.div-block-161 {
  z-index: 12000;
  cursor: none;
  text-decoration: none;
  display: flex;
}

.project-by {
  color: #000;
  margin-top: .1vw;
  margin-right: .6vw;
  font-family: PP pangram Sans, sans-serif;
  line-height: 32px;
  text-decoration: none;
}

.project-by:hover {
  color: #fff;
}

.project-name {
  color: #000;
  margin-left: .4vw;
  margin-right: 40px;
  font-family: PP pangram Sans, sans-serif;
  font-size: 1.2vw;
  line-height: 4vw;
  text-decoration: none;
}

.project-name:hover {
  color: #fff;
}

.explore {
  display: none;
  position: absolute;
}

.from-768.tricks {
  color: #000;
  text-align: center;
  letter-spacing: -.14vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 59vw;
  margin-top: 23vw;
  margin-bottom: 6.33vw;
  font-family: Ermilov, sans-serif;
  font-size: 2.22vw;
  line-height: 3.33vw;
}

.from-768.tricks.margin-down {
  margin-bottom: 8.33vw;
}

.from-768.tricks._02 {
  margin-top: 16vw;
  margin-bottom: 11vw;
}

.from-768.tricks._3 {
  margin-top: 0;
}

.from-768.fs-index {
  color: #000;
  text-align: center;
  letter-spacing: -.14vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 59vw;
  margin-top: 23vw;
  margin-bottom: 6.33vw;
  font-family: Ermilov, sans-serif;
  font-size: 2.22vw;
  line-height: 3.33vw;
  display: none;
}

.from-768.fs-index.margin-down {
  margin-bottom: 8.33vw;
}

.from-768.fs-index._02 {
  margin-top: 16vw;
  margin-bottom: 11vw;
}

.from-768.fs-index._3 {
  margin-top: 0;
}

.link-block-3 {
  cursor: none;
  width: 10px;
}

.donate-text {
  opacity: 0;
  color: #fff;
  font-family: PP pangram Sans, sans-serif;
  font-size: .6vw;
  font-weight: 500;
  line-height: 1.6vw;
}

.donate-type {
  color: #fff;
  font-family: PP pangram Sans, sans-serif;
  font-size: .6vw;
  font-weight: 500;
  line-height: 1.6vw;
  display: none;
}

.once-text, .insta-text, .view-text, .main-page-text {
  color: #fff;
  text-align: center;
  font-family: PP pangram Sans, sans-serif;
  font-size: .6vw;
  font-weight: 500;
  line-height: 1.6;
  display: none;
}

.page-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.transition {
  z-index: 20000;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.transition-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.transition-bg {
  z-index: 1;
  flex-direction: column;
  display: flex;
  position: absolute;
  inset: 0%;
}

.transition-color {
  background-color: #000;
  width: 100%;
  height: 100%;
  position: relative;
}

.transition-lottie {
  width: 100%;
  margin-bottom: -5px;
  position: relative;
}

.transition-trigger {
  padding: 0;
  display: none;
}

.transition-2 {
  z-index: 2000;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
  transform: none;
}

.transition-trigger-2 {
  z-index: 20;
  padding: 0;
  display: none;
}

.transition-content-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.transition-bg-2 {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0%;
}

.transition-color-2 {
  background-color: #b798c1;
  width: 100%;
  height: 100%;
  position: relative;
}

.transition-color-border {
  background-color: #000;
  width: 100%;
  height: 10px;
  margin-bottom: -8px;
  position: absolute;
  inset: auto 0% 0%;
}

.transition-lottie-2 {
  width: 100%;
  margin-bottom: -5px;
  position: relative;
}

.transition-logo-img {
  z-index: 2;
  width: 7em;
  position: relative;
}

.once-agency {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.brows {
  display: flex;
}

.image-214 {
  max-width: 120%;
}

.image-215 {
  position: relative;
  top: -9px;
  left: 90px;
}

.image-216 {
  position: relative;
  top: -17px;
  left: 97px;
}

.div-block-162 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 640px;
  margin-top: 20px;
  display: flex;
}

.grid-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 80px;
}

.image-218, .image-219 {
  border: 1px solid #f0f0f0bf;
  border-radius: 20px;
}

.image-220, .image-221, .image-222, .image-223, .image-224, .image-225 {
  border: 1px solid #f0f0f0;
  border-radius: 20px;
}

.stickes-moon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.moo-stick-line-01 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.moo-stick-line-02 {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.image-226 {
  position: relative;
  top: -31px;
  left: -30px;
}

.image-227 {
  z-index: 1;
  position: relative;
  top: 90px;
  left: 60px;
}

.image-228 {
  position: relative;
}

.image-229 {
  position: relative;
  top: 80px;
  left: -250px;
}

.image-230 {
  position: relative;
  left: -120px;
}

.image-231 {
  position: relative;
  top: 90px;
  left: 80px;
}

.image-232 {
  position: relative;
  left: 170px;
}

.image-233 {
  position: relative;
  top: -30px;
  left: 140px;
}

.image-234 {
  position: relative;
  top: 130px;
}

.image-235 {
  position: relative;
  top: 50px;
  left: -50px;
}

.image-236 {
  position: relative;
  top: 130px;
  left: -40px;
}

.image-237 {
  position: relative;
  top: -30px;
  left: -110px;
}

.image-241 {
  width: 80px;
}

.warinukraine {
  width: 1200px;
  max-width: 1200px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.66vw;
  padding-right: 1.66vw;
}

.warinukraine.euro._2 {
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.warinukraine.ukraine._2 {
  margin-top: 156px;
  padding-left: 0;
  padding-right: 0;
}

.warinukraine._02 {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.66vw;
}

.warinukraine._01 {
  padding-left: 0;
  padding-right: 0;
}

.warlayout {
  margin-top: 80px;
  margin-bottom: -80px;
  display: flex;
}

.test-div {
  width: 1200px;
  max-width: 1200px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.collection-item {
  margin-bottom: 33px;
}

.image-247 {
  object-fit: cover;
  width: 100%;
}

.collection-item-2 {
  display: flex;
}

.div-block-163 {
  justify-content: space-between;
  margin-bottom: 57px;
  display: flex;
}

.text-block-26 {
  margin-right: 31px;
}

.text-block-27 {
  width: 80px;
  margin-right: 25px;
}

.text-block-28 {
  width: 560px;
  margin-right: 170px;
}

.text-block-29 {
  text-align: right;
}

.image-248 {
  border-radius: 6px;
  width: 360px;
  margin-right: 40px;
}

.image-249 {
  border-radius: 6px;
  width: 360px;
  margin-top: 84px;
}

.text-block-30 {
  color: #7a7a7a;
  margin-top: 16px;
  font-family: PP pangram Sans, sans-serif;
}

.text-block-30._120 {
  margin-bottom: 120px;
}

.div-block-164 {
  margin-top: 68px;
}

.div-block-165 {
  justify-content: center;
  margin-bottom: 56px;
  padding-right: 37px;
  display: flex;
}

.div-block-166 {
  background-color: #cf4520;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 652px;
  margin-bottom: 120px;
  display: flex;
}

.div-block-170 {
  background-color: #000;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 652px;
  margin-top: 0;
  margin-bottom: 96px;
  display: flex;
}

.image-250 {
  width: 790px;
}

.image-251 {
  width: 600px;
}

.div-block-169 {
  background-color: #000;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 652px;
  display: flex;
}

.image-252 {
  width: 240px;
  margin-right: 96px;
}

.image-253 {
  width: 92px;
  margin-right: 96px;
}

.image-254 {
  width: 282px;
}

.section-2 {
  width: 100%;
}

.columns {
  background-color: #0000;
}

.columns.fabo {
  background-color: #cf4520;
}

.container-3 {
  max-width: 100%;
}

.column {
  background-image: url('../images/DIMA1637-1.jpg');
  background-position: 0 0;
  background-size: cover;
  height: 650px;
}

.column.fabo {
  background-image: url('../images/DIMA1470-10.jpg');
  height: 650px;
}

.column-2 {
  background-image: url('../images/DIMA1637-2.jpg'), linear-gradient(#cf4520, #cf4520);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  height: 849px;
}

.column-2.fabo {
  background-image: url('../images/DIMA1470-8.jpg');
  background-position: 0 0;
  background-size: cover;
  height: 650px;
}

.column-3 {
  background-image: url('../images/DIMA1637-3.jpg'), linear-gradient(#cf4520, #cf4520);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  height: 1100px;
}

.column-3.fabo {
  background-image: url('../images/DIMA1470-9.jpg');
  background-position: 0 0;
  background-size: cover;
  height: 650px;
}

.section-3 {
  width: 100%;
  margin-top: 78px;
  margin-bottom: 96px;
}

.div-block-171 {
  justify-content: center;
  align-items: center;
  margin-top: 180px;
  margin-bottom: 180px;
  display: flex;
}

.image-255 {
  width: 320px;
}

.div-block-167 {
  background-color: #cf4520;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 652px;
  margin-bottom: 80px;
  display: flex;
}

.div-block-172 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 1200px;
  margin-bottom: 80px;
  display: flex;
}

.div-block-168 {
  background-color: #cf4520;
  background-image: url('../images/bold-text.svg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 652px;
  margin-bottom: 120px;
  display: flex;
}

.div-block-172-copy, .div-block-173 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 80px;
  display: flex;
}

.video-2 {
  width: 360px;
}

.html-embed-7 {
  border-radius: 6px;
  width: 360px;
  height: 450px;
}

.html-embed-7._2nd {
  width: 360px;
  height: 637px;
}

.div-block-165-copy {
  justify-content: center;
  margin-top: 0;
  margin-bottom: 96px;
  padding-right: 37px;
  display: flex;
}

.div-block-172-copy {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 1200px;
  margin-bottom: 120px;
  display: flex;
}

.div-block-165-copy-copy {
  justify-content: center;
  margin-top: 80px;
  margin-bottom: 96px;
  padding-right: 37px;
  display: flex;
}

.bold-text-5 {
  text-decoration: none;
}

.link-6 {
  color: #151515;
  text-decoration: none;
}

.check-video {
  border-radius: 6px;
  width: 920px;
  margin-bottom: 64px;
}

.check-video.last-margin {
  margin-bottom: 120px;
}

.check-video.last-margin.bordered {
  border-color: #f0f0f0;
}

.check-video.shift {
  width: 1400px;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.check-video.phone-gif.bad-boy {
  position: relative;
  top: -410px;
}

.check-video.video {
  z-index: 2;
  width: 1068px;
  margin-left: 63px;
  position: relative;
  top: 156px;
}

.check-video.video-back {
  position: relative;
  top: -694px;
}

.check-video.bordered {
  border: 1px solid #f0f0f0;
}

.check-video.bordered.fayni-lyodu {
  margin-bottom: 16px;
}

.check-video.bordered._4-pixels {
  border-radius: 4px;
}

.check-video.fayni-lyodu {
  margin-bottom: 16px;
}

.check-video.four-pixels {
  border-radius: 4px;
}

.check-video.four-pixels.moo {
  margin-top: 64px;
  margin-bottom: 0;
}

.check-video.video-center {
  justify-content: center;
  margin-bottom: 0;
  padding-right: 37px;
  display: flex;
}

.check-video.video-center._2 {
  margin-bottom: 0;
}

.check-video.double-video {
  border-radius: 6px;
  width: 360px;
  margin-right: 40px;
}

.check-video.double-video.right {
  margin-top: 84px;
}

.container-4 {
  width: 1200px;
}

.div-block-174 {
  display: flex;
}

.tg-link {
  color: #08c;
  font-family: PP pangram Sans, sans-serif;
  font-size: 70px;
  font-weight: 600;
  line-height: 80px;
}

.tg-link:hover {
  color: #fff;
}

.link-tg {
  color: #08c;
  letter-spacing: -4px;
  font-family: Inter, sans-serif;
}

.link-tg:hover {
  color: #fff;
}

.link-tg:visited {
  color: #08c;
}

.discover {
  margin-top: 96px;
  margin-bottom: 80px;
}

.container-5, .once-container {
  width: 1200px;
  max-width: none;
}

.discover-block {
  background-color: #a1ccff;
  border-radius: 2px;
  width: 360px;
  padding: 32px;
}

.inspire-block {
  background-color: #ffe4c3;
  border-radius: 2px;
  width: 360px;
  padding: 32px;
}

.connect-block {
  background-color: #ffaeae;
  border-radius: 2px;
  width: 360px;
  padding: 32px;
}

.services-main {
  justify-content: space-between;
  display: flex;
}

.discover-container {
  width: 1200px;
  max-width: none;
}

.service-name {
  color: #231f20;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 32px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.service-name.web, .service-name.app, .service-name.comm, .service-name.ident {
  font-family: PP pangram Sans, sans-serif;
  font-weight: 600;
}

.heading-14 {
  color: #231f20;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.heading-service {
  color: #151515;
  letter-spacing: -3px;
  margin-top: 0;
  margin-bottom: 48px;
  font-family: Inter, sans-serif;
  font-size: 44px;
  font-weight: 500;
}

.div-block-175, .div-service {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.image-o {
  width: 200px;
  height: 200px;
}

.image-o.o {
  margin-left: 12px;
  font-size: 12px;
}

.image-o.n {
  width: 106px;
  margin-top: 51px;
  margin-bottom: 0;
  margin-left: 80px;
}

.image-o.c {
  width: 161px;
  margin-bottom: 0;
  margin-left: 97px;
}

.image-o.e {
  width: 113px;
  margin-top: 74px;
  margin-bottom: 0;
  margin-left: 64px;
}

.services-image-copy {
  width: 209px;
  margin-top: 36px;
  margin-bottom: 35px;
}

.services-image-copy.o {
  margin-left: 12px;
  font-size: 12px;
}

.services-image-copy.n {
  width: 106px;
  margin-top: 51px;
  margin-bottom: 0;
  margin-left: 80px;
}

.services-image-copy.c {
  width: 161px;
  margin-bottom: 0;
  margin-left: 97px;
}

.services-image-copy.e {
  width: 113px;
  margin-top: 74px;
  margin-bottom: 0;
  margin-left: 64px;
}

.image-n {
  width: 120px;
  height: 200px;
  margin-top: 0;
  margin-bottom: 0;
}

.image-n.o {
  margin-left: 12px;
  font-size: 12px;
}

.image-n.n {
  width: 106px;
  margin-top: 51px;
  margin-bottom: 0;
  margin-left: 80px;
}

.image-n.c {
  width: 161px;
  margin-bottom: 0;
  margin-left: 97px;
}

.image-n.e {
  width: 113px;
  margin-top: 74px;
  margin-bottom: 0;
  margin-left: 64px;
}

.image-e {
  width: 120px;
  height: 200px;
}

.we-craft {
  margin-top: 160px;
  margin-bottom: 120px;
}

.we-craft-container {
  width: 1200px;
  max-width: none;
}

.we-craft-projects {
  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;
  display: grid;
}

.for-the-ukrainian-army, .for-people {
  margin-bottom: 120px;
  display: none;
}

.for-people-container {
  width: 1200px;
  max-width: none;
}

.div-for-people {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

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

.goodwine-wecraft, .fabo-wecraft {
  width: 360px;
  height: 288px;
  text-decoration: none;
}

.all-at-once {
  margin-top: 152px;
}

.container-6, .aio-cont {
  width: 1200px;
  max-width: none;
  padding-right: 0;
}

.heading-15 {
  color: #16aa41;
  letter-spacing: -10px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 98px;
  font-weight: 600;
  line-height: 100%;
}

.div-block-176 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.text-block-31 {
  font-family: Inter, sans-serif;
}

.text-block-32 {
  color: #16aa41;
  margin-top: 42px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}

.heading-service-copy {
  color: #151515;
  letter-spacing: -3px;
  margin-top: 0;
  margin-bottom: 48px;
  font-family: Inter, sans-serif;
  font-size: 98px;
  font-weight: 600;
}

.hero-heading {
  color: #16aa41;
  letter-spacing: -10px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 98px;
  font-weight: 600;
  line-height: 100%;
}

.hero-heading.yellow {
  color: #f9aa07;
}

.hero-heading.blue {
  color: #0581ce;
}

.hero-heading.black {
  color: #1c1c1c;
}

.hero-text {
  color: #16aa41;
  margin-top: 42px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}

.hero-text.yellow {
  color: #f9aa07;
}

.hero-text.blue {
  color: #0581ce;
}

.mini-headers {
  color: #151515;
  letter-spacing: -1px;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 600;
}

.long-term-relationships {
  width: 1200px;
  max-width: 1200px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.long-term-relationships.euro._2 {
  padding-left: 0;
  padding-right: 0;
}

.long-term-relationships.ukraine._2 {
  margin-top: 156px;
  padding-left: 0;
  padding-right: 0;
}

.long-term-relationships._02 {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.66vw;
}

.long-term-relationships._01 {
  padding-left: 0;
  padding-right: 0;
}

.social-responsibility {
  margin-top: 88px;
  margin-bottom: 120px;
}

.social-responsibility-container {
  width: 1200px;
  max-width: none;
}

.monogram, ._93-brigade-design-update, ._93-brigade-recruitment-campaign, .war-gallery, .dont-be-silent-campaign {
  width: 360px;
  height: 288px;
  text-decoration: none;
}

.bold-text-6 {
  letter-spacing: -.6px;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.inzhur-site-branding-wecraft {
  width: 360px;
  height: 288px;
  text-decoration: none;
}

.bold-text-7, .bold-text-8, .bold-text-9 {
  font-weight: 600;
}

.bold-text-10 {
  letter-spacing: -1.4px;
  font-weight: 600;
}

.aren-t-you {
  margin-top: 152px;
}

.arent-cont {
  width: 1200px;
  max-width: none;
  padding-right: 0;
}

.values-heading {
  color: #1c1c1c;
  letter-spacing: -6px;
  width: 390px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 98px;
  font-weight: 600;
  line-height: 96px;
}

.values-heading.yellow {
  color: #f9aa07;
}

.values-heading.blue {
  color: #0581ce;
}

.values-heading.black {
  color: #1c1c1c;
}

.accordion-wrapper {
  margin-top: 50px;
}

.div-block-309 {
  display: flex;
}

.accordion-item-trigger {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.heading-1019 {
  color: #101820;
  text-align: left;
  width: 760px;
  margin-top: 56px;
  margin-bottom: 32px;
}

.content-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.content-wrapper.slim {
  max-width: 940px;
}

.button-26 {
  text-align: center;
  background-color: #101820;
  border: 2px solid #101820;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 56px;
  margin-right: 16px;
  font-size: 14px;
  display: flex;
}

.button-26:hover {
  color: #101820;
  background-color: #f5f5f5;
}

.paragraph-47 {
  color: #1c1c1c;
  letter-spacing: -1px;
  width: 780px;
  margin-top: 16px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
}

.header-center-box {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.header-center-box._75 {
  flex-direction: row;
  display: flex;
}

.bold-text-36 {
  color: #101820;
  font-size: 14px;
  font-weight: 400;
}

.accordion-item {
  border: 0 solid #1c1c1c;
  border-top-width: 1px;
  margin-bottom: 20px;
  padding: 24px 0 0;
}

.accordion-item:active {
  color: #1c1c1c;
}

.icon-2.accordion-icon {
  color: #0009;
  cursor: pointer;
  font-size: 32px;
  line-height: 30px;
}

.accordion-heading {
  color: #1c1c1c;
  letter-spacing: -3px;
  cursor: pointer;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 54px;
}

.accordion-heading:active {
  color: #1c1c1c;
}

.accordion-item-content {
  margin-top: 10px;
  margin-right: 30px;
  overflow: hidden;
}

.heading-1018 {
  color: #101820;
  text-align: left;
  width: 450px;
}

.header-center-box-copy {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.header-center-box-copy._75 {
  flex-direction: column;
  display: flex;
}

.section-faq {
  background-color: #f5f5f5;
  padding: 150px 30px;
}

.once-new-cont {
  color: #1c1c1c;
  width: 1200px;
  max-width: none;
  padding-right: 0;
}

.arent-cont-copy {
  width: 1200px;
  max-width: none;
  padding-right: 0;
}

.image-256 {
  width: 140px;
  margin-top: 40px;
}

.list-vac {
  width: 780px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.list-item {
  color: #1c1c1c;
  letter-spacing: -1px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

.link-7 {
  color: #1c1c1c;
}

.text-span-10 {
  color: #1c1c1c;
  text-decoration: none;
}

.link-8 {
  color: #1c1c1c;
  text-decoration: underline;
}

.oh-let-s-get-acquainted {
  margin-top: 120px;
}

.div-block-310 {
  background-color: #1c1c1c;
  height: 1px;
  margin-top: 50px;
}

.div-block-311 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 88px;
  display: flex;
}

.div-block-312 {
  display: flex;
}

.text-block-33 {
  color: #1c1c1c;
  letter-spacing: -1px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
}

.heading-1020 {
  color: #1c1c1c;
  letter-spacing: -2px;
  margin-top: 28px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 54px;
}

.paragraph-48 {
  color: #1c1c1c;
  letter-spacing: -1px;
  margin-top: 32px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 27px;
}

.image-257 {
  width: 196px;
}

.div-block-313, .div-block-314 {
  width: 280px;
}

.div-block-315, .div-block-316 {
  margin-right: 24px;
}

.shared-values {
  margin-top: 120px;
}

.shared-heading {
  color: #1c1c1c;
  letter-spacing: -6px;
  width: 530px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 98px;
  font-weight: 600;
  line-height: 96px;
}

.shared-heading.yellow {
  color: #f9aa07;
}

.shared-heading.blue {
  color: #0581ce;
}

.shared-heading.black {
  color: #1c1c1c;
}

.div-block-317 {
  justify-content: center;
  align-items: flex-start;
  margin-top: 88px;
  display: flex;
}

.hello-heading {
  color: #1c1c1c;
  letter-spacing: -6px;
  width: 603px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 98px;
  font-weight: 600;
  line-height: 96px;
}

.hello-heading.yellow {
  color: #f9aa07;
}

.hello-heading.blue {
  color: #0581ce;
}

.hello-heading.black {
  color: #1c1c1c;
}

.heading-1021 {
  letter-spacing: -1px;
  width: 290px;
  margin-bottom: 32px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}

.heading-1021._3rd {
  width: 177px;
}

.heading-1021._4 {
  width: 230px;
  margin-right: 60px;
}

.text-block-34 {
  letter-spacing: -1px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

.paragraph-49 {
  letter-spacing: -1px;
  margin-bottom: 48px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

.div-block-318 {
  border-left: 1px solid #1c1c1c;
  padding-left: 40px;
  padding-right: 72px;
}

.div-block-318._2 {
  width: 432px;
}

.image-258 {
  width: 216px;
  margin-bottom: 56px;
}

.how-we-works {
  background-color: #090909;
  margin-top: 120px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.how-we-work-heading {
  color: #ffaeae;
  letter-spacing: -6px;
  width: 560px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 98px;
  font-weight: 600;
  line-height: 96px;
}

.how-we-work-heading.yellow {
  color: #f9aa07;
}

.how-we-work-heading.blue {
  color: #0581ce;
}

.how-we-work-heading.black {
  color: #1c1c1c;
}

.paragraph-50 {
  color: #ffaeae;
  letter-spacing: -1px;
  width: 660px;
  margin-top: 56px;
  margin-bottom: 56px;
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
}

.div-block-319 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-block-35 {
  color: #ffaeae;
  letter-spacing: -1px;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
}

.paragraph-51 {
  color: #ffaeae;
  letter-spacing: -1px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
}

.image-259 {
  width: 138px;
  margin-bottom: 8px;
}

.div-block-320 {
  border: 1px solid #ffaeae;
  border-radius: 30px;
  width: 375px;
  height: 535px;
  padding: 40px;
}

.rules {
  margin-top: 120px;
}

.div-block-321 {
  border-top: 1px solid #1c1c1c;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.div-block-321.gray {
  border-top-color: #edecf133;
}

.image-260 {
  margin-right: 140px;
}

.div-block-322 {
  background-image: url('../images/62073d539519d37c5f7f96217ad999fb-1.gif');
  background-position: 0 0;
  background-size: cover;
  width: 360px;
  height: 275px;
  margin-right: 140px;
}

.text-block-36 {
  letter-spacing: -2px;
  width: 500px;
  font-family: Inter, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
}

.text-block-36.rose {
  color: #ffaeae;
}

.text-block-37 {
  letter-spacing: -2px;
  margin-top: 88px;
  margin-bottom: 72px;
  font-family: Inter, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 54px;
}

.div-block-323 {
  background-image: url('../images/95429348d992b86478121cba89761589-1.gif');
  background-position: 0 0;
  background-size: cover;
  width: 360px;
  height: 275px;
  margin-right: 140px;
}

.div-block-324 {
  background-image: url('../images/6538e3edd7706bed8a26321687e29edd-1.gif');
  background-position: 50% 21%;
  background-size: cover;
  width: 360px;
  height: 275px;
  margin-right: 140px;
}

.div-block-325 {
  background-image: url('../images/77d65ac806da6bef34c7e0c5fadceb63.gif');
  background-position: 50% 21%;
  background-size: cover;
  width: 360px;
  height: 275px;
  margin-right: 140px;
}

.div-block-326 {
  background-image: url('../images/ffea312b6ce3d77b8a75e09faa53043f-1-3.gif');
  background-position: 50%;
  background-size: 520px;
  width: 360px;
  height: 275px;
  margin-right: 140px;
}

.rules-black {
  background-color: #090909;
  margin-top: 120px;
  padding-bottom: 120px;
}

.text-block-38 {
  color: #ffaeae;
  letter-spacing: -2px;
  margin-top: 88px;
  margin-bottom: 72px;
  font-family: Inter, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 54px;
}

.div-block-327 {
  background-image: url('../images/6c9c414af115280ad44838e6de1ffe4f.gif');
  background-position: 50%;
  background-size: cover;
  width: 360px;
  height: 275px;
  margin-right: 140px;
}

.div-block-328 {
  background-image: url('../images/c9f5ca9351da65c82f1e035388f3760a.gif');
  background-position: 0 0;
  background-size: cover;
  width: 360px;
  height: 275px;
  margin-right: 140px;
}

.div-block-329 {
  background-image: url('../images/e1ec512730d4ebd6a74c19783617bc6f.gif');
  background-position: 50%;
  background-size: cover;
  width: 360px;
  height: 275px;
  margin-right: 140px;
}

.fired {
  margin-top: 120px;
  padding-bottom: 120px;
}

.div-block-330 {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 32px;
  display: flex;
}

.text-block-39 {
  color: #1c1c1c;
  letter-spacing: -1px;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 30px;
}

.text-block-40 {
  color: #1c1c1c;
  width: 260px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 27px;
}

.text-block-41 {
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
}

.image-261 {
  width: 152px;
  margin-bottom: 32px;
}

.work-with-negative {
  background-color: #090909;
  margin-top: 0;
  padding-top: 120px;
  padding-bottom: 120px;
}

.how-we-work-with-negative {
  color: #ffaeae;
  letter-spacing: -6px;
  width: 660px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 98px;
  font-weight: 600;
  line-height: 96px;
}

.how-we-work-with-negative.yellow {
  color: #f9aa07;
}

.how-we-work-with-negative.blue {
  color: #0581ce;
}

.how-we-work-with-negative.black {
  color: #1c1c1c;
}

.div-block-331 {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 80px;
  display: flex;
}

.div-block-332 {
  border: 1px solid #ffaeae;
  border-radius: 30px;
  width: 375px;
  padding: 40px;
}

.div-block-333 {
  justify-content: space-between;
  align-items: flex-end;
  margin-top: -36px;
  display: flex;
}

.div-block-334 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.paragraph-52 {
  color: #ffaeae;
  letter-spacing: -1px;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 27px;
}

.image-262 {
  position: relative;
  left: 50px;
}

.image-262._2 {
  display: none;
}

.image-263 {
  position: relative;
  left: -128px;
}

.image-264 {
  position: relative;
  left: -306px;
}

.week {
  background-color: #090909;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 120px;
}

.week-header {
  color: #a1ccff;
  letter-spacing: -6px;
  width: 650px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 98px;
  font-weight: 600;
  line-height: 96px;
}

.week-header.yellow {
  color: #f9aa07;
}

.week-header.blue {
  color: #0581ce;
}

.week-header.black {
  color: #1c1c1c;
}

.text-block-42 {
  color: #a1ccff;
  letter-spacing: -1px;
  margin-top: 64px;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
}

.div-block-335 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
  display: flex;
}

.div-block-336 {
  border: 2px solid #ffaeae;
  border-radius: 16px;
  width: 180px;
  padding: 8px 32px;
}

.text-block-43 {
  color: #a1ccff;
  text-align: center;
  font-family: Inter, sans-serif;
}

.paragraph-53 {
  color: #ffaeae;
  letter-spacing: -1px;
  margin-top: 32px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 170%;
}

.div-block-337 {
  border: 2px solid #a1ccff;
  border-radius: 16px;
  width: 180px;
  padding: 8px 32px;
}

.div-block-338 {
  border: 2px solid #c2c851;
  border-radius: 16px;
  width: 180px;
  padding: 8px 32px;
}

.text-block-44 {
  color: #a1ccff;
  text-align: center;
  font-family: Inter, sans-serif;
}

.text-block-45 {
  color: #c2c851;
  text-align: center;
  font-family: Inter, sans-serif;
}

.paragraph-54 {
  color: #a1ccff;
  letter-spacing: -1px;
  margin-top: 32px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 170%;
}

.paragraph-55 {
  color: #c2c851;
  letter-spacing: -1px;
  margin-top: 32px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 170%;
}

.div-block-339 {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 96px;
  display: flex;
}

.div-block-340 {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.text-block-46 {
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.paragraph-56 {
  color: #a1ccff;
  text-align: center;
  letter-spacing: -1px;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 170%;
}

.div-block-341 {
  border: 2px solid #a1ccff;
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
  width: 200px;
  padding: 24px 16px;
}

.div-block-342 {
  border: 2px solid #ffaeae;
  border-radius: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.div-block-343 {
  border: 2px solid #a1ccff;
  border-radius: 16px;
  margin-top: 12px;
  padding: 8px 32px;
}

.div-block-344 {
  border: 2px solid #a1ccff;
  border-top-width: 0;
  border-radius: 0 0 28px 28px;
  justify-content: center;
  align-items: center;
  padding: 24px 16px;
  display: flex;
}

.text-block-47, .text-block-48 {
  color: #ffaeae;
  text-align: center;
  font-family: Inter, sans-serif;
}

.div-block-347 {
  border: 2px solid #a1ccff;
  border-radius: 16px;
  padding: 8px 32px;
}

.div-block-348 {
  border: 2px solid #c2c851;
  border-radius: 16px;
  margin-top: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.div-block-349 {
  border: 2px solid #a1ccff;
  border-top-width: 0;
  border-radius: 0 0 28px 28px;
  justify-content: center;
  align-items: center;
  height: 123px;
  padding: 24px 16px;
  display: flex;
}

.heading-50 {
  color: #ffaeae;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 24px;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.heading-50._2 {
  color: #231f20;
  letter-spacing: -1px;
  margin-top: 80px;
  margin-bottom: 32px;
  margin-left: 0;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.heading-50._04 {
  color: #231f20;
  letter-spacing: -.6px;
  font-family: Inter, sans-serif;
}

.image-265 {
  width: 190px;
}

.text-block-49 {
  color: #ffaeae;
  letter-spacing: -1px;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
}

.div-block-345 {
  border: 1px solid #ffaeae;
  border-radius: 30px;
  width: 375px;
  padding: 40px;
}

.text-block-68 {
  color: #c2c851;
  text-align: center;
  font-family: Inter, sans-serif;
}

@media screen and (max-width: 991px) {
  .main-screen {
    width: 768px;
    max-width: 768px;
  }

  .nav-contacts {
    color: #fff;
    text-align: center;
    border-color: #fff;
    width: 320px;
    max-width: 320px;
    margin: 30px auto 50px;
    position: relative;
  }

  .nav-link-01 {
    color: #fff;
    text-align: center;
    width: 768px;
    max-width: 768px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
  }

  .nav-link-02 {
    color: #fff;
    text-align: center;
    width: 768px;
    max-width: 768px;
    margin: 20px auto 0;
    position: static;
  }

  .brand {
    top: -22px;
  }

  .container {
    width: 768px;
    max-width: 768px;
    position: static;
    top: 0;
  }

  .main-header-h1 {
    width: auto;
    max-width: 768px;
    margin-bottom: 0;
    margin-right: 20px;
    font-size: 64px;
  }

  .services {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 768px;
    max-width: 768px;
    margin-top: 80px;
  }

  .website-design {
    height: 300px;
    margin-top: 0;
    margin-right: 0;
  }

  .apps {
    height: 300px;
    margin-right: 0;
  }

  .communication {
    height: 300px;
    margin-top: 0;
    margin-right: 0;
  }

  .identity {
    height: 300px;
    margin-top: 0;
  }

  .services-image.o {
    width: 200px;
    margin-top: 10px;
    margin-left: 70px;
  }

  .services-image.n {
    margin-top: -7px;
    margin-left: 200px;
  }

  .services-image.c {
    width: 190px;
    margin-top: -10px;
    margin-left: 185px;
  }

  .services-image.e {
    margin-top: 18px;
    margin-left: 140px;
  }

  .nav-menu {
    background-color: #231f20;
    margin-top: 0;
    display: block;
  }

  .our-experience {
    width: 768px;
    max-width: 768px;
  }

  .our-experience.euro._2 {
    margin-top: 64px;
  }

  .our-experience.ukraine._2 {
    margin-top: 120px;
    padding-left: 0;
    padding-right: 0;
  }

  .our-experience._02, .our-experience._01 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading {
    font-size: 56px;
    line-height: 64px;
  }

  .heading.part._02 {
    width: 470px;
  }

  .heading.long {
    width: auto;
  }

  .heading-2._2 {
    margin-top: 64px;
  }

  .euro-projects {
    width: 768px;
    max-width: 768px;
  }

  .euro-first {
    display: flex;
  }

  .euro-second {
    margin-top: 10px;
    display: flex;
  }

  .e-01 {
    width: 373px;
    height: auto;
    margin-right: 18px;
  }

  .e-03 {
    width: 373px;
    margin-right: 18px;
  }

  .e-04 {
    width: 373px;
    height: auto;
  }

  .e-desk {
    width: 360px;
    margin-top: 13px;
    display: flex;
  }

  .e-desk.u-desk {
    margin-bottom: 0;
  }

  .e-image._01, .e-image._02, .e-image._03, .e-image._04 {
    width: 360px;
    height: 261px;
  }

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

  .image-4 {
    width: 320px;
    max-width: none;
    margin-top: 1px;
    margin-left: 20px;
    position: static;
    top: 35px;
    left: 77px;
  }

  .image-5 {
    width: 360px;
    max-width: 100%;
    top: 40px;
    left: 40px;
  }

  .image-6 {
    max-width: 220px;
    top: 66px;
    left: 70px;
  }

  .heading-3 {
    font-size: 15px;
  }

  .heading-3.last {
    margin-bottom: 50px;
  }

  .tabs {
    width: 768px;
    max-width: 768px;
  }

  .tabs._02 {
    display: none;
  }

  .tabs-content {
    width: 768px;
    max-width: 768px;
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-menu {
    width: 768px;
    max-width: 768px;
    margin-top: 64px;
  }

  .all-first-line {
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid;
  }

  .all-second-line {
    margin-top: 10px;
    display: block;
  }

  .left-block-all {
    display: none;
  }

  .sola, .amega {
    margin-right: 0;
  }

  .right-block-all {
    width: 768px;
    max-width: 768px;
  }

  .all-third-line {
    width: 768px;
    max-width: 768px;
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .all-fourth-line {
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    grid-template-rows: auto 290px;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    margin-top: 30px;
    display: grid;
  }

  .drsante {
    width: 360px;
    max-width: none;
    margin-right: 44px;
  }

  .kolo {
    margin-top: 20px;
  }

  .badboy, .blank-project {
    margin-right: 0;
  }

  .blank-project.nope {
    height: 0;
  }

  .thrid-left {
    display: block;
  }

  .image-14 {
    margin-top: 0;
  }

  .image-17 {
    width: 280px;
    max-width: none;
    top: 200px;
    left: 40px;
  }

  .image-17._01 {
    margin-top: 80px;
    margin-left: 29px;
    top: 120px;
    left: 10px;
  }

  .colonnade-3d {
    margin-right: 0;
  }

  .fayni-lyodu-identity {
    margin-top: 0;
  }

  .div-block-2 {
    width: 360px;
    max-width: 768px;
    height: 539px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
  }

  .div-block-2.drsan {
    height: 549px;
  }

  .div-block-4._22 {
    border-style: none;
    justify-content: center;
    align-items: flex-start;
    height: 240px;
    display: flex;
    overflow: hidden;
  }

  .div-block-4._33 {
    display: none;
  }

  .curiosity {
    width: 768px;
    max-width: 768px;
    height: 280px;
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-4 {
    width: 216px;
    left: 30px;
  }

  .download-button {
    margin-right: 12px;
  }

  .image-19 {
    width: auto;
    max-width: none;
    left: -20px;
  }

  .div-block-8 {
    margin-left: 0;
  }

  .partners {
    width: 768px;
    max-width: 768px;
    margin-top: 120px;
    padding-left: 0;
    padding-right: 0;
  }

  .cherries._02, .fingers {
    width: 768px;
    max-width: 768px;
    padding-left: 0;
    padding-right: 0;
  }

  .finger {
    height: 342px;
  }

  .heading-5 {
    margin-top: 63px;
    margin-left: 40px;
  }

  .image-20 {
    width: 120px;
    top: -28px;
    left: 60px;
  }

  .image-20._1 {
    width: 170px;
    top: -48px;
    left: 47px;
  }

  .photos {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 768px;
    max-width: 768px;
    margin-top: 64px;
    margin-bottom: 80px;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .partner._02 {
    margin-right: 20px;
    top: 0;
  }

  .partner._03 {
    margin-right: 20px;
    position: relative;
    top: 0;
  }

  .partner._04 {
    margin-right: 20px;
    top: 0;
  }

  .partner._05 {
    margin-top: 0;
    top: 0;
  }

  .partner._01 {
    margin-right: 20px;
    top: 0;
  }

  .parnter-photo._02, .parnter-photo._03, .parnter-photo._04, .parnter-photo._05, .parnter-photo._01 {
    width: 210px;
  }

  .heading-6 {
    margin-top: 8px;
    font-size: 18px;
  }

  .paragraph-5 {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 12px;
  }

  .image-22 {
    width: 210px;
    max-width: none;
  }

  .footer {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .contacts {
    width: 768px;
    max-width: 768px;
    margin-top: 72px;
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-6.email, .paragraph-6.insta, .paragraph-6.facebook, .paragraph-6.whatsapp, .paragraph-6.linkedin {
    font-size: 20px;
  }

  .div-block-9 {
    margin-right: 80px;
  }

  .copy {
    align-items: center;
    width: 768px;
    max-width: 768px;
    margin-top: 56px;
  }

  .project-hov._01 {
    margin-top: -24px;
  }

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

  .image-26 {
    max-width: 50%;
    left: auto;
  }

  .div-block-15 {
    margin-left: 10px;
  }

  .menu-button {
    padding-top: 0;
    padding-bottom: 0;
  }

  .menu-button.w--open {
    background-color: #fff;
    border-radius: 1px;
  }

  .download-cion {
    display: none;
  }

  .image-27 {
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
    top: -38px;
    left: 496px;
  }

  .image-28 {
    display: none;
  }

  .hamburger-lottie {
    width: 50px;
    height: 70px;
  }

  .newfingers {
    width: 768px;
    max-width: 768px;
    height: 690px;
    margin-top: 0;
  }

  .div-block-19 {
    margin-top: 90px;
  }

  .paragraph-7 {
    width: 210px;
    font-size: 48px;
  }

  .paragraph-8 {
    width: 310px;
    font-size: 48px;
  }

  .paragraph-9 {
    width: 380px;
    font-size: 48px;
  }

  .div-block-20 {
    margin-top: 130px;
  }

  .div-block-23 {
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 48px;
  }

  .linkes {
    width: 768px;
    max-width: 768px;
  }

  .mail-link, .insta-link, .fb-link, .wa-link, .li-link {
    line-height: 48px;
  }

  .link, .link-2 {
    font-size: 42px;
    line-height: 48px;
  }

  .hover-text, .hover-text.inzhur, .hover-text.colonnade, .hover-text.faynilyodu, .hover-text.fatdragon, .hover-text.hi-marine, .hover-text.goodwine, .hover-text.tobesola, .hover-text.a-mega, .hover-text.dr-sante, .hover-text.sg, .hover-text.kolo-kolo, .hover-text.bboy {
    display: none;
  }

  .hover-text.kolo-1 {
    width: 290px;
    display: none;
  }

  .hover-text.nd-up {
    width: 370px;
    display: none;
  }

  .hover-text.hi-mar {
    width: 320px;
    display: none;
  }

  .hover-text.torsus {
    width: 360px;
    display: none;
  }

  .hover-text.animates, .hover-text.colbrand, .hover-text.fayni-winter, .hover-text.sg-cabinet, .hover-text.mfactor, .hover-text.sm-brand, .hover-text.ddose, .hover-text.pixelcase, .hover-text.elit-01, .hover-text.elit-02, .hover-text.crello, .hover-text.aspen {
    display: none;
  }

  .link-3, .link-4, .link-5 {
    font-size: 42px;
    line-height: 48px;
  }

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

  .applications, .div-block-24 {
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

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

  .div-block-25 {
    width: 360px;
    height: auto;
  }

  .torsus-fp, .nd-fp, .kolo-fp {
    width: 360px;
  }

  .blank-project-copy {
    margin-right: 0;
  }

  .blank-project-copy.nope {
    height: 0;
  }

  .div-block-4-copy._22 {
    border-style: none;
    justify-content: center;
    align-items: flex-start;
    height: 240px;
    display: flex;
    overflow: hidden;
  }

  .div-block-4-copy._33 {
    display: none;
  }

  .image-26-copy {
    max-width: 50%;
    left: auto;
  }

  .div-block-29 {
    margin-top: 15px;
  }

  .div-block-30 {
    margin-top: -4px;
  }

  .colonnade-3d-header {
    width: 768px;
    margin-top: 120px;
    overflow: hidden;
  }

  .colonnade-3d-header._02 {
    margin-top: 36px;
  }

  .colonnade-3d-header._003 {
    margin-top: 120px;
  }

  .description-client {
    width: 768px;
    margin-bottom: 40px;
    margin-left: 0;
    font-size: 60px;
    line-height: 68px;
  }

  .name-client {
    width: 768px;
    margin-left: 0;
  }

  .small-description-client {
    width: 768px;
    margin-bottom: 40px;
    margin-left: 0;
  }

  .small-description-client._02.smgr-04 {
    margin-top: 0;
  }

  .small-description-client._03.gw {
    margin-left: 0;
  }

  .small-description-client._03.smgr-05 {
    margin-top: 0;
  }

  .mini-description-client {
    margin-bottom: 40px;
    margin-left: 0;
  }

  .mini-description-client.gw {
    margin-left: 0;
  }

  .num-img._05 {
    width: 360px;
    height: 204px;
    margin-right: 48px;
  }

  .num-img._06 {
    width: 360px;
    height: 204px;
  }

  .case-image {
    width: 768px;
    overflow: hidden;
  }

  .case-image._02._009 {
    overflow: hidden;
  }

  .case-image._03.gw {
    width: 768px;
    margin-top: 0;
  }

  .case-image._03.gw.last-block {
    margin-top: -70px;
  }

  .case-image._04 {
    display: flex;
  }

  .case-image._05 {
    margin-top: 64px;
  }

  .div-block-31 {
    margin-top: 88px;
  }

  .fullcsreen {
    height: auto;
  }

  .read-more, .read-more.shift {
    margin-left: 0;
  }

  .readmore {
    width: 768px;
  }

  .vimeo-video {
    height: 436px;
  }

  .vimeo-video._2 {
    height: 440px;
  }

  .vimeo-video.last-margin {
    margin-bottom: 64px;
  }

  .vimeo-video.tor.colonn {
    width: 768px;
  }

  .image-descriptor {
    width: 768px;
    margin-bottom: 40px;
  }

  .image-descriptor.fayni-lyodu.before-after._2 {
    margin-left: -150px;
  }

  .tree-images {
    width: 768px;
    margin-top: 60px;
  }

  .image-39 {
    width: 270px;
    height: 279px;
  }

  .image-40 {
    width: 320px;
    height: 196px;
  }

  .image-41 {
    width: 160px;
    height: 267px;
  }

  .phones {
    justify-content: flex-start;
    align-items: flex-start;
    width: 768px;
    margin-left: auto;
    margin-right: auto;
  }

  .results-block {
    justify-content: flex-start;
    width: 768px;
    margin-top: 72px;
    margin-bottom: 100px;
  }

  .paragraph-13 {
    width: 170px;
  }

  .paragraph-13._2 {
    width: 310px;
  }

  .paragraph-13._3 {
    width: 190px;
  }

  .first-result {
    margin-right: 30px;
  }

  .second-result {
    margin-right: 40px;
  }

  .block-vision {
    width: 768px;
  }

  .block-vision._2._3 {
    margin-top: 0;
  }

  .two-blocks {
    width: 768px;
    display: block;
  }

  .paragraph-14 {
    width: 480px;
  }

  .blocks._01 {
    height: 730px;
    margin-right: 0;
    top: -30px;
  }

  .blocks._01.beta {
    top: 20px;
  }

  .blocks._01.beta.gwb-04 {
    top: 0;
  }

  .blocks._01.beta.gwb-08 {
    height: auto;
    display: block;
    top: 20px;
  }

  .blocks._01.beta.gwb-08._045 {
    top: -60px;
  }

  .blocks._01.beta.gwb-08._045._013 {
    top: 20px;
  }

  .blocks._01._3 {
    top: -40px;
  }

  .blocks._01._3.gwb-05 {
    top: -50px;
  }

  .blocks._01._3.gwb-05._1234234 {
    margin-top: -70px;
    top: 0;
  }

  .blocks._01._4 {
    top: -60px;
  }

  .blocks._01.gwb-01 {
    top: 0;
  }

  .blocks._01.gwb-07 {
    top: -80px;
  }

  .blocks._01.gwb-07._007, .blocks._01.gwb-07._007._014 {
    top: 0;
  }

  .blocks._01.gwb-07._008 {
    margin-top: 50px;
    top: 0;
  }

  .blocks._01.gwb-07._009 {
    top: 0;
  }

  .blocks._01.gwb-07._010 {
    margin-top: 50px;
    top: 0;
  }

  .blocks._01.gwb-07._011 {
    top: 0;
  }

  .blocks._01.gwb-07._012 {
    margin-top: 50px;
    top: 0;
  }

  .html-embed-3 {
    margin-left: auto;
    margin-right: auto;
  }

  .image-45 {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .image-45._02 {
    display: block;
  }

  .image-45._02.gwi-02._006 {
    top: -756px;
  }

  .image-45._02.gwi-04._004 {
    top: -697px;
  }

  .paragraph-15, .small-description-client-copy {
    margin-left: 0;
  }

  .small-description-client-copy._02.smgr-04 {
    margin-top: 0;
  }

  .small-description-client-copy._03.gw {
    margin-left: 0;
  }

  .small-description-client-copy._03.smgr-05 {
    margin-top: 0;
  }

  .paragraph-16, .paragraph-17 {
    margin-left: 0;
  }

  .div-block-38 {
    width: 768px;
  }

  .case-titles {
    width: 768px;
    margin-bottom: 20px;
    margin-left: 0;
  }

  .case-titles.shift {
    margin-left: 0;
  }

  .case-titles.last-margin {
    margin-bottom: 64px;
  }

  .case-titles._48 {
    margin-bottom: 48px;
  }

  .case-images {
    width: 768px;
    margin-bottom: 56px;
  }

  .case-images.last-margin {
    margin-bottom: 64px;
  }

  .case-images.shift {
    width: 768px;
    display: block;
  }

  .case-images.phone-gif {
    margin-top: -280px;
  }

  .case-images.phone-gif.bad-boy {
    height: 449px;
    margin-top: 139px;
  }

  .case-images.video {
    width: 684px;
    margin-left: 40px;
    top: -133px;
  }

  .case-images.double-video.right {
    margin-right: 0;
  }

  .case-container {
    width: 768px;
  }

  .case-container.last-vimeo {
    margin-bottom: 80px;
  }

  .case-container.full.kolo-gmbh.yellow {
    height: 600px;
  }

  .case-container.full.moonhauzen.second-screen {
    height: 610px;
    padding-bottom: 100px;
  }

  .case-container.last-margin {
    margin-bottom: 80px;
  }

  .case-container.overlay {
    height: 343px;
    margin-top: 270px;
  }

  .case-container.wide.last-margin {
    margin-bottom: 64px;
  }

  .case-container.flw._3 {
    height: 1860px;
  }

  .case-container.flw.insta {
    margin-bottom: 64px;
  }

  .case-container.sola {
    height: 1200px;
    margin-right: auto;
  }

  .case-container._3 {
    height: 1210px;
  }

  .case-container.hi-5th {
    height: 620px;
  }

  .case-text-mini {
    width: 768px;
    margin-bottom: 48px;
    margin-left: 0;
  }

  .case-text-mini.shift {
    margin-left: 0;
  }

  .case-text-mini.shift.last-margin {
    margin-bottom: 64px;
  }

  .case-text-mini.shift.insta {
    margin-left: 220px;
  }

  .case-titles-big {
    width: 768px;
    margin-bottom: 40px;
    margin-left: 0;
  }

  .case-titles-big.shift {
    margin-left: 0;
  }

  .big-header {
    width: 768px;
    margin-top: 120px;
  }

  .big-header.colonnade-ad {
    margin-top: 56px;
  }

  .phone-gif.bad-boy {
    height: 448px;
  }

  .image-46 {
    width: 150px;
    top: 62px;
    left: 317px;
  }

  .image-46.bad-boy {
    top: 71px;
  }

  .image-47 {
    width: 350px;
  }

  .div-block-39 {
    justify-content: space-between;
    width: 768px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .image-48 {
    width: 350px;
    height: 416px;
  }

  .image-49, .three-phones {
    width: 768px;
  }

  .phones-smartgroup {
    width: 210px;
  }

  .image-50 {
    width: 370px;
  }

  .image-50.bordered.three, .image-50.three {
    width: 230px;
  }

  .image-51 {
    width: 370px;
  }

  .div-block-40 {
    width: 768px;
  }

  .image-53 {
    left: 100px;
  }

  .div-block-41 {
    left: 230px;
  }

  .image-55 {
    left: 80px;
  }

  .div-block-42 {
    left: 380px;
  }

  .image-58 {
    left: 115px;
  }

  .image-59 {
    left: -130px;
  }

  .image-60 {
    left: 20px;
  }

  .image-62 {
    left: 40px;
  }

  .image-63 {
    left: 310px;
  }

  .image-64 {
    left: -250px;
  }

  .image-65 {
    top: 140px;
    left: 400px;
  }

  .image-66 {
    top: 410px;
    left: -310px;
  }

  .image-67 {
    top: 430px;
    left: 400px;
  }

  .image-68 {
    top: 580px;
    left: -340px;
  }

  .image-69 {
    top: -240px;
    left: 0;
  }

  .div-block-43 {
    width: 768px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .image-70 {
    width: 768px;
    display: block;
  }

  .sola-logo {
    width: 768px;
    margin-top: -390px;
    margin-bottom: 184px;
  }

  .image-71 {
    max-width: 80%;
  }

  .div-block-45, .sola-links {
    width: 768px;
  }

  .div-block-49 {
    padding-top: 80px;
  }

  .div-block-49._2 {
    height: 290px;
  }

  .div-block-50 {
    width: 768px;
  }

  .heading-8.sola {
    width: 320px;
    margin-right: 40px;
    font-size: 36px;
  }

  .heading-8.olymed, .heading-8.olymed.blue {
    font-size: 40px;
  }

  .div-block-51 {
    width: 768px;
    margin-top: -360px;
  }

  .heading-9 {
    text-align: left;
    margin-bottom: 32px;
    font-size: 28px;
  }

  .div-block-52 {
    width: 768px;
  }

  .image-74 {
    max-width: 50%;
    top: -70px;
    left: 0;
  }

  .image-75 {
    width: 336px;
    max-width: 100%;
    top: 150px;
    left: 43px;
  }

  .image-76 {
    max-width: 50%;
    top: -110px;
    left: 0;
  }

  .image-77 {
    max-width: 44%;
    top: 190px;
    left: 44px;
  }

  .image-79 {
    width: 340px;
    left: 0;
  }

  .image-80 {
    width: 340px;
    top: 90px;
    left: 80px;
  }

  .image-81 {
    top: 100px;
  }

  .image-82 {
    top: 80px;
    left: 240px;
  }

  .heading-11 {
    font-size: 36px;
  }

  .heading-12 {
    margin-top: 90px;
  }

  .div-block-55 {
    height: 440px;
  }

  .div-block-55.olymed {
    height: 430px;
  }

  .image-87 {
    max-width: 130%;
    top: -380px;
    left: 510px;
  }

  .div-block-60 {
    height: 580px;
  }

  .div-block-60.tors {
    height: 1180px;
    margin-bottom: 64px;
  }

  .image-91 {
    width: 160px;
    left: 0;
  }

  .image-91.nd-img._01 {
    top: -260px;
  }

  .image-92 {
    width: 160px;
    left: 39px;
  }

  .image-93 {
    width: 160px;
    left: 79px;
  }

  .image-94 {
    width: 160px;
    left: 123px;
  }

  .image-94.tor-img._04.torsu {
    top: -80px;
  }

  .image-94.nd-img._04 {
    top: -160px;
  }

  .image-95 {
    width: 160px;
    top: -610px;
    left: 0;
  }

  .image-95.tor-img._05 {
    top: -322px;
  }

  .image-95.nd-img._05 {
    top: -420px;
  }

  .image-96 {
    width: 160px;
    top: -670px;
    left: 40px;
  }

  .image-96.tor-img._06 {
    top: -380px;
  }

  .image-96.nd-img._06 {
    top: -70px;
  }

  .image-97 {
    width: 160px;
    top: -630px;
    left: 282px;
  }

  .image-97.tor-img._08 {
    top: -190px;
  }

  .image-97.tor-img._08.torsu {
    top: -220px;
  }

  .image-97.nd-img._09 {
    top: -200px;
  }

  .image-98 {
    width: 160px;
    top: -230px;
    left: -80px;
  }

  .image-98.nd-img._07 {
    top: -140px;
  }

  .image-99 {
    width: 160px;
    top: -670px;
    left: 200px;
  }

  .image-99.tor-img._09 {
    top: -530px;
    left: 0;
  }

  .image-99.tor-img._10 {
    top: -520px;
    left: 40px;
  }

  .image-99.tor-img._10.torsu {
    top: -570px;
  }

  .image-99.nd-img._09 {
    top: -420px;
    left: 0;
  }

  .div-block-61 {
    margin-bottom: 64px;
  }

  .div-block-62 {
    width: 768px;
  }

  .image-100 {
    left: 1px;
  }

  .image-101 {
    left: 43px;
  }

  .div-block-64 {
    display: none;
  }

  .image-103 {
    left: 6%;
  }

  .image-104 {
    left: -30%;
  }

  .image-105 {
    left: -80%;
  }

  .image-106 {
    left: -90%;
  }

  .div-block-65 {
    width: 768px;
  }

  .image-118 {
    width: 344px;
    top: -78px;
  }

  .div-block-66 {
    width: 344px;
    height: 460px;
  }

  .image-120 {
    top: -330px;
    left: 49px;
  }

  .image-122 {
    top: -46px;
  }

  .image-123 {
    width: 100px;
    top: -506px;
    left: 216px;
  }

  .image-124 {
    width: 100px;
    top: -442px;
    left: 40px;
  }

  .image-125 {
    top: -463px;
    left: 120px;
  }

  .image-126 {
    top: -408px;
    left: 70px;
  }

  .image-127 {
    width: 355px;
    top: -30px;
  }

  .image-128 {
    width: 355px;
    margin-bottom: 140px;
  }

  .div-block-68 {
    width: 768px;
    display: flex;
    overflow: hidden;
  }

  .image-129 {
    height: 440px;
    top: 60px;
    left: 30px;
  }

  .image-130 {
    left: -130px;
  }

  .prob {
    margin-right: 0;
  }

  .additional-image {
    width: 768px;
    height: 414px;
    margin-top: -370px;
    margin-bottom: 80px;
  }

  .image-155 {
    height: 480px;
  }

  .res-block {
    width: 768px;
  }

  .results {
    font-size: 40px;
  }

  .paragraph-27 {
    margin-right: 10px;
  }

  .div-block-75 {
    margin-right: 50px;
  }

  ._4-blocks {
    width: 768px;
    margin-bottom: 160px;
  }

  .image-156, .image-157, .image-158 {
    width: 170px;
    margin-right: 28px;
  }

  .image-159 {
    width: 170px;
  }

  .image-160 {
    left: 0;
  }

  .image-161 {
    top: 180px;
    left: -140px;
  }

  .image-162 {
    top: -260px;
    left: 475px;
  }

  .div-block-77 {
    top: -590px;
    left: 250px;
  }

  .image-163 {
    top: -80px;
    left: 9px;
  }

  .image-164 {
    top: -40px;
  }

  .image-165 {
    top: -50px;
    left: 190px;
  }

  .div-block-78 {
    top: -630px;
    left: 50px;
  }

  .div-block-79 {
    margin-top: -50px;
    margin-bottom: 120px;
    padding-top: 80px;
    padding-bottom: 220px;
  }

  .heading-13 {
    font-size: 40px;
  }

  .image-166, .image-167 {
    width: 340px;
  }

  .image-168 {
    width: 340px;
    top: 40px;
  }

  .image-169 {
    width: 340px;
    top: 185px;
  }

  .image-170 {
    width: 340px;
    top: 80px;
  }

  .image-171 {
    width: 340px;
    top: -60px;
  }

  .div-block-82 {
    margin-bottom: 190px;
  }

  .image-173, .image-174 {
    width: 340px;
    left: 10px;
  }

  .image-175 {
    width: 340px;
    top: 110px;
    left: 10px;
  }

  .main-visual-colonnade._2 {
    height: 470px;
  }

  .laptop-colonnade, .bubbles {
    width: 768px;
  }

  .bubble {
    top: 490px;
    left: 10px;
  }

  .bubble._03 {
    top: -20px;
  }

  .bubble._04 {
    top: -80px;
    left: 20px;
  }

  .bubble._05 {
    top: 90px;
    left: 200px;
  }

  .bubble._06 {
    top: 390px;
    left: 38px;
  }

  .bubble._07 {
    left: 79px;
  }

  .bubble._08 {
    top: 580px;
    left: 610px;
  }

  .bubble._10 {
    top: 670px;
    left: -200px;
  }

  .bubble._10.b {
    display: none;
  }

  .div-block-88 {
    margin-left: 0;
  }

  .div-block-91 {
    top: -1110px;
    left: 120px;
  }

  .paragraph-33 {
    width: auto;
  }

  .grid {
    grid-column-gap: 60px;
  }

  .image-179 {
    width: 768px;
    top: -90px;
  }

  .div-block-93 {
    justify-content: center;
    position: relative;
    top: -220px;
  }

  .div-block-93._3 {
    top: -250px;
  }

  .div-block-93._4 {
    top: -310px;
  }

  .div-block-93._5 {
    top: -280px;
  }

  .div-block-93._6 {
    top: -260px;
  }

  .div-block-94 {
    width: 768px;
    height: 128px;
    margin-top: 170px;
  }

  .div-block-94._2 {
    height: 188px;
  }

  .div-block-94._3 {
    height: 145px;
    margin-top: 310px;
  }

  .div-block-96._2 {
    height: 1500px;
    margin-top: 68px;
  }

  .div-block-97 {
    width: 768px;
  }

  .image-180._6 {
    top: 590px;
    left: 90px;
  }

  .image-180._7, .image-180._8, .image-180._9, .image-180._10 {
    display: none;
  }

  .image-180._1 {
    top: 480px;
    left: -60px;
  }

  .div-block-98 {
    width: 768px;
  }

  .div-block-99 {
    height: 380px;
    margin-bottom: 260px;
  }

  .div-block-100 {
    width: 768px;
    margin-top: 28px;
  }

  .paragraph-35 {
    width: 250px;
    font-size: 23px;
  }

  .paragraph-36 {
    width: 240px;
  }

  .grid-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .div-block-102 {
    width: 768px;
  }

  .div-block-107 {
    width: 768px;
    margin-bottom: 0;
  }

  .div-block-108 {
    width: 170px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    top: -40px;
    left: 3px;
  }

  .div-block-109 {
    padding-left: 40px;
    padding-right: 40px;
    top: -18px;
    left: -20px;
  }

  .paragraph-40 {
    width: 370px;
  }

  .paragraph-41 {
    font-size: 22px;
  }

  .div-block-110 {
    padding: 40px;
  }

  .div-block-111 {
    margin-bottom: 40px;
    top: 70px;
    left: -290px;
  }

  .div-block-112 {
    width: 90px;
    left: 410px;
  }

  .div-block-113 {
    width: 768px;
  }

  .div-block-114 {
    height: 380px;
    margin-bottom: 180px;
  }

  .div-block-114.orange {
    height: 530px;
  }

  .div-block-114.orange._2 {
    height: 460px;
  }

  .div-block-114.orange._6 {
    height: 360px;
  }

  .div-block-114._4 {
    height: 648px;
  }

  .div-block-114._5 {
    height: 470px;
  }

  .div-block-114._6 {
    height: 320px;
    margin-bottom: 120px;
    padding-top: 120px;
  }

  .div-block-115 {
    width: 768px;
  }

  .image-187 {
    width: 300px;
  }

  .image-188 {
    width: 510px;
  }

  .div-block-118 {
    height: 410px;
  }

  .image-190, .div-block-119, .div-block-120 {
    width: 768px;
  }

  .mobile-vimeo-colonnade {
    left: 290px;
  }

  .div-block-124 {
    height: 700px;
  }

  .grid-3 {
    grid-column-gap: 16px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .div-block-125 {
    width: 230px;
    height: 240px;
  }

  .image-195 {
    left: 210px;
  }

  .image-196 {
    width: 70px;
  }

  .gw-vid {
    height: 545px;
    top: -588px;
  }

  .html-embed-6 {
    display: none;
  }

  .struggle-header {
    cursor: auto;
  }

  .vktr {
    cursor: auto;
    align-items: center;
    width: 110px;
  }

  .text-block-12 {
    margin-left: 1vw;
  }

  .foot-links {
    z-index: 11000;
  }

  .image-197 {
    width: .8vw;
    height: 3.8vw;
  }

  .body-ukraine {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    cursor: auto;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    max-width: none;
    height: 100%;
    overflow: hidden;
  }

  .logo-ukraine-img {
    width: 6vw;
    line-height: 7vw;
  }

  .mainimages {
    height: 100%;
  }

  .image-199, .image-200, .image-201, .image-202, .image-203 {
    width: 19vw;
  }

  .cursor-wrapper {
    display: none;
  }

  ._01-pop {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    width: auto;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  ._02-pop {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    margin-top: 150px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  ._03-pop {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    margin-top: -30px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  ._04-pop {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  ._05-pop {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  ._06-pop {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    margin-top: -30px;
    display: grid;
  }

  .pop-lines._02 {
    flex-direction: column;
    justify-content: flex-start;
  }

  .text-block-16 {
    font-size: 2vw;
  }

  .panel-one {
    justify-content: flex-start;
    align-items: center;
    height: 100%;
  }

  .panel {
    justify-content: flex-start;
  }

  .dates-line {
    margin-top: 40vw;
  }

  .dates {
    width: 100%;
  }

  .date-1 {
    font-size: 2vw;
  }

  .img-ver {
    width: 42vw;
  }

  .desc-text {
    width: 36vw;
    font-size: 1.5vw;
    line-height: 2vw;
    top: -69vw;
    left: 22vw;
  }

  .desc-text.left {
    font-size: 1.5vw;
    line-height: 2vw;
    top: -70vw;
    right: 22vw;
  }

  .desc-text.left.long {
    top: -42.3vw;
  }

  .desc-text.long {
    font-size: 1.5vw;
    line-height: 2vw;
    top: -58vw;
  }

  .pin-up {
    height: 39.8125px;
  }

  .line-up {
    height: 4vw;
    margin-bottom: 0;
  }

  .line-down {
    height: 73vw;
  }

  .line-down.long {
    height: 46vw;
  }

  .line-down.long._2 {
    height: 62vw;
  }

  .img-hor {
    width: 75vw;
  }

  .img-hor.quad {
    width: 53vw;
  }

  .image-209 {
    width: 1.5vw;
  }

  .dot-down {
    width: 1.5vw;
    margin-top: -2vw;
  }

  .dot-up {
    width: 1.5vw;
  }

  .image-210 {
    width: 20vw;
    left: 9vw;
  }

  .image-211 {
    width: 20vw;
    left: -12vw;
  }

  .help-ukraine {
    margin-bottom: 10vw;
  }

  .donate-1 {
    left: 6vw;
  }

  .donate-2 {
    top: 16vw;
    left: -7vw;
  }

  .donate-line-1 {
    width: 100%;
  }

  .donate-line-2 {
    width: 100%;
    margin-bottom: 50vw;
  }

  .donate-3 {
    top: 15vw;
    left: -4vw;
  }

  .text-block-22 {
    width: 39vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .text-block-23 {
    width: 30vw;
    font-size: 2vw;
    line-height: 3vw;
  }

  .donte-button {
    width: 19vw;
    height: 5vw;
    padding-bottom: 8px;
  }

  .div-block-149 {
    width: 100%;
  }

  .line-down-mini {
    height: 20vw;
  }

  .div-block-150 {
    cursor: auto;
    top: 50%;
  }

  .div-block-151 {
    cursor: auto;
    position: absolute;
    top: 10%;
    left: 27%;
  }

  .div-block-152 {
    cursor: auto;
    position: absolute;
    top: 20%;
  }

  .div-block-153 {
    cursor: auto;
    top: 82%;
    left: 21%;
  }

  .div-block-154 {
    cursor: auto;
  }

  .fade-up.tricks {
    width: 80vw;
    margin-top: 40vw;
    margin-bottom: 30vw;
    font-size: 5vw;
    line-height: 5vw;
    display: none;
  }

  .fade-up.tricks-copy {
    width: 80vw;
    margin-top: 40vw;
    margin-bottom: 30vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .line-container-1 {
    height: 70vw;
  }

  .dot-001 {
    width: 1.5vw;
  }

  .dot-002 {
    height: 60vw;
  }

  .line-container-2 {
    height: 70vw;
  }

  .dot-0001 {
    width: 1.5vw;
  }

  .dot-0002 {
    height: 52vw;
  }

  .line-11, .div-block-156 {
    height: 70vw;
  }

  .donate-04 {
    top: 32vw;
    left: 3.3vw;
  }

  .nav-link-3, .nav-link-4 {
    margin-right: 0;
    font-size: 2.4vw;
  }

  .nav-link-5 {
    margin-right: -1vw;
    font-size: 2.4vw;
  }

  .div-block-157 {
    align-items: center;
    width: 57%;
    display: flex;
  }

  .div-block-161 {
    position: relative;
  }

  .project-by {
    margin-right: .8vw;
    font-size: 1.5vw;
    line-height: 7vw;
  }

  .project-name {
    margin-left: 1vw;
    font-size: 2.4vw;
    line-height: 7vw;
  }

  .explore {
    cursor: auto;
    background-color: #000;
    border: 1px solid #fff0;
    border-radius: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 20vw;
    height: 20vw;
    text-decoration: none;
    display: flex;
    top: 60%;
    left: 40%;
  }

  .text-block-25 {
    color: #fff;
    text-align: center;
    font-family: PP pangram Sans, sans-serif;
    font-size: 3vw;
    transform: rotate(-10deg);
  }

  .from-768.tricks {
    width: 80vw;
    margin-top: 40vw;
    margin-bottom: 30vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .from-768.fs-index {
    letter-spacing: -.3vw;
    width: 80vw;
    margin-top: 40vw;
    margin-bottom: 22vw;
    font-size: 6vw;
    line-height: 7vw;
    display: block;
  }

  .from-768.fs-index._2 {
    margin-top: 22vw;
    margin-bottom: 10vw;
  }

  .stickes-moon {
    justify-content: center;
    align-items: center;
  }

  .moo-stick-line-01, .moo-stick-line-02 {
    justify-content: center;
    align-items: center;
    top: 0;
  }

  .image-226 {
    width: 150px;
  }

  .image-227 {
    width: 200px;
  }

  .image-228, .image-229 {
    width: 230px;
  }

  .image-230 {
    width: 90px;
    top: -50px;
    left: -220px;
  }

  .image-231 {
    top: 180px;
    left: 130px;
  }

  .image-232 {
    width: 170px;
    top: 50px;
    left: 70px;
  }

  .image-233 {
    width: 160px;
    top: 20px;
    left: 30px;
  }

  .image-234 {
    width: 170px;
    left: -31px;
  }

  .image-235 {
    width: 170px;
    left: -70px;
  }

  .image-236 {
    top: 180px;
    left: -60px;
  }

  .image-237 {
    width: 170px;
    left: -200px;
  }

  .warinukraine {
    width: 768px;
    max-width: 768px;
  }

  .warinukraine.euro._2 {
    margin-top: 64px;
  }

  .warinukraine.ukraine._2 {
    margin-top: 120px;
    padding-left: 0;
    padding-right: 0;
  }

  .warinukraine._02, .warinukraine._01 {
    padding-left: 0;
    padding-right: 0;
  }

  .warlayout {
    margin-top: 10px;
    margin-bottom: -20px;
    display: flex;
  }

  .image-248 {
    margin-right: 0;
  }

  .image-249 {
    margin-left: 40px;
  }

  .div-block-165 {
    width: 768px;
  }

  .image-250 {
    width: 650px;
  }

  .columns {
    width: 768px;
    margin-left: auto;
    margin-right: auto;
  }

  .container-3 {
    justify-content: center;
    display: flex;
  }

  .div-block-172 {
    width: 768px;
  }

  .div-block-168 {
    background-size: contain;
    height: 450px;
  }

  .div-block-173 {
    margin-bottom: 48px;
  }

  .div-block-165-copy, .div-block-172-copy {
    width: 768px;
  }

  .div-block-165-copy-copy {
    width: 768px;
    padding-right: 0;
  }

  .check-video {
    width: 768px;
    margin-bottom: 56px;
  }

  .check-video.last-margin {
    margin-bottom: 64px;
  }

  .check-video.shift {
    width: 768px;
    display: block;
  }

  .check-video.phone-gif {
    margin-top: -280px;
  }

  .check-video.phone-gif.bad-boy {
    height: 449px;
    margin-top: 139px;
  }

  .check-video.video {
    width: 684px;
    margin-left: 40px;
    top: -133px;
  }

  .check-video.double-video.right {
    margin-right: 0;
  }

  .container-4 {
    width: 768px;
  }

  .tg-link {
    line-height: 48px;
  }

  .link-tg {
    font-size: 42px;
    line-height: 48px;
  }

  .discover {
    margin-top: 70px;
    margin-bottom: 24px;
  }

  .container-5, .once-container {
    width: 768px;
  }

  .discover-block {
    width: 240px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .inspire-block, .connect-block {
    width: 240px;
  }

  .discover-container {
    width: 768px;
  }

  .heading-service {
    margin-bottom: 24px;
    font-size: 32px;
  }

  .image-o.o {
    width: 200px;
    margin-top: 10px;
    margin-left: 70px;
  }

  .image-o.n {
    margin-top: -7px;
    margin-left: 200px;
  }

  .image-o.c {
    width: 190px;
    margin-top: -10px;
    margin-left: 185px;
  }

  .image-o.e {
    margin-top: 18px;
    margin-left: 140px;
  }

  .services-image-copy.o {
    width: 200px;
    margin-top: 10px;
    margin-left: 70px;
  }

  .services-image-copy.n {
    margin-top: -7px;
    margin-left: 200px;
  }

  .services-image-copy.c {
    width: 190px;
    margin-top: -10px;
    margin-left: 185px;
  }

  .services-image-copy.e {
    margin-top: 18px;
    margin-left: 140px;
  }

  .image-n.o {
    width: 200px;
    margin-top: 10px;
    margin-left: 70px;
  }

  .image-n.n {
    margin-top: -7px;
    margin-left: 200px;
  }

  .image-n.c {
    width: 190px;
    margin-top: -10px;
    margin-left: 185px;
  }

  .image-n.e {
    margin-top: 18px;
    margin-left: 140px;
  }

  .we-craft {
    margin-top: 70px;
    margin-bottom: 24px;
  }

  .we-craft-container {
    width: 768px;
  }

  .we-craft-projects {
    grid-template-columns: 1fr 1fr;
  }

  .for-the-ukrainian-army {
    margin-bottom: 24px;
  }

  .for-people {
    margin-bottom: 40px;
  }

  .for-people-container {
    width: 768px;
  }

  .for-people-layout {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 10px;
    margin-bottom: -20px;
  }

  .all-at-once {
    margin-top: 110px;
  }

  .aio-cont {
    width: 768px;
    max-width: none;
  }

  .heading-service-copy {
    margin-bottom: 24px;
    font-size: 32px;
  }

  .hero-heading {
    font-size: 88px;
  }

  .hero-text {
    margin-top: 38px;
    font-size: 14px;
  }

  .long-term-relationships {
    width: 768px;
    max-width: none;
  }

  .long-term-relationships.euro._2 {
    margin-top: 64px;
  }

  .long-term-relationships.ukraine._2 {
    margin-top: 120px;
    padding-left: 0;
    padding-right: 0;
  }

  .long-term-relationships._02, .long-term-relationships._01 {
    padding-left: 0;
    padding-right: 0;
  }

  .social-responsibility {
    margin-bottom: 24px;
  }

  .social-responsibility-container {
    width: 768px;
  }

  .bold-text-6 {
    display: none;
  }

  .aren-t-you {
    margin-top: 110px;
  }

  .arent-cont {
    width: 768px;
    max-width: none;
  }

  .values-heading {
    letter-spacing: -4px;
    width: auto;
    font-size: 72px;
    line-height: 64px;
  }

  .heading-1019 {
    width: auto;
  }

  .content-wrapper.slim {
    max-width: 768px;
  }

  .paragraph-47 {
    width: auto;
  }

  .section-faq {
    padding-top: 64px;
  }

  .once-new-cont, .arent-cont-copy {
    width: 768px;
    max-width: none;
  }

  .list-vac {
    width: auto;
  }

  .vacancies {
    margin-top: 10px;
  }

  .oh-let-s-get-acquainted {
    margin-top: 64px;
  }

  .heading-1020 {
    letter-spacing: -2px;
    font-size: 37px;
    line-height: 120%;
  }

  .paragraph-48 {
    margin-top: 24px;
    font-size: 16px;
  }

  .image-257 {
    width: 140px;
  }

  .shared-values {
    margin-top: 64px;
  }

  .shared-heading {
    letter-spacing: -4px;
    font-size: 72px;
    line-height: 64px;
  }

  .div-block-317 {
    flex-flow: column;
    margin-top: 0;
  }

  .hello-heading {
    letter-spacing: -4px;
    font-size: 72px;
    line-height: 64px;
  }

  .heading-1021 {
    width: auto;
  }

  .heading-1021._3rd {
    letter-spacing: 0;
    width: auto;
  }

  .heading-1021._4 {
    width: auto;
  }

  .div-block-318 {
    border-bottom: 1px solid #000;
    border-left-width: 0;
    padding-top: 64px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-318._2 {
    width: auto;
  }

  .how-we-works {
    margin-top: 64px;
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .how-we-work-heading {
    letter-spacing: -4px;
    font-size: 72px;
    line-height: 64px;
  }

  .paragraph-50 {
    width: auto;
  }

  .div-block-319 {
    flex-flow: column;
  }

  .text-block-35 {
    margin-bottom: 0;
    font-size: 19px;
    line-height: 29px;
  }

  .paragraph-51 {
    font-size: 16px;
  }

  .image-259 {
    width: 80px;
  }

  .div-block-320 {
    width: auto;
    height: auto;
    margin-bottom: 16px;
  }

  .rules {
    margin-top: 64px;
  }

  .div-block-322 {
    margin-right: 80px;
  }

  .text-block-36 {
    letter-spacing: -1px;
    font-size: 32px;
  }

  .text-block-37 {
    letter-spacing: -1px;
  }

  .div-block-323, .div-block-324, .div-block-325, .div-block-326 {
    margin-right: 80px;
  }

  .rules-black {
    margin-top: 110px;
  }

  .text-block-38 {
    letter-spacing: -1px;
  }

  .div-block-327, .div-block-328, .div-block-329 {
    margin-right: 80px;
  }

  .fired {
    margin-top: 64px;
    padding-bottom: 64px;
  }

  .text-block-39 {
    letter-spacing: 0;
  }

  .text-block-40 {
    width: 220px;
  }

  .work-with-negative {
    margin-top: 64px;
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .how-we-work-with-negative {
    letter-spacing: -4px;
    font-size: 72px;
    line-height: 64px;
  }

  .div-block-331 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .div-block-332 {
    border-radius: 24px;
    padding: 20px;
  }

  .div-block-333 {
    margin-top: -30px;
  }

  .div-block-334 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .image-263 {
    inset: -2px -128px -128px -76px;
  }

  .image-264 {
    left: -186px;
  }

  .week {
    margin-top: 0;
    padding-top: 64px;
    padding-bottom: 0;
  }

  .week-header {
    letter-spacing: -4px;
    font-size: 72px;
    line-height: 64px;
  }

  .div-block-335 {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    justify-content: space-between;
    align-items: flex-start;
  }

  .paragraph-53, .paragraph-54, .paragraph-55 {
    font-size: 16px;
  }

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

  .paragraph-56 {
    margin-bottom: 0;
  }

  .div-block-341 {
    width: auto;
  }

  .heading-50._2 {
    margin-top: 64px;
  }

  .text-block-49 {
    margin-bottom: 0;
    font-size: 19px;
    line-height: 29px;
  }

  .div-block-345 {
    border-radius: 24px;
    padding: 20px;
  }
}

@media screen and (max-width: 767px) {
  .main-screen {
    width: 568px;
    max-width: 568px;
  }

  .nav-contacts {
    max-width: 568px;
  }

  .nav-link-01 {
    width: 568px;
    max-width: 568px;
  }

  .nav-link-02 {
    width: 568px;
    max-width: 568px;
    margin-bottom: 0;
  }

  .brand.w--current {
    padding-left: 0;
  }

  .container {
    width: 568px;
    max-width: 568px;
  }

  .main-header-h1 {
    letter-spacing: -5px;
    width: auto;
    max-width: none;
    margin-top: 56px;
    font-size: 48px;
    line-height: 56px;
  }

  .services {
    width: 568px;
    max-width: 568px;
    margin-top: 48px;
  }

  .services-image.o {
    margin-left: 30px;
  }

  .services-image.n {
    margin-left: 140px;
  }

  .services-image.c {
    margin-top: 20px;
    margin-left: 86px;
  }

  .services-image.e {
    margin-left: 90px;
  }

  .our-experience.euro._2 {
    width: 568px;
    max-width: 568px;
  }

  .our-experience.ukraine._2 {
    width: 568px;
    max-width: 568px;
    margin-top: 88px;
  }

  .our-experience._02, .our-experience._01 {
    width: 568px;
    max-width: 568px;
  }

  .heading {
    width: auto;
    margin-top: 32px;
    font-size: 40px;
    line-height: 56px;
  }

  .heading.part {
    width: auto;
  }

  .heading-2._2 {
    color: #231f20;
    margin-top: 32px;
  }

  .euro-projects {
    width: 568px;
    max-width: 568px;
  }

  .euro-first {
    display: flex;
  }

  .euro-second {
    margin-top: 20px;
    display: flex;
  }

  .e-01 {
    width: 274px;
    margin-right: 18px;
  }

  .e-03, .e-04 {
    width: 274px;
  }

  .e-desk {
    width: 274px;
    display: block;
  }

  .e-desk.u-desk {
    width: 260px;
  }

  .e-image._01, .e-image._02, .e-image._03, .e-image._04 {
    width: 260px;
    height: 190px;
  }

  .e-name {
    width: 260px;
  }

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

  .image-4 {
    width: 245px;
    max-width: 100%;
    margin-left: 10px;
    top: 25px;
    left: 52px;
  }

  .image-5 {
    width: 274px;
    top: 15px;
    left: 4px;
  }

  .image-6 {
    width: 180px;
    max-width: none;
    top: 40px;
    left: 39px;
  }

  .heading-3 {
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 14px;
  }

  .heading-3._01 {
    font-size: 12px;
  }

  .heading-3._03 {
    margin-top: 8px;
    font-size: 12px;
  }

  .heading-3._03.b {
    width: auto;
    margin-bottom: 0;
  }

  .heading-3._04 {
    font-size: 12px;
  }

  .paragraph {
    margin-top: 0;
    font-size: 12px;
  }

  .paragraph-2 {
    text-align: left;
    margin-top: 0;
    font-size: 12px;
  }

  .paragraph-3, .paragraph-4 {
    margin-top: 0;
    font-size: 12px;
  }

  .tabs, .tabs-content {
    width: 568px;
    max-width: 568px;
  }

  .tabs-menu {
    width: 568px;
    max-width: 568px;
    margin-top: 32px;
    padding-left: 0;
    padding-right: 0;
  }

  .all-first-line {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: .25fr .25fr;
    grid-auto-columns: .25fr;
    grid-auto-flow: row;
    place-content: stretch;
    justify-items: stretch;
    width: 568px;
    max-width: 568px;
    display: grid;
  }

  .goodwine-mobile-image, .colonnade-3d-image, .fayni-lyodu-identity-image {
    width: 260px;
    height: 190px;
  }

  .fat-dragon, .himarine, .sola, .amega {
    width: 274px;
    height: auto;
  }

  .amega._02 {
    height: auto;
  }

  .all-third-line {
    width: 568px;
    max-width: 568px;
    margin-top: 20px;
    display: flex;
  }

  .all-fourth-line {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 0;
    grid-auto-columns: 1fr;
    width: 568px;
    max-width: 568px;
    margin-top: -90px;
    display: grid;
  }

  .drsante {
    width: 274px;
    margin-left: 0;
    margin-right: 18px;
  }

  .sg-site {
    width: 260px;
    height: 190px;
  }

  .kolo {
    width: 274px;
    height: auto;
    margin-top: 0;
  }

  .badboy, .blank-project, .blank-project._22, .blank-project._23 {
    width: 274px;
    height: auto;
  }

  .thrid-left {
    width: 274px;
    max-width: 274px;
    display: block;
  }

  .image-8 {
    max-width: 100%;
    height: auto;
  }

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

  .image-11 {
    width: 250px;
    top: 11px;
  }

  .image-12 {
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .image-13 {
    height: auto;
    top: 13px;
  }

  .image-14 {
    margin-top: 0;
  }

  .image-15 {
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .image-17 {
    width: 210px;
    top: 156px;
    left: 31px;
  }

  .image-17._01 {
    top: 90px;
    left: 1px;
  }

  .image-18 {
    width: auto;
    left: 0;
  }

  .inzhur-site-branding, .colonnade-3d, .fayni-lyodu-identity {
    width: 274px;
    height: auto;
  }

  .fat-dragon-image, .himarine-image, .sola-image {
    width: 260px;
    height: 190px;
  }

  .div-block-2 {
    width: 274px;
    max-width: 274px;
    height: 430px;
    margin-right: 0;
    position: relative;
    left: 0;
  }

  .div-block-2.drsan {
    height: 402px;
  }

  .div-block-4 {
    width: auto;
    max-width: 100%;
    height: 183px;
  }

  .div-block-4._22 {
    width: 274px;
    height: auto;
  }

  .div-block-5 {
    width: 260px;
    height: 190px;
  }

  .text-block-5 {
    font-size: 20px;
  }

  .tab-link-all.w--current {
    padding-right: 16px;
  }

  .tab-link-websites, .tab-link-apps, .tab-link-comunication, .tab-link-identity {
    padding-left: 16px;
    padding-right: 16px;
  }

  .curiosity {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 568px;
    max-width: 568px;
    height: 240px;
    margin-top: -70px;
    padding-top: 60px;
    padding-left: 110px;
    display: block;
  }

  .div-block-7 {
    justify-content: center;
    margin-top: -10px;
    display: flex;
  }

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

  .download-button {
    margin-top: 20px;
  }

  .partners {
    width: 568px;
    max-width: 568px;
    margin-top: 80px;
  }

  .cherries._02, .fingers {
    width: 568px;
    max-width: 568px;
  }

  .finger {
    height: 304px;
  }

  .heading-5 {
    margin-left: 20px;
    font-size: 19px;
    line-height: 23px;
  }

  .image-20 {
    width: 100px;
    top: -11px;
    left: 30px;
  }

  .image-20._1 {
    width: 130px;
    top: -10px;
    left: 19px;
  }

  .photos {
    grid-template-columns: 1fr 1fr 1fr;
    width: 568px;
    max-width: 568px;
  }

  .partner._02, .partner._03, .partner._04, .partner._01 {
    margin-right: 0;
  }

  .parnter-photo._02, .parnter-photo._03, .parnter-photo._04, .parnter-photo._05, .parnter-photo._01 {
    width: 160px;
  }

  .heading-6 {
    font-size: 16px;
  }

  .image-22 {
    width: 160px;
  }

  .footer {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .contacts {
    width: 568px;
    max-width: 568px;
    margin-top: 30px;
    display: flex;
  }

  .paragraph-6.email, .paragraph-6.insta, .paragraph-6.facebook, .paragraph-6.whatsapp, .paragraph-6.linkedin {
    font-size: 16px;
  }

  .div-block-9 {
    margin-right: 20px;
  }

  .copy {
    width: 568px;
    max-width: 568px;
    margin-top: 48px;
  }

  .project-hov._01 {
    display: none;
  }

  .div-block-13 {
    position: relative;
    top: 23px;
  }

  .div-block-14 {
    justify-content: center;
    margin-top: 20px;
  }

  .image-26 {
    max-width: 107px;
  }

  .download-cion {
    display: none;
  }

  .image-27 {
    left: 396px;
  }

  .newfingers {
    width: 568px;
    max-width: 568px;
    margin-top: 0;
  }

  .div-block-19 {
    width: 568px;
    max-width: 568px;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-7 {
    width: 170px;
    font-size: 40px;
    line-height: 44px;
  }

  .paragraph-8, .paragraph-9 {
    font-size: 40px;
    line-height: 44px;
  }

  .div-block-20 {
    width: auto;
  }

  .div-block-22 {
    left: 0;
  }

  .linkes {
    width: 568px;
    max-width: 568px;
  }

  .link, .link-2 {
    letter-spacing: -2px;
    font-size: 32px;
  }

  .smartgroup {
    width: 274px;
    height: auto;
  }

  .link-3, .link-4, .link-5 {
    letter-spacing: -2px;
    font-size: 32px;
  }

  .sites, .applications {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .div-block-24, .branding {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .torsus-website, .drsante-website, .sola-wesite, .sg-website {
    width: 274px;
    height: auto;
  }

  .hi-website {
    width: 274px;
  }

  .nd-website {
    width: 274px;
    height: 182px;
  }

  .torsus-fp, .nd-fp, .kolo-fp {
    width: 274px;
  }

  .img-tor-website {
    border-radius: 4px;
    height: 183px;
  }

  .image-37._02 {
    width: 200px;
    margin-top: 35px;
    margin-left: 37px;
  }

  .div-block-26 {
    border-radius: 4px;
    width: 274px;
    height: 182px;
  }

  .blank-project-copy, .blank-project-copy._22, .blank-project-copy._23 {
    width: 274px;
    height: auto;
  }

  .div-block-4-copy {
    width: auto;
    max-width: 100%;
    height: 183px;
  }

  .div-block-4-copy._22 {
    width: 274px;
    height: auto;
  }

  .image-26-copy {
    max-width: 107px;
  }

  .div-block-28 {
    width: 274px;
    height: 182px;
  }

  .colonnade-3d-header {
    width: 568px;
  }

  .colonnade-3d-header._003 {
    margin-top: 120px;
  }

  .description-client {
    width: 568px;
    font-size: 48px;
    line-height: 60px;
  }

  .name-client, .small-description-client {
    width: 568px;
  }

  .small-description-client._02._99 {
    margin-top: 0;
  }

  .small-description-client._03.big {
    width: 480px;
    font-size: 32px;
  }

  .small-description-client._03._99 {
    margin-top: 0;
  }

  .small-description-client._044 {
    width: 270px;
  }

  .mini-description-client._03 {
    margin-top: 40px;
  }

  .num-img._02, .num-img._03, .num-img._04 {
    margin-top: 48px;
  }

  .num-img._05 {
    width: 568px;
    height: 323px;
    margin-bottom: 56px;
  }

  .num-img._06 {
    width: 568px;
    height: 323px;
    margin-top: 0;
    margin-bottom: 56px;
  }

  .num-img._08, .num-img._09 {
    margin-top: 48px;
  }

  .case-image {
    width: 568px;
  }

  .case-image._02 {
    margin-top: 48px;
  }

  .case-image._02.smgr-2 {
    margin-bottom: 150px;
  }

  .case-image._03.gw {
    width: 568px;
    margin-top: -40px;
  }

  .case-image._04 {
    margin-top: 48px;
    display: block;
  }

  .case-image._05 {
    margin-top: 48px;
  }

  .case-image.results {
    margin-top: 260px;
  }

  .div-block-31 {
    margin-top: 142px;
  }

  .readmore {
    width: 568px;
  }

  .vimeo-video {
    height: 330px;
    margin-bottom: 20px;
  }

  .vimeo-video._2 {
    height: 325px;
  }

  .vimeo-video.last-margin {
    margin-bottom: 140px;
  }

  .vimeo-video.tor._2 {
    margin-bottom: 56px;
  }

  .vimeo-video.tor.colonn, .image-descriptor, .tree-images {
    width: 568px;
  }

  .image-39 {
    left: 80px;
  }

  .image-40 {
    left: -100px;
  }

  .image-41 {
    left: 100px;
  }

  .rose-back {
    height: 520px;
    margin-top: 48px;
  }

  .phones {
    width: 568px;
    margin-bottom: -370px;
    top: -440px;
  }

  .results-block {
    align-items: flex-start;
    width: 568px;
    margin-top: 70px;
  }

  .paragraph-13 {
    width: 140px;
    font-size: 14px;
  }

  .paragraph-13._2 {
    width: 190px;
  }

  .paragraph-13._3 {
    width: 150px;
  }

  .text-block-6 {
    font-size: 56px;
  }

  .block-vision._2 {
    width: 568px;
    margin-top: 70px;
  }

  .block-vision._2._3._056 {
    margin-bottom: -32px;
  }

  .two-blocks {
    width: 568px;
  }

  .blocks._01 {
    width: 568px;
    margin-left: auto;
    margin-right: auto;
  }

  .blocks._01.beta.gwb-08 {
    height: auto;
    top: 60px;
  }

  .blocks._01.beta.gwb-08._045 {
    height: 680px;
    top: 46px;
  }

  .blocks._01.beta.gwb-08._045._013 {
    margin-bottom: 110px;
    top: 60px;
  }

  .blocks._01.beta.gwb-08._007, .blocks._01.beta.gwb-08._009 {
    margin-top: 40px;
    top: 10px;
  }

  .blocks._01.gwb-07 {
    height: 740px;
    top: -4px;
  }

  .blocks._01.gwb-07._008 {
    margin-top: 70px;
  }

  .blocks._01.gwb-07._009 {
    top: 0;
  }

  .blocks._01.gwb-07._010 {
    margin-top: 70px;
    top: -20px;
  }

  .blocks._01.gwb-07._012 {
    margin-top: 80px;
    top: 10px;
  }

  .small-description-client-copy._02._99 {
    margin-top: 0;
  }

  .small-description-client-copy._03.big {
    width: 480px;
    font-size: 32px;
  }

  .small-description-client-copy._03._99 {
    margin-top: 0;
  }

  .small-description-client-copy._044 {
    width: 270px;
  }

  .div-block-38 {
    width: 568px;
  }

  .case-titles {
    width: 568px;
    margin-bottom: 22px;
  }

  .case-titles.last-margin {
    margin-bottom: 140px;
  }

  .case-images {
    border-radius: 12px;
    width: 568px;
    margin-bottom: 56px;
  }

  .case-images.last-margin {
    margin-bottom: 140px;
  }

  .case-images.shift {
    width: 568px;
  }

  .case-images.phone-gif {
    margin-top: -200px;
  }

  .case-images.phone-gif.bad-boy {
    height: 324px;
    top: -360px;
  }

  .case-images.video {
    width: 506px;
    margin-left: 29px;
    top: -264px;
  }

  .case-images.video-center {
    margin-bottom: 0;
    padding-right: 0;
  }

  .case-images.double-video {
    margin-right: 0;
  }

  .case-images.double-video.right {
    margin-top: 0;
    margin-bottom: 0;
  }

  .case-container {
    width: 568px;
  }

  .case-container.last-vimeo {
    margin-bottom: 120px;
  }

  .case-container.full {
    margin-bottom: 40px;
  }

  .case-container.last-margin {
    margin-bottom: 140px;
  }

  .case-container.last-margin.flw._2 {
    height: 470px;
  }

  .case-container.overlay {
    height: 90px;
    margin-top: 370px;
  }

  .case-container.wide.last-margin {
    margin-bottom: 80px;
  }

  .case-container.flw.insta {
    margin-bottom: 140px;
  }

  .case-container.sola {
    height: 900px;
  }

  .case-container._3 {
    height: 920px;
  }

  .case-container.twice {
    margin-bottom: 180px;
  }

  .case-container.hi-5th {
    height: 1280px;
    display: block;
  }

  .case-container.fabo {
    margin-bottom: 0;
  }

  .case-text-mini {
    width: 568px;
  }

  .case-text-mini.shift.last-margin {
    margin-bottom: 140px;
  }

  .case-titles-big {
    width: 568px;
    font-size: 32px;
  }

  .big-header {
    width: 568px;
  }

  .big-header.colonnade-ad {
    margin-top: -30px;
  }

  .phone-gif.bad-boy {
    height: 300px;
  }

  .image-46 {
    width: 110px;
    top: 55px;
    left: 234px;
  }

  .image-46.bad-boy {
    top: 30px;
  }

  .image-47 {
    width: 270px;
  }

  .div-block-39 {
    width: 568px;
  }

  .image-48 {
    width: 270px;
    height: 332px;
  }

  .image-49, .three-phones {
    width: 568px;
  }

  .phones-smartgroup {
    width: 150px;
    margin-right: 40px;
  }

  .image-50 {
    width: 270px;
  }

  .image-50.bordered.three, .image-50.three {
    width: 180px;
  }

  .image-51 {
    width: 270px;
  }

  .div-block-40 {
    width: 568px;
  }

  .image-53 {
    left: 10px;
  }

  .div-block-41 {
    left: 90px;
  }

  .image-55 {
    left: 10px;
  }

  .div-block-42 {
    left: 300px;
  }

  .image-58 {
    top: 170px;
    left: 20px;
  }

  .image-59 {
    top: 270px;
    left: 160px;
  }

  .image-60 {
    width: 270px;
    left: 0;
  }

  .image-62 {
    width: 270px;
    left: 20px;
  }

  .image-63 {
    width: 210px;
    left: 260px;
  }

  .image-64 {
    width: 310px;
    top: 300px;
    left: -200px;
  }

  .image-65 {
    width: 310px;
    top: 210px;
    left: 256px;
  }

  .image-66 {
    width: 310px;
    top: 240px;
    left: 4px;
  }

  .image-67 {
    width: 300px;
    top: 170px;
    left: 264px;
  }

  .image-68 {
    width: 310px;
    top: 160px;
    left: 10px;
  }

  .sola-logo {
    width: 568px;
    margin-top: -320px;
    margin-bottom: 164px;
  }

  .div-block-45 {
    width: 568px;
  }

  .sola-links {
    width: 568px;
    position: relative;
    left: -50px;
  }

  .sola-links.nd-case {
    left: 0;
  }

  .div-block-49 {
    height: 640px;
  }

  .div-block-50 {
    width: 568px;
  }

  .div-block-50._2._3 {
    top: 480px;
  }

  .heading-8.sola {
    font-size: 28px;
  }

  .heading-8.olymed, .heading-8.olymed.blue {
    font-size: 32px;
  }

  .paragraph-21 {
    width: 400px;
    margin-left: -10px;
  }

  .paragraph-21.olymed.alt {
    width: auto;
  }

  .div-block-51 {
    width: 568px;
    margin-top: -260px;
  }

  .heading-9 {
    margin-bottom: 10px;
    font-size: 24px;
  }

  .div-block-52 {
    width: 568px;
  }

  .image-74 {
    top: 10px;
  }

  .image-75 {
    width: 238px;
    max-width: 50%;
  }

  .image-76 {
    top: -20px;
  }

  .image-77 {
    width: 238px;
    top: 170px;
  }

  .heading-10 {
    margin-top: -90px;
    font-size: 25px;
  }

  .image-79, .image-80 {
    width: 240px;
  }

  .image-81 {
    width: 410px;
  }

  .image-82 {
    width: 360px;
    left: 200px;
  }

  .div-block-55 {
    height: 390px;
  }

  .div-block-55.olymed {
    height: 380px;
  }

  .image-87 {
    max-width: 93%;
    display: none;
    top: -290px;
    left: 280px;
  }

  .div-block-60.tors {
    height: 1360px;
    margin-top: 190px;
    margin-bottom: 140px;
  }

  .div-block-60.tors.ndnet {
    height: 1620px;
  }

  .image-91 {
    top: -380px;
  }

  .image-92 {
    top: -396px;
  }

  .image-93 {
    top: -177px;
  }

  .image-94 {
    top: -620px;
    left: 200px;
  }

  .image-94.tor-img._04 {
    top: -100px;
    left: 0;
  }

  .image-94.tor-img._04.torsu {
    top: -100px;
  }

  .image-94.nd-img._04 {
    top: -80px;
    left: 398px;
  }

  .image-95 {
    top: -541px;
    left: -161px;
  }

  .image-95.tor-img._05 {
    top: 158px;
    left: 39px;
  }

  .image-95.tor-img._05.torsu {
    top: -50px;
  }

  .image-95.nd-img._05 {
    top: -410px;
    left: -159px;
  }

  .image-96 {
    top: -290px;
    left: -119px;
  }

  .image-96.tor-img._06 {
    top: -220px;
    left: -121px;
  }

  .image-96.nd-img._06 {
    top: -50px;
    left: -123px;
  }

  .image-97 {
    top: -510px;
    left: 0;
  }

  .image-97.tor-img._08 {
    top: -50px;
    left: 200px;
  }

  .image-97.tor-img._08.torsu {
    top: -250px;
    left: 199px;
  }

  .image-97.nd-img._09 {
    top: -390px;
  }

  .image-98 {
    top: -350px;
    left: 40px;
  }

  .image-98.tor-img._07 {
    top: -630px;
    left: 239px;
  }

  .image-98.tor-img._07.torsu {
    top: -620px;
  }

  .image-98.nd-img._07 {
    top: -100px;
    left: 37px;
  }

  .image-99 {
    top: -510px;
    left: 80px;
  }

  .image-99.tor-img._09 {
    top: -100px;
    left: 80px;
  }

  .image-99.tor-img._10 {
    top: -760px;
    left: 0;
  }

  .image-99.tor-img._10.torsu {
    top: -760px;
  }

  .image-99.nd-img._09 {
    top: -220px;
    left: 78px;
  }

  .div-block-61 {
    height: 640px;
    margin-bottom: 120px;
  }

  .div-block-62 {
    width: 568px;
  }

  .image-100 {
    width: 260px;
    top: 0;
  }

  .image-101 {
    width: 260px;
    top: 110px;
    left: 40px;
  }

  .image-102 {
    left: 110%;
  }

  .image-103 {
    top: 30%;
    left: 50%;
  }

  .image-104 {
    left: -20%;
  }

  .image-105 {
    left: -121%;
  }

  .image-106 {
    left: -112%;
  }

  .image-108 {
    left: 0%;
  }

  .image-109 {
    left: 80%;
  }

  .image-110 {
    left: -10%;
  }

  .div-block-65 {
    width: 568px;
    height: 480px;
  }

  .image-112 {
    width: 210px;
    top: -60px;
    left: 150px;
  }

  .image-113 {
    width: 350px;
    top: 50px;
    left: -60px;
  }

  .image-114 {
    width: 210px;
    left: -150px;
  }

  .image-115 {
    width: 520px;
  }

  .image-116 {
    width: 170px;
    top: -10px;
    left: 210px;
  }

  .image-117 {
    width: 170px;
    top: -10px;
    left: -210px;
  }

  .image-118 {
    width: 568px;
    margin-bottom: 64px;
    position: static;
  }

  .div-block-66 {
    width: 568px;
    margin-bottom: 390px;
    position: static;
  }

  .image-120 {
    width: 430px;
    left: 36px;
  }

  .image-121 {
    max-width: 60%;
  }

  .image-122 {
    width: 890px;
    max-width: 210%;
    top: -48px;
  }

  .image-123 {
    top: -280px;
    left: -204px;
  }

  .image-124 {
    width: 80px;
    top: -410px;
    left: 423px;
  }

  .image-125 {
    left: 160px;
  }

  .image-126 {
    top: -374px;
    left: 210px;
  }

  .image-127, .image-128 {
    width: 260px;
  }

  .div-block-68 {
    width: 568px;
  }

  .image-129 {
    width: 280px;
    height: 320px;
  }

  .image-130 {
    width: 410px;
  }

  .div-block-69 {
    height: 560px;
  }

  .prob {
    width: 274px;
    height: auto;
  }

  .prob.colonnade {
    height: 219px;
  }

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

  .additional-image {
    width: 568px;
    height: 307px;
    margin-top: -240px;
  }

  .image-155 {
    height: 360px;
  }

  .res-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 568px;
    display: grid;
  }

  .results {
    font-size: 32px;
  }

  .div-block-73, .div-block-74, .div-block-75 {
    margin-right: 0;
  }

  ._4-blocks {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 568px;
    display: grid;
  }

  .image-156 {
    width: 210px;
    margin-right: 0;
    position: static;
  }

  .image-157 {
    width: 210px;
    margin-right: 0;
    position: relative;
    top: 50px;
  }

  .image-158 {
    width: 210px;
    margin-right: 0;
    position: static;
  }

  .image-159 {
    width: 210px;
    position: relative;
    top: 50px;
  }

  .image-161 {
    top: 60px;
    left: 20px;
  }

  .image-162 {
    top: -360px;
    left: 274px;
  }

  .div-block-77 {
    top: -830px;
  }

  .image-163 {
    top: -230px;
  }

  .image-164 {
    top: -270px;
    left: 160px;
  }

  .image-165 {
    top: -290px;
    left: 50px;
  }

  .div-block-78 {
    top: -950px;
    left: 340px;
  }

  .div-block-79 {
    margin-top: -260px;
  }

  .heading-13 {
    width: 568px;
    font-size: 32px;
  }

  .image-166 {
    width: 240px;
    margin-right: 32px;
  }

  .image-167, .image-168 {
    width: 240px;
  }

  .image-169 {
    width: 240px;
    margin-right: 32px;
    top: 227px;
  }

  .image-170 {
    width: 240px;
    margin-right: 32px;
    top: 164px;
  }

  .image-171 {
    width: 240px;
    top: -22px;
  }

  .div-block-82 {
    margin-bottom: 260px;
  }

  .image-173 {
    width: 240px;
  }

  .image-174, .image-175 {
    width: 240px;
    left: 0;
  }

  .main-visual-colonnade {
    height: 530px;
    margin-bottom: 96px;
  }

  .main-visual-colonnade._2 {
    height: 360px;
  }

  .laptop-colonnade, .bubbles {
    width: 568px;
  }

  .bubble {
    width: 70px;
    top: 90px;
  }

  .bubble._02 {
    top: 350px;
    left: -60px;
  }

  .bubble._02.mob {
    top: 500px;
    left: -30px;
  }

  .bubble._03 {
    width: 70px;
    top: 320px;
    left: -100px;
  }

  .bubble._03.mob {
    top: 700px;
  }

  .bubble._04 {
    width: 70px;
    top: -50px;
  }

  .bubble._04.mob {
    top: 180px;
    left: 250px;
  }

  .bubble._05 {
    width: 70px;
    top: 340px;
  }

  .bubble._06 {
    top: 710px;
  }

  .bubble._07 {
    left: 70px;
  }

  .bubble._08 {
    top: 750px;
    left: 0;
  }

  .bubble._10 {
    width: 70px;
    top: 780px;
    left: 180px;
  }

  .bubble.mob {
    top: 220px;
  }

  .div-block-90 {
    margin-top: 88px;
  }

  .div-block-91 {
    top: -850px;
    left: 102px;
  }

  .paragraph-32 {
    font-size: 56px;
  }

  .paragraph-33 {
    font-size: 14px;
  }

  .grid {
    grid-row-gap: 20px;
  }

  .image-179 {
    border-radius: 12px;
    width: 568px;
    line-height: 12px;
  }

  .div-block-93 {
    width: 50px;
    height: 50px;
    top: -232px;
  }

  .div-block-93._2 {
    top: -300px;
  }

  .div-block-93._4 {
    top: -330px;
  }

  .div-block-93._5 {
    top: -250px;
  }

  .div-block-93._5.mob {
    top: -300px;
  }

  .div-block-94 {
    width: 568px;
    margin-top: 158px;
  }

  .div-block-94._2 {
    margin-top: 160px;
  }

  .div-block-94._3 {
    margin-top: 360px;
  }

  .div-block-95 {
    margin-top: 20px;
  }

  .div-block-96 {
    margin-top: 20px;
    margin-bottom: -140px;
  }

  .div-block-96._2 {
    height: 1150px;
    margin-top: 90px;
  }

  .div-block-97 {
    width: 568px;
  }

  .image-180 {
    width: 70px;
    top: -90px;
    left: 160px;
  }

  .image-180._2 {
    top: 430px;
  }

  .image-180._3 {
    top: 400px;
    left: 40px;
  }

  .image-180._4 {
    top: -20px;
    left: -160px;
  }

  .image-180._5 {
    top: 30px;
  }

  .image-180._6 {
    top: 330px;
  }

  .image-180._1 {
    top: 370px;
    left: -20px;
  }

  .div-block-98 {
    width: 568px;
  }

  .div-block-99 {
    height: 290px;
    margin-top: 0;
    margin-bottom: -90px;
  }

  .image-181 {
    border-radius: 12px;
    top: 60px;
  }

  .image-184 {
    border-radius: 12px;
    position: static;
  }

  .div-block-100 {
    width: 568px;
  }

  .image-185 {
    width: 89px;
    margin-top: 40px;
    margin-left: 40px;
  }

  .image-185._2 {
    width: 90px;
  }

  .image-185._3 {
    width: 70px;
  }

  .paragraph-35 {
    width: 200px;
    margin-bottom: 10px;
    margin-left: 40px;
    font-size: 16px;
  }

  .paragraph-36 {
    width: 190px;
    margin-left: 40px;
    font-size: 14px;
  }

  .grid-2 {
    padding-bottom: 40px;
    line-height: 16px;
  }

  .div-block-101 {
    height: 310px;
    margin-bottom: 160px;
  }

  .div-block-102 {
    width: 568px;
  }

  .paragraph-37 {
    font-size: 30px;
  }

  .paragraph-38 {
    font-size: 14px;
  }

  .image-186 {
    width: 300px;
    position: relative;
    top: -50px;
  }

  .div-block-105 {
    margin-top: 40px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .div-block-107 {
    width: 568px;
    margin-top: 200px;
  }

  .div-block-108 {
    border-radius: 16px;
    margin-top: -74px;
  }

  .div-block-109 {
    padding: 32px;
    top: -30px;
    left: -65px;
  }

  .paragraph-40 {
    width: 190px;
    font-size: 16px;
    line-height: 20px;
  }

  .paragraph-41 {
    width: auto;
    font-size: 20px;
  }

  .div-block-110 {
    width: 300px;
    padding: 32px;
  }

  .div-block-111 {
    top: -40px;
    left: -80px;
  }

  .div-block-112 {
    width: 70px;
    top: 20px;
    left: 180px;
  }

  .div-block-113 {
    width: 568px;
  }

  .div-block-114 {
    height: 320px;
    margin-top: -140px;
    margin-bottom: 120px;
  }

  .div-block-114.orange {
    height: 410px;
  }

  .div-block-114.orange._2 {
    height: 340px;
  }

  .div-block-114.orange._6 {
    height: 280px;
  }

  .div-block-114._4 {
    height: 520px;
  }

  .div-block-114._5 {
    height: 370px;
  }

  .div-block-115 {
    width: 568px;
  }

  .image-187 {
    border-radius: 12px;
  }

  .image-188 {
    border-radius: 12px;
    width: 375px;
  }

  .image-189 {
    border-radius: 12px;
  }

  .div-block-118 {
    height: 300px;
    margin-bottom: 160px;
  }

  .image-190 {
    width: 568px;
    line-height: 12px;
  }

  .div-block-119, .div-block-120 {
    width: 568px;
  }

  .image-191, .image-192 {
    border-radius: 12px;
    line-height: 12px;
  }

  .mobile-vimeo-colonnade {
    left: 91px;
  }

  .div-block-124 {
    height: 650px;
  }

  .div-block-125 {
    border-radius: 20px;
    width: 160px;
    height: 190px;
  }

  .paragraph-42 {
    margin-bottom: 32px;
    font-size: 16px;
  }

  .div-block-126 {
    margin-left: 24px;
  }

  .image-194 {
    width: 70px;
    margin-bottom: 30px;
  }

  .image-195 {
    left: 9px;
  }

  .div-block-128 {
    margin-top: 60px;
  }

  .gw-vid, .struggle-header {
    display: none;
  }

  .image-197 {
    width: 1vw;
    height: 4vw;
  }

  .logo-ukraine.w--current {
    cursor: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
  }

  .logo-ukraine-img {
    width: 6vw;
    line-height: 10vw;
  }

  .image-199, .image-200, .image-201, .image-202, .image-203 {
    width: 25vw;
  }

  .cursor-wrapper {
    display: none;
  }

  ._02-pop {
    margin-top: 110px;
  }

  .img-ver {
    width: 60vw;
  }

  .img-ver.exlusive {
    width: 53vw;
  }

  .desc-text {
    z-index: 99;
    font-size: 2vw;
    line-height: 3vw;
    top: -125vw;
  }

  .desc-text.left {
    font-size: 2vw;
    line-height: 3vw;
    top: -126vw;
  }

  .desc-text.left.long {
    top: -105vw;
  }

  .line-down {
    height: 130vw;
  }

  .line-down.long {
    height: 110vw;
  }

  .img-hor.quad {
    width: 70vw;
  }

  .dot-down {
    margin-top: -4vw;
  }

  .dot-up {
    margin-bottom: -3vw;
  }

  .help-ukraine {
    margin-bottom: 17vw;
  }

  .donate-1 {
    flex-direction: column;
    align-items: center;
    width: 60vw;
    display: flex;
    left: 0;
  }

  .donate-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    top: 12vw;
    left: 0;
  }

  .donate-line-1, .donate-line-2 {
    flex-direction: column;
    justify-content: flex-start;
  }

  .donate-3 {
    flex-direction: column;
    align-items: center;
    display: flex;
    top: 24vw;
    left: 0;
  }

  .image-212 {
    width: 30vw;
  }

  .text-block-22, .text-block-23 {
    text-align: center;
    width: 50vw;
  }

  .donte-button {
    width: 30vw;
    height: 8vw;
  }

  .united-24 {
    width: 30vw;
  }

  .pin-mini {
    z-index: 1;
    position: relative;
  }

  .div-block-150 {
    top: 56%;
  }

  .div-block-151 {
    z-index: 0;
    top: 12%;
    left: 20%;
  }

  .div-block-152 {
    top: 15%;
    left: 67%;
  }

  .div-block-153 {
    top: 70%;
    left: 16%;
  }

  .line-container-1 {
    height: 101vw;
  }

  .dot-002 {
    height: 140vw;
  }

  .line-container-2, .dot-0002 {
    height: 100vw;
  }

  .line-11, .div-block-156 {
    height: 110vw;
  }

  .donate-04 {
    flex-direction: column;
    align-items: center;
    display: flex;
    top: 36vw;
    left: 0;
  }

  .container-2 {
    z-index: 11000;
    position: relative;
  }

  .nav-menu-2 {
    width: 70%;
  }

  .nav-link-3 {
    font-size: 3vw;
  }

  .nav-link-4 {
    margin-right: 0;
    font-size: 3vw;
  }

  .nav-link-5 {
    font-size: 3vw;
  }

  .div-block-157 {
    width: 60%;
    margin-right: 4vw;
  }

  .div-block-158 {
    width: 70%;
  }

  .text-block-24 {
    color: #000;
    text-align: center;
    font-family: Ermilov, sans-serif;
    font-size: 56px;
    line-height: 56px;
  }

  .div-block-160 {
    justify-content: center;
    display: flex;
    position: absolute;
    inset: 35% 0% auto;
  }

  .project-by {
    align-items: center;
    font-size: 1.5vw;
    line-height: 3vw;
    display: flex;
  }

  .project-name {
    width: 22vw;
    margin-top: 10px;
    margin-left: 0;
    font-size: 2vw;
    line-height: 120%;
  }

  .explore {
    z-index: 10000;
    width: 30vw;
    height: 30vw;
  }

  .mob-ill {
    color: #0000;
  }

  .from-768.fs-index {
    letter-spacing: -.4vw;
    font-size: 7vw;
    line-height: 10vw;
  }

  .from-768.fs-index._2 {
    width: 80vw;
    margin-bottom: 20vw;
    font-size: 7vw;
  }

  .image-215 {
    height: 13px;
    top: -5px;
    left: 75px;
  }

  .image-216 {
    height: 10px;
    top: -10px;
    left: 80px;
  }

  .div-block-162 {
    height: 450px;
  }

  .image-217 {
    height: 70px;
  }

  .image-226 {
    left: 20px;
  }

  .image-227 {
    left: 120px;
  }

  .image-229 {
    left: -230px;
  }

  .image-231 {
    left: 30px;
  }

  .image-232 {
    top: 110px;
    left: 110px;
  }

  .image-234 {
    left: -60px;
  }

  .image-235 {
    left: -100px;
  }

  .image-236 {
    top: 160px;
    left: -100px;
  }

  .image-237 {
    left: -230px;
  }

  .image-238, .image-239, .image-240 {
    height: 70px;
  }

  .image-241 {
    width: 64px;
  }

  .image-242, .image-243, .image-244, .image-245, .image-246 {
    height: 70px;
  }

  .warinukraine.euro._2 {
    width: 568px;
    max-width: 568px;
  }

  .warinukraine.ukraine._2 {
    width: 568px;
    max-width: 568px;
    margin-top: 88px;
  }

  .warinukraine._02, .warinukraine._01 {
    width: 568px;
    max-width: 568px;
  }

  .warlayout {
    margin-top: 20px;
    display: flex;
  }

  .image-248 {
    margin-right: 0;
  }

  .image-249 {
    margin-top: 56px;
    margin-left: 0;
  }

  .div-block-165 {
    width: 568px;
    margin-bottom: 0;
    padding-right: 0;
  }

  .div-block-166 {
    margin-bottom: 80px;
  }

  .div-block-170 {
    height: 390px;
    margin-top: 0;
  }

  .image-250 {
    width: 480px;
  }

  .section-2 {
    margin-bottom: 80px;
  }

  .column-2, .column-2.fabo, .column-3, .column-3.fabo {
    display: none;
  }

  .div-block-171 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .div-block-172 {
    flex-direction: column;
    align-items: center;
    width: 568px;
    margin-bottom: 80px;
  }

  .div-block-168 {
    height: 320px;
    margin-bottom: 80px;
  }

  .div-block-165-copy {
    width: 568px;
    margin-right: 20px;
  }

  .div-block-173 {
    flex-direction: column;
    align-items: center;
    margin-bottom: 46px;
  }

  .html-embed-7 {
    border-radius: 6px;
  }

  .html-embed-7._2nd {
    border-radius: 6px;
    margin-bottom: 0;
    padding-right: 0;
  }

  .div-block-165-copy {
    width: 568px;
    margin-bottom: 56px;
    margin-right: 0;
    padding-right: 0;
  }

  .div-block-172-copy {
    flex-direction: column;
    align-items: center;
    width: 568px;
    margin-bottom: 56px;
  }

  .div-block-165-copy-copy {
    width: 568px;
    margin-bottom: 56px;
    margin-right: 0;
    padding-right: 0;
  }

  .check-video {
    border-radius: 12px;
    width: 568px;
    margin-bottom: 56px;
  }

  .check-video.last-margin {
    margin-bottom: 140px;
  }

  .check-video.shift {
    width: 568px;
  }

  .check-video.phone-gif {
    margin-top: -200px;
  }

  .check-video.phone-gif.bad-boy {
    height: 324px;
    top: -360px;
  }

  .check-video.video {
    width: 506px;
    margin-left: 29px;
    top: -264px;
  }

  .check-video.video-center {
    margin-bottom: 0;
    padding-right: 0;
  }

  .check-video.double-video {
    margin-right: 0;
  }

  .check-video.double-video.right {
    margin-top: 0;
    margin-bottom: 0;
  }

  .container-4 {
    width: 568px;
  }

  .link-tg {
    letter-spacing: -2px;
    font-size: 32px;
  }

  .container-5, .once-container, .discover-container {
    width: 568px;
    max-width: 568px;
  }

  .image-o.o {
    margin-left: 30px;
  }

  .image-o.n {
    margin-left: 140px;
  }

  .image-o.c {
    margin-top: 20px;
    margin-left: 86px;
  }

  .image-o.e {
    margin-left: 90px;
  }

  .services-image-copy.o {
    margin-left: 30px;
  }

  .services-image-copy.n {
    margin-left: 140px;
  }

  .services-image-copy.c {
    margin-top: 20px;
    margin-left: 86px;
  }

  .services-image-copy.e {
    margin-left: 90px;
  }

  .image-n.o {
    margin-left: 30px;
  }

  .image-n.n {
    margin-left: 140px;
  }

  .image-n.c {
    margin-top: 20px;
    margin-left: 86px;
  }

  .image-n.e {
    margin-left: 90px;
  }

  .we-craft-container, .for-people-container {
    width: 568px;
    max-width: 568px;
  }

  .for-people-layout {
    margin-top: 20px;
    display: flex;
  }

  .goodwine-wecraft, .fabo-wecraft {
    width: 274px;
    height: auto;
  }

  .aio-cont {
    width: 568px;
  }

  .hero-text {
    margin-top: 35px;
  }

  .long-term-relationships {
    width: 568px;
  }

  .long-term-relationships.euro._2 {
    width: 568px;
    max-width: 568px;
  }

  .long-term-relationships.ukraine._2 {
    width: 568px;
    max-width: 568px;
    margin-top: 88px;
  }

  .long-term-relationships._02, .long-term-relationships._01 {
    width: 568px;
    max-width: 568px;
  }

  .social-responsibility {
    margin-top: 64px;
  }

  .social-responsibility-container {
    width: 568px;
    max-width: 568px;
  }

  .monogram, ._93-brigade-design-update, ._93-brigade-recruitment-campaign, .war-gallery, .dont-be-silent-campaign, .inzhur-site-branding-wecraft {
    width: 274px;
    height: auto;
  }

  .arent-cont {
    width: 568px;
  }

  .values-heading {
    letter-spacing: -3px;
    width: 560px;
  }

  .content-wrapper.slim {
    max-width: 568px;
  }

  .paragraph-47 {
    width: auto;
  }

  .accordion-item-content {
    margin-right: 0;
  }

  .section-faq {
    padding-bottom: 64px;
  }

  .once-new-cont, .arent-cont-copy {
    width: 568px;
  }

  .list-vac {
    width: auto;
  }

  .vacancies {
    margin-top: 10px;
  }

  .oh-let-s-get-acquainted {
    margin-top: 56px;
  }

  .div-block-311 {
    flex-flow: column;
  }

  .image-257._2 {
    width: 231px;
  }

  .div-block-313, .div-block-314 {
    width: auto;
  }

  .shared-heading {
    letter-spacing: -2px;
    width: auto;
  }

  .hello-heading {
    letter-spacing: -3px;
    width: auto;
  }

  .heading-1021 {
    margin-bottom: 24px;
  }

  .div-block-318 {
    padding-top: 48px;
  }

  .image-258 {
    margin-bottom: 32px;
  }

  .how-we-work-heading {
    letter-spacing: -3px;
  }

  .text-block-35 {
    font-size: 15px;
    line-height: 150%;
  }

  .paragraph-51 {
    font-size: 14px;
    line-height: 120%;
  }

  .div-block-321, .div-block-321.gray {
    padding-right: 12px;
  }

  .div-block-322 {
    height: 180px;
    margin-right: 40px;
  }

  .text-block-36 {
    letter-spacing: -1px;
    font-size: 24px;
    line-height: 150%;
  }

  .text-block-36.rose {
    width: 490px;
  }

  .text-block-37 {
    letter-spacing: 0;
  }

  .div-block-323, .div-block-324, .div-block-325, .div-block-326 {
    height: 180px;
    margin-right: 40px;
  }

  .rules-black {
    margin-top: 64px;
    padding-bottom: 64px;
  }

  .text-block-38 {
    letter-spacing: 0;
  }

  .div-block-327, .div-block-328, .div-block-329 {
    height: 180px;
    margin-right: 40px;
  }

  .div-block-330 {
    flex-flow: column;
  }

  .text-block-40 {
    width: auto;
  }

  .image-261 {
    width: 80px;
    margin-bottom: 12px;
  }

  .work-with-negative {
    margin-top: 0;
  }

  .how-we-work-with-negative {
    letter-spacing: -2px;
    width: auto;
  }

  .div-block-331 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .div-block-332 {
    border-radius: 16px;
    padding: 16px;
  }

  .div-block-333 {
    margin-top: -18px;
    margin-bottom: 8px;
  }

  .div-block-334 {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
  }

  .image-262 {
    left: 27px;
  }

  .image-263 {
    left: -53px;
  }

  .image-264 {
    left: -140px;
  }

  .week-header {
    letter-spacing: -2px;
    width: auto;
  }

  .div-block-335 {
    flex-flow: column;
  }

  .heading-50._2 {
    color: #231f20;
    margin-top: 32px;
  }

  .image-265 {
    width: 120px;
  }

  .div-block-350, .div-block-351 {
    margin-top: 40px;
  }

  .text-block-49 {
    font-size: 15px;
    line-height: 150%;
  }

  .div-block-345 {
    border-radius: 16px;
    padding: 16px;
  }
}

@media screen and (max-width: 479px) {
  .main-screen {
    width: 320px;
    max-width: 320px;
    margin-top: 96px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-contacts, .nav-link-01 {
    width: 320px;
    max-width: 320px;
  }

  .nav-link-02 {
    width: 320px;
    max-width: 320px;
    margin-bottom: 0;
  }

  .brand {
    margin-top: 38px;
    padding-left: 0;
  }

  .container {
    width: 320px;
    max-width: 320px;
    padding-left: 0;
    padding-right: 0;
  }

  .main-header-h1 {
    letter-spacing: -4px;
    font-size: 40px;
    line-height: 48px;
  }

  .services {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 320px;
    max-width: 320px;
    padding-left: 0;
    padding-right: 0;
  }

  .website-design {
    height: 200px;
    padding-top: 1px;
  }

  .apps, .communication, .identity {
    height: 200px;
    margin-top: 20px;
    padding-top: 1px;
  }

  .services-image.o {
    width: 160px;
    margin-top: -70px;
    margin-left: 160px;
  }

  .services-image.n {
    width: 80px;
    margin-top: -58px;
    margin-left: 200px;
  }

  .services-image.c {
    width: 140px;
    margin-top: -50px;
    margin-left: 180px;
  }

  .services-image.e {
    width: 90px;
    margin-top: -41px;
    margin-left: 180px;
  }

  .our-experience.euro._2 {
    width: 320px;
    max-width: 320px;
    padding-left: 0;
    padding-right: 0;
  }

  .our-experience.ukraine._2 {
    width: 320px;
    max-width: 320px;
    margin-top: 90px;
    padding-left: 0;
    padding-right: 0;
  }

  .our-experience._02 {
    width: 320px;
    max-width: 320px;
  }

  .our-experience._01 {
    width: 320px;
    max-width: 320px;
    padding-left: 0;
    padding-right: 0;
  }

  .image-2 {
    width: 80px;
  }

  .heading {
    line-height: 48px;
  }

  .heading.part {
    width: auto;
  }

  .heading.part._02 {
    width: 320px;
  }

  .euro-projects {
    width: 320px;
    max-width: 320px;
    padding-left: 0;
    padding-right: 0;
  }

  .euro-first, .euro-second {
    display: block;
  }

  .e-01 {
    width: 320px;
    margin-right: 0;
  }

  .e-02 {
    width: 320px;
  }

  .e-03 {
    width: 320px;
    margin-right: 0;
  }

  .e-04 {
    width: 320px;
    height: auto;
  }

  .e-desk {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .e-desk.u-desk {
    width: auto;
    margin-top: 10px;
  }

  .e-desk.u-desk._2 {
    margin-top: 10px;
  }

  .e-desk.u-desk._3 {
    margin-top: 30px;
  }

  .e-image._01 {
    width: auto;
    height: auto;
  }

  .e-image._02 {
    width: 320px;
    max-width: 100%;
    height: 214px;
    margin-top: 10px;
  }

  .e-image._03 {
    width: auto;
    height: 214px;
    margin-top: -12px;
  }

  .e-image._04 {
    width: auto;
    height: 214px;
  }

  .e-name {
    width: 320px;
    margin-top: 10px;
  }

  .e-name._3 {
    width: auto;
    margin-top: 0;
  }

  .image-3 {
    width: auto;
    max-width: 100%;
  }

  .image-4 {
    width: auto;
    max-width: 90%;
    top: 0;
    left: 73px;
  }

  .image-5 {
    width: 320px;
    top: 10px;
  }

  .image-6 {
    width: 230px;
    top: 38px;
    left: 44px;
  }

  .heading-3 {
    width: 320px;
    margin-top: 12px;
    margin-bottom: auto;
    font-size: 16px;
    line-height: 24px;
  }

  .heading-3._01.a-1 {
    width: 320px;
    font-size: 16px;
  }

  .heading-3._02 {
    font-size: 16px;
  }

  .heading-3._03 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    top: 4px;
  }

  .heading-3._03._04 {
    margin-top: 30px;
    font-size: 16px;
  }

  .heading-3._03._06 {
    position: static;
  }

  .heading-3._03.b {
    width: 320px;
  }

  .heading-3._04 {
    width: 320px;
    font-size: 16px;
  }

  .heading-3.last {
    margin-bottom: auto;
  }

  .paragraph-2 {
    width: 320px;
    margin-top: 0;
  }

  .paragraph-3, .paragraph-3._2, .paragraph-4 {
    margin-top: 0;
  }

  .tabs {
    width: 320px;
    max-width: 320px;
  }

  .tabs-content {
    width: 320px;
    max-width: 320px;
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-menu {
    width: 320px;
    max-width: 320px;
    padding-left: 0;
  }

  .all-first-line {
    width: 320px;
    max-width: 320px;
    display: block;
  }

  .all-second-line {
    width: 320px;
  }

  .goodwine-mobile-image, .colonnade-3d-image, .fayni-lyodu-identity-image {
    width: auto;
    height: auto;
  }

  .fat-dragon {
    width: auto;
    height: auto;
    margin-top: 24px;
    margin-bottom: 0;
  }

  .himarine {
    width: auto;
    height: 214px;
    margin-top: 24px;
  }

  .sola, .amega {
    width: auto;
    height: auto;
    margin-top: 24px;
  }

  .amega._02 {
    margin-top: 66px;
  }

  .all-third-line {
    width: 320px;
    max-width: 320px;
    margin-top: 30px;
    display: block;
  }

  .all-fourth-line {
    width: 320px;
    max-width: 320px;
    margin-top: 34px;
    display: block;
  }

  .drsante {
    width: 320px;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .sg-site {
    border-style: none;
    width: auto;
    height: auto;
  }

  .kolo {
    width: 320px;
    height: auto;
    margin-top: 30px;
  }

  .kolo.branding-tab {
    margin-top: 36px;
    margin-bottom: 72px;
  }

  .badboy {
    width: auto;
    margin-top: -10px;
  }

  .badboy._2 {
    margin-top: 30px;
  }

  .blank-project {
    width: 320px;
    height: 240px;
    margin-top: 34px;
  }

  .blank-project._22 {
    width: 320px;
    height: 290px;
    margin-top: 44px;
  }

  .blank-project._23 {
    width: 320px;
    margin-top: 24px;
  }

  .thrid-left {
    width: 320px;
    max-width: 320px;
    margin-top: 34px;
  }

  .image-8, .image-9, .image-10 {
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .image-11 {
    width: auto;
    top: 2px;
    left: 4px;
  }

  .image-12 {
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .image-13 {
    top: 10px;
    left: 61px;
  }

  .image-14 {
    width: auto;
    max-width: 100%;
    margin-top: 0;
  }

  .image-15 {
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .image-17 {
    top: 49px;
    left: 56px;
  }

  .image-17._01 {
    margin-top: -41px;
    margin-left: 50px;
  }

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

  .inzhur-site-branding {
    width: auto;
    height: auto;
  }

  .colonnade-3d {
    width: auto;
    height: auto;
    margin-top: 24px;
    margin-bottom: 0;
  }

  .colonnade-3d.mob {
    margin-top: 0;
  }

  .fayni-lyodu-identity {
    width: auto;
    height: auto;
    margin-top: 24px;
  }

  .fat-dragon-image {
    width: auto;
    height: auto;
  }

  .himarine-image {
    width: 310px;
  }

  .div-block-2 {
    width: 320px;
    max-width: 100%;
    height: 214px;
    margin-right: 0;
    position: static;
    left: 0;
  }

  .div-block-2.drsan {
    height: 214px;
  }

  .div-block-3 {
    margin-top: 20px;
  }

  .div-block-4 {
    width: auto;
    height: 214px;
  }

  .div-block-4._22, .div-block-5 {
    width: 320px;
    height: 214px;
  }

  .tab-link-all.w--current, .tab-link-websites, .tab-link-apps, .tab-link-comunication, .tab-link-identity {
    padding-left: 0;
  }

  .curiosity {
    width: 320px;
    max-width: 320px;
    height: auto;
    margin-top: 40px;
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .div-block-7 {
    margin-top: 10px;
  }

  .heading-4 {
    text-align: center;
    width: 100px;
    margin-right: 0;
    position: relative;
    left: 75px;
  }

  .download-button {
    justify-content: center;
    align-items: center;
    margin: 30px auto 16px;
    font-size: 14px;
    display: flex;
  }

  .say-hi-button {
    color: #fff;
    background-color: #090909;
    border: 2px solid #fff;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    font-size: 14px;
    display: flex;
  }

  .partners {
    width: 320px;
    max-width: 320px;
    margin-top: 80px;
    padding-left: 0;
    padding-right: 0;
  }

  .cherries._02 {
    width: 320px;
    max-width: 320px;
    padding-left: 0;
    padding-right: 0;
  }

  .fingers {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 320px;
    max-width: 320px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .finger {
    border-color: #c4c4c466;
    border-radius: 4px 100px 100px 4px;
    width: 320px;
    height: 160px;
    margin-bottom: 20px;
    margin-right: 10px;
  }

  .finger._02 {
    border-color: #c4c4c466;
  }

  .heading-5 {
    width: 90px;
    margin-top: 30px;
    margin-left: 17px;
    font-size: 24px;
    line-height: 32px;
  }

  .heading-5._2 {
    width: 80px;
  }

  .image-20 {
    width: 80px;
    top: -122px;
    left: 110px;
  }

  .image-20._1 {
    width: auto;
    max-width: 29%;
    top: -79px;
    left: 160px;
  }

  .image-20._2 {
    width: 84px;
    top: -107px;
    left: 170px;
  }

  .photos {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 320px;
    max-width: 320px;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .parnter-photo._02, .parnter-photo._03, .parnter-photo._04, .parnter-photo._05, .parnter-photo._01 {
    width: 150px;
  }

  .paragraph-5.ua {
    line-height: 20px;
  }

  .image-22 {
    width: 140px;
    margin-left: 0;
    position: relative;
    left: 10px;
  }

  .image-22._01, .image-22._03 {
    left: 0;
  }

  .contacts {
    width: 320px;
    max-width: 320px;
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .paragraph-6.email {
    width: 220px;
    font-size: 20px;
  }

  .paragraph-6.insta, .paragraph-6.facebook {
    width: 90px;
    font-size: 20px;
  }

  .paragraph-6.whatsapp {
    width: 95px;
    font-size: 20px;
  }

  .paragraph-6.linkedin {
    width: 74px;
    font-size: 20px;
  }

  .div-block-9 {
    margin-bottom: 32px;
    font-size: 16px;
  }

  .div-block-10, .div-block-11, .div-block-12 {
    margin-bottom: 32px;
  }

  .copy {
    width: 320px;
    max-width: 320px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-14 {
    display: block;
  }

  .download-cion {
    display: none;
  }

  .image-27 {
    left: 350px;
  }

  .image-28 {
    display: none;
  }

  .newfingers {
    width: 320px;
    max-width: 320px;
    height: auto;
    margin-top: 80px;
    overflow: hidden;
  }

  .div-block-19 {
    width: 320px;
    max-width: 320px;
    margin-top: 10px;
    display: flex;
  }

  .paragraph-7 {
    width: 100px;
    margin-top: 0;
    font-size: 32px;
  }

  .paragraph-8 {
    width: 170px;
    margin-top: 0;
    font-size: 32px;
  }

  .paragraph-9 {
    width: 240px;
    margin-left: 0;
    font-size: 32px;
  }

  .image-29 {
    width: 40px;
    margin-top: 0;
    margin-left: 0;
  }

  .div-block-20 {
    margin-top: 30px;
    display: block;
  }

  .image-30 {
    width: 60px;
  }

  .div-block-21 {
    display: block;
    position: relative;
    top: -60px;
  }

  .div-block-22 {
    margin-top: 100px;
    display: block;
    position: relative;
  }

  .div-block-23 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .linkes {
    width: 320px;
    max-width: 320px;
    overflow: hidden;
  }

  .insta-link {
    font-size: 26px;
  }

  .li-link {
    margin-top: -20px;
  }

  .link, .link-2 {
    font-size: 26px;
  }

  .smartgroup {
    width: 320px;
    margin-top: -10px;
  }

  .smartgroup._02 {
    margin-top: 36px;
  }

  .link-3, .link-4, .link-5 {
    font-size: 26px;
  }

  .image-34 {
    width: 40px;
  }

  .image-35 {
    width: 90px;
  }

  .sites {
    width: 320px;
    display: block;
  }

  .applications {
    display: block;
  }

  .div-block-24 {
    margin-bottom: 72px;
    display: block;
  }

  .branding {
    display: block;
  }

  .torsus-website {
    width: auto;
    height: auto;
    margin-top: 30px;
    margin-bottom: 0;
  }

  .drsante-website {
    width: auto;
    height: auto;
    margin-top: 30px;
  }

  .sola-wesite {
    width: auto;
    height: auto;
    margin-top: 0;
  }

  .sola-wesite._3 {
    margin-top: 30px;
  }

  .sg-website {
    width: auto;
    height: auto;
    margin-top: 30px;
  }

  .hi-website {
    width: auto;
    height: auto;
    margin-top: 36px;
  }

  .nd-website {
    width: auto;
    height: 214px;
    margin-top: 30px;
  }

  .div-block-25 {
    width: 320px;
    margin-bottom: 10px;
  }

  .torsus-fp, .nd-fp, .kolo-fp {
    width: 320px;
  }

  .img-tor-website {
    height: 214px;
  }

  .image-37._02 {
    margin-top: 53px;
    margin-left: 55px;
  }

  .div-block-26 {
    width: auto;
    height: 214px;
  }

  .blank-project-copy {
    width: 320px;
    height: 240px;
    margin-top: 34px;
  }

  .blank-project-copy._22 {
    width: 320px;
    height: 290px;
    margin-top: 44px;
  }

  .blank-project-copy._23 {
    width: 320px;
    margin-top: 64px;
  }

  .div-block-4-copy {
    width: auto;
    height: 214px;
  }

  .div-block-4-copy._22 {
    width: 320px;
    height: 214px;
  }

  .div-block-27 {
    width: auto;
    height: auto;
    margin-top: 36px;
    margin-bottom: 72px;
  }

  .div-block-28 {
    width: auto;
    height: 218px;
  }

  .colonnade-3d-header {
    width: 320px;
    margin-top: 80px;
    overflow: hidden;
  }

  .colonnade-3d-header._003 {
    margin-top: 96px;
  }

  .description-client {
    width: 320px;
    margin-bottom: 32px;
    font-size: 36px;
    line-height: 46px;
  }

  .name-client, .small-description-client {
    width: 320px;
    margin-bottom: 24px;
  }

  .small-description-client._02 {
    margin-top: 40px;
    margin-bottom: 32px;
  }

  .small-description-client._02.smgr-04, .small-description-client._02._99 {
    margin-bottom: 0;
  }

  .small-description-client._03 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .small-description-client._03.big {
    width: 320px;
    margin-bottom: 32px;
  }

  .small-description-client._03.smgr-05 {
    margin-bottom: 0;
  }

  .small-description-client._03._99 {
    margin-bottom: 32px;
  }

  .small-description-client.gw._2 {
    width: 320px;
    margin-top: 80px;
    margin-bottom: 0;
  }

  .small-description-client.gw._2._3 {
    width: 320px;
    margin-top: 80px;
  }

  .small-description-client._044 {
    width: 320px;
    margin-top: 80px;
    margin-bottom: 32px;
  }

  .small-description-client.smgr-3, .small-description-client._2 {
    margin-top: 40px;
    margin-bottom: 0;
  }

  .small-description-client._256 {
    margin-top: 56px;
    margin-bottom: 0;
  }

  .mini-description-client {
    width: 320px;
    margin-top: 0;
  }

  .mini-description-client._03.smart-site {
    margin-top: 20px;
    margin-bottom: 32px;
  }

  .mini-description-client.gw {
    margin-top: 24px;
  }

  .num-img._02, .num-img._03 {
    margin-top: 40px;
  }

  .num-img._03.border {
    margin-top: 20px;
  }

  .num-img._04 {
    margin-top: 40px;
  }

  .num-img._05 {
    width: 320px;
    height: 182px;
  }

  .num-img._06 {
    width: 320px;
    height: 182px;
    margin-top: 0;
  }

  .num-img._08, .num-img._07, .num-img._07.smgr-06, .num-img._09 {
    margin-top: 40px;
  }

  .num-img._09._009 {
    margin-top: 0;
  }

  .case-image {
    width: 320px;
    margin-top: 40px;
  }

  .case-image._02 {
    overflow: hidden;
  }

  .case-image._02.smgr-2._33 {
    margin-bottom: 100px;
  }

  .case-image._02.smgr-2._33._044, .case-image._03 {
    overflow: hidden;
  }

  .case-image._03.gw {
    width: 320px;
    margin-top: 0;
  }

  .case-image._04 {
    margin-top: 40px;
    overflow: hidden;
  }

  .case-image._05 {
    margin-top: 40px;
  }

  .case-image._05.smgr {
    overflow: hidden;
  }

  .div-block-31 {
    margin-top: 72px;
  }

  .drs-video-2, .drs-video-2._03._009 {
    margin-top: 0;
  }

  .drs-video-2.gw {
    margin-top: 20px;
  }

  .bold-text {
    width: 320px;
  }

  .fullscreen-video {
    width: 100%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .read-more {
    width: 320px;
  }

  .readmore {
    width: 320px;
    overflow: hidden;
  }

  .vimeo-video {
    height: 190px;
  }

  .vimeo-video._2 {
    height: 187px;
    margin-bottom: 8px;
  }

  .vimeo-video.last-margin {
    margin-bottom: 20px;
  }

  .vimeo-video.tor.colonn {
    width: 320px;
  }

  .image-descriptor {
    width: 320px;
    margin-bottom: 30px;
  }

  .image-descriptor.fayni-lyodu.before-after._2 {
    margin-left: 30px;
  }

  .tree-images {
    width: 320px;
    margin-top: 0;
    margin-bottom: 30px;
    display: block;
  }

  .image-39 {
    top: -40px;
    left: 0;
  }

  .image-40 {
    top: -20px;
    left: 0;
  }

  .image-41 {
    left: 150px;
  }

  .rose-back {
    height: 250px;
  }

  .phones {
    width: 320px;
    margin-bottom: -160px;
    top: -230px;
  }

  .results-block {
    width: 320px;
    margin-top: 24px;
    margin-bottom: 72px;
    display: block;
  }

  .paragraph-13, .paragraph-13._2, .paragraph-13._3 {
    width: 320px;
    margin-top: 12px;
  }

  .text-block-6 {
    font-size: 40px;
  }

  .first-result {
    margin-right: 0;
  }

  .second-result {
    margin-top: 40px;
    margin-right: 0;
  }

  .third-result {
    margin-top: 40px;
  }

  .block-vision._2 {
    width: 320px;
  }

  .block-vision._2._3 {
    margin-top: -80px;
  }

  .two-blocks {
    width: 320px;
    margin-top: 0;
    overflow: hidden;
  }

  .two-blocks._02 {
    margin-top: 150px;
  }

  .two-blocks._02._06 {
    height: 490px;
    margin-top: -32px;
  }

  .two-blocks._02._04 {
    margin-top: 40px;
  }

  .two-blocks._065 {
    height: 1140px;
  }

  .two-blocks.second {
    margin-bottom: 0;
  }

  .paragraph-14 {
    width: 320px;
    top: 40px;
  }

  .paragraph-14._06.gwp-5, .paragraph-14.gwp-01 {
    margin-top: 16px;
    top: 0;
  }

  .paragraph-14.gvp-02 {
    z-index: auto;
    margin-top: 16px;
    margin-bottom: 0;
    top: 0;
  }

  .paragraph-14.gwp-03, .paragraph-14.gwp-04 {
    margin-top: 16px;
    top: 0;
  }

  .blocks._01 {
    width: 320px;
    height: 460px;
  }

  .blocks._01.beta {
    height: 530px;
    top: 20px;
  }

  .blocks._01.beta.gwb-02 {
    height: 530px;
    top: 60px;
  }

  .blocks._01.beta.gwb-04 {
    height: 442px;
    top: 28px;
  }

  .blocks._01.beta.gwb-04._2342134 {
    height: 460px;
  }

  .blocks._01.beta.gwb-08 {
    top: 38px;
  }

  .blocks._01.beta.gwb-08._045 {
    height: 400px;
    top: 58px;
  }

  .blocks._01.beta.gwb-08._045._013 {
    top: 48px;
  }

  .blocks._01.beta.gwb-08._007 {
    top: -22px;
  }

  .blocks._01.beta.gwb-08._009 {
    top: -2px;
  }

  .blocks._01.beta.gwb-08._09 {
    top: 32px;
  }

  .blocks._01._3.gwb-05 {
    height: 440px;
    top: 0;
  }

  .blocks._01._3.gwb-05._1234234 {
    margin-top: -20px;
    top: 90px;
  }

  .blocks._01._4 {
    height: 510px;
  }

  .blocks._01._4.gwb-03 {
    height: 447px;
    top: 0;
  }

  .blocks._01.gwb-01 {
    height: 416px;
    top: 0;
  }

  .blocks._01.gwb-07 {
    height: 520px;
    top: 18px;
  }

  .blocks._01.gwb-07._008 {
    margin-top: 20px;
    top: 0;
  }

  .blocks._01.gwb-07._008.isk {
    margin-bottom: 50px;
  }

  .blocks._01.gwb-07._009 {
    height: 490px;
  }

  .blocks._01.gwb-07._010 {
    margin-top: 40px;
    top: 8px;
  }

  .blocks._01.gwb-07._011 {
    top: 0;
  }

  .blocks._01.gwb-07._012 {
    margin-top: 20px;
    top: 0;
  }

  .html-embed-3 {
    width: 320px;
    top: 60px;
  }

  .html-embed-3.gvv-01 {
    top: 1px;
  }

  .html-embed-3.gwv-02, .html-embed-3.gwv-03, .html-embed-3.gwv-04 {
    top: 0;
  }

  .image-45 {
    width: 320px;
    top: -401px;
  }

  .image-45._02 {
    top: -400px;
  }

  .image-45._02.gwi-02 {
    top: 0;
  }

  .image-45._02.gwi-02._006 {
    top: -494px;
  }

  .image-45._02.gwi-04 {
    top: -461px;
  }

  .image-45._02.gwi-04._004 {
    top: -447px;
  }

  .image-45._04 {
    top: -401px;
  }

  .image-45._04._4 {
    top: -400px;
  }

  .image-45._04._4.gwi-03 {
    top: -461px;
  }

  .image-45._04._4.gwi-03._33 {
    top: -445px;
  }

  .image-45.gwi-01 {
    top: 0;
  }

  .image-45.gwi-01._005 {
    top: -413px;
  }

  .small-description-client-copy {
    width: 320px;
    margin-top: 0;
    margin-bottom: 80px;
  }

  .small-description-client-copy._02 {
    margin-top: 40px;
    margin-bottom: 32px;
  }

  .small-description-client-copy._02.smgr-04, .small-description-client-copy._02._99 {
    margin-bottom: 0;
  }

  .small-description-client-copy._03 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .small-description-client-copy._03.big {
    width: 320px;
    margin-bottom: 32px;
  }

  .small-description-client-copy._03.smgr-05 {
    margin-bottom: 0;
  }

  .small-description-client-copy._03._99 {
    margin-bottom: 32px;
  }

  .small-description-client-copy.gw._2 {
    width: 320px;
    margin-top: 80px;
    margin-bottom: 0;
  }

  .small-description-client-copy.gw._2._3 {
    width: 320px;
    margin-top: 80px;
  }

  .small-description-client-copy._044 {
    width: 320px;
    margin-top: 80px;
    margin-bottom: 32px;
  }

  .small-description-client-copy.smgr-3, .small-description-client-copy._2, .small-description-client-copy._256 {
    margin-top: 56px;
    margin-bottom: 0;
  }

  .paragraph-16 {
    width: 320px;
    margin-top: 40px;
  }

  .paragraph-17, .div-block-38 {
    width: 320px;
  }

  .case-titles {
    width: 320px;
    margin-bottom: 20px;
    font-size: 22px;
  }

  .case-titles.last-margin {
    margin-bottom: 20px;
  }

  .case-titles._48 {
    margin-bottom: 0;
  }

  .case-images {
    width: 320px;
    margin-bottom: 40px;
  }

  .case-images.last-margin {
    margin-bottom: 20px;
  }

  .case-images.shift {
    width: 320px;
  }

  .case-images.phone-gif {
    margin-top: -120px;
  }

  .case-images.phone-gif.bad-boy {
    height: auto;
    top: -256px;
  }

  .case-images.video {
    width: 286px;
    margin-left: 16px;
    top: 30px;
  }

  .case-images.video-back {
    top: -222px;
  }

  .case-images.video-center, .case-images.double-video {
    margin-bottom: 48px;
  }

  .case-images.double-video.right {
    margin-top: 0;
    margin-bottom: 0;
  }

  .case-container {
    width: 320px;
    overflow: hidden;
  }

  .case-container.last-vimeo {
    margin-bottom: 0;
  }

  .case-container.full {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .case-container.full.machine-factor {
    margin-top: 40px;
  }

  .case-container.full.moonhauzen.second-screen {
    height: 700px;
  }

  .case-container.last-margin {
    margin-bottom: 20px;
  }

  .case-container.last-margin.flw {
    height: 760px;
  }

  .case-container.last-margin.flw._2 {
    height: 710px;
  }

  .case-container.overlay {
    height: 230px;
    margin-top: 0;
  }

  .case-container.wide {
    display: block;
  }

  .case-container.wide.last-margin {
    margin-bottom: 10px;
  }

  .case-container.fayni-lyodu.logos {
    height: 540px;
    margin-bottom: 40px;
  }

  .case-container.flw._3 {
    height: 2440px;
  }

  .case-container.flw.insta {
    height: 540px;
    margin-bottom: 20px;
  }

  .case-container.sola {
    height: 1720px;
  }

  .case-container.twice {
    margin-bottom: 40px;
  }

  .case-container.hi-5th {
    height: 928px;
  }

  .case-container.tors {
    overflow: visible;
  }

  .case-container.fabo {
    flex-direction: column;
    margin-top: 0;
  }

  .case-text-mini {
    width: 320px;
  }

  .case-text-mini.shift.last-margin {
    margin-bottom: 20px;
  }

  .case-text-mini.shift.insta {
    width: 320px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .case-titles-big {
    width: 320px;
  }

  .case-titles-big.tors {
    margin-bottom: 10px;
  }

  .big-header {
    width: 320px;
    margin-top: 96px;
  }

  .big-header.colonnade-ad {
    margin-top: -40px;
    overflow: hidden;
  }

  .phone-gif.bad-boy {
    height: 179px;
  }

  .image-46 {
    width: 60px;
    top: 24px;
    left: 133px;
  }

  .image-46.bad-boy {
    top: 26px;
  }

  .image-47 {
    width: 320px;
    margin-bottom: 40px;
  }

  .div-block-39 {
    width: 320px;
    display: block;
  }

  .image-48 {
    width: 320px;
    height: 380px;
    margin-bottom: 50px;
    top: 0;
  }

  .image-49 {
    width: 320px;
  }

  .heading-7 {
    width: 320px;
    margin-top: 32px;
    margin-bottom: 50px;
    font-size: 32px;
    line-height: 40px;
  }

  .three-phones {
    width: 320px;
    margin-bottom: 72px;
    display: flex;
    overflow: hidden;
  }

  .phones-smartgroup {
    width: 96px;
    margin-right: 16px;
  }

  .image-50 {
    width: 320px;
  }

  .image-50.bordered {
    margin-bottom: 40px;
  }

  .image-50.bordered.three {
    width: 320px;
  }

  .image-50.three, .image-51 {
    width: 320px;
    margin-bottom: 40px;
  }

  .image-52 {
    margin-bottom: 32px;
  }

  .div-block-40 {
    width: 320px;
  }

  .image-53 {
    left: 0;
  }

  .image-54 {
    width: 390px;
  }

  .div-block-41 {
    width: 400px;
    top: 40px;
    left: 30px;
  }

  .image-55 {
    left: 0;
  }

  .div-block-42 {
    top: -20px;
    left: 60px;
  }

  .image-57 {
    width: 120px;
    top: 0;
  }

  .image-58 {
    top: 10px;
    left: 45px;
  }

  .image-59 {
    top: 60px;
    left: 30px;
  }

  .image-60 {
    width: 320px;
    margin-bottom: 40px;
    position: static;
  }

  .image-62 {
    width: 320px;
    position: static;
  }

  .image-63, .image-64, .image-65, .image-66, .image-67 {
    width: 320px;
    margin-bottom: 40px;
    position: static;
  }

  .image-68 {
    width: 320px;
    position: static;
  }

  .image-69 {
    position: static;
  }

  .sola-logo {
    width: 320px;
    margin-top: -180px;
    margin-bottom: 114px;
  }

  .div-block-45 {
    width: 320px;
  }

  .sola-links {
    width: 320px;
    left: 0;
    overflow: hidden;
  }

  .div-block-48 {
    display: block;
  }

  .image-72, .image-73 {
    max-width: 7%;
  }

  .div-block-49 {
    height: 450px;
    padding-top: 40px;
  }

  .div-block-49._2 {
    padding-top: 0;
  }

  .div-block-49._2._3 {
    margin-bottom: 10px;
  }

  .div-block-49.olymed._2 {
    margin-bottom: -120px;
  }

  .div-block-50 {
    width: 320px;
    display: block;
  }

  .div-block-50._2._3 {
    top: 70px;
  }

  .heading-8.sola {
    margin-bottom: 30px;
    margin-right: 0;
  }

  .heading-8.sola.wide, .heading-8.olymed, .heading-8.olymed.blue {
    width: 320px;
  }

  .paragraph-21 {
    width: 320px;
    margin-left: 0;
  }

  .paragraph-21.olymed.alt {
    width: 320px;
    margin-left: 0;
    position: relative;
    top: -190px;
  }

  .div-block-51 {
    width: 320px;
    margin-top: -100px;
  }

  .heading-9 {
    font-size: 16px;
  }

  .div-block-52 {
    width: 320px;
  }

  .image-74, .image-75, .image-76 {
    width: 320px;
    max-width: 100%;
    margin-bottom: 40px;
    position: static;
  }

  .image-77 {
    width: 320px;
    max-width: 100%;
    position: static;
  }

  .heading-10 {
    margin-top: -70px;
  }

  .image-79 {
    width: 320px;
    margin-top: 40px;
    margin-bottom: 40px;
    position: static;
  }

  .image-80 {
    width: 320px;
    position: static;
  }

  .image-83, .image-84, .image-85, .image-86 {
    width: 100px;
    max-width: 50%;
  }

  .heading-12 {
    margin-top: 0;
  }

  .div-block-55 {
    height: 330px;
    margin-bottom: 70px;
    padding-top: 40px;
  }

  .div-block-55.olymed {
    height: 310px;
  }

  .image-87 {
    max-width: 160%;
    display: none;
    position: static;
    top: -360px;
    overflow: visible;
  }

  .div-block-57 {
    margin-top: -50px;
  }

  .div-block-60 {
    height: 1540px;
  }

  .div-block-60.tors {
    height: 1890px;
    margin-top: 140px;
    margin-bottom: 60px;
  }

  .div-block-60.tors.ndnet {
    height: 2060px;
  }

  .image-91 {
    width: 140px;
    top: 0;
  }

  .image-92 {
    width: 140px;
    top: 950px;
  }

  .image-92.nd-img._02 {
    top: -114px;
  }

  .image-93 {
    width: 140px;
    top: 40px;
    left: 0;
  }

  .image-93.tor-img._03 {
    top: -180px;
  }

  .image-93.nd-img._03 {
    top: -370px;
  }

  .image-94 {
    width: 140px;
    top: 260px;
    left: 37px;
  }

  .image-94.tor-img._04 {
    top: -150px;
    left: 39px;
  }

  .image-94.tor-img._04.torsu {
    top: -150px;
  }

  .image-94.nd-img._04 {
    top: -120px;
    left: 38px;
  }

  .image-95 {
    width: 140px;
    top: 440px;
    left: 0;
  }

  .image-95.tor-img._05 {
    top: 90px;
    left: 0;
  }

  .image-95.tor-img._05.torsu {
    top: 80px;
  }

  .image-95.nd-img._05 {
    top: -350px;
    left: 0;
  }

  .image-96 {
    width: 140px;
    top: -879px;
    left: 35px;
  }

  .image-96.tor-img._06 {
    top: -240px;
    left: -139px;
  }

  .image-96.tor-img._06.torsu {
    top: -240px;
  }

  .image-96.nd-img._06 {
    top: -150px;
    left: 37px;
  }

  .image-97 {
    width: 140px;
    top: -850px;
    left: 175px;
  }

  .image-97.tor-img._08 {
    top: 30px;
    left: 178px;
  }

  .image-97.tor-img._08.torsu {
    top: 30px;
    left: 179px;
  }

  .image-97.nd-img._09 {
    top: -330px;
    left: 0;
  }

  .image-98 {
    width: 140px;
    top: -10px;
    left: 40px;
  }

  .image-98.tor-img._07 {
    top: -440px;
    left: 39px;
  }

  .image-98.tor-img._07.torsu {
    top: -440px;
  }

  .image-98.nd-img._07 {
    top: -190px;
  }

  .image-99 {
    width: 140px;
    top: -570px;
    left: 0;
  }

  .image-99.tor-img._09 {
    top: -170px;
    left: 177px;
  }

  .image-99.tor-img._10 {
    top: -490px;
    left: -140px;
  }

  .image-99.tor-img._10.torsu {
    top: -500px;
  }

  .image-99.nd-img._09 {
    top: -300px;
    left: 1px;
  }

  .div-block-61 {
    height: 310px;
    margin-bottom: 20px;
  }

  .div-block-62 {
    width: 320px;
  }

  .image-100 {
    width: 320px;
    left: 0;
  }

  .image-101 {
    width: 320px;
    top: 40px;
    left: 0;
  }

  .image-103 {
    left: 80%;
  }

  .image-104 {
    left: 10%;
  }

  .image-105 {
    left: -160%;
  }

  .image-106 {
    left: -130%;
  }

  .div-block-65 {
    width: 320px;
    height: 1100px;
    margin-bottom: 40px;
    display: block;
  }

  .image-112 {
    position: relative;
    top: 50px;
    left: 57px;
  }

  .image-113 {
    position: relative;
    top: 80px;
    left: 0;
  }

  .image-114 {
    width: 201px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative;
    top: 90px;
    left: 60px;
  }

  .image-115 {
    width: 611px;
    max-width: 135%;
    top: 60px;
    left: -30px;
  }

  .image-116 {
    width: 140px;
    top: 60px;
    left: 90px;
  }

  .image-117 {
    width: 140px;
    top: 94px;
    left: 90px;
  }

  .image-118 {
    margin-bottom: 40px;
  }

  .div-block-66 {
    width: 320px;
    margin-bottom: 0;
  }

  .image-120 {
    width: 410px;
    max-width: none;
    top: -261px;
    left: -2px;
  }

  .image-121 {
    width: 290px;
    max-width: none;
  }

  .image-122 {
    width: 720px;
    max-width: none;
    top: -41px;
    left: -70px;
  }

  .image-123 {
    width: 88px;
    max-width: none;
    top: -385px;
    left: 134px;
  }

  .image-124 {
    width: 88px;
    top: -454px;
    left: 101px;
  }

  .image-125 {
    width: 129px;
    max-width: none;
    top: -319px;
    left: -30px;
  }

  .image-126 {
    width: 50px;
    max-width: none;
    top: -341px;
    left: 220px;
  }

  .image-127 {
    width: 320px;
    top: 0;
  }

  .image-128 {
    width: 320px;
    margin-bottom: 60px;
    top: 50px;
  }

  .div-block-68 {
    width: 320px;
    height: 310px;
  }

  .image-129 {
    width: 130px;
    height: 170px;
    top: 30px;
    left: 30px;
  }

  .image-130 {
    width: 200px;
    height: 230px;
    left: -30px;
  }

  .image-131 {
    top: -240px;
  }

  .div-block-69 {
    height: 350px;
    margin-top: 20px;
  }

  .prob {
    width: auto;
    margin-top: 30px;
  }

  .prob.sgc, .prob.crel {
    margin-top: 30px;
  }

  .prob.brand {
    margin-top: -40px;
  }

  .additional-image {
    width: 320px;
    height: 173px;
    margin-top: -150px;
  }

  .image-155 {
    height: 260px;
  }

  .res-block {
    grid-row-gap: 30px;
    width: 320px;
    margin-top: 10px;
  }

  .text-block-8 {
    width: 100px;
  }

  .text-block-10 {
    width: 50px;
  }

  ._4-blocks {
    width: 320px;
    margin-top: -24px;
    margin-bottom: 146px;
  }

  .image-156, .image-157, .image-158, .image-159 {
    width: 140px;
  }

  .image-160 {
    width: 250px;
    top: 80px;
  }

  .image-161 {
    width: 300px;
    top: 220px;
    left: 0;
  }

  .image-162 {
    width: 250px;
    top: -170px;
    left: 65px;
  }

  .div-block-77 {
    top: -590px;
    left: 170px;
  }

  .image-163 {
    width: 290px;
    top: 100px;
    left: 20px;
  }

  .image-164 {
    width: 290px;
    top: 80px;
    left: 2px;
  }

  .image-165 {
    width: 290px;
    top: 70px;
    left: 27px;
  }

  .div-block-78 {
    top: -517px;
    left: 80px;
  }

  .div-block-79 {
    height: 4436px;
    margin-top: 56px;
    margin-bottom: 32px;
  }

  .heading-13 {
    width: 320px;
  }

  .image-166 {
    width: 150px;
    margin-right: 10px;
    top: 60px;
  }

  .image-167 {
    width: 150px;
  }

  .image-168 {
    width: 150px;
    top: 10px;
  }

  .image-169 {
    width: 150px;
    margin-right: 10px;
    top: 10px;
  }

  .image-170 {
    width: 150px;
    margin-right: 10px;
    top: -40px;
  }

  .image-171 {
    width: 150px;
    top: -40px;
  }

  .div-block-82 {
    margin-bottom: 60px;
  }

  .div-block-83, .div-block-84 {
    margin-top: 0;
  }

  .div-block-85 {
    height: 980px;
    margin-top: 0;
    display: block;
  }

  .image-173 {
    width: 320px;
    top: 190px;
    left: 0;
  }

  .image-174 {
    width: 320px;
    top: 60px;
    left: 0;
  }

  .image-175 {
    width: 320px;
    top: 90px;
  }

  .div-block-86 {
    width: 150px;
  }

  .div-block-87 {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .main-visual-colonnade {
    height: 310px;
    margin-top: 210px;
  }

  .main-visual-colonnade._2 {
    height: 190px;
    margin-top: 40px;
  }

  .laptop-colonnade {
    width: 320px;
  }

  .laptop {
    top: -80px;
  }

  .bubbles {
    width: 320px;
  }

  .bubbles._2 {
    height: 40px;
  }

  .bubble._02 {
    opacity: 0;
    display: inline-block;
    top: -40px;
  }

  .bubble._02.mob {
    top: 600px;
  }

  .bubble._03 {
    top: -10px;
  }

  .bubble._04.mob {
    top: 560px;
    left: -110px;
  }

  .bubble._05 {
    top: 470px;
  }

  .bubble._05.mobi {
    top: 540px;
  }

  .bubble._06 {
    opacity: 0;
    top: 660px;
  }

  .bubble._07 {
    top: 640px;
  }

  .bubble._09 {
    top: 350px;
    left: 240px;
  }

  .bubble._10 {
    left: 172px;
  }

  .bubble.mob {
    top: 810px;
  }

  .div-block-90 {
    padding-top: 80px;
  }

  .div-block-91 {
    width: 170px;
    height: 170px;
    top: -690px;
    left: 70px;
  }

  .paragraph-31 {
    top: 50px;
  }

  .image-178 {
    top: 46px;
    left: 70px;
  }

  .paragraph-32 {
    font-size: 40px;
    line-height: 50px;
  }

  .paragraph-33 {
    width: 320px;
    margin-bottom: 40px;
    font-size: 12px;
    line-height: 140%;
  }

  .grid {
    grid-row-gap: 10px;
    margin-top: 80px;
    display: block;
  }

  .div-block-92 {
    margin-top: -140px;
  }

  .image-179 {
    width: 320px;
    top: 40px;
  }

  .div-block-93 {
    top: -262px;
  }

  .div-block-93._2 {
    top: -432px;
  }

  .div-block-93._3 {
    top: -292px;
  }

  .div-block-93._4 {
    top: -430px;
  }

  .div-block-93._5 {
    top: -301px;
  }

  .div-block-93._5.mob {
    top: -380px;
  }

  .div-block-93._6 {
    top: -302px;
  }

  .div-block-94 {
    width: 320px;
  }

  .div-block-95 {
    margin-top: 31px;
  }

  .div-block-96 {
    margin-top: 150px;
    margin-bottom: -230px;
  }

  .div-block-96._2 {
    height: 740px;
    margin-top: 200px;
    margin-bottom: -190px;
  }

  .div-block-97 {
    width: 320px;
  }

  .image-180._2 {
    top: 300px;
  }

  .image-180._3 {
    top: 290px;
  }

  .image-180._5 {
    left: -50px;
  }

  .image-180._6 {
    top: 250px;
    left: -310px;
  }

  .image-180._1 {
    top: 420px;
    left: -290px;
  }

  .div-block-98 {
    width: 320px;
  }

  .div-block-99 {
    height: 250px;
    margin-top: 60px;
    margin-bottom: -210px;
  }

  .image-181 {
    top: 40px;
  }

  .image-184 {
    width: 318px;
    display: block;
    position: static;
  }

  .div-block-100 {
    width: 320px;
    margin-top: 140px;
  }

  .image-185 {
    width: 40px;
    margin-bottom: 20px;
    margin-left: 48px;
  }

  .image-185._2 {
    width: 40px;
  }

  .image-185._3 {
    width: 30px;
  }

  .paragraph-35 {
    width: 224px;
    margin-left: 48px;
    line-height: 140%;
  }

  .paragraph-36 {
    width: 224px;
    margin-left: 48px;
    font-size: 12px;
    line-height: 140%;
  }

  .grid-2 {
    display: block;
  }

  .div-block-101 {
    height: 110px;
    margin-top: 140px;
    margin-bottom: 190px;
  }

  .div-block-102 {
    width: 320px;
  }

  .paragraph-37 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 140%;
  }

  .paragraph-38 {
    font-size: 12px;
    line-height: 136%;
    display: none;
  }

  .div-block-104 {
    width: 590px;
    margin-right: 50px;
    top: 0;
  }

  .image-186 {
    width: 420px;
    top: 0;
  }

  .div-block-105 {
    margin-top: 70px;
  }

  .div-block-107 {
    z-index: 99;
    width: 320px;
    margin-top: 130px;
    display: block;
    position: relative;
  }

  .div-block-108 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 98px;
    margin-top: -73px;
    margin-bottom: -1px;
    margin-left: 0;
    position: static;
  }

  .div-block-109 {
    border-radius: 0 20px 20px;
    margin-bottom: 30px;
    position: static;
  }

  .paragraph-39, .paragraph-40 {
    width: 258px;
  }

  .div-block-110 {
    border-radius: 20px;
    width: 320px;
  }

  .div-block-111 {
    position: static;
  }

  .div-block-112 {
    margin-bottom: -20px;
    margin-left: 30px;
    position: static;
  }

  .div-block-113 {
    width: 320px;
  }

  .div-block-114 {
    z-index: 1;
    height: 220px;
    margin-top: -50px;
    position: relative;
    top: -40px;
  }

  .div-block-114.orange {
    height: 260px;
    margin-bottom: 120px;
  }

  .div-block-114.orange._2 {
    height: 240px;
  }

  .div-block-114.orange._6 {
    height: 150px;
    margin-bottom: 50px;
  }

  .div-block-114._4 {
    height: 460px;
  }

  .div-block-114._5 {
    height: 370px;
    margin-bottom: 40px;
  }

  .div-block-114._6 {
    height: 450px;
    margin-top: -280px;
    margin-bottom: 40px;
    padding-top: 180px;
  }

  .div-block-115 {
    width: 320px;
    display: block;
  }

  .div-block-116, .image-187 {
    width: 320px;
  }

  .image-188 {
    width: 320px;
    margin-bottom: 32px;
  }

  .div-block-118 {
    margin-bottom: 90px;
  }

  .image-190 {
    border-radius: 10px;
    width: 320px;
  }

  .div-block-119, .div-block-120 {
    width: 320px;
  }

  .div-block-121 {
    margin-top: 100px;
  }

  .iframes {
    border-radius: 20px 20px 0 0;
    display: none;
  }

  .iframes._320 {
    display: block;
  }

  .mobile-vimeo-colonnade {
    border-radius: 20px 20px 0 0;
    width: 206px;
    height: 360px;
    top: -68px;
    left: 137px;
  }

  .div-block-124 {
    height: 870px;
    margin-top: -441px;
  }

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

  .div-block-125 {
    width: 140px;
    height: 170px;
  }

  .paragraph-42 {
    width: 115px;
    margin-bottom: 20px;
    font-size: 14px;
  }

  .div-block-126 {
    margin-left: 20px;
  }

  .image-195 {
    width: 310px;
    top: -450px;
    left: 85px;
  }

  .html-embed-6 {
    width: 320px;
    height: 240px;
    display: none;
  }

  .struggle-header {
    display: none;
  }

  .foot-links {
    align-items: center;
    bottom: 3%;
  }

  .logo-ukraine {
    align-items: flex-start;
    display: flex;
  }

  .logo-ukraine.w--current {
    justify-content: flex-start;
    height: auto;
  }

  .logo-ukraine-img {
    width: 11vw;
    height: 10vw;
  }

  .image-199, .image-200, .image-201, .image-202, .image-203 {
    width: 120px;
  }

  .cursor-wrapper {
    display: none;
  }

  ._01-pop {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 320px;
    margin-top: 50px;
    display: grid;
  }

  ._02-pop {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    width: 320px;
    margin-top: 60px;
    margin-right: auto;
    display: grid;
  }

  ._03-pop {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 320px;
    margin-top: -17px;
    margin-right: auto;
    display: grid;
  }

  ._04-pop {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 320px;
    margin-top: -10px;
    margin-right: auto;
    display: grid;
  }

  ._05-pop {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 320px;
    margin-top: 0;
    margin-right: auto;
    display: grid;
  }

  ._06-pop {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 320px;
    margin-top: -20px;
    display: grid;
  }

  .pop-lines._02 {
    flex-direction: column;
    justify-content: flex-start;
  }

  .img-pop {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .text-block-16 {
    font-size: 14px;
  }

  .date-1 {
    font-size: 3vw;
  }

  .img-ver {
    width: 70vw;
  }

  .desc-text {
    margin-top: -49vw;
    font-size: 12px;
    line-height: 14px;
    top: -77vw;
  }

  .desc-text.left {
    margin-top: 0;
    font-size: 12px;
    line-height: 14px;
  }

  .desc-text.left.long {
    top: -125vw;
  }

  .desc-text.left.long.zsu {
    margin-top: 21vw;
  }

  .desc-text.long {
    font-size: 12px;
    line-height: 15px;
  }

  .line-up {
    height: 10vw;
  }

  .line-down {
    height: 130vw;
  }

  .line-down.long._2 {
    height: 110vw;
  }

  .img-hor {
    width: 80vw;
  }

  .image-209 {
    width: 2vw;
    margin-bottom: -2vw;
  }

  .dot-down {
    width: 2vw;
    margin-top: -5vw;
  }

  .dot-up {
    width: 2vw;
    margin-bottom: -4vw;
  }

  .text-block-21 {
    font-size: 10vw;
    line-height: 120%;
  }

  .donate-2 {
    top: 14vw;
  }

  .donate-3 {
    top: 27vw;
  }

  .image-212 {
    margin-bottom: 5vw;
  }

  .text-block-22 {
    width: 60vw;
    font-size: 5vw;
  }

  .text-block-23 {
    width: 60vw;
    margin-bottom: 5vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .donte-button {
    width: 40vw;
    height: 11vw;
    padding-bottom: 8px;
  }

  .div-block-150 {
    z-index: 0;
    top: 67%;
    left: 7%;
  }

  .div-block-151 {
    top: 15%;
    left: 30%;
  }

  .div-block-152 {
    z-index: 0;
    top: 0%;
    left: 53%;
  }

  .div-block-153 {
    z-index: 0;
    display: none;
    top: 67%;
    left: 39%;
  }

  .div-block-154 {
    z-index: 0;
    top: 60%;
    left: 60%;
  }

  .dot-001 {
    width: 2vw;
  }

  .dot-002 {
    height: 100vw;
  }

  .dot-0001 {
    width: 2vw;
  }

  .donate-04 {
    top: 40vw;
  }

  .navbar-2 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .container-2 {
    z-index: 11000;
    justify-content: center;
  }

  .nav-menu-2 {
    z-index: 12000;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
  }

  .nav-link-3, .nav-link-4 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
    font-size: 6vw;
    display: flex;
  }

  .nav-link-5 {
    font-size: 6vw;
  }

  .menu-button-2 {
    z-index: 11000;
  }

  .div-block-157 {
    width: 80%;
  }

  .div-block-158 {
    width: 100%;
  }

  .div-block-159 {
    justify-content: center;
    height: 80px;
    font-size: 6vw;
  }

  .text-block-24 {
    color: #000;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Ermilov, sans-serif;
    font-size: 40px;
    line-height: 48px;
  }

  .div-block-160 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 40% 0% auto;
  }

  .project-by {
    margin-right: 1vw;
    font-size: 3vw;
    line-height: 11vw;
  }

  .project-name {
    width: 40vw;
    margin-top: 10px;
    font-size: 4vw;
    line-height: 120%;
  }

  .explore {
    width: 40vw;
    height: 40vw;
    top: 59%;
    left: 30%;
  }

  .text-block-25 {
    font-size: 6vw;
  }

  .from-768.fs-index {
    text-align: center;
    width: 320px;
    margin-top: 40vw;
    margin-bottom: 20vw;
    font-size: 7vw;
  }

  .from-768.fs-index._2 {
    margin-bottom: 20vw;
  }

  .link-block-3 {
    display: none;
  }

  .image-215 {
    max-width: 60%;
    top: -1px;
    left: 17px;
  }

  .image-216 {
    max-width: 70%;
    top: -5px;
    left: 44px;
  }

  .div-block-162 {
    height: 190px;
    margin-top: 0;
  }

  .image-217 {
    height: 40px;
  }

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

  .image-226 {
    width: 130px;
    top: -130px;
    left: 70px;
  }

  .image-227 {
    width: 180px;
    top: 40px;
    left: 220px;
  }

  .image-228 {
    width: 170px;
    top: -60px;
  }

  .image-229 {
    width: 180px;
    top: -10px;
    left: -140px;
  }

  .image-230 {
    width: 70px;
    top: -141px;
  }

  .image-232 {
    width: 140px;
    left: 160px;
  }

  .image-233 {
    width: 130px;
  }

  .image-234 {
    width: 140px;
    top: 210px;
    left: -10px;
  }

  .image-235 {
    width: 140px;
  }

  .image-236 {
    left: -140px;
  }

  .image-237 {
    width: 120px;
  }

  .image-238, .image-239, .image-240 {
    height: 40px;
  }

  .image-241 {
    width: 37px;
  }

  .image-242, .image-243, .image-244, .image-245, .image-246 {
    height: 40px;
  }

  .warinukraine.euro._2 {
    width: 320px;
    max-width: 320px;
    padding-left: 0;
    padding-right: 0;
  }

  .warinukraine.ukraine._2 {
    width: 320px;
    max-width: 320px;
    margin-top: 72px;
    padding-left: 0;
    padding-right: 0;
  }

  .warinukraine._02 {
    width: 320px;
    max-width: 320px;
  }

  .warinukraine._01 {
    width: 320px;
    max-width: 320px;
    padding-left: 0;
    padding-right: 0;
  }

  .warlayout {
    display: block;
  }

  .image-249 {
    margin-top: 48px;
  }

  .div-block-165 {
    width: 320px;
    margin-top: 28px;
    margin-right: 0;
  }

  .div-block-170 {
    height: 230px;
    margin-bottom: 60px;
  }

  .image-250 {
    width: 290px;
  }

  .section-3 {
    margin-bottom: 32px;
  }

  .div-block-172 {
    width: 320px;
    margin-bottom: 48px;
  }

  .div-block-168 {
    height: 190px;
    margin-bottom: 80px;
  }

  .div-block-165-copy {
    width: 320px;
    margin-top: 40px;
    margin-bottom: 0;
    margin-right: 0;
  }

  .div-block-173 {
    margin-bottom: 48px;
  }

  .html-embed-7._2nd {
    margin-bottom: 0;
  }

  .div-block-165-copy {
    width: 320px;
    margin-top: 28px;
    margin-right: 0;
  }

  .div-block-172-copy {
    width: 320px;
    margin-bottom: 48px;
  }

  .div-block-165-copy-copy {
    width: 320px;
    margin-top: 40px;
    margin-right: 0;
  }

  .check-video {
    width: 320px;
    margin-bottom: 40px;
  }

  .check-video.last-margin {
    margin-bottom: 20px;
  }

  .check-video.shift {
    width: 320px;
  }

  .check-video.phone-gif {
    margin-top: -120px;
  }

  .check-video.phone-gif.bad-boy {
    height: auto;
    top: -256px;
  }

  .check-video.video {
    width: 286px;
    margin-left: 16px;
    top: 30px;
  }

  .check-video.video-back {
    top: -222px;
  }

  .check-video.video-center, .check-video.double-video {
    margin-bottom: 48px;
  }

  .check-video.double-video.right {
    margin-top: 0;
    margin-bottom: 0;
  }

  .container-4 {
    width: 320px;
  }

  .div-block-174 {
    flex-flow: column;
  }

  .tg-link {
    margin-top: 0;
  }

  .link-tg {
    font-size: 26px;
  }

  .container-5, .once-container, .discover-container {
    width: 320px;
    max-width: 320px;
  }

  .image-o.o {
    width: 160px;
    margin-top: -70px;
    margin-left: 160px;
  }

  .image-o.n {
    width: 80px;
    margin-top: -58px;
    margin-left: 200px;
  }

  .image-o.c {
    width: 140px;
    margin-top: -50px;
    margin-left: 180px;
  }

  .image-o.e {
    width: 90px;
    margin-top: -41px;
    margin-left: 180px;
  }

  .services-image-copy.o {
    width: 160px;
    margin-top: -70px;
    margin-left: 160px;
  }

  .services-image-copy.n {
    width: 80px;
    margin-top: -58px;
    margin-left: 200px;
  }

  .services-image-copy.c {
    width: 140px;
    margin-top: -50px;
    margin-left: 180px;
  }

  .services-image-copy.e {
    width: 90px;
    margin-top: -41px;
    margin-left: 180px;
  }

  .image-n.o {
    width: 160px;
    margin-top: -70px;
    margin-left: 160px;
  }

  .image-n.n {
    width: 80px;
    margin-top: -58px;
    margin-left: 200px;
  }

  .image-n.c {
    width: 140px;
    margin-top: -50px;
    margin-left: 180px;
  }

  .image-n.e {
    width: 90px;
    margin-top: -41px;
    margin-left: 180px;
  }

  .we-craft {
    margin-top: 40px;
  }

  .we-craft-container {
    width: 320px;
    max-width: 320px;
  }

  .we-craft-projects {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: block;
  }

  .for-people-container {
    width: 320px;
    max-width: 320px;
  }

  .for-people-layout {
    display: block;
  }

  .goodwine-wecraft {
    width: auto;
    height: auto;
    margin-bottom: 24px;
  }

  .fabo-wecraft {
    width: auto;
    height: auto;
  }

  .all-at-once {
    margin-top: 90px;
  }

  .aio-cont {
    width: 320px;
  }

  .div-block-176 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-end;
    height: 47px;
    margin-bottom: 8px;
  }

  .hero-heading {
    letter-spacing: -4px;
    font-size: 44px;
  }

  .hero-text {
    letter-spacing: 0;
    font-size: 12px;
    position: relative;
    top: -5px;
  }

  .long-term-relationships {
    width: 320px;
  }

  .long-term-relationships.euro._2 {
    width: 320px;
    max-width: 320px;
    padding-left: 0;
    padding-right: 0;
  }

  .long-term-relationships.ukraine._2 {
    width: 320px;
    max-width: 320px;
    margin-top: 90px;
    padding-left: 0;
    padding-right: 0;
  }

  .long-term-relationships._02 {
    width: 320px;
    max-width: 320px;
  }

  .long-term-relationships._01 {
    width: 320px;
    max-width: 320px;
    padding-left: 0;
    padding-right: 0;
  }

  .social-responsibility {
    margin-top: 64px;
  }

  .social-responsibility-container {
    width: 320px;
    max-width: 320px;
  }

  .monogram, ._93-brigade-design-update, ._93-brigade-recruitment-campaign, .war-gallery, .dont-be-silent-campaign {
    width: auto;
    height: auto;
    margin-bottom: 24px;
  }

  .bold-text-6 {
    display: none;
  }

  .inzhur-site-branding-wecraft {
    width: auto;
    height: auto;
    margin-bottom: 24px;
  }

  .aren-t-you {
    margin-top: 90px;
  }

  .arent-cont {
    width: 320px;
  }

  .values-heading {
    letter-spacing: -2px;
    width: auto;
    font-size: 44px;
  }

  .div-block-309 {
    width: 100%;
    display: block;
  }

  .content-wrapper.slim {
    max-width: 320px;
  }

  .button-26 {
    width: 136px;
    margin-right: 12px;
    font-size: 13px;
  }

  .paragraph-47 {
    font-size: 16px;
    line-height: 150%;
  }

  .header-center-box._75 {
    width: 90%;
    margin-bottom: -20px;
    margin-left: 0;
    margin-right: 0;
  }

  .accordion-heading {
    letter-spacing: -1px;
    font-size: 26px;
  }

  .heading-1018 {
    font-size: 30px;
  }

  .header-center-box-copy._75 {
    width: 100%;
  }

  .section-faq {
    padding: 40px 15px 80px;
  }

  .once-new-cont, .arent-cont-copy {
    width: 320px;
  }

  .list-vac {
    padding-left: 16px;
  }

  .list-item {
    font-size: 16px;
    line-height: 150%;
  }

  .vacancies {
    margin-top: -10px;
  }

  .oh-let-s-get-acquainted, .div-block-311 {
    margin-top: 48px;
  }

  .div-block-312 {
    flex-flow: column;
  }

  .image-257._2 {
    width: 140px;
  }

  .shared-values {
    margin-top: 64px;
  }

  .shared-heading {
    letter-spacing: -2px;
    width: auto;
    font-size: 44px;
    line-height: 120%;
  }

  .hello-heading {
    letter-spacing: -2px;
    font-size: 44px;
  }

  .how-we-works {
    margin-top: 90px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .how-we-work-heading {
    letter-spacing: -2px;
    width: auto;
    font-size: 44px;
    line-height: 101%;
  }

  .paragraph-50 {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .text-block-35 {
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 500;
  }

  .div-block-320 {
    border-radius: 24px;
    padding: 20px;
  }

  .rules {
    margin-top: 48px;
  }

  .div-block-321 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 32px;
    padding-right: 0;
  }

  .div-block-322 {
    width: 320px;
    margin-right: 0;
  }

  .text-block-36 {
    width: auto;
    margin-top: 32px;
  }

  .text-block-36.rose {
    width: auto;
  }

  .text-block-37 {
    margin-top: 48px;
    margin-bottom: 48px;
    font-size: 32px;
  }

  .div-block-323 {
    background-position: 50% 70%;
    width: 320px;
    margin-right: 0;
  }

  .div-block-324 {
    background-position: 50% 40%;
    width: 320px;
    margin-right: 0;
  }

  .div-block-325, .div-block-326 {
    width: 320px;
    margin-right: 0;
  }

  .rules-black {
    margin-top: 48px;
    padding-bottom: 48px;
  }

  .text-block-38 {
    margin-top: 48px;
    margin-bottom: 48px;
    font-size: 32px;
  }

  .div-block-327, .div-block-328, .div-block-329 {
    width: 320px;
    margin-right: 0;
  }

  .fired {
    margin-top: 48px;
    padding-bottom: 48px;
  }

  .work-with-negative {
    margin-top: 48px;
    padding-top: 48px;
    padding-bottom: 0;
  }

  .how-we-work-with-negative {
    letter-spacing: -2px;
    width: auto;
    font-size: 44px;
    line-height: 120%;
  }

  .div-block-331 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 48px;
  }

  .div-block-332 {
    width: auto;
    padding: 12px;
  }

  .div-block-333 {
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
  }

  .div-block-334 {
    flex-flow: column;
  }

  .image-262 {
    height: 60px;
  }

  .image-262._2 {
    opacity: 1;
    display: block;
    left: -34px;
  }

  .image-263 {
    display: none;
    left: -27px;
  }

  .image-264 {
    height: 60px;
    left: -45px;
  }

  .week {
    margin-top: 0;
    padding-top: 48px;
  }

  .week-header {
    letter-spacing: -2px;
    width: auto;
    font-size: 44px;
  }

  .text-block-42, .div-block-335, .div-block-339 {
    margin-top: 48px;
  }

  .text-block-49 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
  }

  .div-block-345 {
    border-radius: 24px;
    width: auto;
    padding: 20px;
  }
}

#w-node-_6af5dea4-b003-a478-a6fa-a1e30199e412-e900111a, #w-node-_5650afec-3395-2327-19dd-198cedb8ab43-e900111a, #w-node-_5c92092e-56d7-cbc3-31db-a248094153fc-ca660d0b, #w-node-da535d6c-ee17-bdeb-33b1-f82363f0eb87-ca660d0b, #w-node-f61d038c-b4aa-3097-794d-5d4271288f9b-ca660d0b, #w-node-_186e3efe-58f5-aee1-373c-cfa588be5398-ca660d0b, #w-node-_186e3efe-58f5-aee1-373c-cfa588be5399-ca660d0b, #w-node-_186e3efe-58f5-aee1-373c-cfa588be539b-ca660d0b, #w-node-_916e4dbe-6a67-3351-9024-fbcd66001fe8-ca660d0b, #w-node-_916e4dbe-6a67-3351-9024-fbcd66001fe9-ca660d0b, #w-node-_916e4dbe-6a67-3351-9024-fbcd66001feb-ca660d0b, #w-node-_119158de-31bd-eccd-8a31-90a3dac5d2d2-ca660d0b, #w-node-_119158de-31bd-eccd-8a31-90a3dac5d2d3-ca660d0b, #w-node-_119158de-31bd-eccd-8a31-90a3dac5d2d5-ca660d0b, #w-node-c05f0409-eb9b-7943-b12b-4e2ad1fedc58-ca660d0b, #w-node-_49b8f12e-680c-97e9-7d33-41572c5422f6-ca660d0b, #w-node-_8413f569-c4fd-348c-6731-40980c99a8ac-ca660d0b, #w-node-_2d04aa9e-28ce-9b92-089c-830a4d5b3d7d-ca660d0b, #w-node-b0cd110c-aced-c5a2-0ba0-a7348963bc30-ca660d0b, #w-node-_96d63a7c-1254-9582-febe-241ef7ed7619-d2b13fbf, #w-node-_2350fe05-a62c-16a1-e016-b14af67d8dd5-d2b13fbf, #w-node-_971cc95b-27b7-e706-0fac-66436504c43a-d2b13fbf, #w-node-_96ff65b1-7563-ecf2-26d6-77ee7854a55c-d2b13fbf, #w-node-_55bf6a1b-32ef-b197-1379-de8f75754b1e-d2b13fbf, #w-node-_0c22d304-fc9b-416f-36d4-b57b7d7c91f4-d2b13fbf, #w-node-_9f5342fc-d4f0-2e6c-caf9-82baa0b82e63-d2b13fbf, #w-node-f440e345-05a9-f9f5-84c6-5fb3903a8589-d2b13fbf, #w-node-_5c92092e-56d7-cbc3-31db-a248094153fc-f29ea43b, #w-node-da535d6c-ee17-bdeb-33b1-f82363f0eb87-f29ea43b, #w-node-f61d038c-b4aa-3097-794d-5d4271288f9b-f29ea43b, #w-node-_186e3efe-58f5-aee1-373c-cfa588be5398-f29ea43b, #w-node-_186e3efe-58f5-aee1-373c-cfa588be5399-f29ea43b, #w-node-_186e3efe-58f5-aee1-373c-cfa588be539b-f29ea43b, #w-node-_916e4dbe-6a67-3351-9024-fbcd66001fe8-f29ea43b, #w-node-_916e4dbe-6a67-3351-9024-fbcd66001fe9-f29ea43b, #w-node-_916e4dbe-6a67-3351-9024-fbcd66001feb-f29ea43b, #w-node-_119158de-31bd-eccd-8a31-90a3dac5d2d2-f29ea43b, #w-node-_119158de-31bd-eccd-8a31-90a3dac5d2d3-f29ea43b, #w-node-_119158de-31bd-eccd-8a31-90a3dac5d2d5-f29ea43b, #w-node-c05f0409-eb9b-7943-b12b-4e2ad1fedc58-f29ea43b, #w-node-_49b8f12e-680c-97e9-7d33-41572c5422f6-f29ea43b, #w-node-_8413f569-c4fd-348c-6731-40980c99a8ac-f29ea43b, #w-node-_2d04aa9e-28ce-9b92-089c-830a4d5b3d7d-f29ea43b, #w-node-b0cd110c-aced-c5a2-0ba0-a7348963bc30-f29ea43b, #w-node-_96d63a7c-1254-9582-febe-241ef7ed7619-18425272, #w-node-_2350fe05-a62c-16a1-e016-b14af67d8dd5-18425272, #w-node-_971cc95b-27b7-e706-0fac-66436504c43a-18425272, #w-node-_96ff65b1-7563-ecf2-26d6-77ee7854a55c-18425272, #w-node-_55bf6a1b-32ef-b197-1379-de8f75754b1e-18425272, #w-node-_0c22d304-fc9b-416f-36d4-b57b7d7c91f4-18425272, #w-node-_9f5342fc-d4f0-2e6c-caf9-82baa0b82e63-18425272, #w-node-f440e345-05a9-f9f5-84c6-5fb3903a8589-18425272 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_56315031-4b32-2e29-041d-60ed3d50b612-f72cebaa {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_56315031-4b32-2e29-041d-60ed3d50b613-f72cebaa, #w-node-_56315031-4b32-2e29-041d-60ed3d50b614-f72cebaa, #w-node-_6af5dea4-b003-a478-a6fa-a1e30199e412-c035f73b, #w-node-_5650afec-3395-2327-19dd-198cedb8ab43-c035f73b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'PP pangram Sans';
  src: url('../fonts/PP-Pangram-Sans-Medi.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PP pangram Sans';
  src: url('../fonts/PP-Pangram-Sans-Semi.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ermilov';
  src: url('../fonts/Ermilov.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}