@font-face {
  font-family: Proxima Nova;
  src: url('../fonts/ProximaNova-Regular.WOFF') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Proxima Nova;
  src: url('../fonts/ProximaNova-Bold.WOFF') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: black;
  --light-grey: #999;
  --white: white;
  --dark-grey: #333;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

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

h1 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 72px;
  line-height: 100.48%;
}

h2 {
  color: #282828;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 700;
  line-height: 120%;
}

h3 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  line-height: 120%;
}

p {
  color: var(--black);
  margin-bottom: 0;
  font-size: 16px;
  line-height: 155%;
}

.header {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.partner-description {
  color: #fff;
  text-align: right;
  align-self: center;
  font-family: Proxima Nova, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-decoration: none;
  position: relative;
}

.ain-ua-logo {
  align-self: auto;
  width: 50px;
  height: auto;
}

.partner-logo {
  text-align: left;
  width: 120px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.logo {
  object-fit: contain;
  width: 100%;
  display: block;
}

.partner-bold-text {
  font-weight: 700;
}

.header-partner-block {
  flex-direction: row;
  align-items: center;
  height: 40px;
  display: flex;
  position: relative;
}

.header-separator {
  opacity: .2;
  color: #0f110f;
  object-fit: fill;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 1px;
  height: 40px;
  margin-left: 20px;
  margin-right: 20px;
  position: static;
}

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

.credits-block {
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.partner-block-mobile {
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.author-block {
  grid-column-gap: 15px;
  color: var(--black);
  font-family: Proxima Nova, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  display: flex;
}

.partner-description-mobile {
  color: var(--black);
  text-align: center;
  align-self: center;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  font-family: Proxima Nova, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-decoration: none;
  display: block;
}

.suggestion {
  z-index: 1;
  color: #fff;
  text-transform: none;
  background-color: #0000;
  width: 100%;
  min-height: 220px;
  font-family: Proxima Nova, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.suggestion-content {
  padding-top: 35px;
  padding-left: 20px;
  padding-right: 20px;
}

.suggestion-heading {
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 700;
}

.suggestion-blackout {
  opacity: .5;
  background-color: #000;
  width: 100%;
  height: 100%;
}

.suggestion-description {
  margin-top: 10px;
  font-weight: 400;
}

.suggestion-image-container {
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.suggestion-image {
  z-index: -1;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.suggestion-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.suggestion-section.hide {
  display: none;
}

.footer {
  padding: 60px 40px 57px;
  position: relative;
}

.footer-grid {
  grid-column-gap: 100px;
  grid-row-gap: 12px;
  color: var(--black);
  grid-template: "area-1 . Area Area-2 Area-5 Area-10" 17px
                 ". . . Area-3 Area-6 ."
                 ". . . Area-4 Area-7 ."
                 ". . . . Area-8 ."
                 ". . . . . ." 10px
                 "Area-13 . Area-11 Area-11 Area-11 Area-11"
                 / 140px auto 110px 165px 90px 180px;
  grid-auto-columns: minmax(200px, 1fr);
  grid-auto-flow: column;
  justify-items: start;
  padding-top: 0;
  font-family: Proxima Nova, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}

.footer-description {
  text-align: justify;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}

.footer-link {
  color: var(--black);
  text-align: justify;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
}

.position {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
}

.suggestion-icon {
  position: absolute;
  inset: auto 20px 35px auto;
}

.partner-section {
  padding-left: 40px;
  padding-right: 40px;
}

.partner-section.hide {
  display: none;
}

.body {
  background-color: #f5f5f5;
}

.container {
  max-width: 890px;
}

.section {
  position: static;
}

.section.is--blur {
  background-image: url('../images/Rectangle-32.svg');
  background-position: 0 0;
  background-size: auto;
  position: relative;
}

.ui-section {
  background-color: var(--light-grey);
}

.ui-item {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.h1 {
  color: var(--white);
  margin-bottom: 20px;
}

.h1-description {
  color: var(--white);
  text-align: center;
  padding-left: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
}

.paragraph.is--italic {
  color: #6e6e73;
  margin-top: 40px;
  font-style: italic;
}

.paragraph.is--left {
  text-align: left;
}

.h2, .h2.is--margin-bottom {
  margin-bottom: 60px;
}

.h3.is--margin {
  margin-bottom: 20px;
}

.h3.is--absolute {
  position: absolute;
  top: -10px;
}

.hero-section {
  background-image: url('../images/1-обкладинка-100-1_11 обкладинка-100 1.webp');
  background-position: 50%;
  background-size: cover;
}

.padding-section-small {
  padding-top: 180px;
  padding-bottom: 180px;
}

.content-block {
  position: relative;
}

.page-wrapper {
  overflow: hidden;
}

.padding-section-medium {
  padding-top: 80px;
  padding-bottom: 80px;
}

.block {
  background-color: var(--white);
  border-radius: 30px;
  margin-top: 40px;
  padding: 60px;
}

.block.is--first {
  margin-top: 0;
}

.block.is--flex {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

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

.block.is--grid.is--big-first {
  margin-top: 160px;
}

.block.is--little {
  margin-top: 20px;
  padding-top: 108px;
  position: relative;
}

.text-wrapper.is--centered {
  text-align: center;
}

.text-wrapper.is--padding {
  padding: 60px 30px;
  position: relative;
}

.text-wrapper.is--padding.is--quotes {
  padding-top: 113px;
}

.link-text {
  color: #433298;
  text-decoration: underline;
}

.is--italic-link {
  color: #6e6e73;
  text-decoration: underline;
}

.genesis-logo {
  width: 285px;
  height: 125px;
}

.button {
  background-color: #ff803d;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 246px;
  height: 61px;
  padding: 0;
  font-size: 24px;
  line-height: 140%;
  display: flex;
}

.button.is--pading {
  margin-top: 30px;
  transition: transform .2s;
}

.button.is--pading:hover {
  transform: scale(1.1);
}

.button.is--download {
  background-color: #433297;
  width: 160px;
  height: 50px;
  margin-top: 30px;
  font-size: 14px;
  transition: transform .2s;
  position: fixed;
  inset: auto 10px 10px 50%;
  transform: translate(-50%);
}

.button.is--download:hover {
  transform: translate(-50%)scale(1.1);
}

.person-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  border-radius: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  margin-top: 40px;
  display: grid;
}

.person-block.is--first {
  margin-top: 0;
}

.person-block.is--flex {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

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

.person-image {
  object-fit: cover;
  border-radius: 30px;
  width: 100%;
  height: 100%;
}

.padding-section-large {
  padding-top: 160px;
  padding-bottom: 160px;
}

.mobile-version {
  display: none;
}

.graph-image {
  border-radius: 30px;
  width: 100%;
  height: 100%;
}

.tab-wrapper {
  position: relative;
}

.transparent-block {
  margin-top: 160px;
}

.transparent-block.is--first {
  margin-top: 0;
}

.transparent-block_top, .transparent-block_top.is--tablet {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.transparent-block_bottom {
  border-radius: 30px;
  margin-top: 60px;
}

.transparent-block_bottom.is--white {
  background-color: var(--white);
}

.lightbox-wrapper {
  width: 100%;
  height: 100%;
}

.lightbox-link {
  width: 100%;
}

.lightbox {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  transform: translate(0);
}

.lightbox.is--mob {
  border-radius: 30px;
  min-width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}

.blur-image {
  z-index: -1;
  display: block;
  position: absolute;
}

.blur-image.is--2 {
  width: 600px;
  display: block;
  top: -15%;
  right: -20%;
}

.blur-image.is--3 {
  width: 500px;
  display: block;
  inset: -6% -15% auto auto;
}

.blur-image.is--4 {
  width: 500px;
  display: block;
  top: 47%;
  right: -20%;
}

.blur-image.is--5 {
  transform-style: preserve-3d;
  width: 500px;
  display: block;
  inset: auto auto 10% -30%;
  transform: rotateX(-180deg)rotateY(0)rotateZ(0);
}

.blur-image.is--1 {
  transform-style: preserve-3d;
  width: 500px;
  display: block;
  top: 15%;
  right: -15%;
  transform: rotateX(-180deg)rotateY(0)rotateZ(0);
}

.blur-image.is--6 {
  width: 600px;
  display: block;
  top: 0%;
  right: -35%;
}

.blur-image.is--7 {
  transform-style: preserve-3d;
  width: 800px;
  display: block;
  top: 50%;
  left: -30%;
  right: auto;
  transform: rotateX(-180deg)rotateY(0)rotateZ(0);
}

.blur-image.is--8 {
  width: 1000px;
  display: block;
  top: 20%;
  left: -30%;
  right: auto;
}

.blur-image.is--9 {
  transform-style: preserve-3d;
  top: 6%;
  left: -14%;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.blur-image.is--10 {
  opacity: .45;
  transform-style: preserve-3d;
  top: 23%;
  left: -20%;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.blur-image.is--11 {
  top: 70%;
  right: -40%;
}

.blur-image.is--12 {
  width: 700px;
  top: 30%;
  left: -30%;
}

.menu {
  justify-content: flex-end;
  display: flex;
}

.tab {
  color: #ff803d;
  text-align: center;
  background-color: #f5f5f5;
  border: 1.47px solid #ff803d;
  border-radius: 5.89px;
  margin-left: 15px;
  padding: 10px 40px;
  font-size: 18px;
  line-height: 140%;
}

.tab.w--current {
  color: #f5f5f5;
  background-color: #ff803d;
}

.content {
  border-radius: 30px;
  margin-top: 70px;
}

.tab-block, .tab-block_top {
  width: 100%;
}

.tab-block_botom {
  padding: 60px;
}

.tab-block_lightbox {
  width: 100%;
  height: 100%;
  transform: translate(0);
}

.tab-block_lightbox.is--mob {
  border-radius: 30px;
  min-width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}

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

.tab-pane {
  background-color: var(--white);
}

.h3-span {
  display: block;
}

.transparent-block_bottom-item {
  padding: 60px;
}

.links {
  background-color: #ff803d;
  border-radius: 10px;
  margin-bottom: 15px;
  margin-right: 15px;
  padding: 13px 30px;
  font-size: 24px;
  line-height: 140%;
  transition: transform .2s;
}

.links:hover {
  transform: scale(1.06);
}

.padding-section-xlarge {
  padding-top: 240px;
  padding-bottom: 80px;
}

.padding-section-xlarge.is--2 {
  padding-bottom: 150px;
}

.is--desc {
  width: 100%;
  height: 100%;
  display: block;
}

.is--tablet, .is--mobile {
  display: none;
}

.is--all {
  border-radius: 30px;
  min-width: 100%;
  display: block;
}

.hero-block {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff1a;
  border-radius: 30px;
  flex-direction: column;
  align-items: center;
  padding: 80px 100px;
  display: flex;
}

.h1-span {
  display: block;
}

.quotes {
  height: 30px;
  margin-bottom: 17px;
  display: block;
  position: absolute;
  inset: 60px auto auto 30px;
}

.quotes.has--big-margin-left {
  left: 58px;
}

.link {
  color: #000;
}

.tooltip {
  background-color: #fff;
  border-radius: 5px;
  width: 200px;
  padding: 15px;
  font-family: Proxima Nova, sans-serif;
  font-size: 12px;
  position: absolute;
  inset: 140% 0% auto 49%;
}

.partner-wrapper {
  display: flex;
  position: relative;
}

.download-icon {
  width: 100%;
  height: 100%;
}

.download {
  width: 40px;
  height: 40px;
  transition: transform .2s;
  position: fixed;
  bottom: 20px;
  left: 20px;
}

.download:hover {
  transform: scale(1.05);
}

.download-paragraph {
  color: #ff803c;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 10px;
  padding: 5px 9px;
  font-size: 14px;
  position: absolute;
  inset: 12% auto auto 133%;
}

.lang-link {
  color: #433298;
  margin-top: 20px;
}

.popup {
  z-index: 10;
  background-color: #9996;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.popup-inner {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  background-color: var(--white);
  border-radius: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 890px;
  padding: 80px 50px;
  display: grid;
  position: relative;
}

.field {
  border: 1.5px solid #c3c3c3;
  border-radius: 12px;
  height: 50px;
  line-height: 155px;
}

.label {
  font-size: 16px;
  line-height: 155%;
}

.button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 26px;
  display: grid;
}

.checkbox {
  border-width: 1.5px;
  border-color: #848484;
  border-radius: 3px;
  width: auto;
  min-width: 27px;
  max-width: 27px;
  height: auto;
  min-height: 27px;
  max-height: 27px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
}

.checkbox.w--redirected-checked {
  background-color: #ff803d;
  border-color: #ff803d;
}

.checkbox-wrapper {
  padding-left: 0;
  display: flex;
}

.checkbox-text {
  color: #848484;
  margin-bottom: 0;
  padding-top: 4px;
  font-size: 7px;
  line-height: 130%;
}

.form-button {
  background-color: #ff803d;
  border-radius: 10px;
  font-size: 14px;
  line-height: 140%;
  display: block;
}

.form-button._1 {
  display: none;
}

.h3-popup.is--margin {
  margin-bottom: 20px;
}

.h3-popup.is--absolute {
  position: absolute;
  top: -10px;
}

.popup-image {
  position: absolute;
  inset: 5% 5% auto auto;
}

.pdf {
  display: none;
}

.partner-description-mobile-2 {
  color: #000;
  text-align: center;
  align-self: center;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  font-family: Proxima Nova, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-decoration: none;
  display: block;
}

.author-block-2 {
  grid-column-gap: 15px;
  color: #000;
  font-family: Proxima Nova, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  display: flex;
}

@media screen and (min-width: 1440px) {
  .container {
    max-width: 1200px;
  }

  .ui-item {
    justify-content: flex-start;
  }

  .h1 {
    font-size: 92px;
  }

  .h1-description {
    padding-left: 100px;
    padding-right: 100px;
    font-size: 21px;
    font-weight: 400;
  }

  .paragraph {
    font-size: 18px;
  }

  .h2 {
    font-size: 51px;
  }

  .h3 {
    font-size: 35px;
  }

  .padding-section-small {
    padding-top: 215px;
    padding-bottom: 215px;
  }

  .block.is--first, .block.is--flex {
    padding-left: 150px;
    padding-right: 150px;
  }

  .block.is--little {
    padding-top: 60px;
    padding-left: 154px;
    padding-right: 154px;
  }

  .text-wrapper.is--padding {
    padding-left: 60px;
    padding-right: 60px;
  }

  .button.is--pading {
    transition: transform .2s;
  }

  .button.is--pading:hover {
    transform: scale(1.1);
  }

  .button.is--download {
    transition: transform .2s;
  }

  .button.is--download:hover {
    transform: scale(1.1);
  }

  .person-image {
    object-fit: cover;
    object-position: 50% 0%;
    height: 618px;
  }

  .transparent-block_top {
    grid-column-gap: 160px;
    grid-row-gap: 160px;
  }

  .lightbox.is--mob {
    border-radius: 30px;
  }

  .blur-image.is--2 {
    top: -5%;
  }

  .blur-image.is--3 {
    top: -4%;
  }

  .blur-image.is--4 {
    top: 46%;
    right: -12%;
  }

  .blur-image.is--5 {
    left: -13%;
  }

  .blur-image.is--1 {
    top: 10%;
  }

  .blur-image.is--6 {
    right: -21%;
  }

  .blur-image.is--7 {
    top: 53%;
    left: -27%;
  }

  .blur-image.is--8 {
    top: 8%;
  }

  .blur-image.is--10 {
    top: 26%;
    left: -16%;
  }

  .blur-image.is--12 {
    top: 23%;
    left: -22%;
  }

  .tab {
    margin-left: 20px;
    padding: 13px 60px;
    transition: color .2s, background-color .2s;
  }

  .tab:hover {
    color: #fff;
    background-color: #ff803c;
  }

  .tab-block_top {
    width: 100%;
  }

  .tab-block_botom {
    padding-left: 80px;
    padding-right: 80px;
  }

  .tab-grid {
    grid-column-gap: 160px;
    grid-row-gap: 160px;
  }

  .transparent-block_bottom-item {
    padding-left: 80px;
    padding-right: 80px;
  }

  .links {
    padding-left: 40px;
    padding-right: 40px;
    transition: transform .2s;
  }

  .links:hover {
    transform: scale(1.07);
  }

  .padding-section-xlarge {
    padding-top: 160px;
  }

  .padding-section-xlarge.is--2 {
    padding-top: 175px;
    padding-bottom: 160px;
  }

  .is--desc {
    background-color: #423297;
    border-radius: 30px;
    margin-left: 0;
  }

  .is--all {
    background-color: #423297;
    border-radius: 30px;
    min-width: 100%;
  }

  .hero-block {
    padding: 60px 170px;
  }

  .quotes {
    left: 60px;
  }

  .download {
    width: 60px;
    height: 60px;
  }

  .download-paragraph {
    padding: 7px 14px;
    top: 21%;
  }

  .popup-inner {
    width: 1200px;
  }

  .checkbox {
    min-width: 35px;
    max-width: 35px;
    min-height: 35px;
    max-height: 35px;
  }

  .checkbox-text {
    font-size: 10px;
  }

  .h3-popup {
    font-size: 35px;
  }

  .popup-image {
    right: 2.5%;
  }
}

@media screen and (max-width: 991px) {
  .header {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo, .image {
    object-fit: cover;
  }

  .credits-block {
    width: 100%;
  }

  .partner-description-mobile {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .suggestion-section {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer {
    padding-bottom: 57px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-grid {
    grid-column-gap: 100px;
    grid-template: "Area-12 . Area Area-2" 17px
                   ". . Area-5 Area-3"
                   ". . Area-6 Area-4"
                   ". . Area-7 Area-10"
                   ". . Area-8 Area-10"
                   ". . . ." 10px
                   "Area-13 Area-13 Area-13 Area-13"
                   "Area-11 Area-11 Area-11 Area-11"
                   / 90px auto 105px 165px;
    grid-auto-columns: auto;
    grid-auto-flow: column;
  }

  .partner-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .h3 {
    width: 70%;
  }

  .h3.is--absolute {
    margin-bottom: 20px;
    margin-left: 20px;
    position: static;
  }

  .h3.is--width-100 {
    width: auto;
  }

  .hero-section {
    background-repeat: no-repeat;
    background-size: cover;
  }

  .padding-section-small {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .padding-section-medium {
    padding-bottom: 160px;
  }

  .block.is--first, .block.is--flex {
    padding-left: 20px;
    padding-right: 20px;
  }

  .block.is--grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .block.is--little, .text-wrapper.is--padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button {
    width: auto;
    height: auto;
    padding: 13px 30px;
  }

  .person-block {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    height: auto;
  }

  .person-image {
    object-position: 50% 0%;
    height: 750px;
  }

  .tab-wrapper {
    flex-direction: column;
  }

  .transparent-block_top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-left: 20px;
  }

  .transparent-block_top.is--tablet {
    display: block;
  }

  .transparent-block_bottom.is--white {
    margin-top: 20px;
  }

  .blur-image.is--2, .blur-image.is--3 {
    top: 0%;
  }

  .blur-image.is--1 {
    display: none;
  }

  .blur-image.is--6 {
    top: -15%;
  }

  .blur-image.is--7 {
    width: 400px;
    top: 65%;
    left: 55%;
  }

  .blur-image.is--8 {
    top: -14%;
    left: 35%;
  }

  .menu {
    justify-content: flex-start;
    margin-left: 20px;
  }

  .tab {
    margin-left: 0;
    margin-right: 35px;
    padding: 11px 70px;
  }

  .tab.w--current {
    margin-left: 0;
  }

  .content {
    margin-top: 60px;
  }

  .tab-block_botom {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .transparent-block_bottom-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .links {
    padding: 12px 20px;
  }

  .padding-section-xlarge {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .image-2 {
    width: 100%;
    height: 100%;
  }

  .is--desc {
    display: none;
  }

  .is--tablet {
    width: 100%;
    height: 100%;
    display: block;
  }

  .hero-block {
    padding: 71px 40px;
  }

  .h1-span {
    white-space: nowrap;
  }

  .quotes.has--big-margin-left {
    left: 20px;
  }

  .popup-inner {
    grid-column-gap: 40px;
    width: 90%;
  }

  .button-wrapper {
    flex-direction: column;
    display: flex;
  }

  .checkbox {
    margin-top: 3px;
  }

  .checkbox-wrapper {
    align-items: flex-start;
  }

  .checkbox-text {
    font-size: 10px;
  }

  .form-button {
    transition: transform .2s;
  }

  .form-button:hover {
    transform: scale(1.05);
  }

  .h3-popup {
    width: 100%;
    font-size: 22px;
  }

  .h3-popup.is--absolute {
    margin-bottom: 20px;
    margin-left: 20px;
    position: static;
  }

  .h3-popup.is--width-100 {
    width: auto;
  }

  .partner-description-mobile-2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .partner-description {
    font-size: 2.11268vw;
    line-height: 2.64085vw;
  }

  .ain-ua-logo {
    height: 100%;
  }

  .partner-logo {
    background-image: none;
  }

  .logo {
    display: block;
  }

  .header-partner-block {
    display: none;
  }

  .image {
    display: block;
  }

  .partner-block-mobile {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 100px;
    display: flex;
  }

  .suggestion-content {
    padding-top: 6.16197vw;
    padding-left: 3.52113vw;
    padding-right: 3.52113vw;
  }

  .suggestion-section {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .footer {
    padding: 57px 20px;
  }

  .footer-grid {
    grid-column-gap: 15px;
    grid-template: "Area-12 ." 17px
                   ". ." 10px
                   "Area Area-2"
                   "Area-5 Area-3"
                   "Area-6 Area-4"
                   "Area-7 Area-10"
                   "Area-8 Area-10"
                   ". ." 10px
                   "Area-13 Area-13"
                   "Area-11 Area-11"
                   / auto auto;
    padding-top: 0;
  }

  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .h1 {
    font-size: 48px;
  }

  .h1-description {
    font-size: 16px;
  }

  .h2 {
    margin-bottom: 60px;
    font-size: 27px;
  }

  .h3 {
    font-size: 23px;
  }

  .h3.is--absolute {
    margin-bottom: 10px;
    margin-left: 16px;
  }

  .padding-section-small {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .padding-section-medium {
    padding-top: 60px;
    padding-bottom: 120px;
  }

  .block.is--first, .block.is--flex {
    padding-left: 16px;
    padding-right: 16px;
  }

  .person-image {
    object-fit: cover;
    height: 550px;
  }

  .padding-section-large {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .transparent-block {
    margin-top: 120px;
  }

  .transparent-block_top {
    margin-left: 16px;
    margin-right: 16px;
  }

  .blur-image.is--2 {
    top: -13%;
  }

  .blur-image.is--3 {
    top: -5%;
  }

  .blur-image.is--4 {
    top: 42%;
  }

  .blur-image.is--5 {
    bottom: 16%;
  }

  .blur-image.is--6 {
    z-index: -1;
    top: -20%;
    right: -50%;
  }

  .blur-image.is--9 {
    left: 30%;
  }

  .blur-image.is--10 {
    top: 25%;
    left: 50%;
  }

  .blur-image.is--12 {
    top: 41%;
  }

  .menu {
    flex-direction: column;
    margin-left: 16px;
  }

  .tab {
    margin-top: 10px;
  }

  .padding-section-xlarge {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .hero-block {
    padding: 42px 21px;
  }

  .h3-popup {
    font-size: 17px;
  }

  .h3-popup.is--absolute {
    margin-bottom: 10px;
    margin-left: 16px;
  }
}

@media screen and (max-width: 479px) {
  .partner-description {
    font-size: 3.75vw;
    line-height: 4.6875vw;
  }

  .logo {
    display: block;
  }

  .header-partner-block {
    display: none;
  }

  .image {
    display: block;
  }

  .partner-block-mobile {
    margin-left: auto;
    margin-right: auto;
  }

  .author-block {
    grid-column-gap: 0px;
    grid-row-gap: 5px;
    flex-direction: column;
    display: flex;
  }

  .suggestion-content {
    padding-top: 10.9375vw;
    padding-left: 6.25vw;
    padding-right: 9.375vw;
  }

  .footer-grid {
    grid-template-rows: 17px 10px auto auto auto auto auto 10px auto;
    grid-template-areas: "Area-12 ."
                         ". ."
                         "Area Area-2"
                         "Area-5 Area-3"
                         "Area-6 Area-4"
                         "Area-7 Area-10"
                         "Area-8 Area-10"
                         ". ."
                         "Area-13 Area-13"
                         "Area-11 Area-11";
  }

  .container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .h1 {
    font-size: 30px;
  }

  .h1-description, .paragraph {
    font-size: 14px;
  }

  .paragraph.is--italic {
    margin-top: 20px;
  }

  .h2 {
    font-size: 20px;
  }

  .h3 {
    width: 100%;
    font-size: 18px;
  }

  .h3.is--margin {
    width: 100%;
  }

  .h3.is--absolute {
    margin-left: 10px;
  }

  .hero-section {
    background-image: url('../images/imgh.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .padding-section-small {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .padding-section-medium {
    padding-top: 20px;
    padding-bottom: 100px;
  }

  .block.is--first {
    padding-left: 11px;
    padding-right: 11px;
  }

  .block.is--little {
    padding-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-wrapper.is--padding {
    padding: 40px 10px;
  }

  .text-wrapper.is--padding.is--quotes {
    padding-top: 40px;
  }

  .button.is--download {
    width: 182px;
  }

  .person-image {
    height: 400px;
  }

  .padding-section-large {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .transparent-block_top {
    margin-left: 10px;
    margin-right: 10px;
  }

  .lightbox-wrapper {
    background-color: #433298;
    border-radius: 30px;
  }

  .lightbox {
    display: block;
  }

  .lightbox.is--mob {
    display: none;
  }

  .blur-image.is--2 {
    top: 0%;
    right: -43%;
  }

  .blur-image.is--3 {
    display: none;
  }

  .blur-image.is--4 {
    top: 45%;
  }

  .blur-image.is--5 {
    left: 33%;
  }

  .blur-image.is--6 {
    top: -5%;
  }

  .blur-image.is--9 {
    left: 65%;
  }

  .blur-image.is--10 {
    top: 22%;
    left: 45%;
  }

  .menu {
    margin-left: 10px;
    margin-right: 10px;
  }

  .tab {
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .tab-block_lightbox.is--mob {
    display: none;
  }

  .transparent-block_bottom-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .links {
    font-size: 21px;
  }

  .padding-section-xlarge {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .padding-section-xlarge.is--2 {
    padding-bottom: 100px;
  }

  .is--desc, .is--tablet {
    display: block;
  }

  .is--mobile {
    border-radius: 30px;
    width: 100%;
    height: 100%;
    display: block;
  }

  .is--all {
    display: none;
  }

  .hero-block {
    padding: 60px 10px;
  }

  .h1-span.is--wrap {
    white-space: normal;
  }

  .quotes {
    position: static;
  }

  .popup-inner {
    padding: 38px 19px 24px;
    display: block;
  }

  .h3-popup {
    width: 80%;
    margin-bottom: 40px;
    font-size: 18px;
  }

  .h3-popup.is--margin {
    width: 100%;
  }

  .h3-popup.is--absolute {
    margin-left: 10px;
  }

  .author-block-2 {
    grid-column-gap: 0px;
    grid-row-gap: 5px;
    flex-direction: column;
    display: flex;
  }
}

#popup-close.w-node-_3ccf7b49-64a6-540a-588d-695c815df805-cd4ac69a, #w-node-_3ccf7b49-64a6-540a-588d-695c815df806-cd4ac69a, #w-node-_3ccf7b49-64a6-540a-588d-695c815df808-cd4ac69a, #linkPdf.w-node-_603d383d-25ab-678b-a827-0d67f898edc2-cd4ac69a, #w-node-_3ccf7b49-64a6-540a-588d-695c815df81a-cd4ac69a, #w-node-_3e617c8b-b43e-19c2-4de1-5f5489c34b37-cd4ac69a, #w-node-e4e71ed4-b7b6-abda-a465-58f4ef16e67a-cd4ac69a, #w-node-_5770a807-4479-2b91-317d-3dcaaef1979f-cd4ac69a, #w-node-_5770a807-4479-2b91-317d-3dcaaef197a1-cd4ac69a, #w-node-_97beb38e-ce1a-4593-6624-9c1bf48970d3-cd4ac69a, #w-node-c2cadcf6-2262-4239-4a98-6e09ebd3ea0f-cd4ac69a, #w-node-ef0a0c5c-b056-9d3b-aa25-57a2c9de23d6-cd4ac69a, #w-node-ef0a0c5c-b056-9d3b-aa25-57a2c9de23d7-cd4ac69a, #w-node-_12b04572-430f-6763-5d64-72830599eede-cd4ac69a, #w-node-b6df37b3-6896-af60-af46-e6ad72943eb7-cd4ac69a, #w-node-ea6120c9-fbc0-44bd-9bea-1dd7fc8c4168-cd4ac69a, #w-node-ea6120c9-fbc0-44bd-9bea-1dd7fc8c4173-cd4ac69a, #w-node-_62acdae9-1736-3001-93c1-33fde16de258-cd4ac69a, #w-node-_62acdae9-1736-3001-93c1-33fde16de263-cd4ac69a, #w-node-_094d0cfd-276c-be38-d20a-37dac53a389c-cd4ac69a, #w-node-f19db719-64eb-a31a-73dd-791d41714774-cd4ac69a, #w-node-_35d138a1-43da-2d1b-c956-8357935f5d1c-cd4ac69a, #w-node-_35d138a1-43da-2d1b-c956-8357935f5d1f-cd4ac69a, #w-node-ad9640e4-3e90-9bee-9772-898f4174cdd4-cd4ac69a, #w-node-ad9640e4-3e90-9bee-9772-898f4174cdd5-cd4ac69a, #w-node-ad9640e4-3e90-9bee-9772-898f4174cddc-cd4ac69a, #w-node-ad9640e4-3e90-9bee-9772-898f4174cde2-cd4ac69a, #w-node-_95707c94-920f-c9bc-a4ee-6de6e79c5c0e-cd4ac69a, #w-node-_95707c94-920f-c9bc-a4ee-6de6e79c5c11-cd4ac69a, #w-node-_95707c94-920f-c9bc-a4ee-6de6e79c5c17-cd4ac69a, #w-node-_95707c94-920f-c9bc-a4ee-6de6e79c5c1a-cd4ac69a, #w-node-b6ce8fee-4da6-6187-a31a-6b0d5e9b99ac-cd4ac69a, #w-node-b6ce8fee-4da6-6187-a31a-6b0d5e9b99af-cd4ac69a, #w-node-_082d1af2-d7eb-6c22-af07-4bc016f6692a-cd4ac69a, #w-node-_082d1af2-d7eb-6c22-af07-4bc016f6692d-cd4ac69a, #w-node-_082d1af2-d7eb-6c22-af07-4bc016f66933-cd4ac69a, #w-node-_082d1af2-d7eb-6c22-af07-4bc016f66936-cd4ac69a, #w-node-_7ed4cde4-d49d-c714-f03e-f92e0b77fe45-cd4ac69a, #w-node-_7ed4cde4-d49d-c714-f03e-f92e0b77fe48-cd4ac69a, #w-node-b47eeaaa-dfb5-e4c9-fb2f-8d694eb36a83-cd4ac69a, #w-node-a5ac67e6-b13b-60df-8701-4540b20e6774-cd4ac69a, #w-node-a5ac67e6-b13b-60df-8701-4540b20e6777-cd4ac69a, #w-node-eaceb3a1-ad4a-10e3-8b11-2ccf014a0619-cd4ac69a, #w-node-eaceb3a1-ad4a-10e3-8b11-2ccf014a061c-cd4ac69a, #w-node-ceab98f9-37ec-19bf-60f7-d2206ccf6789-cd4ac69a, #w-node-ceab98f9-37ec-19bf-60f7-d2206ccf678c-cd4ac69a, #w-node-c2e2ec4b-a31f-9944-e6d7-becc6ebbbe95-cd4ac69a, #w-node-c2e2ec4b-a31f-9944-e6d7-becc6ebbbe98-cd4ac69a, #w-node-cd31978f-6b08-0638-d71d-5d05e34aee65-cd4ac69a, #w-node-cd31978f-6b08-0638-d71d-5d05e34aee69-cd4ac69a, #w-node-_0bfa7ece-2612-ac40-546b-c738ec2a0633-cd4ac69a, #w-node-_0bfa7ece-2612-ac40-546b-c738ec2a0639-cd4ac69a, #w-node-_7d1f4585-55fd-ffea-0f1d-098d9b128676-cd4ac69a, #w-node-_7d1f4585-55fd-ffea-0f1d-098d9b12867a-cd4ac69a, #w-node-bc46b39f-6d8a-83f2-eb62-3635263c15b3-cd4ac69a, #w-node-bc46b39f-6d8a-83f2-eb62-3635263c15b9-cd4ac69a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f72705ee-9425-0290-4abb-e4a2084e30fa-cd4ac69a {
  align-self: end;
}

#w-node-f72705ee-9425-0290-4abb-e4a2084e30fc-cd4ac69a {
  grid-area: Area-13;
}

#w-node-f72705ee-9425-0290-4abb-e4a2084e30ff-cd4ac69a {
  grid-area: Area;
}

#w-node-f72705ee-9425-0290-4abb-e4a2084e3101-cd4ac69a {
  grid-area: Area-2;
}

#w-node-f72705ee-9425-0290-4abb-e4a2084e3103-cd4ac69a {
  grid-area: Area-3;
}

#w-node-f72705ee-9425-0290-4abb-e4a2084e3105-cd4ac69a {
  grid-area: Area-4;
}

#w-node-f72705ee-9425-0290-4abb-e4a2084e3107-cd4ac69a {
  grid-area: Area-5;
}

#w-node-f72705ee-9425-0290-4abb-e4a2084e3109-cd4ac69a {
  grid-area: Area-7;
}

#w-node-f72705ee-9425-0290-4abb-e4a2084e310b-cd4ac69a {
  grid-area: Area-8;
}

#w-node-f72705ee-9425-0290-4abb-e4a2084e310d-cd4ac69a {
  grid-area: Area-10;
}

#w-node-f72705ee-9425-0290-4abb-e4a2084e310f-cd4ac69a {
  grid-area: Area-6;
}

#w-node-f72705ee-9425-0290-4abb-e4a2084e3111-cd4ac69a {
  grid-area: Area-11;
}

@media screen and (min-width: 1440px) {
  #w-node-_95707c94-920f-c9bc-a4ee-6de6e79c5c17-cd4ac69a, #w-node-_082d1af2-d7eb-6c22-af07-4bc016f66933-cd4ac69a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_5770a807-4479-2b91-317d-3dcaaef1979f-cd4ac69a {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c2cadcf6-2262-4239-4a98-6e09ebd3ea0f-cd4ac69a, #w-node-ad9640e4-3e90-9bee-9772-898f4174cdd5-cd4ac69a, #w-node-cd31978f-6b08-0638-d71d-5d05e34aee69-cd4ac69a, #w-node-_7d1f4585-55fd-ffea-0f1d-098d9b12867a-cd4ac69a {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-f72705ee-9425-0290-4abb-e4a2084e30ff-cd4ac69a {
    grid-area: Area;
  }

  #w-node-f72705ee-9425-0290-4abb-e4a2084e310d-cd4ac69a {
    grid-area: Area-10;
  }
}


@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Regular.WOFF') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Bold.WOFF') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}