@font-face {
  font-family: Basisgrotesquepro;
  src: url('../fonts/BasisGrotesquePro-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Basisgrotesquepro;
  src: url('../fonts/BasisGrotesquePro-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pixeloid Sans;
  src: url('../fonts/0210e8c7a07c76189f47127049f61dd5.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pixeloid Sans;
  src: url('../fonts/44edad438331a44bf2c79f9b7be0cd1a.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Basisgrotesquepro;
  src: url('../fonts/Basis-Grotesque-Pro-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Publicpixel;
  src: url('../fonts/PublicPixel.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --blue\<deleted\|variable-4952f5f5-7df4-b114-cd4e-1a92fbd8542f\>: #3a77ff;
  --black: black;
  --white: white;
  --dark\<deleted\|variable-897cd782-67ab-bcfc-88b1-b9df56b97351\>: #002f34;
  --orange\<deleted\|variable-208d4372-4560-eaa7-47fe-f72acd115513\>: #ff5636;
  --red: #ff3b3b;
  --light-green\<deleted\|variable-4d96b257-28e0-980b-5efd-358f09ae1933\>: #cbf7ee;
  --light-blue\<deleted\|variable-c8f4605a-a805-b0d7-39dd-414bd9b7276a\>: #c7dcff;
  --light-yellow\<deleted\|variable-86424dd0-fc8a-0182-b547-2028d52d92f0\>: #f8fbcf;
  --green: #5fefc4;
  --dark-grey: #333;
  --light-grey: #999;
}

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

.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-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

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

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

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 52px;
  font-weight: 500;
  line-height: 90%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 120%;
}

h3 {
  color: var(--blue\<deleted\|variable-4952f5f5-7df4-b114-cd4e-1a92fbd8542f\>);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
}

p {
  color: var(--black);
  margin-bottom: 0;
  font-family: Pixeloid Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}

a {
  text-decoration: none;
}

blockquote {
  color: var(--white);
  border-left: 1px #000;
  margin-bottom: 0;
  padding: 0;
  font-size: 2vw;
  font-weight: 400;
  line-height: 120%;
}

.body {
  color: var(--black);
  background-color: #0e0e0e;
  font-family: Pixeloid Sans, sans-serif;
  font-weight: 400;
  line-height: 120%;
}

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

.has--weight-semibold {
  font-weight: 600;
}

.form-input {
  background-color: #0000;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

.form-input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
}

.button {
  background-color: var(--dark\<deleted\|variable-897cd782-67ab-bcfc-88b1-b9df56b97351\>);
  color: var(--white);
  text-align: center;
  border-radius: 50px;
  padding: 18px 32px;
  font-family: IBM Plex Sans;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}

.overflow-scroll {
  overflow: scroll;
}

.padding-huge {
  padding: 6rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.has--align-center {
  text-align: center;
}

.margin-tiny {
  margin: .125rem;
}

.author-name {
  color: var(--orange\<deleted\|variable-208d4372-4560-eaa7-47fe-f72acd115513\>);
  width: 101%;
  font-family: Platform Olx App;
  font-size: 40px;
  font-weight: 700;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.has--background-white {
  background-color: #fff;
}

.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.has--style-allcaps {
  text-transform: uppercase;
}

.margin-custom2 {
  margin: 2.5rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.has--style-nowrap {
  white-space: nowrap;
}

.has--style-muted {
  opacity: .6;
}

.paragraph-default {
  color: var(--red);
  font-size: 1.6vw;
  line-height: 140%;
}

.paragraph-default.has--color-white {
  text-align: center;
  font-size: 1.4vw;
  line-height: 120%;
}

.paragraph-default.has--color-white.is--1 {
  margin-top: -8vw;
}

.paragraph-default.has--color-white-copy {
  text-align: center;
  line-height: 120%;
}

.padding-custom2 {
  padding: 2.5rem;
}

.ac-styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #0073e61a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.section-padding-small {
  padding-top: 3rem;
}

.margin-huge {
  margin: 6rem;
}

.section-padding-medium {
  padding-top: 5rem;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.ac-styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.ac-styleguide_section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.margin-small {
  margin: 1rem;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.ac-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.ac-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.padding-small {
  padding: 1rem;
}

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.margin-xhuge {
  margin: 8rem;
}

.section-padding-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.padding-xhuge {
  padding: 8rem;
}

.form-component {
  margin-bottom: 0;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.ac-styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.ac-styleguide_2-col.is-align-start {
  align-items: start;
}

.ac-styleguide_heading-medium {
  font-size: 4rem;
}

.ac-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.overflow-auto {
  overflow: auto;
}

.has--weight-normal {
  font-weight: 400;
}

.ac-styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.ac-styleguide_item.is-stretch {
  justify-items: stretch;
}

.overflow-visible {
  overflow: visible;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-custom1 {
  margin: 1.5rem;
}

.has--max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.margin-medium {
  margin: 2rem;
}

.has--max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.has--style-italic {
  font-style: italic;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.ac-styleguide_label {
  color: #fff;
  background-color: #0073e6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
}

.ac-styleguide_label.is-hex {
  color: #000;
  background-color: #f5f5f5;
}

.ac-styleguide_label.is-tag {
  background-color: #be4aa5;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.padding-custom1 {
  padding: 1.5rem;
}

.ac-styleguide_spacing-all {
  display: none;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.margin-xlarge {
  margin: 4rem;
}

.has--style-link {
  color: #000;
  text-decoration: underline;
}

.form_message-error {
  margin-top: .75rem;
  padding: .75rem;
}

.has--background-grey {
  background-color: #f5f5f5;
}

.ac-styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.has--max-width-small {
  width: 100%;
  max-width: 20rem;
}

.padding-medium {
  padding: 2rem;
}

.has--max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.has--background-black {
  color: #f5f5f5;
  background-color: #000;
}

.padding-tiny {
  padding: .125rem;
}

.has--weight-xbold {
  font-weight: 800;
}

.ac-styleguide_empty-box {
  z-index: -1;
  background-color: #0073e61a;
  border: 1px dashed #0073e6;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.ac-styleguide_4-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.padding-xxhuge {
  padding: 12rem;
}

.margin-xsmall {
  margin: .5rem;
}

.paragraph-medium {
  color: var(--red);
  text-align: center;
  width: 90%;
  font-size: 1.4vw;
}

.paragraph-medium.is--grey {
  color: #00000080;
  font-family: Platform Olx App;
}

.paragraph-medium.has--color-white {
  text-transform: uppercase;
  background-color: #23233a;
  justify-content: center;
  align-items: center;
  width: 98%;
  height: 5.5vw;
  font-size: 1.2vw;
  display: flex;
}

.paragraph-medium.has--color-white.is--small {
  text-align: left;
  text-transform: none;
  padding-left: 1.5vw;
  font-size: 1.1vw;
}

.paragraph-medium.has--color-white.is--large {
  text-align: left;
  text-transform: none;
  padding-left: 1.5vw;
  font-size: 1.2vw;
}

.paragraph-medium.has--color-white.is--caps-none {
  text-transform: none;
}

.paragraph-medium.has--color-white.is--mobile {
  text-align: left;
  text-transform: none;
  font-size: 1.1vw;
}

.paragraph-medium.has--color-white.is--mobile-hide {
  text-align: left;
  text-transform: none;
  font-size: 1.1vw;
  display: none;
}

.paragraph-medium.is--button {
  color: var(--white);
  text-transform: uppercase;
  background-color: #23233a;
  justify-content: center;
  align-items: center;
  width: 98%;
  height: 4.8vw;
  font-size: 1.6vw;
  display: flex;
}

.paragraph-medium.is--button.is--small {
  text-align: left;
  text-transform: none;
  padding-left: 1.5vw;
  font-size: 1.1vw;
}

.paragraph-medium.is--button.is--large {
  text-align: left;
  text-transform: none;
  padding-left: 1.5vw;
  font-size: 1.2vw;
}

.paragraph-medium.is--button.is--caps-none {
  text-transform: none;
}

.paragraph-medium.is--button.is--mobile {
  text-align: left;
  text-transform: none;
  font-size: 1.1vw;
}

.paragraph-medium.is--button.is--mobile-hide {
  text-align: left;
  text-transform: none;
  font-size: 1.1vw;
  display: none;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.padding-custom3 {
  padding: 3.5rem;
}

.count {
  text-transform: uppercase;
  font-family: Publicpixel, sans-serif;
  font-size: 1.9vw;
  line-height: 100%;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.has--color-grey {
  color: gray;
}

.has--color-black {
  color: #000;
}

.has--max-width-full {
  width: 100%;
  max-width: none;
}

.margin-xxsmall {
  margin: .25rem;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.overflow-hidden {
  overflow: hidden;
}

.hide {
  display: none;
}

.ac-styleguide_color.is-3 {
  background-color: #fff;
}

.ac-styleguide_color.is-2 {
  background-color: #f5f5f5;
}

.ac-styleguide_color.is-1 {
  background-color: #000;
}

.has--weight-medium {
  font-weight: 500;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-large {
  padding: 3rem;
}

.has--weight-light {
  font-weight: 300;
}

.margin-large {
  margin: 3rem;
}

.has--align-left {
  text-align: left;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.has--weight-bold {
  font-weight: 700;
}

.padding-xlarge {
  padding: 4rem;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.ac-styleguide_header {
  background-color: #0000000d;
}

.padding-xsmall {
  padding: .5rem;
}

.padding-0 {
  padding: 0;
}

.has--style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.has--max-width-large {
  width: 100%;
  max-width: 48rem;
}

.padding-xxsmall {
  padding: .25rem;
}

.has--max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.ac-styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.page-wrapper {
  z-index: 0;
  position: relative;
  overflow: hidden;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

.ac-styleguide_heading-large {
  font-size: 6rem;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.ac-styleguide_item-header {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

.ac-styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.ac-styleguide_3-col.is-align-start {
  align-items: start;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.has--style-strikethrough {
  text-decoration: line-through;
}

.form_message-success {
  padding: 1.25rem;
}

.ac-styleguide_version {
  z-index: 5;
  color: #000;
  font-weight: 500;
  text-decoration: none;
}

.ac-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.has--max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.ac-styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.has--color-white {
  color: #fff;
}

.margin-0 {
  margin: 0;
}

.paragraph-small {
  color: var(--red);
  text-align: center;
  font-size: 1.3vw;
}

.paragraph-small.is--link {
  letter-spacing: .03em;
}

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

.container {
  width: 100%;
  max-width: 92vw;
}

.container.is--hero {
  flex: 1;
}

.container.has--height-full {
  height: 100%;
}

.content-block.is--header {
  justify-content: space-between;
  align-items: center;
}

.content-block.is--hero {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-top: 3vw;
  padding-bottom: 3vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-block.is--flex {
  flex-flow: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

.hero-section {
  padding-bottom: 50px;
}

.head-block {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  justify-content: center;
  align-items: center;
  height: 116px;
  display: flex;
}

.hero-block {
  background-color: #fff;
  border-radius: 34px;
  flex-flow: column;
  justify-content: space-between;
  padding: 35px 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.h2-small {
  color: var(--white);
  justify-content: space-between;
  align-items: center;
  height: 2vw;
  font-size: 1vw;
  font-weight: 700;
  display: flex;
}

.h2-small.has--pb {
  margin-bottom: 20px;
}

.link {
  color: var(--dark\<deleted\|variable-897cd782-67ab-bcfc-88b1-b9df56b97351\>);
  text-decoration: none;
}

.link.has--color-blue {
  color: #3a77ff;
}

.link.is--hero {
  color: #0009;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-weight: 500;
}

.count-text {
  color: var(--black);
  text-transform: uppercase;
  font-family: IBM Plex Sans;
  font-weight: 700;
}

.tag {
  color: var(--dark\<deleted\|variable-897cd782-67ab-bcfc-88b1-b9df56b97351\>);
  font-family: Platform Olx App;
  line-height: 120%;
}

.hero-text {
  color: var(--white);
  text-align: center;
  font-family: Platform Olx App;
  font-size: 18px;
}

.hero-text.is--small {
  color: var(--white);
  letter-spacing: .1em;
  text-transform: uppercase;
  width: 100%;
  padding-top: 1px;
  font-size: 12px;
  font-weight: 500;
}

.hero-text.is--folder {
  width: 27ch;
}

.tag-block {
  border: 1px solid var(--dark\<deleted\|variable-897cd782-67ab-bcfc-88b1-b9df56b97351\>);
  border-radius: 50px;
  flex: none;
  padding: 9px 15px;
  overflow: hidden;
}

.paragraph-italic {
  text-align: center;
  margin-bottom: 45px;
  font-size: 24px;
  font-style: italic;
}

.text-hero {
  color: var(--black);
  font-size: 1.6vw;
  font-weight: 400;
  line-height: 140%;
}

.button-share {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  color: var(--black);
  border: 2px solid #000;
  border-radius: 5px;
  padding: 10px 15px;
  font-family: IBM Plex Sans;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
  transition: background-color .2s, transform .2s, border-color .2s, filter .2s;
  display: flex;
}

.button-share:hover {
  border-color: var(--white);
  background-color: var(--white);
  filter: invert();
  transform: scale(1.08);
}

.logo-icon {
  color: var(--black);
  width: auto;
  height: 42px;
}

.logo-icon_olx {
  color: #002f34;
  width: auto;
  height: 56px;
}

.hero-line {
  color: var(--white);
  position: absolute;
}

.hero-line.is--1 {
  width: auto;
  height: 240px;
  inset: -2% auto auto -7.5%;
}

.hero-line.is--1.draw-animation {
  left: -11.5%;
}

.hero-line.is--2 {
  width: auto;
  height: 250px;
  inset: auto 0% -2% auto;
}

.hero-line.is--2.draw-animation {
  bottom: -1%;
}

.hero_top-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 430px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.hero_text-block {
  background-color: var(--dark\<deleted\|variable-897cd782-67ab-bcfc-88b1-b9df56b97351\>);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.h1 {
  width: auto;
  height: 5.6vw;
  margin-top: 1vw;
  position: static;
}

.hero_bottom-wrapper {
  z-index: 0;
  width: 398px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: auto auto -55px;
}

.folder-part {
  width: 100%;
}

.folder-part.is--back {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}

.folder-part.is--front {
  z-index: 10;
  background-color: var(--light-green\<deleted\|variable-4d96b257-28e0-980b-5efd-358f09ae1933\>);
  border-radius: 18px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 160px;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.folder-part.is--front.hide {
  z-index: 11;
}

.folder-part.is--front.yellow {
  background-color: var(--light-yellow\<deleted\|variable-86424dd0-fc8a-0182-b547-2028d52d92f0\>);
  justify-content: flex-start;
  align-items: center;
}

.folder-part.is--front.green {
  background-color: var(--light-green\<deleted\|variable-4d96b257-28e0-980b-5efd-358f09ae1933\>);
}

.folder-part.is--front.grey {
  background-color: #dadada;
}

.folder-part.is--front.blue {
  background-color: var(--light-blue\<deleted\|variable-c8f4605a-a805-b0d7-39dd-414bd9b7276a\>);
  justify-content: flex-start;
  align-items: center;
}

.folder-part.is--front.blue-hide {
  z-index: 12;
  background-color: var(--light-blue\<deleted\|variable-c8f4605a-a805-b0d7-39dd-414bd9b7276a\>);
  justify-content: flex-start;
  align-items: center;
}

.folder-part.is--front.yellow-hide {
  z-index: 12;
  background-color: var(--light-yellow\<deleted\|variable-86424dd0-fc8a-0182-b547-2028d52d92f0\>);
  justify-content: flex-start;
  align-items: center;
}

.folder-part.is--front.greed-hide {
  z-index: 12;
  background-color: var(--light-green\<deleted\|variable-4d96b257-28e0-980b-5efd-358f09ae1933\>);
}

.white-block {
  background-color: var(--white);
  border-radius: 30px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  padding: 80px 60px;
  display: flex;
}

.white-block.is--small {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.white-block.has--bottom-margin {
  margin-bottom: 5px;
}

.white-block.is--big {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.white-block.is--blue {
  background-color: var(--blue\<deleted\|variable-4952f5f5-7df4-b114-cd4e-1a92fbd8542f\>);
}

.layout {
  grid-column-gap: 5px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 5px;
  display: grid;
  position: relative;
}

.layout.has--no-margin {
  grid-column-gap: 125px;
  grid-row-gap: 125px;
  margin-bottom: 0;
}

.layout.has--no-margin.is--hero {
  grid-column-gap: 186px;
  grid-row-gap: 0px;
}

.layout.is--white {
  background-color: var(--white);
  border-radius: 30px;
  overflow: hidden;
}

.layout.has--small-gap {
  grid-column-gap: 125px;
  grid-row-gap: 125px;
  margin-bottom: 0;
}

.layout.has--small-gap.is--hero {
  grid-column-gap: 186px;
  grid-row-gap: 0px;
}

.button-arrow {
  width: auto;
  height: 70px;
  position: absolute;
  inset: auto 8% 94.7% auto;
  transform: rotate(-34deg);
}

.button-arrow.draw-animation {
  height: 67px;
  bottom: 98.7%;
  right: 8.5%;
}

.button-arrow.draw-animation.is--bottom {
  height: 48px;
  bottom: 164.7%;
  right: 1%;
}

.button-arrow.is--bottom {
  color: var(--dark\<deleted\|variable-897cd782-67ab-bcfc-88b1-b9df56b97351\>);
  transform-style: preserve-3d;
  height: 50px;
  bottom: 160.7%;
  right: 1%;
  transform: rotate(-28deg);
}

.share-block {
  grid-column-gap: 1.6vw;
  grid-row-gap: 1.6vw;
  flex-flow: column;
  display: flex;
}

.share-icon {
  width: 20px;
  height: auto;
}

.share-icon_path {
  color: var(--white);
}

.section-maria {
  position: relative;
}

.image-block {
  background-color: var(--orange\<deleted\|variable-208d4372-4560-eaa7-47fe-f72acd115513\>);
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 448px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.author-image {
  height: auto;
  margin-top: -40px;
}

.author-image.is--1 {
  width: 100%;
  margin-top: 0;
  display: block;
}

.author-info-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.white-block-inner {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.image {
  height: auto;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image.is--man {
  inset: auto auto -45% -600px;
  width: 384px;
  min-width: 384px;
  height: auto;
  inset: auto auto -45% -600px;
}

.image.left.is--man {
  z-index: 2;
  bottom: 38%;
  left: -58px;
}

.image.left.is--banana {
  z-index: 2;
  width: 270px;
  bottom: 22%;
  left: 120px;
}

.image.left.is--card {
  z-index: 2;
  width: 130px;
  bottom: 42%;
  left: 121px;
}

.image.left.is--website {
  z-index: 2;
  width: 350px;
  bottom: 35%;
  left: 35px;
}

.image.left.is--raiting {
  z-index: 2;
  width: 270px;
  bottom: 40%;
  left: 35px;
}

.image.right.is--granny {
  z-index: 2;
  width: 140px;
  top: 69%;
  left: 110px;
}

.image.right.is--vase {
  z-index: 2;
  width: 450px;
  top: 76%;
  left: -13px;
}

.image.right.is--guarantee {
  z-index: 2;
  width: 280px;
  top: 76%;
  left: -13px;
}

.image.right.is--man {
  z-index: 2;
  width: 280px;
  top: 60%;
  left: -13px;
}

.image.right.is--association {
  z-index: 2;
  width: 160px;
  top: 70%;
  left: 122px;
}

.image-wrapper {
  height: 100%;
}

.hero-image {
  height: auto;
  position: absolute;
  inset: auto 0% 0% auto;
}

.hero-image.is--man {
  width: 384px;
  min-width: 384px;
  height: auto;
  inset: auto auto -45% -600px;
}

.hero-image.is--ketchup {
  z-index: 11;
  width: 180px;
  inset: 40px auto auto -60px;
}

.hero-image.is--man {
  z-index: 1;
  z-index: 1;
  inset: 30px auto auto 85px;
  width: 130px;
  min-width: auto;
  height: auto;
  inset: -60px auto auto 240px;
  transform: rotate(0);
}

.hero-image.is--doors {
  width: 240px;
  inset: -61px auto auto 30px;
}

.hero-image.is--dress {
  width: 180px;
  inset: -72px 120px auto auto;
}

.hero-image.is--socks {
  width: 100px;
  inset: -30px 20px auto auto;
}

.background-line {
  color: var(--orange\<deleted\|variable-208d4372-4560-eaa7-47fe-f72acd115513\>);
  width: 260px;
  height: auto;
  position: absolute;
  inset: -9% -3% auto auto;
}

.background-line.is--1 {
  z-index: 1;
  color: var(--orange\<deleted\|variable-208d4372-4560-eaa7-47fe-f72acd115513\>);
  width: 368px;
  inset: -3% auto auto -18%;
}

.background-line.is--2 {
  width: 50vw;
  inset: auto auto -3% -12%;
}

.background-line.is--3 {
  width: 230px;
  inset: auto auto -3% -10%;
}

.background-line.is--4 {
  width: 165px;
  inset: auto -4.5% -9% auto;
}

.background-line.is--5 {
  width: 50vw;
  inset: auto auto 0% -12%;
}

.background-line.is--6 {
  width: 58vw;
  inset: auto auto -3% -7%;
}

.background-line.is--large {
  z-index: -1;
  inset: 0%;
}

.image-star {
  height: auto;
  position: absolute;
  inset: auto 0% 0% auto;
}

.h3 {
  margin-bottom: 20px;
}

.folders-wrapper {
  grid-column-gap: 26px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.folder-item {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
  position: absolute;
}

.folder-item.is--partners {
  inset: 9vw auto auto 0%;
}

.folder-item.is--1 {
  inset: 0% auto auto .2vw;
}

.folder-item.is--3 {
  inset: 8.5vw auto auto 10vw;
}

.folder-item.is--4 {
  inset: 18vw auto auto 1vw;
}

.h2 {
  text-align: center;
  font-size: 24px;
}

.h2.has--color-grey {
  color: #002f3466;
}

.h1-wrapper {
  overflow: hidden;
}

.folder_inner {
  height: auto;
  position: absolute;
}

.folder_inner.is--youtube {
  z-index: 11;
  width: 116px;
  inset: 25px auto auto 24px;
}

.folder_inner.is--o {
  width: 118px;
  inset: -17px auto auto -5px;
}

.folder_inner.is--l {
  width: 66px;
  inset: -8px auto auto 90px;
}

.folder_inner.is--x {
  width: 116px;
  inset: 10px -5px auto auto;
}

.folder_inner.is--ketechup {
  z-index: 9;
  width: 130px;
  inset: -4px auto auto -22px;
}

.folder_inner.is--bouquet {
  z-index: 11;
  width: 108px;
  inset: -15px auto auto 78px;
}

.folder_inner.is--dress {
  z-index: 9;
  width: 136px;
  inset: -20px -20px auto auto;
}

.folder_inner.is--box {
  z-index: 9;
  width: 128px;
  inset: 10px auto auto -30px;
}

.folder_inner.is--man {
  z-index: 9;
  width: 194px;
  inset: -34px auto auto 30px;
}

.folder_inner.is--card {
  z-index: 11;
  width: 74px;
  inset: 39px -8px auto auto;
}

.folder_inner.is--car {
  z-index: 9;
  width: 120px;
  inset: 25px auto auto 0;
}

.folder_inner.is--chair {
  z-index: 8;
  width: 100px;
  inset: -8px 54px auto auto;
}

.folder_inner.is--flowers {
  z-index: 8;
  width: 130px;
  inset: 12px 0 auto auto;
}

.folder_inner.is--garbage {
  z-index: 8;
  width: 110px;
  inset: -15px auto auto 20px;
}

.folder_inner.is--parcel {
  z-index: 9;
  width: 160px;
  inset: 10px auto auto 50px;
}

.folder_inner.is--blender {
  z-index: 9;
  width: 140px;
  inset: -18px 0 auto auto;
}

.link-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  width: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 15px;
}

.link-block.is--large {
  width: 80px;
}

.arrow-block {
  z-index: 1;
  aspect-ratio: 1;
  border-style: solid;
  border-width: 1px;
  border-color: var(--white) var(--white) #353535 #353535;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 1.2vw;
  display: flex;
}

.arrow-block.is--left {
  inset: -.1vw auto auto 0%;
}

.arrow-block.is--right {
  inset: -.1vw 0% auto auto;
}

.arrow-block.is--bottom {
  border-right-color: #353535;
  border-left-color: var(--white);
  transform-style: preserve-3d;
  height: 1.05vw;
  inset: auto -.1vw 0% auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(90deg);
}

.arrow-block.is--top {
  border-right-color: #353535;
  border-left-color: var(--white);
  transform-style: preserve-3d;
  height: 1vw;
  inset: -.1vw -.1vw auto auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(90deg);
}

.underline-block {
  background-color: var(--dark\<deleted\|variable-897cd782-67ab-bcfc-88b1-b9df56b97351\>);
  width: 1ch;
  height: .12vw;
  position: absolute;
  inset: auto 0% -.08vw;
}

.h2-medium {
  color: var(--white);
  font-size: 1.3vw;
}

.h2-large {
  color: var(--black);
  text-transform: uppercase;
  font-family: Basisgrotesquepro, sans-serif;
  font-size: 5vw;
}

.quote-old {
  text-align: center;
  margin-top: 2vw;
  font-size: 1.4vw;
}

.quote-new {
  color: var(--black);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: Basisgrotesquepro, sans-serif;
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 120%;
}

.quote-new.is--invert {
  filter: invert();
}

.quote-new.has--align-left {
  text-align: left;
  font-weight: 400;
}

.section-hero {
  background-color: #008081;
  flex-flow: column;
  justify-content: space-between;
  height: 100vh;
  display: flex;
}

.container-2 {
  max-width: 91.9355vw;
}

.marquee-container {
  background-color: var(--black);
  display: flex;
}

.marquee-wrapper {
  grid-column-gap: 2.4vw;
  grid-row-gap: 2.4vw;
  flex: none;
  display: flex;
  position: relative;
}

.marquee-part {
  grid-column-gap: 2.4vw;
  grid-row-gap: 2.4vw;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 3.7vw;
  display: flex;
}

.marquee-text {
  color: var(--green);
  font-size: 2.3vw;
  line-height: 140%;
}

.text-style_h1 {
  color: var(--red);
  text-transform: uppercase;
  font-size: 6.25vw;
  line-height: 100%;
}

.paragraph-xsmall {
  font-size: 1vw;
}

.folder-name {
  color: var(--white);
  font-size: 1.4vw;
}

.folder-name.has--color-black {
  color: var(--black);
  font-weight: 700;
}

.file-name {
  font-size: 1.8vw;
}

.paragraph-large {
  color: var(--red);
  text-align: center;
  text-transform: uppercase;
  width: 35vw;
  margin-left: auto;
  margin-right: auto;
  font-family: Publicpixel, sans-serif;
  font-size: 1.6vw;
  display: none;
  position: relative;
  top: 15vw;
}

.paragraph-large.is--number {
  text-align: left;
  width: auto;
  display: block;
  top: 2vw;
  left: 2vw;
}

.paragraph-medium-new, .paragraph-default-new {
  color: var(--black);
  text-align: center;
  font-family: Basisgrotesquepro, sans-serif;
  font-size: 1.4vw;
}

.paragraph-default-new.has--color-white {
  color: var(--white);
  width: 100%;
}

.paragraph-default-new.has--color-white-mobile {
  color: var(--black);
  width: 100%;
}

.paragraph-small-new {
  color: #000000b3;
  font-family: Basisgrotesquepro, sans-serif;
  font-size: 1.2vw;
  position: absolute;
  inset: auto 0% .5vw auto;
}

.paragraph-large-new {
  color: var(--red);
  text-transform: uppercase;
  font-family: Basisgrotesquepro, sans-serif;
  font-size: 2vw;
}

.paragraph-large-new.has--style-allcaps {
  color: var(--white);
  font-size: 1.8vw;
}

.has--color-red {
  color: var(--red);
}

.hero-bottom {
  background-color: var(--white);
  border-top: 2px solid #dfdfdf;
  padding-top: 2px;
}

.hero-bottom-inner {
  background-color: silver;
  justify-content: space-between;
  padding: 2px;
  display: flex;
}

.main-button {
  border-style: solid;
  border-width: 2px;
  border-color: var(--white) black black var(--white);
  cursor: pointer;
}

.main-button:hover {
  border-color: var(--black) var(--white) var(--white) var(--black);
}

.main-button-inner {
  background-color: silver;
  border: 2px solid gray;
  border-color: #dfdfdf gray gray #dfdfdf;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 1.2vw;
  padding-right: 1.2vw;
  display: flex;
}

.main-button-inner:hover {
  border-color: gray #dfdfdf #dfdfdf gray;
  padding-top: .4vw;
  padding-bottom: .2vw;
}

.hero-bottom-right {
  border: 2px solid #fff;
  border-color: gray #fff #fff gray;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 16vw;
  padding-left: .3vw;
  padding-right: .3vw;
  display: flex;
}

.icon {
  height: auto;
}

.icon.is--sound {
  width: 2.9vw;
}

.icon.is--paint {
  width: 4.6vw;
}

.icon.is--absolute {
  width: 2.5vw;
  position: absolute;
  inset: 2px auto auto 1vw;
}

.icon.is--paint_small {
  width: 2.6vw;
}

.icon.is--paint-small {
  width: 1.8vw;
}

.icon.is--tool.is--1 {
  width: 1.5vw;
}

.icon.is--tool.is--2 {
  width: 1.4vw;
}

.icon.is--tool.is--3 {
  width: 1.1vw;
}

.icon.is--tool.is--4 {
  width: 1.4vw;
}

.icon.is--tool.is--5 {
  width: 1.6vw;
}

.icon.is--tool.is--6 {
  width: 1.5vw;
}

.folder-block {
  grid-column-gap: 4vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  place-items: start center;
  width: 100%;
  height: 100%;
  margin-top: .4vw;
  display: block;
  position: relative;
}

.folder-wrapper {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  display: flex;
}

.hero-bottom-left {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  display: flex;
}

.tab-block {
  border-style: solid;
  border-width: 2px;
  border-color: black var(--white) var(--white) black;
  cursor: pointer;
  width: 24vw;
  display: none;
}

.tab-block.is--donate {
  display: block;
}

.tab-block-inner {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  background-color: var(--white);
  border: 2px solid #dfdfdf;
  border-color: gray #dfdfdf #dfdfdf gray;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.tab-block-inner.has--align-left {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: flex-start;
  align-items: center;
  padding-left: 1vw;
}

.donate-block {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  border-style: solid;
  border-width: 3px;
  border-color: var(--white) var(--black) var(--black) var(--white);
  pointer-events: auto;
  background-color: silver;
  flex-flow: column;
  align-items: center;
  width: 46vw;
  padding-bottom: 3vw;
  display: flex;
}

.donate-top-block {
  background-color: #000086;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: .7vw;
  padding-right: 2px;
  display: flex;
}

.cross-block {
  aspect-ratio: 1;
  border-style: solid;
  border-width: 2px;
  border-color: var(--white) black black var(--white);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 1.5vw;
  padding: 1px;
  display: flex;
}

.cross-block:hover {
  border-color: var(--black) var(--white) var(--white) var(--black);
  padding-top: 2px;
  padding-bottom: 0;
}

.cross-block.is--small {
  border-width: .1vw;
  height: 1.2vw;
}

.cross-block.has--background {
  background-color: silver;
}

.cross-block.is--large {
  height: 70%;
}

.cross-icon {
  width: auto;
  height: 90%;
}

.h1-hide {
  display: none;
}

.counter-wrapper {
  justify-content: center;
  align-items: center;
  width: 43vw;
  height: 3.4vw;
  display: flex;
  position: relative;
}

.svg {
  width: 100%;
  height: auto;
  display: inline;
  position: absolute;
  inset: 0%;
}

.loader-block {
  justify-content: center;
  align-items: center;
  width: 40.9vw;
  height: 1.6vw;
  position: absolute;
  inset: .75vw auto auto .95vw;
}

.loader-inner {
  background-color: #dbff00;
  border-bottom: 3px solid #aecb00;
  border-left: 3px solid #aecb00;
  width: 0%;
  height: 100%;
}

.button-text {
  pointer-events: none;
  color: var(--black);
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 140%;
}

.main-button-inner-small {
  background-color: silver;
  border: 2px solid gray;
  border-color: #dfdfdf gray gray #dfdfdf;
  padding: .1vw 1.2vw;
}

.main-button-inner-small:hover {
  border-color: gray #dfdfdf #dfdfdf gray;
  padding-top: .2vw;
  padding-bottom: 0;
}

.button-wrapper {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.svg-mobile {
  display: none;
  position: absolute;
  inset: 0%;
}

.section-quizz {
  z-index: 9998;
  background-color: #0e0e0e;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.dashed-border {
  padding: 1vw;
  position: relative;
  overflow: hidden;
}

.green-border {
  z-index: 1;
  border: 1px solid #dbff00;
  padding: 1vw;
  position: relative;
  overflow: hidden;
}

.quizz-inner {
  background-color: #23233a;
  height: 42vw;
  position: relative;
}

.quizz-image {
  width: 100.3%;
  height: auto;
  display: none;
  position: absolute;
  inset: auto 0% -.15vw -.1%;
}

.quizz-image.is--regular {
  display: block;
  bottom: -.2vw;
}

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

.start-block {
  z-index: 9999;
  cursor: pointer;
  background-color: #23233a;
  justify-content: center;
  align-items: center;
  width: 35.13vw;
  height: 13vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  top: 9.2vw;
  left: -.1vw;
}

.white-border {
  background-color: var(--white);
  width: 95%;
  height: .4vw;
  position: absolute;
  inset: auto 0% 0%;
}

.white-border.is--top {
  width: 34.3vw;
  inset: 0% auto auto .4vw;
}

.white-border.is--bottom {
  width: 34.3vw;
  left: .4vw;
}

.white-border.is--left {
  width: .4vw;
  height: 12.2vw;
  inset: .4vw auto 0% 0%;
}

.white-border.is--right {
  width: .4vw;
  height: 12.2vw;
  inset: .4vw 0% 0% auto;
}

.about-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--white) #2f2f2f #2f2f2f var(--white);
  pointer-events: auto;
  background-color: #d9d9d9;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 78vw;
  height: 83vh;
  margin-right: 1vw;
  padding: .4vw;
  display: none;
}

.about-top-block {
  background-color: #000086;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 2.1vw;
  padding-left: .3vw;
  padding-right: .3vw;
  display: flex;
}

.file-name-wrapper {
  grid-column-gap: 1.3vw;
  grid-row-gap: 1.3vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.window-wrapper {
  pointer-events: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.window-wrapper.hide {
  display: none;
}

.window-wrapper.is--partners {
  z-index: 9980;
  justify-content: flex-start;
  display: block;
}

.about-wrapper {
  pointer-events: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.about-top-wrapper {
  align-self: stretch;
}

.setting-block {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 2.1vw;
  padding-left: .3vw;
  padding-right: .3vw;
  display: flex;
}

.paragraph-xsmall-block {
  position: relative;
}

.about-content {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto 1.2vw;
  grid-template-columns: auto 1fr;
  grid-auto-columns: auto;
  align-self: stretch;
  height: 100%;
  display: grid;
}

.tools-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #040404;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: flex-start;
  display: grid;
}

.field-wrapper {
  z-index: 0;
  background-color: var(--white);
  border: 1px solid #2f2f2f;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.tools-block {
  aspect-ratio: 1;
  border-style: solid;
  border-width: 1px;
  border-color: var(--white) #2f2f2f #2f2f2f var(--white);
  cursor: pointer;
  background-color: #d9d9d9;
  justify-content: center;
  align-items: center;
  width: 2.5vw;
  margin-bottom: 1px;
  margin-right: 1px;
  display: flex;
}

.tools-block:hover, .tools-block.is--active {
  border-color: #2f2f2f var(--white) var(--white) #2f2f2f;
}

.tools-block.false {
  cursor: not-allowed;
}

.is--tool {
  width: 1.2vw;
  height: auto;
}

.paragraph-wrapper {
  z-index: 2;
  grid-column-gap: 2.8vw;
  grid-row-gap: 2.8vw;
  pointer-events: none;
  flex-flow: column;
  flex: none;
  width: 51vw;
  margin-left: 18vw;
  display: flex;
  position: relative;
}

.paint-image {
  z-index: 0;
  width: 11vw;
  height: auto;
  position: absolute;
  inset: 4vw auto auto 4vw;
}

.about-left-block {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.colors-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  place-items: center;
  display: grid;
}

.color-block {
  aspect-ratio: 1;
  cursor: pointer;
  background-color: #000;
  border: 2px solid #93949a;
  border-color: #93949a #c1c9c9 #979e9f #7a7c83;
  width: 2.2vw;
  margin-bottom: 1px;
  margin-right: 1px;
  padding-top: 2px;
  padding-left: 2px;
}

.color-block:hover {
  border-color: #979e9f #7a7c83 #93949a #c1c9c9;
  padding: 0 2px 2px 0;
}

.black {
  width: 100%;
  height: 100%;
}

.black.color-button, .black.color-pick {
  background-color: var(--black);
}

.red {
  background-color: red;
  width: 100%;
  height: 100%;
}

.lime {
  background-color: #0f0;
  width: 100%;
  height: 100%;
}

.blue {
  background-color: #00f;
  width: 100%;
  height: 100%;
}

.scroll-block {
  border-top: 1px solid #000;
  border-bottom: 1px solid var(--white);
  background-color: #f3f3f3;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.scroll-block.is--vertical {
  border-style: none solid;
  border-right-width: .1vw;
  border-right-color: var(--white);
  border-left-width: .1vw;
  border-left-color: #000;
  width: 1vw;
  height: 100%;
}

.arrow-icon {
  width: 60%;
  height: auto;
}

.scroll-bar {
  z-index: 0;
  cursor: grab;
  background-color: #d9d9d9;
  border-bottom: 1px solid #353535;
  border-left: 1px solid #353535;
  justify-content: center;
  align-items: center;
  width: 20vw;
  height: 1.25vw;
  display: flex;
  position: relative;
  inset: -1px auto auto 0;
}

.scroll-bar.is--vertical {
  border-right: 1px solid #353535;
  width: 1.02vw;
  min-width: 1.02vw;
  height: 13vw;
  margin-bottom: .8vw;
  margin-left: 0;
  margin-right: 0;
  inset: 0% auto auto -1px;
}

.scroll-bar-inner {
  width: auto;
  height: .6vw;
}

.scroll-bar-inner.is--vertical {
  transform: rotate(90deg);
}

.has--opacity-60 {
  color: #ff3b3b99;
}

.empty-block {
  flex: none;
  width: 15vw;
  height: 100%;
}

.grey-window {
  grid-column-gap: .3vw;
  grid-row-gap: .3vw;
  pointer-events: auto;
  background-color: #d9d9d9;
  border: .1vw solid #353535;
  border-color: #fff #353535 #353535 #fff;
  flex-flow: column;
  padding: .5vw;
  display: flex;
}

.grey-window.is--visa {
  z-index: 0;
  width: 28vw;
  height: 78vh;
  position: absolute;
  inset: 3vw auto auto 6vw;
}

.grey-window.is--mastercard {
  z-index: 1;
  width: 27vw;
  height: 15vw;
  position: absolute;
  inset: 5.3vw auto auto 26vw;
}

.grey-window.is--uklon {
  width: 23vw;
  height: 65vh;
  position: absolute;
  inset: 11vw 3vw auto auto;
}

.grey-top-block {
  justify-content: space-between;
  display: flex;
}

.heading-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-left: .5vw;
  margin-right: .5vw;
  display: flex;
}

.line-wrapper {
  grid-column-gap: .3vw;
  grid-row-gap: .3vw;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 8vw;
  display: flex;
}

.line-wrapper.is--long {
  width: 9vw;
}

.line-wrapper.is--short {
  width: 7vw;
}

.line-wrapper.is--xsmall {
  width: 34%;
}

.line {
  background-color: #000;
  width: 100%;
  height: .08vw;
}

.kolo-content {
  border: .1vw solid var(--red);
  background-color: #868686;
  background-image: url('../images/squares.webp');
  background-position: 0 0;
  background-repeat: repeat-y;
  background-size: 100%;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.kolo-image {
  width: 17vw;
  height: auto;
  margin-bottom: 1.5vw;
  margin-right: 1.5vw;
}

.englishdom-image {
  width: auto;
  height: 9vw;
}

.window-content {
  border: .1vw solid var(--red);
  background-color: #040404;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 1vw;
  padding-right: 1vw;
  display: flex;
}

.window-content.has--no-paddings {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.window-content.has--grey-background {
  background-color: var(--white);
  height: 90%;
  overflow: hidden;
}

.shields-image {
  width: auto;
  height: 3.5vw;
  position: absolute;
  inset: 47.5% auto auto 16%;
}

.shields-background {
  background-image: url('../images/uklon.webp');
  background-position: 0 0;
  background-size: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vw;
  display: flex;
}

.shields-content {
  border: 1px solid var(--red);
  background-color: var(--black);
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
  overflow: scroll;
}

.shields-wrapper {
  grid-column-gap: .2vw;
  grid-row-gap: .2vw;
  height: 96%;
  margin-right: .05vw;
  display: flex;
}

.sdasd {
  position: absolute;
}

.red-window {
  grid-column-gap: .1vw;
  grid-row-gap: .1vw;
  background-color: var(--red);
  pointer-events: auto;
  border: 1px solid #353535;
  border-color: #fff #353535 #353535 #fff;
  flex-flow: column;
  padding: .2vw .4vw .4vw;
  display: flex;
}

.red-window.is--visa {
  width: 28vw;
  height: 40.8vw;
  margin-left: 5vw;
}

.red-window.is--mastercard {
  width: 28vw;
  height: 17.4748vw;
  position: absolute;
  inset: 9.5vw auto auto 23vw;
}

.red-window.is--uklon {
  width: 23vw;
  height: 32vw;
  position: absolute;
  inset: 13vw 5vw auto auto;
}

.red-window.is--1 {
  z-index: 1;
  width: 12.5vw;
  height: 15.4vw;
  position: absolute;
  inset: 13vw auto auto 10vw;
}

.red-window.is--2 {
  z-index: 2;
  width: 12.5vw;
  height: 14vw;
  position: absolute;
  inset: 23vw auto auto 21vw;
}

.red-window.is--3 {
  width: 14.5vw;
  height: 16vw;
  position: absolute;
  inset: 22vw auto auto 49vw;
}

.red-window.is--4 {
  z-index: 1;
  width: 20vw;
  height: 10vw;
  position: absolute;
  inset: 36vw auto auto 48vw;
}

.red-window.is--5 {
  z-index: 0;
  width: 22.3vw;
  height: 8vw;
  position: absolute;
  inset: 2vw 0% auto auto;
}

.red-window.is--10 {
  z-index: -1;
  width: 15vw;
  height: 18vw;
  position: absolute;
  inset: 4vw auto auto 53vw;
}

.red-window.is--6 {
  z-index: 1;
  width: 15vw;
  height: 20vw;
  position: absolute;
  inset: 28vw auto auto 32vw;
}

.red-window.is--8 {
  z-index: 1;
  width: 12.5vw;
  height: 15.4vw;
  position: absolute;
  inset: 16vw auto auto 37vw;
}

.red-block-top {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.vovky-image {
  width: 7vw;
  height: auto;
}

.scroll-wrapper {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.scroll-wrapper.is--horizontal {
  flex-flow: row;
}

.odometer {
  text-transform: uppercase;
  font-family: Publicpixel, sans-serif;
  font-size: 1.9vw;
}

.odometer-wrapper {
  z-index: 9980;
  text-transform: uppercase;
  font-family: Publicpixel, sans-serif;
  font-size: 1.9vw;
  display: flex;
  position: relative;
  top: -.3vw;
}

.drawing-canvas {
  z-index: 1;
  width: 120%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.start-text {
  width: 30vw;
  height: auto;
}

.star-block {
  aspect-ratio: 1;
  height: .6vw;
  position: absolute;
}

.star-block.is--silver, .star-block.is--silver-1 {
  background-color: #d9d9d9;
  inset: 4.2vw auto auto 5.4vw;
}

.star-block.is--silder-2 {
  background-color: #d9d9d9;
  inset: 2vw 25vw auto auto;
}

.star-block.is--green-1 {
  background-color: #5fefc4;
  inset: 10vw auto auto 13vw;
}

.star-block.is--green-2 {
  background-color: #5fefc4;
  inset: 31vw auto auto 3.8vw;
}

.star-block.is--green-3 {
  background-color: #5fefc4;
  inset: 24vw 2.1vw auto auto;
}

.star-block.is--yellow-1 {
  background-color: #f5f05c;
  inset: 17vw auto auto 4.7vw;
}

.star-block.is--yellow-2 {
  background-color: #f5f05c;
  inset: 2.6vw auto auto 29vw;
}

.star-block.is--yellow-3 {
  background-color: #f5f05c;
  inset: 5.4vw auto auto 44vw;
}

.star-block.is--yellow-4 {
  background-color: #f5f05c;
  inset: 14vw 9.2vw auto auto;
}

.star-block.is--yellow-5 {
  background-color: #f5f05c;
  inset: 25vw 10vw auto auto;
}

.star-block.is--pink-1 {
  background-color: #f4affc;
  inset: 20vw auto auto 19vw;
}

.star-block.is--pink-2 {
  background-color: #f4affc;
  inset: 5.7vw 11vw auto auto;
}

.star-block.is--pink-3 {
  background-color: #f4affc;
  inset: 9vw 2.7vw auto auto;
}

.star-block.is--pink-4 {
  background-color: #f4affc;
  inset: 21vw 20vw auto auto;
}

.star-block.is--silver-3 {
  background-color: #d9d9d9;
  display: block;
  inset: auto 25vw 4vw auto;
}

.star-block.is--silver-4 {
  background-color: #d9d9d9;
  inset: auto auto 8vw 16vw;
}

.star-block.is--green-4 {
  background-color: #5fefc4;
  display: none;
  inset: 24vw 2.1vw auto auto;
}

.star-block.is--pink-5 {
  background-color: #f4affc;
  display: none;
  inset: 21vw 20vw auto auto;
}

.star-block.is--silver-5 {
  background-color: #d9d9d9;
  display: none;
  inset: 2vw 25vw auto auto;
}

.star-block.is--yellow-6 {
  background-color: #f5f05c;
  display: none;
  inset: 25vw 10vw auto auto;
}

.star-block.is--green-5 {
  background-color: #5fefc4;
  display: none;
  inset: 24vw 2.1vw auto auto;
}

.donut-image {
  height: auto;
  position: absolute;
}

.donut-image.is--1 {
  width: 4.5vw;
  inset: 3.5vw auto auto 5.6vw;
  transform: rotate(-31.65deg);
}

.donut-image.is--2 {
  width: 7.5vw;
  inset: 17vw auto auto 11vw;
  transform: rotate(-15deg);
}

.donut-image.is--3 {
  width: 5.4vw;
  inset: auto auto 2vw 3vw;
  transform: rotate(9deg);
}

.donut-image.is--4 {
  width: 7vw;
  inset: 9vw 8.6vw auto auto;
  transform: rotate(15deg);
}

.donut-image.is--5 {
  width: 4.5vw;
  inset: auto 12vw 9vw auto;
  transform: rotate(18deg);
}

.question {
  z-index: 9999;
  padding-top: 9vw;
  padding-bottom: 9vw;
  display: none;
  position: absolute;
  inset: 0%;
}

.question.six {
  padding-top: 5vw;
  padding-bottom: 5vw;
}

.question.is--last {
  background-color: var(--white);
  padding: 5vw;
}

.number {
  color: var(--red);
  text-transform: uppercase;
  margin-top: 4vw;
  margin-left: 4vw;
  font-family: Publicpixel, sans-serif;
  font-size: 1.6vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.number.is--number {
  text-align: left;
  width: auto;
  display: block;
  top: 2vw;
  left: 2vw;
}

.number.is--new {
  font-family: Basisgrotesquepro, sans-serif;
  display: none;
}

.question-wrapper {
  z-index: 9999;
  flex-flow: column;
  justify-content: space-between;
  width: 54vw;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.question-wrapper.is--larger {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: center;
  width: 60vw;
}

.question-wrapper.is--new {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.question-wrapper.hide {
  display: none;
}

.answers-wrapper {
  grid-column-gap: 1.2vw;
  grid-row-gap: 1.2vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.answer-block-top {
  z-index: 1;
  justify-content: center;
  align-items: center;
  height: 6.7vw;
  display: flex;
  position: relative;
}

.border-grey-light {
  background-color: #d9d9d9;
  width: 25.8vw;
  height: .6vw;
  position: absolute;
}

.border-grey-light.is--top-right {
  inset: 0% 0% auto auto;
}

.border-grey-light.is--top-right.is--small {
  width: 9.4vw;
}

.border-grey-light.is--bottom-left {
  inset: auto auto 0% 0%;
}

.border-grey-light.is--bottom-left.is--small {
  width: 9.4vw;
}

.border-grey-light.is--left-bottom {
  width: .6vw;
  height: 6.1vw;
  inset: auto auto 0% 0%;
}

.border-grey-light.is--left-bottom.is--small {
  height: 5.4vw;
}

.border-grey-light.is--right-top {
  width: .6vw;
  height: 6.1vw;
  inset: 0% 0% auto auto;
}

.border-grey-light.is--right-top.is--small {
  height: 5.4vw;
}

.border-grey-light.is--top-left {
  inset: 0% auto auto 0%;
}

.border-grey-light.is--bottom-right {
  inset: auto 0% 0% auto;
}

.border-grey-light.is--left-top {
  width: .6vw;
  height: 6.1vw;
  inset: 0% auto auto 0%;
}

.border-grey-light.is--right-bottom {
  width: .6vw;
  height: 6.1vw;
  inset: auto 0% 0% auto;
}

.answer-block {
  cursor: pointer;
  position: relative;
}

.answer-block-bottom {
  z-index: 0;
  height: 6.7vw;
  position: absolute;
  inset: 0%;
}

.border-grey-dark {
  background-color: #767676;
  width: 25.8vw;
  height: 2vw;
  position: absolute;
}

.border-grey-dark.is--top-right {
  width: 25.7vw;
  inset: 0% 0% auto auto;
}

.border-grey-dark.is--top-right.is--small {
  width: 9.3vw;
}

.border-grey-dark.is--bottom-left {
  width: 25.7vw;
  inset: auto auto 0% 0%;
}

.border-grey-dark.is--bottom-left.is--small {
  width: 9.3vw;
}

.border-grey-dark.is--left-bottom {
  width: 2vw;
  height: 6.1vw;
  inset: auto auto 0% 0%;
}

.border-grey-dark.is--left-bottom.is--small {
  height: 5.4vw;
}

.border-grey-dark.is--right-top {
  width: 2vw;
  height: 6.1vw;
  inset: 0% 0% auto auto;
}

.border-grey-dark.is--right-top.is--small {
  height: 5.4vw;
}

.border-grey-dark.is--top-left {
  inset: 0% auto auto 0%;
}

.border-grey-dark.is--bottom-right {
  inset: auto 0% 0% auto;
}

.border-grey-dark.is--left-top {
  width: .6vw;
  height: 6.1vw;
  inset: 0% auto auto 0%;
}

.border-grey-dark.is--right-bottom {
  width: .6vw;
  height: 6.1vw;
  inset: auto 0% 0% auto;
}

.correct-answer-wrapper {
  opacity: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 54vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 5vw 0%;
}

.correct-answer-wrapper.is--red {
  justify-content: space-around;
}

.has--color-green {
  color: #00ff38;
}

.second-question, .third-question, .fourth-question, .fifth-question {
  padding-top: 7vw;
  padding-bottom: 7vw;
  display: none;
  position: absolute;
  inset: 0%;
}

.answer-block-new {
  border: .6px solid var(--red);
  background-color: var(--white);
  cursor: pointer;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 6.7vw;
  padding-left: 2vw;
  padding-right: 2vw;
  transition: transform .2s;
  display: flex;
  position: relative;
}

.answer-block-new:hover {
  transform: scale(1.02);
}

.sixth-question {
  padding-top: 3vw;
  padding-bottom: 3vw;
  display: none;
  position: absolute;
  inset: 0%;
}

.question-block {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.seventh-question, .eighth-question, .nineth-question, .tenth-question {
  padding-top: 7vw;
  padding-bottom: 7vw;
  display: none;
  position: absolute;
  inset: 0%;
}

.paragraph-wrapper_mobile, .text-more {
  display: none;
}

.white-image {
  z-index: 19;
  height: auto;
  display: none;
  position: absolute;
  inset: auto 0% -1px auto;
}

.white-image.is--1 {
  width: 23.4vw;
}

.white-image.is--2 {
  z-index: 19;
  width: 36vw;
}

.white-image.is--3 {
  width: 45.4vw;
}

.white-image.is--4 {
  width: 66vw;
  right: -8%;
}

.white-image.is--5 {
  width: 99vw;
  right: -6.7vw;
}

.white-image.is--6 {
  width: 96.2vw;
}

.white-image.is--7 {
  width: 99vw;
}

.white-image.is--8 {
  width: 101vw;
  height: auto;
}

.white-image.is--9 {
  width: 102vw;
  bottom: -2vw;
}

.white-image.is--10 {
  background-color: var(--white);
  width: 100%;
  height: 100.5%;
  display: none;
}

.top-block {
  grid-column-gap: 1.3vw;
  grid-row-gap: 1.3vw;
  flex-flow: column;
  display: flex;
}

.bottom-block {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  justify-content: space-between;
  display: flex;
}

.quote-block {
  border: .64px solid var(--red);
  border-radius: 28px 28px 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 3.19vw;
  padding-right: 3.17vw;
  display: flex;
}

.button-block {
  color: #fff;
  cursor: pointer;
  width: 29.7vw;
  transition: color .2s;
  position: relative;
}

.button-block.is--final {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-top: 3vw;
  display: flex;
}

.button-text-new {
  color: var(--white);
  font-family: Basisgrotesquepro, sans-serif;
  font-size: 1.6vw;
}

.button-text-new.has--style-allcaps {
  background-color: #eef4f4;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 23vw;
  height: 5.05vw;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.button-text-new.has--style-allcaps.is--red {
  text-align: center;
  text-transform: uppercase;
  background-color: #ff3b3b;
  padding-left: 0;
  padding-right: 0;
  transition: background-color .3s;
}

.button-text-new.has--style-allcaps.is--black {
  text-align: center;
  text-transform: uppercase;
  background-color: #000;
  padding-left: 0;
  padding-right: 0;
  transition: background-color .3s;
}

.button-text-new.has--style-allcaps.no-background {
  border-bottom: 1px solid var(--red);
  color: var(--red);
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 0;
  width: auto;
  height: auto;
  padding-left: 0;
  padding-right: 0;
}

.button-arrow-new {
  width: auto;
  height: 1.4vw;
  position: absolute;
  inset: 35% 5.5% 0% auto;
  transform: rotate(-45deg);
}

.button-image {
  z-index: -1;
  color: #ff3b3b;
  width: auto;
  height: 5.05vw;
  transition: color .3s;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.button-image.is--black {
  color: var(--black);
}

.buttons-wrapper {
  grid-column-gap: .8vw;
  grid-row-gap: .8vw;
  flex-flow: column;
  align-self: flex-end;
  display: flex;
}

.quote-inner {
  position: relative;
}

.quote-icon {
  width: auto;
  height: 1.3vw;
  position: absolute;
  inset: .15vw auto auto 0%;
}

.div-block {
  mix-blend-mode: difference;
}

.wrong-answer-wrapper {
  z-index: -1;
  opacity: 0;
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 54vw;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 5vw 0%;
}

.next-button {
  cursor: pointer;
  width: 11vw;
  position: relative;
}

.button-next {
  cursor: pointer;
  width: 10vw;
  margin-top: 2vw;
  position: relative;
}

.button-next.one.is--new {
  border: .6px solid var(--red);
  background-color: var(--white);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 9vw;
  height: 5vw;
  margin-top: 9vw;
  transition: transform .2s;
  display: flex;
}

.button-next.one.is--new:hover {
  transform: scale(1.02);
}

.button-next.one.is--new.is--1 {
  margin-top: 4vw;
}

.button-next.one.is--mobile {
  display: none;
}

.button-next.two.is--new {
  border: .6px solid var(--red);
  background-color: var(--white);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 9vw;
  height: 5vw;
  margin-top: 4vw;
  transition: transform .2s;
  display: flex;
}

.button-next.two.is--new:hover {
  transform: scale(1.02);
}

.button-next.two.is--mobile {
  display: none;
}

.button-next-top {
  z-index: 1;
  justify-content: center;
  align-items: center;
  height: 6vw;
  display: flex;
  position: relative;
}

.button-next-bottom {
  z-index: 0;
  height: 6vw;
  position: absolute;
  inset: 0%;
}

.false-answer-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 54vw;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 5vw 0%;
}

.false-answer-wrapper.is--red {
  justify-content: space-around;
}

.false-answer-wrapper.show {
  opacity: 1;
  display: flex;
}

.false-answer-wrapper.has--gap {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  margin-top: -5vw;
}

.success-block {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: none;
}

.fail-block {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.fail-block-inner {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.paragraph-block {
  margin-bottom: 1vw;
  display: flex;
}

.overlay {
  z-index: 9999;
  background-color: var(--black);
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.tab-button {
  width: 1vw;
  height: auto;
  position: absolute;
  inset: 32% .7vw 0% auto;
}

.tab-button:hover {
  transform: scale(1.2);
}

.preloader {
  z-index: 9999;
  background-color: var(--black);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.ain25-image {
  width: 27vw;
  height: auto;
}

.embed {
  margin-bottom: 0;
  display: none;
}

.link-donate {
  margin-top: 3vw;
}

.artycoders-link {
  color: var(--red);
  text-transform: uppercase;
  align-self: center;
  margin-left: 32vw;
  font-size: 1.1vw;
}

.artycoders-link.is--mobile {
  display: none;
}

.share-button-wrapper {
  grid-column-gap: .8vw;
  grid-row-gap: .8vw;
  display: flex;
}

.share-button {
  aspect-ratio: 1;
  background-color: var(--red);
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 6vw;
  transition: background-color .2s;
  display: flex;
}

.share-button:hover {
  background-color: var(--black);
}

.awesomic-image {
  width: 100%;
  height: auto;
}

.zeminvest-logo, .sova-logo {
  width: 90%;
  height: auto;
}

.leleka-image, .fff-image {
  width: 100%;
  height: auto;
}

.megogo-image {
  width: 20vw;
  min-width: 20vw;
  height: auto;
}

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

  .white-image.is--5 {
    right: .6vw;
  }
}

@media screen and (min-width: 1440px) {
  h1 {
    font-size: 80px;
  }

  .author-name {
    font-size: 60px;
  }

  .paragraph-default, .paragraph-default.has--color-white {
    font-size: 1.5vw;
  }

  .paragraph-medium {
    width: 84%;
    font-size: 1vw;
  }

  .paragraph-medium.has--color-white {
    width: 98%;
    font-size: 1.3vw;
  }

  .paragraph-medium.has--color-white.is--mobile, .paragraph-medium.has--color-white.is--mobile-hide {
    width: 87%;
  }

  .paragraph-medium.is--button {
    width: 98%;
    height: 4.3vw;
    font-size: 1.5vw;
  }

  .paragraph-medium.is--button.is--mobile, .paragraph-medium.is--button.is--mobile-hide {
    width: 87%;
  }

  .count {
    font-size: 1.5vw;
  }

  .page-wrapper {
    position: relative;
  }

  .paragraph-small {
    font-size: 1.25vw;
  }

  .paragraph-small.is--link {
    font-size: 1.3vw;
  }

  .container-default {
    max-width: 1368px;
  }

  .container {
    max-width: 90vw;
  }

  .container.is--hero {
    max-width: 94vw;
  }

  .content-block.is--hero {
    padding-top: 3vw;
  }

  .hero-section {
    padding-bottom: 4vw;
  }

  .head-block {
    grid-column-gap: 2.6vw;
    grid-row-gap: 2.6vw;
    height: 8vw;
  }

  .hero-block {
    padding: 3.7vw 7.5vw;
  }

  .h2-small {
    font-size: .6vw;
  }

  .hero-text {
    font-size: 26px;
  }

  .hero-text.is--small {
    font-size: .9vw;
  }

  .paragraph-italic {
    font-size: 25px;
  }

  .text-hero {
    font-size: .9vw;
  }

  .logo-icon {
    height: 2.6vw;
  }

  .logo-icon_olx {
    height: 3.5vw;
  }

  .hero-line.is--1 {
    left: -2%;
  }

  .hero-line.is--1.draw-animation {
    height: 358.66px;
  }

  .hero-line.is--2 {
    right: -4%;
  }

  .hero-line.is--2.draw-animation {
    height: 460px;
    bottom: -23.5%;
  }

  .hero_top-wrapper {
    grid-column-gap: 1.5vw;
    grid-row-gap: 1.5vw;
    width: 42vw;
    margin-bottom: 6.2vw;
  }

  .hero_text-block {
    border-radius: 5px;
    height: 1.8vw;
    padding-left: 1.8vw;
    padding-right: 1.8vw;
  }

  .h1 {
    height: 4.6vw;
  }

  .hero_bottom-wrapper {
    width: 596px;
    bottom: -115px;
  }

  .folder-part.is--back {
    margin-bottom: 4vw;
  }

  .folder-part.is--front {
    grid-column-gap: .4vw;
    grid-row-gap: .4vw;
    border-radius: 35px;
    height: 16vw;
    padding: 2.2vw 2vw;
  }

  .white-block {
    border-radius: 45px;
    margin-top: 6px;
    padding: 90px;
  }

  .white-block.is--small {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .white-block.is--big {
    padding-top: 90px;
    padding-bottom: 90px;
    padding-left: 90px;
  }

  .layout {
    grid-column-gap: 6px;
    margin-bottom: 6px;
  }

  .layout.has--no-margin, .layout.has--small-gap {
    grid-column-gap: 190px;
    grid-row-gap: 190px;
  }

  .button-arrow {
    height: 81px;
    margin-bottom: 1vw;
    inset: auto auto 0% 160px;
    transform: rotate(0);
  }

  .button-arrow.draw-animation {
    height: 79px;
    bottom: 5%;
  }

  .button-arrow.is--bottom {
    left: 280px;
  }

  .share-block {
    grid-column-gap: 1.8vw;
    grid-row-gap: 1.8vw;
  }

  .section-maria {
    z-index: 0;
  }

  .image-block {
    border-radius: 45px;
    height: 674px;
  }

  .image.left.is--man {
    width: 462px;
    min-width: 462px;
  }

  .image.left.is--banana {
    width: 270px;
  }

  .image.left.is--card {
    width: 150px;
    left: 230px;
  }

  .image.left.is--website {
    width: 370px;
  }

  .image.left.is--raiting {
    bottom: 47%;
    left: 40%;
  }

  .image.right.is--granny {
    width: 200px;
    top: 50%;
    left: 320px;
  }

  .image.right.is--vase {
    width: 310px;
    left: 1px;
  }

  .image.right.is--guarantee {
    width: 240px;
  }

  .image.right.is--man {
    width: 300px;
    min-width: 300px;
  }

  .image.right.is--association {
    width: 180px;
    top: 50%;
  }

  .hero-image.is--ketchup {
    width: 260px;
    left: -90px;
  }

  .hero-image.is--man {
    width: 190px;
    top: -130px;
    left: 357px;
  }

  .hero-image.is--doors {
    width: 365.55px;
    top: -100px;
    left: 53px;
  }

  .hero-image.is--dress {
    width: 260px;
    top: -140px;
    right: 180px;
  }

  .hero-image.is--socks {
    width: 130px;
    top: -120px;
    right: -102px;
  }

  .background-line {
    width: 26vw;
  }

  .background-line.is--1 {
    width: 37vw;
  }

  .background-line.is--2 {
    width: 40vw;
    bottom: -12vw;
  }

  .background-line.is--3 {
    width: 30vw;
    bottom: -11.7vw;
    left: -11vw;
  }

  .background-line.is--4 {
    width: 17vw;
    right: -4%;
  }

  .background-line.is--5 {
    width: 40vw;
    bottom: -1vw;
    left: -1vw;
  }

  .h3 {
    font-size: 20px;
  }

  .folders-wrapper {
    grid-column-gap: 2.8vw;
    grid-row-gap: 1.6vw;
  }

  .folder-item.is--3 {
    left: 9vw;
  }

  .h2 {
    font-size: 2.2vw;
  }

  .folder_inner.is--youtube {
    width: 11vw;
    top: 2.2vw;
    left: 1.8vw;
  }

  .folder_inner.is--o {
    width: 12vw;
    top: -1.8vw;
    left: -.6vw;
  }

  .folder_inner.is--l {
    width: 6.5vw;
    top: -.8vw;
    left: 8.6vw;
  }

  .folder_inner.is--x {
    width: 11.6vw;
    top: .7vw;
    right: -.6vw;
  }

  .folder_inner.is--ketechup {
    width: 12.8vw;
    top: -.4vw;
    left: -2.2vw;
  }

  .folder_inner.is--bouquet {
    width: 11vw;
    top: -1.7vw;
    left: 7.3vw;
  }

  .folder_inner.is--dress {
    width: 14vw;
    top: -2.6vw;
    right: -2.6vw;
  }

  .folder_inner.is--box {
    width: 13vw;
    top: .4vw;
    left: -3vw;
  }

  .folder_inner.is--man {
    width: 19.5vw;
    top: -3.8vw;
    left: 2.5vw;
  }

  .folder_inner.is--card {
    width: 7.4vw;
    top: 3.5vw;
    right: -.9vw;
  }

  .folder_inner.is--car {
    width: 12vw;
    top: 2vw;
    left: 0;
  }

  .folder_inner.is--chair {
    width: 9.5vw;
    top: -.7vw;
    right: 5.5vw;
  }

  .folder_inner.is--flowers {
    width: 13vw;
    top: 1vw;
    right: 0;
  }

  .folder_inner.is--garbage {
    width: 10vw;
    top: -1vw;
    left: 1.6vw;
  }

  .folder_inner.is--parcel {
    width: 16vw;
    top: .6vw;
    left: 3.6vw;
  }

  .folder_inner.is--blender {
    width: 14vw;
    top: -1.9vw;
    right: 0;
  }

  .link-block {
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    width: 5.6vw;
    bottom: 2.5vw;
  }

  .link-block.is--large {
    width: 7.5vw;
  }

  .arrow-block.is--left, .arrow-block.is--right {
    height: 1vw;
  }

  .quote-old {
    margin-top: 2.5vw;
    font-size: 1.5vw;
  }

  .quote-new {
    font-size: 1.5vw;
  }

  .marquee-wrapper, .marquee-part {
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
  }

  .marquee-text {
    font-size: 2.3vw;
  }

  .text-style_h1 {
    font-size: 6vw;
  }

  .folder-name {
    font-size: 1.1vw;
  }

  .file-name {
    font-size: 1.25vw;
  }

  .paragraph-large {
    width: 33vw;
    font-size: 1.5vw;
  }

  .paragraph-medium-new {
    font-size: 1.25vw;
  }

  .paragraph-default-new {
    font-size: 1.5vw;
  }

  .paragraph-small-new {
    font-size: 1vw;
  }

  .paragraph-large-new {
    font-size: 2vw;
  }

  .paragraph-large-new.has--style-allcaps {
    font-size: 1.4vw;
  }

  .paragraph-large-new.is--last, .paragraph-large-new.is--last-black {
    font-size: 2.5vw;
  }

  .main-button.is--big {
    height: 3vw;
  }

  .hero-bottom-right {
    width: 9.5vw;
    padding-left: .4vw;
    padding-right: .4vw;
  }

  .icon.is--sound {
    width: 1.8vw;
  }

  .icon.is--paint {
    width: 4.25vw;
  }

  .icon.is--paint_small {
    width: 1.6vw;
  }

  .icon.is--paint-small {
    width: 1.8vw;
  }

  .folder-block {
    margin-top: 0;
  }

  .tab-block {
    width: 16vw;
  }

  .tab-block.is--donate {
    width: 20vw;
    height: 3vw;
  }

  .tab-block-inner.has--align-left {
    grid-column-gap: 1.2vw;
    grid-row-gap: 1.2vw;
    padding-left: .6vw;
  }

  .donate-block {
    border-width: 4px;
    align-self: center;
    width: 41.4vw;
    margin-right: 6vw;
  }

  .counter-wrapper {
    width: 37vw;
    height: 3vw;
  }

  .loader-block {
    width: 35.2vw;
    height: 1.3vw;
    top: .65vw;
    left: .8vw;
  }

  .button-text {
    font-size: .9vw;
  }

  .button-wrapper {
    grid-column-gap: 1.5vw;
    grid-row-gap: 1.5vw;
  }

  .quizz-inner {
    height: 40vw;
  }

  .quizz-image {
    bottom: -.2vw;
  }

  .start-block {
    width: 34.5vw;
    top: 7.9vw;
  }

  .white-border.is--top, .white-border.is--bottom {
    width: 33.65vw;
  }

  .about-block {
    border-width: 2px;
    align-self: center;
    width: 80vw;
    margin-right: 2vw;
  }

  .setting-block {
    grid-column-gap: .6vw;
    grid-row-gap: .6vw;
  }

  .about-content {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto 1vw;
  }

  .tools-block {
    border-width: 2px;
    margin-bottom: 2px;
    margin-right: 2px;
  }

  .paragraph-wrapper {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    width: 51vw;
  }

  .color-block {
    border-width: 3px;
    padding-top: 3px;
    padding-left: 3px;
  }

  .scroll-bar {
    width: 25vw;
    height: 1vw;
  }

  .scroll-bar.is--vertical {
    right: .1vw;
  }

  .empty-block {
    width: 17vw;
  }

  .grey-window.is--visa {
    height: 75vh;
    left: 9vw;
  }

  .grey-window.is--mastercard {
    left: 27vw;
  }

  .grey-window.is--uklon {
    height: 62vh;
    top: 11.5vw;
    right: 3vw;
  }

  .shields-image {
    pointer-events: none;
  }

  .shields-wrapper {
    height: 95%;
  }

  .red-window.is--1 {
    top: 11vw;
    left: 14vw;
  }

  .red-window.is--2 {
    width: 12vw;
    top: 21vw;
    left: 23vw;
  }

  .red-window.is--3 {
    top: 19.1vw;
    left: 53vw;
  }

  .red-window.is--4 {
    top: 34vw;
    left: 56vw;
  }

  .red-window.is--5 {
    top: 3vw;
  }

  .red-window.is--10 {
    left: 56vw;
  }

  .red-window.is--6 {
    z-index: 2;
    height: 16vw;
    top: 28vw;
    left: 39vw;
  }

  .red-window.is--8 {
    top: 16vw;
    left: 39.9vw;
  }

  .odometer {
    font-size: 1.5vw;
  }

  .odometer-wrapper {
    font-size: 1.5vw;
    top: -.2vw;
  }

  .star-block.is--yellow-3 {
    top: 4vw;
  }

  .question {
    padding-top: 7.5vw;
    padding-bottom: 7.5vw;
  }

  .number {
    font-size: 1.5vw;
  }

  .question-wrapper.is--larger {
    width: 56vw;
  }

  .question-wrapper.is--new {
    grid-column-gap: 3.75vw;
    grid-row-gap: 3.75vw;
  }

  .question-wrapper.hide {
    display: none;
  }

  .border-grey-light.is--left-bottom.is--small, .border-grey-light.is--right-top.is--small, .border-grey-dark.is--left-bottom.is--small, .border-grey-dark.is--right-top.is--small {
    height: 4.9vw;
  }

  .correct-answer-wrapper {
    top: 7.5vw;
    bottom: 7.5vw;
  }

  .second-question, .third-question, .fourth-question, .fifth-question {
    padding-top: 7.5vw;
    padding-bottom: 7.5vw;
  }

  .answer-block-new {
    border-width: 1px;
    border-radius: 20px;
  }

  .sixth-question, .seventh-question, .eighth-question, .nineth-question, .tenth-question {
    padding-top: 7.5vw;
    padding-bottom: 7.5vw;
  }

  .white-image.is--1 {
    width: 22.8vw;
  }

  .white-image.is--2 {
    width: 35vw;
  }

  .white-image.is--3 {
    width: 43vw;
  }

  .white-image.is--4 {
    width: 64vw;
    right: -5.5%;
  }

  .white-image.is--5 {
    width: 97.5vw;
    right: -4.5vw;
  }

  .white-image.is--6, .white-image.is--7 {
    width: 90vw;
  }

  .white-image.is--8 {
    width: 96vw;
  }

  .white-image.is--9 {
    width: 107vw;
    bottom: -3vw;
    right: -9.4vw;
  }

  .bottom-block {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
  }

  .quote-block {
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
    border-bottom-left-radius: 45px;
    padding-left: 3.78vw;
    padding-right: 3.79vw;
  }

  .button-block {
    width: 25.62vw;
  }

  .button-text-new {
    font-size: 1.1vw;
  }

  .button-text-new.has--style-allcaps.is--red, .button-text-new.has--style-allcaps.is--black {
    width: 20.13vw;
    height: 4.16vw;
    font-size: 16px;
  }

  .button-text-new.has--style-allcaps.no-background {
    font-size: 16px;
  }

  .button-arrow-new {
    height: 1.1vw;
    right: 6%;
  }

  .button-image, .button-image.is--black {
    height: 4.16vw;
  }

  .buttons-wrapper {
    grid-column-gap: .6vw;
    grid-row-gap: .6vw;
  }

  .quote-icon {
    top: .1vw;
  }

  .wrong-answer-wrapper {
    top: 7.5vw;
    bottom: 7.5vw;
  }

  .next-button {
    width: 10vw;
  }

  .button-next {
    margin-top: 2.5vw;
  }

  .button-next.two {
    margin-top: 4vw;
  }

  .button-next-top, .button-next-bottom {
    height: 5.5vw;
  }

  .false-answer-wrapper {
    top: 7.5vw;
    bottom: 7.5vw;
  }

  .fail-block {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .has--color-white-large {
    color: var(--white);
  }

  .tab-button {
    width: .7vw;
    top: 34%;
  }

  .artycoders-link {
    margin-left: 50vw;
    font-size: .73vw;
  }

  .share-button-wrapper {
    grid-column-gap: .93vw;
    grid-row-gap: .93vw;
  }

  .share-button {
    width: 4.8vw;
  }
}

@media screen and (min-width: 1920px) {
  .button-text-new.has--style-allcaps.is--red, .button-text-new.has--style-allcaps.is--black, .button-text-new.has--style-allcaps.no-background {
    font-size: 20px;
  }
}

@media screen and (max-width: 991px) {
  .button {
    margin-left: 40px;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .author-name.animate {
    font-size: 32px;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .paragraph-default {
    font-size: 2vw;
  }

  .paragraph-default.has--color-white, .paragraph-default.has--color-white-copy {
    width: 61vw;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-default.has--color-black {
    color: var(--white);
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-huge {
    margin: 5rem;
  }

  .section-padding-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .ac-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .section-padding-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .ac-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .ac-styleguide_heading-medium {
    font-size: 3rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .ac-styleguide_4-col {
    grid-template-columns: 1fr;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .paragraph-medium {
    font-size: 1.8vw;
  }

  .paragraph-medium.has--margin {
    margin-left: 40px;
  }

  .paragraph-medium.has--color-white {
    width: 97%;
    height: 8.8vw;
  }

  .paragraph-medium.has--color-white.is--small {
    display: none;
  }

  .paragraph-medium.has--color-white.is--large {
    font-size: 1.6vw;
  }

  .paragraph-medium.has--color-white.is--mobile {
    width: auto;
    font-size: 1.8vw;
  }

  .paragraph-medium.has--color-white.is--mobile-hide {
    background-color: #23233a;
    width: 36.9vw;
    padding-top: 1.55vw;
    padding-bottom: 1.55vw;
    padding-left: 2vw;
    font-size: 1.6vw;
    position: absolute;
    inset: .6vw .6vw auto auto;
  }

  .paragraph-medium.is--button {
    width: 97%;
    font-size: 2vw;
  }

  .paragraph-medium.is--button.is--small {
    display: none;
  }

  .paragraph-medium.is--button.is--large {
    font-size: 1.6vw;
  }

  .paragraph-medium.is--button.is--mobile {
    font-size: 1.8vw;
  }

  .paragraph-medium.is--button.is--mobile-hide {
    background-color: #23233a;
    width: 36.9vw;
    padding-top: 1.55vw;
    padding-bottom: 1.55vw;
    padding-left: 2vw;
    font-size: 1.6vw;
    position: absolute;
    inset: .6vw .6vw auto auto;
  }

  .count {
    font-size: 2.2vw;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .ac-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .has--max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .ac-styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .hide-tablet {
    display: none;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-small {
    font-size: 1.6vw;
  }

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

  .container {
    max-width: 92vw;
  }

  .content-block.is--hero {
    flex-flow: column;
    padding-top: 5.2vw;
    padding-bottom: 9vw;
  }

  .hero-section {
    padding-bottom: 4vw;
  }

  .head-block {
    grid-column-gap: 4.1vw;
    grid-row-gap: 4.1vw;
    height: 13vw;
  }

  .hero-block {
    padding: 4.5vw 6.2vw;
  }

  .h2-small {
    font-size: 1.3vw;
  }

  .link.is--hero {
    font-size: 1.8vw;
  }

  .hero-text.is--small {
    font-size: 2vw;
  }

  .tag-block {
    padding: 7px 12px 7px 10px;
  }

  .paragraph-italic {
    margin-bottom: 40px;
    font-size: 22px;
  }

  .text-hero {
    font-size: 2vw;
  }

  .logo-icon {
    height: 4.1vw;
  }

  .logo-icon_olx {
    height: 5.4vw;
  }

  .hero-line.is--1.draw-animation {
    top: -20%;
    left: -7%;
  }

  .hero-line.is--2.draw-animation {
    right: -10%;
  }

  .hero_top-wrapper {
    grid-column-gap: 2.6vw;
    grid-row-gap: 2.6vw;
    width: 56vw;
    margin-bottom: 9vw;
  }

  .hero_text-block {
    height: 3.9vw;
    padding-left: 3.1vw;
    padding-right: 3.1vw;
  }

  .hero_bottom-wrapper {
    width: 415.51px;
    bottom: -140px;
  }

  .folder-part.is--back {
    margin-bottom: 4vw;
  }

  .folder-part.is--front {
    height: 16vw;
    padding-top: 2.3vw;
    padding-bottom: 2.3vw;
  }

  .white-block {
    padding: 60px 40px;
  }

  .white-block.is--small {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .white-block.is--big {
    z-index: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    overflow: hidden;
  }

  .white-block.is--big.has--no-top-padding {
    padding-top: 0;
  }

  .white-block.is--big.has--no-bottom-padding {
    padding-bottom: 0;
  }

  .layout.has--no-margin {
    flex-flow: column;
    display: flex;
  }

  .layout.has--no-margin.is--hero {
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .layout.is--white {
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
  }

  .layout.is--white.has--no-gap {
    grid-row-gap: 0px;
  }

  .layout.has--small-gap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex;
  }

  .layout.has--small-gap.is--hero {
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .button-arrow {
    height: 60px;
    bottom: 4%;
    right: 47%;
    transform: rotate(-7deg);
  }

  .button-arrow.draw-animation {
    height: 58px;
    bottom: 5%;
    right: 47%;
  }

  .button-arrow.draw-animation.is--bottom {
    bottom: 5.5%;
    right: 47.3%;
  }

  .button-arrow.is--bottom {
    bottom: 5%;
    right: 47.2%;
    transform: rotateX(0)rotateY(180deg)rotateZ(-10deg);
  }

  .image-block {
    height: 348.38px;
  }

  .image.left.is--man {
    width: 330px;
    min-width: 330px;
    bottom: -4%;
    left: 0%;
  }

  .image.left.is--banana {
    width: 210px;
  }

  .image.left.is--card {
    width: 140px;
    inset: 2% auto auto 34%;
  }

  .image.left.is--website {
    width: 250px;
    min-width: auto;
    inset: 20% auto auto 10%;
  }

  .image.left.is--raiting {
    width: 150px;
    inset: 20% auto auto 13%;
  }

  .image.right.is--granny {
    width: 110px;
    inset: 0% 23% auto auto;
  }

  .image.right.is--vase {
    width: 250px;
    inset: auto 10% -11% auto;
  }

  .image.right.is--guarantee {
    width: 180px;
    inset: auto 15% 0% auto;
  }

  .image.right.is--man {
    width: 200px;
    min-width: 220px;
    inset: auto 25% 0% auto;
  }

  .image.right.is--association {
    width: 170px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
    inset: 28% 4% auto auto;
  }

  .image-wrapper {
    height: 280px;
    position: relative;
  }

  .image-wrapper.is--small {
    height: auto;
    padding-top: 20px;
  }

  .hero-image.is--ketchup {
    width: 195.18px;
    left: -94px;
  }

  .hero-image.is--man {
    width: 223.098px;
    left: 130px;
  }

  .hero-image.is--doors {
    width: 174.89px;
    top: -60px;
  }

  .hero-image.is--socks {
    width: 73.03px;
    top: -90px;
    right: 40px;
  }

  .background-line {
    width: 27vw;
    top: -5%;
    right: -4%;
  }

  .background-line.is--1 {
    width: 48vw;
    left: -28.5%;
  }

  .background-line.is--3 {
    width: 34vw;
    bottom: -17%;
    left: -16%;
  }

  .background-line.is--4 {
    width: 19vw;
  }

  .section-last {
    margin-bottom: 100px;
  }

  .folders-wrapper {
    grid-column-gap: 2.6vw;
    grid-row-gap: 2.6vw;
  }

  .folder-item {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .folder-item.is--partners {
    top: 15vw;
  }

  .folder-item.is--3 {
    top: 14vw;
    left: 15vw;
  }

  .folder-item.is--4 {
    top: 29vw;
    left: 1.4vw;
  }

  .h2 {
    font-size: 2.4vw;
  }

  .folder_inner.is--youtube {
    width: 11.6vw;
    top: 2.8vw;
    left: 2.5vw;
  }

  .folder_inner.is--o {
    width: 11.7vw;
    top: -1.3vw;
    left: -.8vw;
  }

  .folder_inner.is--l {
    width: 6.5vw;
    top: -1vw;
    left: 9vw;
  }

  .folder_inner.is--x {
    width: 11.7vw;
    top: 1vw;
    right: -.6vw;
  }

  .folder_inner.is--ketechup {
    width: 12.8vw;
    top: 0;
    left: -2vw;
  }

  .folder_inner.is--bouquet {
    width: 11vw;
    top: -1.4vw;
    left: 7.8vw;
  }

  .folder_inner.is--dress {
    width: 13.6vw;
    top: -1.8vw;
    right: -2.2vw;
  }

  .folder_inner.is--box {
    width: 12.8vw;
    top: 1.2vw;
    left: -3vw;
  }

  .folder_inner.is--man {
    width: 19.5vw;
    top: -3.3vw;
    left: 3.1vw;
  }

  .folder_inner.is--card {
    width: 7.4vw;
    top: 4vw;
    right: -.8vw;
  }

  .folder_inner.is--car {
    width: 12vw;
    top: 2.5vw;
    left: .6vw;
  }

  .folder_inner.is--chair {
    width: 10vw;
    top: -.7vw;
    right: 5.5vw;
  }

  .folder_inner.is--flowers {
    width: 13vw;
    top: 1.5vw;
    right: .8vw;
  }

  .folder_inner.is--garbage {
    width: 11vw;
    top: -1.4vw;
    left: 2vw;
  }

  .folder_inner.is--parcel {
    width: 15vw;
    top: 1.7vw;
    left: 5.6vw;
  }

  .folder_inner.is--blender {
    width: 14vw;
    top: -1.5vw;
  }

  .link-block {
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    width: 6.5vw;
    bottom: 1.9vw;
  }

  .link-block.is--large {
    width: 8.4vw;
  }

  .arrow-block.is--bottom, .arrow-block.is--top {
    height: 1.2vw;
  }

  .h2-medium {
    font-size: 1.7vw;
  }

  .h2-large {
    font-size: 6.5vw;
  }

  .quote-old {
    margin-top: 5vw;
    font-size: 2.6vw;
  }

  .quote-new {
    font-size: 2vw;
  }

  .section-hero {
    height: 100svh;
  }

  .marquee-wrapper {
    grid-column-gap: 3.6vw;
    grid-row-gap: 3.6vw;
  }

  .marquee-part {
    grid-column-gap: 3.6vw;
    grid-row-gap: 3.6vw;
    height: 4.8vw;
  }

  .marquee-text {
    font-size: 2.9vw;
  }

  .text-style_h1 {
    font-size: 9.6vw;
  }

  .paragraph-xsmall {
    font-size: 1.3vw;
  }

  .folder-name {
    font-size: 2.3vw;
  }

  .folder-name.has--color-black {
    font-size: 1.8vw;
  }

  .file-name {
    font-size: 2.3vw;
  }

  .paragraph-large {
    width: 44vw;
    font-size: 2vw;
    top: 40vw;
  }

  .paragraph-large.is--number {
    top: 4vw;
    left: 4vw;
  }

  .paragraph-medium-new {
    font-size: 1.8vw;
  }

  .paragraph-default-new {
    width: 62vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 2vw;
  }

  .paragraph-small-new {
    font-size: 1.5vw;
  }

  .paragraph-large-new {
    font-size: 3.3vw;
  }

  .paragraph-large-new.is--last {
    text-align: center;
  }

  .main-button-inner {
    padding: .4vw 1.5vw;
  }

  .hero-bottom-right {
    width: 20vw;
    padding-left: .5vw;
    padding-right: .5vw;
  }

  .icon.is--sound {
    width: 3.8vw;
  }

  .icon.is--paint {
    width: 7.6vw;
  }

  .icon.is--paint_small {
    width: 3.3vw;
  }

  .icon.is--tool.is--1 {
    width: 1.8vw;
  }

  .icon.is--tool.is--2 {
    width: 1.6vw;
  }

  .icon.is--tool.is--3 {
    width: 1.2vw;
  }

  .icon.is--tool.is--4 {
    width: 1.6vw;
  }

  .icon.is--tool.is--5, .icon.is--tool.is--6 {
    width: 1.8vw;
  }

  .folder-block {
    grid-column-gap: 7vw;
    grid-row-gap: 3vw;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
    place-items: start center;
  }

  .tab-block {
    width: 33vw;
  }

  .tab-block-inner.has--align-left {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    padding-left: 1.2vw;
  }

  .donate-block {
    width: 60vw;
    margin-top: 24vw;
  }

  .donate-top-block {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .cross-block {
    height: 1.8vw;
  }

  .cross-block.is--small {
    height: 1.5vw;
  }

  .cross-block.has--background {
    border-width: 1px;
  }

  .counter-wrapper {
    width: 55vw;
    height: 4.2vw;
  }

  .loader-block {
    width: 52.2vw;
    height: 2vw;
    top: 1vw;
    left: 1.2vw;
  }

  .button-text {
    font-size: 2vw;
  }

  .main-button-inner-small {
    padding: .2vw 2vw;
  }

  .main-button-inner-small:hover {
    padding-top: .3vw;
    padding-bottom: .1vw;
  }

  .button-wrapper {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .dashed-border, .green-border {
    padding: 1.5vw;
  }

  .quizz-inner {
    height: 80vh;
  }

  .quizz-image {
    width: 140vw;
    left: -27%;
  }

  .quizz-image.is--regular {
    display: none;
  }

  .quizz-image.is--tablet {
    width: 140%;
    display: block;
    top: 36vw;
    bottom: auto;
    left: -20%;
  }

  .start-block {
    width: 48.2vw;
    height: 17.5vw;
    position: absolute;
    inset: 17.6vw auto auto 18.6vw;
  }

  .white-border.is--top, .white-border.is--bottom {
    width: 47.3vw;
    height: .6vw;
    left: .5vw;
  }

  .white-border.is--left {
    width: .6vw;
    height: 16.3vw;
    top: .6vw;
    left: -.1vw;
  }

  .white-border.is--right {
    width: .6vw;
    height: 16.3vw;
    top: .6vw;
    right: -.2vw;
  }

  .about-block {
    z-index: 1;
    width: 100%;
    height: 52vw;
    margin-top: 20vw;
  }

  .about-top-block {
    height: 2.7vw;
    padding: 2px 2px 2px .5vw;
  }

  .setting-block {
    height: 2.7vw;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .tools-block {
    width: 3.2vw;
  }

  .paragraph-wrapper {
    width: 65vw;
    margin-left: 15vw;
  }

  .paint-image {
    left: 1.5vw;
  }

  .color-block {
    width: 2.6vw;
  }

  .scroll-block.is--vertical {
    width: 1.1vw;
  }

  .scroll-bar {
    width: 30vw;
  }

  .scroll-bar.is--vertical {
    width: 1.1vw;
    min-width: 1.1vw;
    left: -.5px;
  }

  .scroll-bar-inner {
    height: .8vw;
  }

  .empty-block {
    width: 14vw;
  }

  .grey-window {
    grid-column-gap: .2vw;
    grid-row-gap: .2vw;
    padding: .7vw;
  }

  .grey-window.is--visa {
    width: 37vw;
    height: 20vw;
    top: 9vw;
    left: 6vw;
  }

  .grey-window.is--mastercard {
    width: 36vw;
    height: 22vw;
    left: auto;
    right: 11vw;
  }

  .grey-window.is--uklon {
    width: 30vw;
    height: 40vw;
    inset: auto 6vw 8vw auto;
  }

  .line-wrapper {
    grid-column-gap: .36vw;
    grid-row-gap: .36vw;
    width: 10vw;
  }

  .line-wrapper.is--long {
    width: 12vw;
  }

  .line {
    height: .07vw;
  }

  .shields-image {
    height: 4.5vw;
    top: 46%;
    left: 20.5%;
  }

  .shields-wrapper {
    height: 95.5%;
  }

  .red-window {
    padding: .4vw .7vw .7vw;
  }

  .red-window.is--1 {
    width: 16.5vw;
    height: 20vw;
    top: auto;
    bottom: 38vw;
    left: 7vw;
  }

  .red-window.is--2 {
    z-index: 1;
    width: 14vw;
    height: 16vw;
    top: auto;
    bottom: .7vw;
    left: 16vw;
  }

  .red-window.is--3 {
    width: 19vw;
    height: 20vw;
    top: auto;
    bottom: 5vw;
    left: 29vw;
  }

  .red-window.is--4 {
    width: 17vw;
    height: 10vw;
    padding-bottom: .4vw;
    padding-left: .4vw;
    padding-right: .4vw;
    top: auto;
    bottom: 6.7vw;
    left: 46vw;
  }

  .red-window.is--5 {
    z-index: 1;
    width: 29vw;
    height: 10vw;
    top: 24vw;
  }

  .red-window.is--10 {
    width: 17vw;
    height: 20vw;
    padding-bottom: .4vw;
    padding-left: .4vw;
    padding-right: .4vw;
    top: auto;
    bottom: 21vw;
    left: 40vw;
  }

  .red-window.is--6 {
    z-index: 1;
    top: auto;
    bottom: 21vw;
    left: 5vw;
  }

  .red-window.is--8 {
    z-index: -1;
    width: 16.5vw;
    height: 20vw;
    top: auto;
    bottom: 19vw;
    left: 23vw;
  }

  .vovky-image {
    width: 8vw;
  }

  .odometer {
    font-size: 2.2vw;
  }

  .odometer-wrapper {
    font-size: 2.2vw;
    top: .2vw;
  }

  .start-text {
    width: 41vw;
  }

  .star-block.is--silver-1 {
    top: 16.4vw;
    left: 1.7vw;
  }

  .star-block.is--silder-2 {
    top: 9vw;
    right: 24.3vw;
  }

  .star-block.is--yellow-1 {
    top: 21vw;
    left: 10vw;
  }

  .star-block.is--yellow-5 {
    top: 30vw;
    right: 4vw;
  }

  .star-block.is--pink-1 {
    top: 31vw;
    left: 16vw;
  }

  .star-block.is--pink-2 {
    top: 3vw;
  }

  .star-block.is--pink-3 {
    top: 10vw;
    right: 2vw;
  }

  .star-block.is--pink-4 {
    right: 16vw;
  }

  .star-block.is--silver-3 {
    inset: 12vw auto auto 35vw;
  }

  .star-block.is--silver-4 {
    inset: 43vw 5vw auto auto;
  }

  .star-block.is--green-4 {
    display: block;
    top: 5vw;
    right: 34vw;
  }

  .star-block.is--pink-5 {
    display: block;
    top: 5vw;
    left: 3vw;
    right: auto;
  }

  .star-block.is--silver-5 {
    display: block;
    top: 40vw;
    left: 10vw;
    right: auto;
  }

  .star-block.is--yellow-6 {
    display: block;
    top: 50vw;
    left: 2vw;
    right: auto;
  }

  .star-block.is--green-5 {
    display: block;
    top: 37vw;
    right: 13vw;
  }

  .donut-image.is--1 {
    width: 7.1vw;
    top: 37vw;
    left: auto;
    right: 5vw;
  }

  .donut-image.is--2 {
    width: 11.7vw;
    top: auto;
    bottom: 12vw;
    left: 9vw;
  }

  .donut-image.is--3 {
    width: 8.3vw;
    bottom: 4vw;
    left: auto;
    right: 20vw;
  }

  .donut-image.is--4 {
    width: 9vw;
    top: 5vw;
    left: 20vw;
    right: auto;
  }

  .donut-image.is--5 {
    width: 7vw;
    inset: 22vw auto auto 4vw;
  }

  .question.is--last {
    padding: 0;
  }

  .number {
    margin-top: 6vw;
    margin-left: 6vw;
    font-size: 2vw;
  }

  .number.is--number {
    top: 4vw;
    left: 4vw;
  }

  .question-wrapper {
    grid-column-gap: 1.8vw;
    grid-row-gap: 1.8vw;
    justify-content: center;
    width: 78vw;
  }

  .question-wrapper.is--new {
    grid-column-gap: 7.8vw;
    grid-row-gap: 7.8vw;
  }

  .answers-wrapper {
    grid-column-gap: 1.8vw;
    grid-row-gap: 1.8vw;
  }

  .answer-block-top {
    height: 10vw;
  }

  .border-grey-light.is--top-right, .border-grey-light.is--bottom-left {
    width: 37.5vw;
  }

  .border-grey-light.is--left-bottom, .border-grey-light.is--right-top {
    height: 9.4vw;
  }

  .border-grey-light.is--top-left, .border-grey-light.is--bottom-right {
    width: 37.5vw;
  }

  .border-grey-light.is--left-top, .border-grey-light.is--right-bottom {
    height: 9.4vw;
  }

  .answer-block.is--correct.hide, .answer-block.hide {
    display: block;
  }

  .answer-block-bottom {
    height: 10vw;
  }

  .border-grey-dark.is--top-right.is--small, .border-grey-dark.is--bottom-left.is--small {
    width: 9.3vw;
  }

  .correct-answer-wrapper {
    width: 61vw;
  }

  .answer-block-new {
    height: 10vw;
  }

  .answer-block-new.hide {
    display: none;
  }

  .paragraph-wrapper_mobile {
    grid-column-gap: 1.4vw;
    grid-row-gap: 1.4vw;
    background-color: #23233a;
    justify-content: center;
    align-items: center;
    width: 99%;
    display: flex;
  }

  .text-more {
    width: 3vw;
    height: auto;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .text-more.is--absolute {
    z-index: 9999;
    cursor: pointer;
    position: absolute;
    inset: 3.3vw 12vw auto auto;
  }

  .white-image.is--1 {
    width: 28vw;
  }

  .white-image.is--2 {
    width: 44.5vw;
  }

  .white-image.is--3 {
    width: 62vw;
  }

  .white-image.is--4 {
    width: 85vw;
    right: -.7%;
  }

  .white-image.is--5 {
    width: 166vw;
    right: -23%;
  }

  .white-image.is--6 {
    width: 148vw;
    right: -18%;
  }

  .white-image.is--7 {
    width: 137vw;
  }

  .white-image.is--8 {
    width: 168vw;
    right: -17.3vw;
  }

  .white-image.is--9 {
    width: 165vw;
    bottom: 0;
    right: -19vw;
  }

  .top-block {
    grid-column-gap: 1.7vw;
    grid-row-gap: 1.7vw;
    justify-content: center;
    align-items: center;
  }

  .bottom-block {
    grid-column-gap: 7.8vw;
    grid-row-gap: 7.8vw;
  }

  .quote-block {
    width: 58.4vw;
    height: 12vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .button-block {
    width: 44vw;
  }

  .button-text-new {
    font-size: 2vw;
  }

  .button-text-new.has--style-allcaps {
    height: 26.4px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .button-text-new.has--style-allcaps.is--red, .button-text-new.has--style-allcaps.is--black {
    width: 35vw;
    height: 6.8vw;
  }

  .button-arrow-new {
    height: 1.6vw;
    right: 6.2%;
  }

  .button-image, .button-image.is--black {
    height: 6.8vw;
  }

  .buttons-wrapper {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .quote-icon {
    height: 1.7vw;
    top: .2vw;
  }

  .wrong-answer-wrapper {
    width: 61vw;
  }

  .next-button {
    width: 14vw;
  }

  .next-button.is--correct.hide, .next-button.hide {
    display: block;
  }

  .button-next {
    margin-top: 5vw;
  }

  .button-next.is--correct.hide, .button-next.hide {
    display: block;
  }

  .button-next.two {
    margin-top: 3.5vw;
  }

  .false-answer-wrapper {
    width: 61vw;
  }

  .success-block {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    justify-content: center;
    align-items: center;
  }

  .fail-block {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    justify-content: center;
    align-items: center;
  }

  .has--color-white-large, .has--color-white-tablet {
    color: var(--white);
  }

  .tab-button {
    width: 1.3vw;
    top: 31%;
    right: 1.5vw;
  }

  .ain25-image {
    width: 30vw;
  }

  .answer-hint {
    position: relative;
  }

  .artycoders-link {
    margin-left: 19vw;
  }
}

@media screen and (max-width: 767px) {
  .button.has--margin {
    margin-left: 0;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .author-name {
    font-size: 1.25rem;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .has--style-nowrap {
    white-space: normal;
  }

  .paragraph-default {
    font-size: 4.2vw;
  }

  .paragraph-default.has--color-white {
    color: var(--white);
    width: 100%;
    font-size: 4.2vw;
  }

  .paragraph-default.has--color-white-copy {
    width: 100%;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .section-padding-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .section-padding-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .section-padding-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .ac-styleguide_heading-medium {
    font-size: 2rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .has--max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .paragraph-medium {
    width: 80%;
    font-size: 3.7vw;
  }

  .paragraph-medium.has--margin {
    margin-left: 0;
  }

  .paragraph-medium.has--color-white {
    color: var(--white);
    height: 13.2vw;
    font-size: 4.2vw;
  }

  .paragraph-medium.has--color-white.is--large {
    font-size: 3vw;
  }

  .paragraph-medium.has--color-white.is--mobile {
    font-size: 3.7vw;
  }

  .paragraph-medium.has--color-white.is--mobile-hide {
    width: 71vw;
    padding-top: 3.5vw;
    padding-bottom: 3.5vw;
    padding-left: 3vw;
    font-size: 2.4vw;
    top: 1.4vw;
    right: 1.4vw;
  }

  .paragraph-medium.is--button {
    height: 9.2vw;
    font-size: 4.2vw;
  }

  .paragraph-medium.is--button.is--large {
    font-size: 3vw;
  }

  .paragraph-medium.is--button.is--mobile {
    font-size: 3.7vw;
  }

  .paragraph-medium.is--button.is--mobile-hide {
    width: 71vw;
    padding-top: 3.5vw;
    padding-bottom: 3.5vw;
    padding-left: 3vw;
    font-size: 2.4vw;
    top: 1.4vw;
    right: 1.4vw;
  }

  .count {
    font-size: 5vw;
    top: .3vw;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .ac-styleguide_heading-large {
    font-size: 3rem;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .ac-styleguide_version, .ac-styleguide_section-header {
    font-size: .875rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .has--color-white {
    color: var(--black);
  }

  .paragraph-small {
    font-size: 3.4vw;
  }

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

  .container {
    max-width: 90vw;
  }

  .container.is--hero {
    flex: 0 auto;
    align-items: flex-start;
  }

  .content-block.is--hero {
    justify-content: flex-start;
    min-height: 220vw;
    padding-top: 9vw;
    padding-bottom: 50vw;
    overflow: visible;
  }

  .content-block.is--flex {
    position: relative;
  }

  .hero-section {
    padding-bottom: 30px;
  }

  .head-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: 58px;
  }

  .hero-block {
    border-radius: 20px;
    padding: 30px 20px;
  }

  .h2-small {
    font-size: 2.6vw;
  }

  .link.is--hero {
    font-size: 12px;
  }

  .hero-text {
    font-size: 14px;
  }

  .hero-text.is--small {
    padding-top: 0;
    font-size: 10px;
  }

  .paragraph-italic {
    margin-bottom: 20px;
    font-size: 18px;
  }

  .text-hero {
    font-size: 4.2vw;
  }

  .logo-icon {
    height: 20px;
  }

  .logo-icon_olx {
    height: 26px;
  }

  .hero-line.is--1.draw-animation {
    height: 120px;
    top: 0%;
    left: -3%;
  }

  .hero-line.is--2.draw-animation {
    height: 178px;
    bottom: 0%;
    right: -6%;
  }

  .hero_top-wrapper {
    z-index: 1;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 260px;
    margin-bottom: 48px;
    position: relative;
  }

  .hero_text-block {
    height: 18px;
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .h1 {
    height: 13.5vw;
    margin-top: 3vw;
  }

  .hero_bottom-wrapper {
    width: 230px;
    bottom: -30px;
  }

  .folder-part.is--back {
    margin-bottom: 30px;
  }

  .folder-part.is--front {
    border-radius: 16px;
    height: 124px;
    padding-top: 18px;
    padding-bottom: 18px;
    bottom: 0%;
  }

  .folder-part.is--front.hide {
    height: 130px;
    bottom: 10%;
  }

  .white-block {
    border-radius: 20px;
    padding: 40px 30px;
  }

  .white-block.is--small, .white-block.is--big {
    height: auto;
  }

  .layout {
    grid-row-gap: 5px;
    flex-flow: column;
    display: flex;
  }

  .layout.has--no-margin {
    grid-column-gap: 0px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    align-items: flex-start;
    display: flex;
  }

  .layout.has--no-margin.is--hero {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .layout.is--white {
    grid-row-gap: 30px;
  }

  .layout.has--small-gap {
    grid-column-gap: 0px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    align-items: flex-start;
    display: flex;
  }

  .layout.has--small-gap.is--hero {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .button-arrow {
    inset: auto auto 3.3% 170px;
  }

  .button-arrow.draw-animation {
    bottom: 4%;
    left: 171px;
  }

  .button-arrow.draw-animation.is--bottom {
    inset: auto auto 5.5% 300px;
  }

  .button-arrow.is--bottom {
    inset: auto auto 5.2% 299px;
    transform: rotate(-10deg);
  }

  .share-block {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .image-block {
    border-radius: 20px;
    height: 320px;
  }

  .author-image.is--1 {
    width: 352px;
    margin-top: -31px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
    top: -9%;
    left: 13%;
  }

  .image.left.is--man {
    width: 250px;
    min-width: 250px;
  }

  .image.left.is--banana {
    width: 26vw;
  }

  .image.left.is--card {
    width: 18vw;
  }

  .image.left.is--website {
    width: 40vw;
    top: 5%;
    left: 6%;
  }

  .image.left.is--raiting {
    width: 160px;
    top: 14%;
    left: 7%;
  }

  .image.right.is--granny {
    width: 90px;
    top: 0%;
  }

  .image.right.is--vase {
    width: 32vw;
    bottom: 0%;
  }

  .image.right.is--guarantee {
    width: 31vw;
    right: 7%;
  }

  .image.right.is--man {
    width: 180px;
    min-width: 180px;
    inset: auto 20% 0% auto;
  }

  .image.right.is--association {
    width: 140px;
    top: 40%;
  }

  .image-wrapper {
    height: 220px;
  }

  .image-wrapper.is--small {
    padding-top: 0;
  }

  .hero-image.is--ketchup {
    width: 91.66px;
    top: -20px;
    left: -50px;
  }

  .hero-image.is--man {
    width: 104.77px;
    top: -35px;
    left: 60px;
  }

  .hero-image.is--doors {
    width: 82.14px;
    top: -25px;
    left: 35px;
  }

  .hero-image.is--dress {
    width: 78.39px;
    top: -10px;
    right: -5px;
  }

  .hero-image.is--socks {
    width: 34.3px;
    top: -15px;
    right: -50px;
  }

  .background-line {
    width: 190px;
    top: -6%;
    right: -5%;
  }

  .background-line.is--1 {
    width: 203px;
    top: -1.3%;
    left: -17%;
  }

  .background-line.is--3 {
    width: 220px;
    bottom: -8%;
    left: -17%;
  }

  .background-line.is--4 {
    width: 170px;
    right: -8%;
  }

  .folders-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 28px;
  }

  .folder-item {
    grid-column-gap: 1.8vw;
    grid-row-gap: 1.8vw;
    position: static;
  }

  .h2 {
    font-size: 18px;
  }

  .folder_inner.is--youtube {
    width: 90px;
    top: 20px;
    left: 18px;
  }

  .folder_inner.is--o {
    width: 90px;
    top: -12px;
    left: -4px;
  }

  .folder_inner.is--l {
    width: 50px;
    top: -7px;
    left: 67px;
  }

  .folder_inner.is--x {
    width: 90px;
    top: 7px;
    right: -4px;
  }

  .folder_inner.is--ketechup {
    width: 98px;
    top: -2px;
    left: -17px;
  }

  .folder_inner.is--bouquet {
    width: 84px;
    top: -10px;
    left: 58px;
  }

  .folder_inner.is--dress {
    width: 105px;
    top: -18px;
    right: -15px;
  }

  .folder_inner.is--box {
    width: 98px;
    top: 7px;
    left: -23px;
  }

  .folder_inner.is--man {
    width: 150px;
    top: -27px;
    left: 24px;
  }

  .folder_inner.is--card {
    width: 57px;
    top: 29px;
    right: -7px;
  }

  .folder_inner.is--car {
    width: 90px;
    top: 20px;
    left: 5px;
  }

  .folder_inner.is--chair {
    width: 72px;
    top: -4px;
    right: 44px;
  }

  .folder_inner.is--flowers {
    width: 95px;
    top: 12px;
    right: 14px;
  }

  .folder_inner.is--garbage {
    width: 82px;
    top: -12px;
    left: 17px;
  }

  .folder_inner.is--parcel {
    width: 130px;
    top: 4px;
    left: 38px;
  }

  .folder_inner.is--blender {
    width: 108px;
    top: -15px;
  }

  .link-block {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 45px;
    bottom: 15px;
  }

  .link-block.is--large {
    width: 58px;
  }

  .arrow-block.is--left, .arrow-block.is--right, .arrow-block.is--bottom, .arrow-block.is--top {
    height: 2.4vw;
  }

  .underline-block {
    height: .21vw;
  }

  .h2-medium {
    font-size: 3.4vw;
  }

  .h2-large {
    font-size: 8vw;
  }

  .quote-old {
    margin-top: 4vw;
    font-size: 4.2vw;
  }

  .quote-new {
    font-size: 3.7vw;
  }

  .quote-new.has--align-left {
    font-size: 4.8vw;
  }

  .quote-new.is--mobile-old {
    color: var(--white);
    font-family: Pixeloid Sans, sans-serif;
    font-size: 3.6vw;
    font-weight: 400;
    line-height: 110%;
  }

  .section-hero {
    justify-content: flex-start;
    height: auto;
    min-height: 100svh;
    position: relative;
  }

  .marquee-wrapper {
    grid-column-gap: 5.3vw;
    grid-row-gap: 5.3vw;
  }

  .marquee-part {
    grid-column-gap: 5.3vw;
    grid-row-gap: 5.3vw;
    height: 8.4vw;
  }

  .marquee-text {
    font-size: 5.3vw;
  }

  .text-style_h1 {
    font-size: 8.7vw;
  }

  .paragraph-xsmall {
    font-size: 2.6vw;
  }

  .folder-name {
    font-size: 3.7vw;
  }

  .file-name {
    font-size: 4.8vw;
  }

  .paragraph-large {
    width: 90%;
    font-size: 2.6vw;
    top: 35vw;
  }

  .paragraph-large.is--number {
    top: 5vw;
    left: 5vw;
  }

  .paragraph-medium-new {
    font-size: 3.7vw;
  }

  .paragraph-default-new {
    width: 100%;
    font-size: 3.7vw;
  }

  .paragraph-default-new.has--color-white-mobile, .paragraph-default-new.is--mobile-old {
    color: var(--white);
    font-family: Pixeloid Sans, sans-serif;
    font-size: 3.6vw;
    line-height: 110%;
  }

  .paragraph-small-new {
    font-size: 3.2vw;
  }

  .paragraph-large-new {
    font-size: 4.8vw;
  }

  .paragraph-large-new.has--style-allcaps {
    font-size: 3.7vw;
  }

  .paragraph-large-new.is--last-black {
    color: var(--black);
    text-align: center;
    font-size: 8vw;
  }

  .hero-bottom {
    display: none;
  }

  .icon.is--paint {
    width: 12.2vw;
  }

  .icon.is--paint-small {
    width: 4.4vw;
  }

  .icon.is--tool.is--1 {
    width: 3.8vw;
  }

  .icon.is--tool.is--2 {
    width: 3.4vw;
  }

  .icon.is--tool.is--3 {
    width: 2.4vw;
  }

  .icon.is--tool.is--4 {
    width: 4vw;
  }

  .icon.is--tool.is--5, .icon.is--tool.is--6 {
    width: 3vw;
  }

  .folder-block {
    grid-column-gap: 8vw;
    grid-row-gap: 0vw;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: auto auto 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: end center;
    width: auto;
    height: auto;
    margin-bottom: 9vw;
    display: grid;
  }

  .folder-wrapper {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    justify-content: space-between;
  }

  .donate-block {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    width: 100%;
    margin-top: 0;
    padding-bottom: 6vw;
  }

  .donate-top-block {
    height: 5vw;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2vw;
  }

  .cross-block {
    border-width: 1px;
    height: 3.4vw;
  }

  .cross-block.is--small {
    height: 2.8vw;
  }

  .counter-wrapper {
    width: 82vw;
    height: 9vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .svg {
    display: none;
  }

  .loader-block {
    width: 77vw;
    height: 4.5vw;
    top: 2vw;
    left: 2.5vw;
  }

  .loader-inner {
    border-bottom-width: .8vw;
    border-left-width: .8vw;
  }

  .button-text {
    font-size: 4.2vw;
  }

  .main-button-inner-small {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .button-wrapper {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .windows-wrapper {
    width: 100%;
  }

  .svg-mobile {
    width: 100%;
    height: auto;
    display: inline;
  }

  .section-quizz {
    height: 180vw;
  }

  .quizz-inner {
    height: 150vw;
  }

  .quizz-image.is--tablet {
    display: none;
  }

  .quizz-image.is--mobile {
    width: 165%;
    display: block;
    top: 31.3vw;
    bottom: auto;
    left: -32.5%;
  }

  .start-block {
    width: 55.2vw;
    height: 18.3vw;
    top: 12.4vw;
    left: 14.1vw;
  }

  .white-border.is--top, .white-border.is--bottom {
    width: 54.2vw;
    left: .55vw;
  }

  .white-border.is--left, .white-border.is--right {
    height: 17vw;
  }

  .about-block {
    width: 100%;
    height: auto;
    margin-top: 0;
    padding: 1vw;
  }

  .about-top-block {
    height: 5vw;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1vw;
  }

  .file-name-wrapper {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .window-wrapper {
    position: static;
  }

  .window-wrapper.is--partners {
    margin-bottom: 20vw;
  }

  .setting-block {
    grid-column-gap: 1.3vw;
    grid-row-gap: 1.3vw;
    height: 5vw;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .about-content {
    grid-column-gap: .4vw;
    grid-row-gap: .4vw;
    grid-template-rows: auto 2.4vw;
    height: auto;
  }

  .field-wrapper {
    padding-top: 4.5vw;
    padding-bottom: 4.5vw;
  }

  .tools-block {
    border-width: .4vw;
    width: 6.6vw;
    margin-bottom: .2vw;
    margin-right: .2vw;
  }

  .paragraph-wrapper {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    width: 62vw;
    margin-left: 4.5vw;
  }

  .paint-image {
    width: 20vw;
    inset: 0% -28% auto auto;
  }

  .color-block {
    border-width: .4vw;
    width: 5.3vw;
    margin-bottom: .2vw;
    margin-right: .2vw;
    padding-top: .4vw;
    padding-left: .4vw;
  }

  .scroll-block.is--vertical {
    width: 2.4vw;
  }

  .scroll-bar {
    width: 40vw;
    height: 2.4vw;
  }

  .scroll-bar.is--vertical {
    width: 2.35vw;
    min-width: 2.35vw;
    left: -.1vw;
  }

  .grey-window {
    padding-bottom: 1.4vw;
    padding-left: 1.4vw;
    padding-right: 1.4vw;
  }

  .grey-window.is--visa {
    width: 76vw;
    height: 80vw;
    top: 30vw;
    left: auto;
    right: 0;
  }

  .grey-window.is--mastercard {
    grid-column-gap: .3vw;
    grid-row-gap: .3vw;
    width: 60vw;
    height: 40vw;
    top: 34.1vw;
    right: 30vw;
  }

  .grey-window.is--uklon {
    z-index: 1;
    width: 50vw;
    height: 70vw;
    inset: 118vw auto auto 0;
  }

  .line-wrapper {
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    width: 17vw;
  }

  .line-wrapper.is--short {
    width: 16vw;
  }

  .line {
    height: .2vw;
  }

  .kolo-image {
    width: 44vw;
  }

  .englishdom-image {
    height: 9.5vw;
  }

  .window-content.has--grey-background {
    height: 90%;
  }

  .shields-image {
    height: 8vw;
    left: 16%;
  }

  .shields-background {
    height: 110vw;
  }

  .red-window {
    padding-bottom: 1vw;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .red-window.is--1 {
    z-index: 2;
    width: 34vw;
    height: 26vw;
    display: block;
    inset: auto auto 14vw 2vw;
  }

  .red-window.is--2 {
    z-index: 2;
    width: 26vw;
    height: 29vw;
    top: 64vw;
    bottom: auto;
    left: 21vw;
  }

  .red-window.is--3 {
    z-index: -1;
    width: 40vw;
    height: 42vw;
    top: 113vw;
    bottom: auto;
    left: 46vw;
  }

  .red-window.is--4 {
    z-index: 2;
    width: 36vw;
    height: 21vw;
    inset: 70vw 0 auto auto;
  }

  .red-window.is--5 {
    z-index: 0;
    width: 50vw;
    height: 20vw;
    inset: auto 0 18vw auto;
  }

  .red-window.is--10 {
    z-index: 1;
    width: 30vw;
    height: 30vw;
    inset: 34vw 6vw auto auto;
  }

  .red-window.is--6 {
    z-index: 2;
    width: 26vw;
    height: 30vw;
    top: 78vw;
    bottom: auto;
    left: 0;
  }

  .red-window.is--8 {
    z-index: 2;
    width: 34vw;
    height: 40vw;
    display: block;
    inset: auto auto 31vw 46vw;
  }

  .vovky-image {
    width: 13vw;
  }

  .odometer {
    font-size: 5vw;
    top: .3vw;
  }

  .odometer-wrapper {
    font-size: 5vw;
    top: -.4vw;
  }

  .drawing-canvas {
    width: 130%;
  }

  .start-text {
    width: 42vw;
  }

  .star-block.is--green-1 {
    top: 7vw;
  }

  .star-block.is--pink-1 {
    left: 12vw;
  }

  .star-block.is--pink-4 {
    right: 11vw;
  }

  .star-block.is--silver-3 {
    top: 9vw;
  }

  .star-block.is--green-4 {
    top: 2vw;
  }

  .star-block.is--silver-5 {
    left: 7vw;
  }

  .star-block.is--green-5 {
    top: 33vw;
    right: 11vw;
  }

  .donut-image.is--1 {
    top: 6vw;
    right: 1vw;
  }

  .donut-image.is--2 {
    top: 50vw;
    bottom: auto;
  }

  .donut-image.is--3 {
    top: 55vw;
    bottom: auto;
    right: 10vw;
  }

  .donut-image.is--4 {
    top: 2vw;
  }

  .question.six {
    padding-top: 10vw;
    padding-bottom: 0;
  }

  .number {
    margin-top: 8vw;
    margin-left: 8vw;
    font-size: 2.6vw;
  }

  .number.is--number {
    top: 5vw;
    left: 5vw;
  }

  .question-wrapper {
    grid-column-gap: 5.3vw;
    grid-row-gap: 5.3vw;
    width: 74vw;
  }

  .question-wrapper.is--larger {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    width: 76vw;
  }

  .answers-wrapper {
    grid-column-gap: 1.4vw;
    grid-row-gap: 1.4vw;
    flex-flow: column;
    display: flex;
  }

  .answer-block-top {
    height: 16vw;
  }

  .border-grey-light.is--top-right {
    width: 72.5vw;
    height: 1.4vw;
    inset: 0% auto auto 0%;
  }

  .border-grey-light.is--top-right.is--small {
    width: 18.7vw;
  }

  .border-grey-light.is--bottom-left {
    width: 72.5vw;
    height: 1.4vw;
    inset: auto 0% 0% auto;
  }

  .border-grey-light.is--bottom-left.is--small {
    width: 18.7vw;
  }

  .border-grey-light.is--left-bottom {
    width: 1.4vw;
    height: 14.6vw;
    inset: 0% auto auto 0%;
  }

  .border-grey-light.is--left-bottom.is--small {
    height: 10.6vw;
  }

  .border-grey-light.is--right-top {
    width: 1.4vw;
    height: 14.6vw;
    inset: auto 0% 0% auto;
  }

  .border-grey-light.is--right-top.is--small {
    height: 10.6vw;
  }

  .border-grey-light.is--top-left, .border-grey-light.is--bottom-right {
    width: 72.5vw;
    height: 1.4vw;
  }

  .border-grey-light.is--left-top, .border-grey-light.is--right-bottom {
    width: 1.4vw;
    height: 14.6vw;
  }

  .answer-block.is--bottom-right.hide {
    display: none;
  }

  .answer-block-bottom {
    height: 16vw;
  }

  .border-grey-dark.is--top-right {
    inset: 0% auto auto 0%;
  }

  .border-grey-dark.is--top-right.is--small {
    width: 18.7vw;
  }

  .border-grey-dark.is--bottom-left {
    inset: auto 0% 0% auto;
  }

  .border-grey-dark.is--bottom-left.is--small {
    width: 18.7vw;
  }

  .border-grey-dark.is--left-bottom {
    inset: 0% auto auto 0%;
  }

  .border-grey-dark.is--left-bottom.is--small {
    height: 10.6vw;
  }

  .border-grey-dark.is--right-top {
    inset: auto 0% 0% auto;
  }

  .border-grey-dark.is--right-top.is--small {
    height: 10.6vw;
  }

  .correct-answer-wrapper {
    opacity: 0;
    width: 74vw;
  }

  .answer-block-new {
    height: 16vw;
  }

  .answer-block-new.is--correct.mobile-hide {
    display: none;
  }

  .answer-block-new.hide {
    display: flex;
  }

  .question-block {
    grid-column-gap: 2.8vw;
    grid-row-gap: 2.8vw;
  }

  .paragraph-wrapper_mobile {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .text-more {
    z-index: 9999;
    width: 5vw;
    position: relative;
  }

  .text-more.is--absolute {
    top: 5vw;
    right: 22.7vw;
  }

  .white-image.is--1 {
    width: 31vw;
  }

  .white-image.is--2 {
    width: 49vw;
  }

  .white-image.is--3 {
    width: 70vw;
  }

  .white-image.is--4 {
    width: 140vw;
  }

  .white-image.is--5 {
    width: 194vw;
    left: -63.4vw;
    right: auto;
  }

  .white-image.is--6 {
    width: 333vw;
    right: -94%;
  }

  .white-image.is--7 {
    width: 317vw;
    bottom: -1vw;
    right: -49vw;
  }

  .white-image.is--8 {
    width: 340vw;
    right: -114.9vw;
  }

  .white-image.is--9 {
    width: 346vw;
    right: -133vw;
  }

  .top-block {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .bottom-block {
    grid-column-gap: 18vw;
    grid-row-gap: 18vw;
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: center;
  }

  .quote-block {
    width: 77vw;
    height: 28vw;
    padding-left: 7vw;
    padding-right: 7.8vw;
  }

  .button-block {
    width: 77vw;
    margin-left: auto;
    margin-right: auto;
  }

  .button-text-new {
    font-size: 3.7vw;
  }

  .button-text-new.has--style-allcaps {
    height: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-text-new.has--style-allcaps.is--red, .button-text-new.has--style-allcaps.is--black {
    width: 59.8vw;
    height: 13vw;
  }

  .button-arrow-new {
    height: 3vw;
    top: 35.5%;
    right: 6.5%;
  }

  .button-image, .button-image.is--black {
    height: 13vw;
  }

  .buttons-wrapper {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .quote-icon {
    height: 4vw;
    top: .5vw;
    left: .2vw;
  }

  .wrong-answer-wrapper {
    width: 74vw;
  }

  .button-next {
    width: 20vw;
    margin-top: 4vw;
  }

  .button-next.one.is--new {
    width: 20vw;
    height: 10vw;
    margin-top: 10vw;
  }

  .button-next.one.is--new.is--1.mobile-hide {
    display: none;
  }

  .button-next.one.is--mobile {
    display: block;
  }

  .button-next.two.is--new {
    background-color: var(--white);
    width: 20vw;
    height: 10vw;
    margin-top: 10vw;
  }

  .button-next.two.is--new.is--mobile-hide {
    display: none;
  }

  .button-next.two.is--mobile {
    display: block;
  }

  .button-next-top, .button-next-bottom {
    height: 12vw;
  }

  .false-answer-wrapper {
    width: 74vw;
  }

  .success-block {
    grid-column-gap: 9.6vw;
    grid-row-gap: 9.6vw;
  }

  .fail-block {
    grid-column-gap: 11vw;
    grid-row-gap: 11vw;
    text-align: center;
  }

  .has--color-white-large, .has--color-white-tablet {
    color: var(--black);
  }

  .preloader {
    position: fixed;
  }

  .ain25-image {
    width: 40vw;
  }

  .artycoders-link {
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .artycoders-link.is--mobile {
    justify-content: center;
    align-items: center;
    margin-left: 0;
    font-size: 4vw;
    display: block;
    inset: auto auto 7vw 25.5vw;
  }

  .share-button-wrapper {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    justify-content: center;
    align-items: center;
  }

  .share-button {
    width: 12.8vw;
  }

  .megogo-image {
    width: 40vw;
    min-width: 40vw;
  }
}

@media screen and (max-width: 479px) {
  .hide-mobile-portrait {
    display: none;
  }

  .button {
    padding: 5.62vw 10vw;
    font-size: 5.625vw;
  }

  .button.has--margin {
    margin-top: 20vw;
    margin-left: 0;
  }

  .author-name.animate {
    font-size: 10vw;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .has--max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .page-wrapper {
    overflow: scroll;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .container.is--hero {
    flex: 1;
  }

  .hero-section {
    padding-bottom: 8vw;
  }

  .head-block {
    grid-column-gap: 6.2vw;
    grid-row-gap: 6.2vw;
    height: 17.8vw;
  }

  .hero-block {
    padding: 6.5vw 14vw 14vw;
  }

  .h2-small.has--pb {
    margin-bottom: 6.25vw;
  }

  .link.is--hero {
    font-size: 3.7vw;
  }

  .hero-text {
    font-size: 4.37vw;
  }

  .hero-text.is--small {
    font-size: 3.125vw;
  }

  .hero-text.is--folder {
    width: 18ch;
  }

  .tag-block {
    padding: 1.875vw 3.75vw 1.875vw 3.125vw;
  }

  .paragraph-italic {
    margin-bottom: 6.25vw;
    font-size: 5.625vw;
  }

  .button-share {
    grid-column-gap: 4.0625vw;
    grid-row-gap: 4.0625vw;
    justify-content: center;
    align-items: center;
    padding: 3.125vw 4.6875vw;
    font-size: 5vw;
  }

  .logo-icon {
    height: 6.3vw;
  }

  .logo-icon_olx {
    height: 8.3vw;
  }

  .hero-line.is--1.draw-animation {
    height: 27.8vw;
    top: -3.5%;
    left: -3%;
  }

  .hero-line.is--2.draw-animation {
    height: 54.68vw;
    bottom: 22%;
    right: -15%;
  }

  .hero_top-wrapper {
    grid-column-gap: 4.6vw;
    grid-row-gap: 4.6vw;
    width: 100%;
    margin-bottom: 16vw;
  }

  .hero_text-block {
    height: 5.62vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .h1 {
    flex: none;
  }

  .hero_bottom-wrapper {
    width: 61vw;
    bottom: -21.87vw;
  }

  .folder-part.is--back {
    margin-bottom: 9vw;
  }

  .folder-part.is--front {
    border-radius: 13px;
    height: 38vw;
    padding-top: 5.6vw;
    padding-bottom: 5.6vw;
  }

  .folder-part.is--front.hide {
    bottom: 25%;
  }

  .white-block {
    padding: 9vw 6vw;
  }

  .white-block.is--small {
    height: 93.75vw;
    padding-top: 12.5vw;
    padding-bottom: 12.5vw;
  }

  .white-block.has--bottom-margin {
    margin-top: 1.5625vw;
    margin-bottom: 1.5625vw;
  }

  .white-block.is--big {
    grid-column-gap: 7.5vw;
    grid-row-gap: 7.5vw;
    padding-top: 12.5vw;
    padding-bottom: 12.5vw;
  }

  .layout.has--no-margin {
    grid-row-gap: 7.5vw;
  }

  .layout.has--no-margin.is--hero {
    grid-column-gap: 7.5vw;
    grid-row-gap: 7.5vw;
  }

  .layout.is--white {
    grid-row-gap: 9vw;
  }

  .layout.has--small-gap {
    grid-row-gap: 7.5vw;
  }

  .layout.has--small-gap.is--hero {
    grid-column-gap: 7.5vw;
    grid-row-gap: 7.5vw;
  }

  .button-arrow {
    height: 15.6vw;
    left: 48.125vw;
  }

  .button-arrow.draw-animation {
    height: 15vw;
    bottom: 3.8%;
    left: 48.4375vw;
  }

  .button-arrow.draw-animation.is--bottom {
    height: 14vw;
    bottom: 35.6vw;
    left: 55.2vw;
  }

  .button-arrow.is--bottom {
    height: 14.5vw;
    bottom: 35vw;
    left: 55vw;
    transform: rotate(-29deg);
  }

  .share-block {
    grid-column-gap: 3.75vw;
    grid-row-gap: 3.75vw;
    flex-flow: column;
    width: 100%;
  }

  .share-icon {
    width: 6.25vw;
  }

  .image-block {
    height: 93.75vw;
  }

  .author-image.is--1 {
    width: 110vw;
    margin-top: -9.6875vw;
  }

  .author-info-wrapper {
    grid-column-gap: 3.125vw;
    grid-row-gap: 3.125vw;
  }

  .image.left.is--man {
    width: 56vw;
    min-width: 56vw;
    inset: 2% auto auto -5%;
  }

  .image.left.is--banana {
    width: 35vw;
    inset: 2% auto auto -5%;
  }

  .image.left.is--card {
    width: 30vw;
    inset: 0% auto auto 55%;
  }

  .image.left.is--website {
    width: 50vw;
    inset: 2% auto auto -5%;
  }

  .image.left.is--raiting {
    width: 51vw;
    inset: 2% auto auto -5%;
  }

  .image.right.is--granny {
    width: 22vw;
    top: 20%;
    right: 8%;
  }

  .image.right.is--vase {
    width: 50vw;
    right: 5%;
  }

  .image.right.is--guarantee {
    width: 40vw;
  }

  .image.right.is--man {
    width: 28vw;
    top: 35%;
  }

  .image.right.is--association {
    width: 40vw;
    top: 35%;
  }

  .image-wrapper {
    height: 62.5vw;
  }

  .hero-image.is--ketchup {
    width: 31.25vw;
    top: -7.7vw;
    left: -15.5vw;
  }

  .hero-image.is--man {
    width: 34vw;
    top: -10.8vw;
    left: 21.8vw;
  }

  .hero-image.is--doors {
    width: 31.2vw;
    top: -12.6vw;
    left: 7.9vw;
  }

  .hero-image.is--dress {
    width: 28vw;
    top: -3.1vw;
    right: -6.2vw;
  }

  .hero-image.is--socks {
    width: 11.25vw;
    top: -17vw;
    right: 4.6vw;
  }

  .background-line {
    width: 45vw;
    top: -1.5%;
    right: -22%;
  }

  .background-line.is--1 {
    width: 63.5vw;
    top: -2.7%;
    left: -39%;
    transform: rotate(-30deg);
  }

  .background-line.is--3 {
    width: 33vw;
    bottom: -4%;
    left: -16%;
  }

  .background-line.is--4 {
    width: 33vw;
    bottom: -6%;
    right: -8%;
  }

  .h3 {
    margin-bottom: 6.25vw;
    font-size: 6vw;
  }

  .folders-wrapper {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    flex-flow: column;
  }

  .h2 {
    font-size: 5.6vw;
  }

  .folder_inner.is--youtube {
    width: 28vw;
    top: 6vw;
    left: 4.5vw;
  }

  .folder_inner.is--o {
    width: 28vw;
    top: -3.5vw;
    left: -1vw;
  }

  .folder_inner.is--l {
    width: 15.6vw;
    top: -1.8vw;
    left: 21.2vw;
  }

  .folder_inner.is--x {
    width: 28.5vw;
    top: 2.5vw;
    right: -1.3vw;
  }

  .folder_inner.is--ketechup {
    width: 30vw;
    top: .1vw;
    left: -5vw;
  }

  .folder_inner.is--bouquet {
    width: 26vw;
    top: -4vw;
    left: 18vw;
  }

  .folder_inner.is--dress {
    width: 32.8vw;
    top: -5vw;
    right: -4.6vw;
  }

  .folder_inner.is--box {
    width: 31vw;
    top: 2.5vw;
    left: -7vw;
  }

  .folder_inner.is--man {
    width: 46.8vw;
    top: -8vw;
    left: 8vw;
  }

  .folder_inner.is--card {
    width: 17.8vw;
    top: 9.5vw;
    right: -2.1vw;
  }

  .folder_inner.is--car {
    width: 30vw;
    top: 6.5vw;
    left: 0;
  }

  .folder_inner.is--chair {
    width: 23vw;
    top: -1vw;
    right: 13.7vw;
  }

  .folder_inner.is--flowers {
    width: 30vw;
    top: 4.5vw;
    right: 4vw;
  }

  .folder_inner.is--garbage {
    width: 27vw;
    top: -3.3vw;
    left: 3.3vw;
  }

  .folder_inner.is--parcel {
    width: 42vw;
    top: 2.5vw;
    left: 11vw;
  }

  .folder_inner.is--blender {
    width: 34vw;
    top: -4.2vw;
    right: 0;
  }

  .link-block {
    grid-column-gap: 1.2vw;
    grid-row-gap: 1.2vw;
    width: 14vw;
    bottom: 4.6vw;
  }

  .link-block.is--large {
    width: 18vw;
  }

  .paragraph-large {
    width: 70vw;
    font-size: 4.2vw;
    position: absolute;
    inset: auto auto 47vw 6.9vw;
  }

  .counter-wrapper {
    width: 70vw;
  }

  .loader-block {
    width: 65.4vw;
    top: 1.6vw;
  }

  .section-quizz {
    height: 100vh;
  }

  .quizz-image.is--mobile {
    width: 140%;
    top: auto;
    bottom: -.2vw;
    left: -20%;
  }

  .start-block {
    width: 47.4vw;
    height: 17.5vw;
    top: auto;
    bottom: 74.9vw;
    left: 17.85vw;
  }

  .white-border.is--top, .white-border.is--bottom {
    width: 46.6vw;
    left: .5vw;
  }

  .white-border.is--left, .white-border.is--right {
    height: 16.3vw;
  }

  .start-text {
    width: 41vw;
  }

  .star-block.is--silder-2 {
    top: 20vw;
  }

  .star-block.is--green-1 {
    display: none;
    top: 20vw;
  }

  .star-block.is--green-2 {
    top: 55vw;
  }

  .star-block.is--yellow-1 {
    top: 40vw;
    left: 20vw;
  }

  .star-block.is--yellow-2 {
    top: 20vw;
  }

  .star-block.is--yellow-3 {
    top: 50vw;
  }

  .star-block.is--yellow-4 {
    top: 30vw;
  }

  .star-block.is--yellow-5 {
    top: 90vw;
  }

  .star-block.is--pink-2 {
    top: 5vw;
  }

  .star-block.is--pink-3 {
    top: 50vw;
  }

  .star-block.is--pink-4 {
    top: 110vw;
  }

  .star-block.is--silver-3 {
    top: 30vw;
  }

  .star-block.is--silver-4 {
    right: 20vw;
  }

  .star-block.is--green-4 {
    top: 10vw;
  }

  .star-block.is--pink-5 {
    top: 70vw;
  }

  .star-block.is--silver-5 {
    top: 5vw;
  }

  .star-block.is--green-5 {
    top: 70vw;
  }

  .star-block.is--yellow-6 {
    top: 100vw;
  }

  .donut-image.is--1 {
    top: 37vw;
    right: 10vw;
  }

  .donut-image.is--2 {
    top: auto;
    bottom: 10vw;
    left: 13vw;
  }

  .donut-image.is--3 {
    top: auto;
    bottom: 30vw;
    right: 6vw;
  }

  .donut-image.is--4 {
    width: 11vw;
    top: 19vw;
  }

  .donut-image.is--5 {
    top: 55vw;
    left: 3vw;
  }

  .number {
    font-size: 4.2vw;
  }

  .question-wrapper {
    display: flex;
  }

  .question-wrapper.is--new {
    grid-column-gap: 5.3vw;
    grid-row-gap: 5.3vw;
  }

  .white-image.is--6 {
    left: -78vw;
    right: auto;
  }

  .white-image.is--7 {
    right: -65vw;
  }

  .white-image.is--8 {
    right: -119vw;
  }

  .button-text-new.has--style-allcaps {
    height: 20px;
  }

  .ain25-image {
    width: 50vw;
  }
}

#vertical-activate.w-node-cfca7d85-81df-9825-4743-6c9341910b00-f48d49d0 {
  grid-area: 2 / 1 / 3 / 2;
}

#game-start1.w-node-_698959e4-dfcd-b5c6-e52c-494f31d62c2f-f48d49d0 {
  grid-area: 2 / 2 / 3 / 3;
}

#donate.w-node-_078dcb5d-9168-3f41-0e76-9328d9203fe7-f48d49d0 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-c268c6bd-7d38-21a2-9f6f-64ddeca912e1-f48d49d0 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ec41-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ec46-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ec4b-f48d49f6, #w-node-_95a6f11e-fd07-0c5f-9df3-f2d03635ef17-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ec50-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ec56-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ec5c-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ec62-f48d49f6 {
  justify-self: start;
}

#w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ecfa-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1edc2-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ee14-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ee2d-f48d49f6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ee30-f48d49f6 {
  justify-self: start;
}

#w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ee32-f48d49f6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ee35-f48d49f6 {
  justify-self: start;
}

#w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ee41-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ee4b-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ee4c-f48d49f6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef23-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef28-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef2d-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef32-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef37-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef3c-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef46-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef4b-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef50-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef55-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef5a-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef5f-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef64-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef69-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef6e-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef73-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef78-f48d49f6 {
  justify-self: start;
}

#w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef7c-f48d49f6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef7d-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef82-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef87-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1ef8c-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1efa1-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1efa6-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1efab-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1efb0-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1efb5-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1efba-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1efc4-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1efc9-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1efce-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1efd3-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1efd8-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1efdd-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1efe2-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1efe7-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1efec-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1eff1-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1eff6-f48d49f6 {
  justify-self: start;
}

#w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1effa-f48d49f6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1effb-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1f000-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1f005-f48d49f6, #w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1f00a-f48d49f6 {
  justify-self: start;
}

#w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1f082-f48d49f6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_75c50207-f4dc-c8fc-f47b-e39a58c1f0de-f48d49f6 {
  justify-self: start;
}

@media screen and (max-width: 767px) {
  #vertical-activate.w-node-cfca7d85-81df-9825-4743-6c9341910b00-f48d49d0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #game-start1.w-node-_698959e4-dfcd-b5c6-e52c-494f31d62c2f-f48d49d0 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #donate.w-node-_078dcb5d-9168-3f41-0e76-9328d9203fe7-f48d49d0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Basisgrotesquepro';
  src: url('../fonts/BasisGrotesquePro-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basisgrotesquepro';
  src: url('../fonts/BasisGrotesquePro-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pixeloid Sans';
  src: url('../fonts/0210e8c7a07c76189f47127049f61dd5.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pixeloid Sans';
  src: url('../fonts/44edad438331a44bf2c79f9b7be0cd1a.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basisgrotesquepro';
  src: url('../fonts/Basis-Grotesque-Pro-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Publicpixel';
  src: url('../fonts/PublicPixel.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}