:root {
  --pink: #cdff00;
  --dpuink: #b17d00;
  --black: #1c1b1f;
  --white: #fff;
  --dgreen: #416f23;
  --lgreen: #77ab56;
}

* {
  font-family: "Ubuntu Mono", monospace;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

h1,
h2,
h3 {
  font-family: "ThunderExtBd";
  font-weight: normal;
}

.fixed__widget {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  background: rgba(212, 212, 212, 0.1);
  backdrop-filter: blur(17.5px);
  border-radius: 3.47vw;
  border: 1px solid rgba(255, 255, 255, 0.5);
  width: 55.82vw;
  height: 5.56vw;
  margin: 0 auto;
  position: fixed;
  z-index: 2;
  top: 1vw;
  left: 23.06vw;
  opacity: 0;
}

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

.fixed__widget-item {
  margin: 0 0.35vw;
}

.fixed__widget-item-src {
  fill: var(--black);
  transition: 300ms;
}

.fixed__widget-item-src:hover {
  fill: var(--dpuink);
}

.fs__about-stext-icons-item-src-01 {
  width: 2.4vw;
  height: 2.78vw;
}

.fs__about-stext-icons-item-src-02 {
  width: 1.94vw;
  height: 2.22vw;
}

.fs__about-stext-icons-item-src-03 {
  width: 2.22vw;
  height: 2.01vw;
}

.fs__about-stext-icons-item-src-04 {
  width: 2.22vw;
  height: 2.22vw;
}

.fs__about-stext-icons-item-src-05 {
  width: 2.22vw;
  height: 2.22vw;
}

.fs__about-stext-icons-item-src-06 {
  width: 2.43vw;
  height: 2.43vw;
}

.fs__about-stext-icons-item-src-07 {
  width: 2.43vw;
  height: 2.43vw;
}

.fixed__widget-ex {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-left: 1vw;
}

.fixed__widget-ex-item {
  height: 3.33vw;
  padding: 0 2.08vw;
  background: var(--black);
  color: var(--white);
  border-radius: 5.14vw;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  font-size: 1.4vw;
  text-decoration: none;
  margin: 0 0.35vw;
  transition: 300ms;
}

.fixed__widget-ex-item:hover {
  background: var(--dpuink);
}

.fixed__widget-ex-item-icon-01 {
  max-width: 5.94vw;
}

.fixed__widget-ex-item-icon-02 {
  max-width: 5.94vw;
}

.fs {
  background: var(--pink);
  padding-bottom: 11.81vw;
}

.fs__title {
  font-size: 52vw;
  text-align: center;
}

.fs__pic {
  width: 33.5vw;
  margin: 0 auto;
  display: block;
  position: relative;
  margin-top: -40vw;
}

.fs__stitle {
  width: 40vw;
  font-size: 1.7vw;
  text-align: center;
  margin: 0 auto;
  margin-top: 1.94vw;
  margin-bottom: 2.57vw;
}

.fs__buttons {
  display: flex;
  justify-content: center;
}

.fs__buttons-item {
  height: 3.33vw;
  padding: 0 2.08vw;
  background: var(--dpuink);
  color: var(--white);
  border-radius: 5.14vw;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  font-size: 1.4vw;
  text-decoration: none;
  margin: 0 0.69vw;
  transition: 300ms;
}

.fs__buttons-item:hover {
  background: var(--black);
}

.fs__buttons-item-icon-01 {
  max-width: 6.94vw;
}

.fs__buttons-item-icon-02 {
  max-width: 6.94vw;
}

.fs__about {
  font-size: 28vw;
  text-align: center;
  text-transform: uppercase;
  margin-top: 10.5vw;
  margin-bottom: 1vw;
}

.fs__about-text {
  width: 53.75vw;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.fs__about-text-col {
  width: calc(50% - 1vw);
  font-size: 1.25vw;
}

.fs__about-stext {
  width: 81.25vw;
  margin: 0 auto;
  font-size: 4.37vw;
  font-family: "Thunder";
  margin-top: 7.64vw;
}

.fs__about-stext-icons {
  display: flex;
  align-items: center;
  align-content: center;
  margin-left: 33.4vw;
  margin-top: -3.5vw;
}

.fs__about-stext-icons-item {
  font-size: 0;
  margin: 0 0.35vw;
}

.fs__about-stext-icons-item-src {
  fill: var(--dpuink);
  transition: 300ms;
}

.fs__about-stext-icons-item-src:hover {
  fill: var(--black);
}

.fs__about-stext-icons-item-src-01 {
  width: 2.88vw;
  height: 2.88vw;
}

.fs__about-stext-icons-item-src-02 {
  width: 2.32vw;
  height: 2.67vw;
}

.fs__about-stext-icons-item-src-03 {
  width: 2.67vw;
  height: 2.41vw;
}

.fs__about-stext-icons-item-src-04 {
  width: 2.67vw;
  height: 2.67vw;
}

.fs__about-stext-icons-item-src-05 {
  width: 2.67vw;
  height: 2.67vw;
}

.fs__about-stext-icons-item-src-06 {
  width: 2.92vw;
  height: 2.92vw;
}

.h2b {
  background: var(--dgreen);
  padding-top: 4.17vw;
  padding-bottom: 26.18vw;
}

.h2b__title {
  color: var(--lgreen);
  font-size: 28.3vw;
  text-transform: uppercase;
  text-align: center;
}

.h2b__pic {
  width: 30.07vw;
  margin: 0 auto;
  display: block;
  margin-top: -14.5vw;
}

.h2b__stick {
}

.h2b__steps {
  width: 82.64vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: -14vw;
  margin-bottom: 7.64vw;
  position: absolute;
  left: 8.68vw;
}

.h2b__steps-item {
  color: var(--white);
  width: 25.9vw;
}

.h2b__steps-item-02 {
  margin-top: 19.44vw;
}

.h2b__steps-item-03 {
  margin-top: -5vw;
}

.h2b__steps-item-04 {
  margin-top: 17.36vw;
}

.h2b__steps-item-div {
  width: 20vw;
}

.h2b__steps-item-num {
  font-family: "ThunderExtBd";
  font-size: 14.15vw;
}

.h2b__steps-item-title {
  font-size: 2.5vw;
  margin-top: 1vw;
  margin-bottom: 1.7vw;
}

.h2b__steps-item-text {
  font-size: 1.25vw;
}

.h2b__widget {
  width: 83.33vw;
  height: 46.18vw;
  margin: 0 auto;
  border-radius: 2.78vw;
  display: block;
  bottom: -28.13vw;
  left: 8.68vw;
  display: block;
  position: absolute;
  z-index: 6;
}

.suply {
  background: var(--pink);
  padding-top: 35.42vw;
  padding-bottom: 4.31vw;
}

.suply__badge {
  height: 2.64vw;
  background: var(--white);
  width: 11.94vw;
  border: 1px solid var(--black);
  color: var(--black);
  border-radius: 2.08vw;
  font-size: 1.67vw;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  text-decoration: none;
  transition: 300ms;
  margin: 0 auto;
  left: calc(50% - 5.96vw);
  margin-top: 7.29vw;
  position: absolute;
  z-index: 1;
}

.suply__val {
  font-size: 42.5vw;
}

.suply__val br {
  display: none;
}

.suply__23m {
  width: 33.89vw;
  margin: 0 auto;
  display: block;
  margin-top: -20.5vw;
}

.suply__text {
  width: 81.94vw;
  margin: 0 auto;
  font-size: 4.37vw;
  font-family: "Thunder";
  text-align: center;
  margin-top: 5.69vw;
  margin-bottom: 5vw;
}

.suply__list {
  width: 81.94vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.suply__list-item {
  background: var(--dpuink);
  width: calc(33.33% - 1.53vw);
  border-radius: 1.39vw;
}

.suply__list-item-inner {
  padding: 2.78vw 3.47vw;
}

.suply__list-item-badge {
  border: 1px solid var(--white);
  border-radius: 2.08vw;
  color: var(--white);
  font-size: 1.7vw;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 0 0.97vw;
  height: 2.64vw;
  text-transform: uppercase;
}

.suply__list-item-title {
  color: var(--white);
  font-family: "Thunder";
  font-size: 11.11vw;
  text-transform: uppercase;
  line-height: 0.8;
  margin-top: 2.7vw;
}

.suply__pic {
  width: 26.25vw;
  margin-left: 2.08vw;
  margin-top: -20.5vw;
}

.suply__pic_m {
  display: none;
}

.memes {
  background: var(--dgreen);
  padding-top: 14.68vw;
}

.memes__title {
  color: var(--lgreen);
  font-size: 36.11vw;
  line-height: 0.8;
  text-align: center;
}

.memes__pic-block {
  margin-bottom: -50vw;
  margin-left: 30.07vw;
  position: relative;
}

.memes__pic {
  width: 39.86vw;
  border-radius: 2.78vw;
}

.memes__button {
  background: url("../img/memes__button.svg") center center no-repeat;
  background-size: cover;
  width: 8.89vw;
  height: 8.89vw;
  font-size: 0;
  position: absolute;
  cursor: pointer;
  transition: 300ms;
  margin-top: 14.1vw;
  margin-left: -4.44vw;
}

.memes__button:hover {
  transform: rotate(45deg);
}

.memes__wrap {
  height: 1vw;
  width: 100%;
}

.contacts {
  background: var(--dpuink);
  padding-top: 4.79vw;
}

.contacts__title {
  color: var(--white);
  font-family: "ThunderExtBd";
  font-size: 31.94vw;
  text-transform: uppercase;
  text-align: center;
  line-height: 0.9;
}

.contacts__adress {
  height: 2.64vw;
  background: var(--white);
  width: 36.46vw;
  border: 1px solid var(--dpuink);
  color: var(--dpuink);
  border-radius: 2.08vw;
  font-size: 1.67vw;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  text-decoration: none;
  transition: 300ms;
  margin: 0 auto;
  top: -18vw;
  position: relative;
  z-index: 2;
}

.contacts__adress:hover {
  background: var(--dpuink);
  color: var(--white);
}

.contacts__text {
  color: var(--white);
  width: 39.86vw;
  margin: 0 auto;
  margin-top: -4.5vw;
}

.contacts__text p {
  font-size: 1.25vw;
  padding-bottom: 1.39vw;
}

.contacts__cr {
  width: 39.86vw;
  font-size: 0.97vw;
  color: var(--white);
  text-transform: uppercase;
  margin: 0 auto;
  padding-top: 9.03vw;
  padding-bottom: 4.51vw;
}

@media (max-width: 990px) {
  .fixed__widget {
    opacity: 1;
    width: 94.91vw;
    left: 2.54vw;
    height: 12.72vw;
    border-radius: 8.91vw;
  }

  .fs__about-stext-icons-item-src-01 {
    width: 4.83vw;
    height: 5.6vw;
  }

  .fs__about-stext-icons-item-src-02 {
    width: 3.89vw;
    height: 4.48vw;
  }

  .fs__about-stext-icons-item-src-03 {
    width: 4.48vw;
    height: 4.07vw;
  }

  .fs__about-stext-icons-item-src-04 {
    width: 4.48vw;
    height: 4.48vw;
  }

  .fs__about-stext-icons-item-src-05 {
    width: 4.48vw;
    height: 4.48vw;
  }

  .fs__about-stext-icons-item-src-06 {
    width: 4.9vw;
    height: 4.9vw;
  }

  .fixed__widget-item {
    margin: 0 0.55vw;
  }

  .fixed__widget-ex-item {
    height: 5.95vw;
    font-size: 3.05vw;
  }

  .fixed__widget-ex-item-icon-01 {
    max-width: 10.94vw;
  }

  .fixed__widget-ex-item-icon-02 {
    max-width: 15.94vw;
  }

  .fs {
    padding-top: 18.83vw;
  }

  .fs__pic {
    width: 85.5vw;
    margin-top: -24vw;
  }

  .fs__stitle {
    width: 94.91vw;
    font-size: 6.11vw;
    margin-top: 7.63vw;
    margin-bottom: 10.18vw;
  }

  .fs__buttons {
    flex-wrap: wrap;
  }

  .fs__buttons-item {
    height: 12.21vw;
    font-size: 4.58vw;
    border-radius: 18.83vw;
    padding: 0 7.63vw;
    margin-bottom: 2.54vw;
  }

  .fs__buttons-item-icon-01 {
    max-width: 22.94vw;
  }

  .fs__buttons-item-icon-02 {
    max-width: 22.94vw;
  }

  .fs__about {
    font-size: 45.8vw;
    margin-top: 22.9vw;
  }

  .fs__about-text {
    width: 81.42vw;
    flex-wrap: wrap;
  }

  .fs__about-text-col {
    width: 100%;
    font-size: 4.58vw;
    padding-bottom: 7.63vw;
  }

  .fs__about-stext {
    font-size: 12.21vw;
    width: 81.42vw;
  }

  .fs__about-stext-icons {
    margin: 0;
    margin-top: 3.82vw;
  }

  .fs__about-stext-icons-item {
    margin: 0 0.8rem 0 0;
  }

  .fs__about-stext .fs__about-stext-icons-item-src-01 {
    width: 11.45vw;
    height: 13.23vw;
  }

  .fs__about-stext .fs__about-stext-icons-item-src-02 {
    width: 9.2vw;
    height: 10.59vw;
  }

  .fs__about-stext .fs__about-stext-icons-item-src-03 {
    width: 10.59vw;
    height: 9.58vw;
  }

  .fs__about-stext .fs__about-stext-icons-item-src-04 {
    width: 10.59vw;
    height: 10.59vw;
  }

  .fs__about-stext .fs__about-stext-icons-item-src-05 {
    width: 10.59vw;
    height: 10.59vw;
  }

  .fs__about-stext .fs__about-stext-icons-item-src-06 {
    width: 11.58vw;
    height: 11.58vw;
  }

  .h2b__title {
    font-size: 68.7vw;
    text-align: center;
  }

  .h2b__pic {
    width: 73.79vw;
    margin-top: -106.5vw;
  }

  .h2b__steps {
    position: inherit;
    margin-top: 20vw;
  }

  .h2b__steps-item {
    width: 100%;
    margin-top: 15.27vw;
  }

  .h2b__steps-item-num {
    font-size: 50.89vw;
  }

  .h2b__steps-item-title {
    font-size: 9.16vw;
    margin-top: 5.09vw;
    margin-bottom: 5.09vw;
  }

  .h2b__steps-item-text {
    font-size: 4.58vw;
  }

  .h2b__widget {
    position: inherit;
    bottom: 0;
    border-radius: 10.18vw;
    height: 138.18vw;
    margin-bottom: -100vw;
    margin-top: 7.63vw;
  }

  .suply {
    padding-top: 90vw;
    padding-bottom: 8vw;
  }

  .suply__val {
    font-size: 68.7vw;
    margin-left: 3.82vw;
  }

  .suply__val br {
    display: block;
  }

  .suply__badge {
    height: 9.67vw;
    border-radius: 7.63vw;
    font-size: 6.11vw;
    width: 43.77vw;
    left: calc(50% - 21.885vw);
    margin-top: 21.29vw;
  }

  .suply__23m {
    width: 76.59vw;
    position: relative;
    margin: 0 auto;
    top: -217vw;
  }

  .suply__text {
    margin-top: -72.31vw;
    font-size: 11.7vw;
  }

  .suply__list-item {
    background: var(--dpuink);
    width: 100%;
    border-radius: 5.09vw;
    margin-bottom: 5.09vw;
  }

  .suply__pic {
    display: none;
  }

  .suply__pic_m {
    display: block;
    width: 58.27vw;
    margin-top: -15vw;
  }

  .suply__list-item-badge {
    height: 9.67vw;
    width: 27.99vw;
    font-size: 5.85vw;
    border-radius: 7.63vw;
    margin-bottom: 7.12vw;
  }

  .suply__list-item-inner {
    padding: 7.63vw;
  }

  .suply__list-item-title {
    font-size: 40.71vw;
  }

  .memes {
    display: flex;
    flex-wrap: wrap;
  }

  .memes__title {
    order: 1;
  }

  .memes__pic-block {
    order: 2;
    margin-bottom: 0;
    margin-left: 9.41vw;
    margin-top: -15vw;
  }

  .memes__pic {
    width: 81.17vw;
    border-radius: 10.18vw;
  }

  .memes__button {
    position: inherit;
    width: 32.57vw;
    height: 32.57vw;
    display: block;
    margin: 7.63vw auto;
  }

  .contacts {
    padding-top: 11.79vw;
  }

  .contacts__adress {
    top: 0;
    width: 90.59vw;
    height: 9.67vw;
    border-radius: 7.63vw;
    font-size: 4.07vw;
    margin-top: 2.54vw;
    margin-bottom: 6.36vw;
  }

  .contacts__text {
    width: 80.92vw;
    margin-top: 3vw;
  }

  .contacts__text p {
    font-size: 4.58vw;
    padding-bottom: 4vw;
  }

  .contacts__cr {
    width: 80.92vw;
    font-size: 3.56vw;
  }
}