@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
/*Обнуление*/
* {
  padding: 0;
  margin: 0;
  border: 0;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

nav, footer, header, aside {
  display: block;
}

html, body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input, button, textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*--------------------*/
@font-face {
  font-family: "minecraft";
  src: url("../fonts/minecraft.ttf") format("truetype");
  font-weight: 600;
}

body {
  font-family: "Inter";
}

.hero {
  height: 100vh;
  width: 100vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background: url(https://img.freepik.com/premium-vector/falling-banknotes_102902-306.jpg?w=1060) center no-repeat;
  -webkit-filter: hue-rotate(90deg);
          filter: hue-rotate(90deg);
  background-size: cover;
  background-attachment: fixed;
}

.hero--image {
  position: absolute;
}

.hero--contents {
  background: rgba(255, 255, 255, 0.8);
  padding: 80px;
  text-align: center;
}

.hero--contents h1 {
  margin-bottom: 0;
}

.body {
  overflow-y: hidden;
  overflow-x: hidden;
}

.body.active {
  overflow: auto;
  overflow-x: hidden;
}

.body::-webkit-scrollbar {
  width: 0.5vw;
  /* ширина scrollbar */
}

.body::-webkit-scrollbar-track {
  background: #f4f4f4;
  border-radius: 2vmin;
  /* цвет дорожки */
}

.body::-webkit-scrollbar-thumb {
  background: #23be47;
  /* цвет плашки */
  /* цвет плашки */
  border-radius: 3vmin;
  /* закругления плашки */
  /* padding вокруг плашки */
}

.main {
  height: 200vh;
}

.header {
  width: 100vw;
  height: 100vh;
  display: block;
  position: relative;
}

.header-text-top {
  position: absolute;
  top: 13vh;
  left: 17.5vw;
  width: 66vw;
  overflow: hidden;
  z-index: 9;
}

.header-text-top span {
  margin-right: 5vmin;
  font-weight: 700;
  font-size: 2vmin;
  -webkit-animation: infinite 1.5s pulse-text;
          animation: infinite 1.5s pulse-text;
}

.header-text-top span.last {
  margin-right: 0;
  -webkit-animation: infinite 1.5s pulse-text;
          animation: infinite 1.5s pulse-text;
}

.header-text-bottom {
  position: absolute;
  bottom: 13vh;
  left: 17.5vw;
  width: 66vw;
  overflow: hidden;
  z-index: 9;
}

.header-text-bottom span {
  margin-right: 5vmin;
  font-weight: 700;
  font-size: 2vmin;
  -webkit-animation: infinite 1.5s pulse-text;
          animation: infinite 1.5s pulse-text;
}

.header-text-bottom span.last {
  margin-right: 0;
  -webkit-animation: infinite 1.5s pulse-text;
          animation: infinite 1.5s pulse-text;
}

.header-text-right {
  position: absolute;
  top: 17vh;
  right: 13vw;
  width: auto;
  height: auto;
  overflow: hidden;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2vmin;
}

.header-text-right span {
  font-weight: 700;
  font-size: 2vmin;
  -webkit-animation: infinite 1.5s pulse-text;
          animation: infinite 1.5s pulse-text;
  word-break: break-all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0vmin;
  white-space: nowrap;
}

.header-text-right span div {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.header-text-right span.last {
  margin-right: 0;
  -webkit-animation: infinite 1.5s pulse-text;
          animation: infinite 1.5s pulse-text;
}

.header-text-left {
  position: absolute;
  top: 17vh;
  left: 13vw;
  width: auto;
  height: auto;
  overflow: hidden;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2vmin;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.header-text-left span {
  font-weight: 700;
  font-size: 2vmin;
  -webkit-animation: infinite 1.5s pulse-text;
          animation: infinite 1.5s pulse-text;
  word-break: break-all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0vmin;
}

.header-text-left span div {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.header-text-left span.last {
  margin-right: 0;
  -webkit-animation: infinite 1.5s pulse-text;
          animation: infinite 1.5s pulse-text;
}

.header-wrapper {
  height: 75vh;
  width: 75vw;
  padding: 3vmin;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  z-index: 1;
  left: calc(50% - 37.5vw);
  top: calc(50% - 37.5vh);
  -webkit-animation: infinite 1.5s pulse-first;
          animation: infinite 1.5s pulse-first;
}

.header-content {
  height: 100%;
  width: 100%;
  z-index: 2;
  background: #d4d0c8;
}

.header-content-title {
  -webkit-animation: infinite 1.5s pulse-text;
          animation: infinite 1.5s pulse-text;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3vmin;
  margin-top: 3vmin;
  margin-bottom: 2vmin;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 4vmin;
  line-height: 149.02%;
  color: #52ff00;
}

.header-content-title img {
  width: 15vmin;
  height: 7.3vmin;
  display: block;
}

.header-content-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1vmin;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 500;
  font-size: 2.5vmin;
}

.header-content-subtitle span {
  color: #2e9432;
  font-size: 5vmin;
  line-height: 102.52%;
}

.header-content-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header-content-image img {
  width: 20vmin;
  height: 20vmin;
  display: block;
}

.header-content-label {
  font-weight: 500;
  margin-top: 2vmin;
  text-align: center;
  font-size: 3vmin;
}

.header-content-label span {
  color: #7b0000;
}

.header-content-button {
  margin-top: 3vmin;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4vmin;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header-content-button button {
  width: 50vmin;
  height: 9vmin;
  background: #c13520;
  border-radius: 2vmin;
  font-weight: 700;
  font-size: 2.5vmin;
  color: #fff;
}

.header-content-button img {
  width: 19vmin;
  height: 7vmin;
}

.header-push {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.72);
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.header-push-wrapper {
  width: 35vw;
  height: 45vh;
  background: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2vmin 1.4vmin 0 1.4vmin;
}

.header-push-wrapper-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header-push-wrapper-top-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1vmin;
}

.header-push-wrapper-top-right .settings {
  background: url(../img/settings.svg), no-repeat;
  background-size: 100% 100%;
  width: 3vmin;
  height: 3vmin;
}

.header-push-wrapper-top-right .close {
  background: url(../img/close.svg), no-repeat;
  background-size: 100% 100%;
  width: 3vmin;
  height: 3vmin;
}

.header-push-wrapper-top-right .close a {
  width: 3vmin;
  height: 3vmin;
  display: block;
}

.header-push-wrapper-top-right .chrome {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  margin-top: 1vmin;
  width: 7vmin;
  height: 7vmin;
}

.header-push-wrapper-top-text {
  margin-top: 2vmin;
  font-size: 2vmin;
  line-height: 2.5vmin;
  font-weight: 500;
}

.header-push-wrapper-top-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #DD0B13;
  font-size: 2.5vmin;
}

.header-push-wrapper-top-link img {
  width: 2.2vmin;
  height: 2.2vmin;
  margin-right: 0.8vmin;
  display: block;
}

.header-push-wrapper-top-link span {
  width: 1vmin;
  height: 1vmin;
  border-radius: 50%;
  background: #000;
  margin: 0 1.5vmin;
  margin-top: 0.5vmin;
}

.header-push-wrapper-top-link b {
  font-size: 2.5vmin;
  font-weight: 400;
  color: #000000;
  position: relative;
}

.header-push-wrapper-top-link b:after {
  content: '';
  position: absolute;
  right: -2vmin;
  top: calc(50% - 0.3vmin);
  width: 1.6vmin;
  height: 1vmin;
  background: url(../img/red-line.svg), no-repeat;
  background-size: 100% 100%;
}

.header-push-wrapper-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 5vmin;
  width: 90%;
  background: #2B2D29;
  border-radius: 0.8vmin;
  padding: 3vmin 0;
}

.header-push-wrapper-bottom .center {
  width: 70%;
  font-weight: 700;
  font-size: 2.5vmin;
  color: #FFFFFF;
}

.header-push-wrapper-bottom .center span {
  font-size: 3.5vmin;
}

.header-push-wrapper-bottom img {
  width: 15%;
}

.header-push-wrapper-bottom button {
  background: #FB0005;
  border-radius: 0.8vmin;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin: 0 auto;
  margin-top: 1vmin;
}

.header-push-wrapper-bottom button a {
  padding: 1vmin 1.6vmin;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 3.5vmin;
  line-height: 149.02%;
}

.header-push.active {
  display: block;
  z-index: 99;
}

.timer {
  margin-top: 2vmin;
  font-size: 3vmin;
  text-align: center;
}

.timer b {
  text-align: center;
  font-size: 3vmin;
}

.timer span {
  color: #7b0000;
  font-size: 3vmin;
  font-weight: 700;
}

.progress {
  font-size: 1.2em;
  height: 10vmin;
  width: 70vw;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.progress--active .progress__bar {
  opacity: 1;
}

.progress__text {
  font-family: "Inter";
  font-weight: 700;
  font-size: 4vmin;
  width: 100%;
  height: 10vmin;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
}

.progress__text em {
  font-style: normal;
}

.progress__bar {
  color: white;
  font-size: 12px;
  font-weight: normal;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  line-height: 19px;
  display: block;
  position: relative;
  top: -1px;
  left: -1px;
  width: 0%;
  height: 100%;
  opacity: 0;
  border: 1px solid;
  border-radius: 2px 0 0 2px;
  background-size: 10vmin 10vmin, 10vmin 10vmin, 10vmin 10vmin;
  background-position: -20% center, right center, left center;
  background-repeat: no-repeat, no-repeat, no-repeat;
  -webkit-transition: opacity 0.2s ease, width 0.8s ease-out, background-color 1s ease, border-color 0.3s ease,
 -webkit-box-shadow 1s ease;
  transition: opacity 0.2s ease, width 0.8s ease-out, background-color 1s ease, border-color 0.3s ease,
 -webkit-box-shadow 1s ease;
  transition: opacity 0.2s ease, width 0.8s ease-out, background-color 1s ease, border-color 0.3s ease,
 box-shadow 1s ease;
  transition: opacity 0.2s ease, width 0.8s ease-out, background-color 1s ease, border-color 0.3s ease,
 box-shadow 1s ease, -webkit-box-shadow 1s ease;
  -webkit-animation: pulse 2s ease-out infinite;
          animation: pulse 2s ease-out infinite;
  background-color: rgba(201, 4, 20, 0.95);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(226, 4, 22, 0)), color-stop(30%, rgba(250, 6, 26, 0.8)), color-stop(70%, #fb1f31), color-stop(80%, rgba(250, 6, 26, 0.8)), color-stop(90%, rgba(226, 4, 22, 0))), -webkit-gradient(linear, left top, right top, from(rgba(251, 31, 49, 0)), to(#fb1f31)), -webkit-gradient(linear, right top, left top, from(rgba(251, 31, 49, 0)), to(#fb1f31));
  background-image: linear-gradient(90deg, rgba(226, 4, 22, 0) 10%, rgba(250, 6, 26, 0.8) 30%, #fb1f31 70%, rgba(250, 6, 26, 0.8) 80%, rgba(226, 4, 22, 0) 90%), linear-gradient(to right, rgba(251, 31, 49, 0) 0%, #fb1f31 100%), linear-gradient(to left, rgba(251, 31, 49, 0) 0%, #fb1f31 100%);
  border-color: #fb3848;
  -webkit-box-shadow: 0 0 2vmin #fa061a inset, 0 0 2vmin #e20416 inset, 0 0 2vmin rgba(201, 4, 20, 0.5), 0 0 2vmin rgba(254, 206, 210, 0.5);
          box-shadow: 0 0 2vmin #fa061a inset, 0 0 2vmin #e20416 inset, 0 0 2vmin rgba(201, 4, 20, 0.5), 0 0 2vmin rgba(254, 206, 210, 0.5);
}

.progress__bar--orange {
  background-color: rgba(201, 47, 0, 0.95);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(227, 53, 0, 0)), color-stop(30%, rgba(252, 59, 0, 0.8)), color-stop(70%, #ff4d17), color-stop(80%, rgba(252, 59, 0, 0.8)), color-stop(90%, rgba(227, 53, 0, 0))), -webkit-gradient(linear, left top, right top, from(rgba(255, 77, 23, 0)), to(#ff4d17)), -webkit-gradient(linear, right top, left top, from(rgba(255, 77, 23, 0)), to(#ff4d17));
  background-image: linear-gradient(90deg, rgba(227, 53, 0, 0) 10%, rgba(252, 59, 0, 0.8) 30%, #ff4d17 70%, rgba(252, 59, 0, 0.8) 80%, rgba(227, 53, 0, 0) 90%), linear-gradient(to right, rgba(255, 77, 23, 0) 0%, #ff4d17 100%), linear-gradient(to left, rgba(255, 77, 23, 0) 0%, #ff4d17 100%);
  border-color: #ff6030;
  -webkit-box-shadow: 0 0 2vmin #fc3b00 inset, 0 0 2vmin #e33500 inset, 0 0 2vmin rgba(201, 47, 0, 0.5), 0 0 2vmin rgba(255, 214, 201, 0.5);
          box-shadow: 0 0 2vmin #fc3b00 inset, 0 0 2vmin #e33500 inset, 0 0 2vmin rgba(201, 47, 0, 0.5), 0 0 2vmin rgba(255, 214, 201, 0.5);
}

.progress__bar--yellow {
  background-color: rgba(232, 158, 0, 0.95);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(255, 174, 3, 0)), color-stop(30%, rgba(255, 183, 28, 0.8)), color-stop(70%, #ffbf36), color-stop(80%, rgba(255, 183, 28, 0.8)), color-stop(90%, rgba(255, 174, 3, 0))), -webkit-gradient(linear, left top, right top, from(rgba(255, 191, 54, 0)), to(#ffbf36)), -webkit-gradient(linear, right top, left top, from(rgba(255, 191, 54, 0)), to(#ffbf36));
  background-image: linear-gradient(90deg, rgba(255, 174, 3, 0) 10%, rgba(255, 183, 28, 0.8) 30%, #ffbf36 70%, rgba(255, 183, 28, 0.8) 80%, rgba(255, 174, 3, 0) 90%), linear-gradient(to right, rgba(255, 191, 54, 0) 0%, #ffbf36 100%), linear-gradient(to left, rgba(255, 191, 54, 0) 0%, #ffbf36 100%);
  border-color: #ffc74f;
  -webkit-box-shadow: 0 0 2vmin #ffb71c inset, 0 0 2vmin #ffae03 inset, 0 0 2vmin rgba(232, 158, 0, 0.5), 0 0 2vmin rgba(255, 248, 232, 0.5);
          box-shadow: 0 0 2vmin #ffb71c inset, 0 0 2vmin #ffae03 inset, 0 0 2vmin rgba(232, 158, 0, 0.5), 0 0 2vmin rgba(255, 248, 232, 0.5);
}

.progress__bar--green {
  background-color: rgba(0, 178, 23, 0.95);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(0, 204, 26, 0)), color-stop(30%, rgba(0, 229, 30, 0.8)), color-stop(70%, #00ff21), color-stop(80%, rgba(0, 229, 30, 0.8)), color-stop(90%, rgba(0, 204, 26, 0))), -webkit-gradient(linear, left top, right top, from(rgba(0, 255, 33, 0)), to(#00ff21)), -webkit-gradient(linear, right top, left top, from(rgba(0, 255, 33, 0)), to(#00ff21));
  background-image: linear-gradient(90deg, rgba(0, 204, 26, 0) 10%, rgba(0, 229, 30, 0.8) 30%, #00ff21 70%, rgba(0, 229, 30, 0.8) 80%, rgba(0, 204, 26, 0) 90%), linear-gradient(to right, rgba(0, 255, 33, 0) 0%, #00ff21 100%), linear-gradient(to left, rgba(0, 255, 33, 0) 0%, #00ff21 100%);
  border-color: #19ff37;
  -webkit-box-shadow: 0 0 2vmin #00e51e inset, 0 0 2vmin #00cc1a inset, 0 0 2vmin rgba(0, 178, 23, 0.5), 0 0 2vmin rgba(178, 255, 188, 0.5);
          box-shadow: 0 0 2vmin #00e51e inset, 0 0 2vmin #00cc1a inset, 0 0 2vmin rgba(0, 178, 23, 0.5), 0 0 2vmin rgba(178, 255, 188, 0.5);
}

.progress__bar--blue {
  background-color: rgba(18, 135, 204, 0.95);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(20, 151, 227, 0)), color-stop(30%, rgba(37, 162, 236, 0.8)), color-stop(70%, #3dacee), color-stop(80%, rgba(37, 162, 236, 0.8)), color-stop(90%, rgba(20, 151, 227, 0))), -webkit-gradient(linear, left top, right top, from(rgba(61, 172, 238, 0)), to(#3dacee)), -webkit-gradient(linear, right top, left top, from(rgba(61, 172, 238, 0)), to(#3dacee));
  background-image: linear-gradient(90deg, rgba(20, 151, 227, 0) 10%, rgba(37, 162, 236, 0.8) 30%, #3dacee 70%, rgba(37, 162, 236, 0.8) 80%, rgba(20, 151, 227, 0) 90%), linear-gradient(to right, rgba(61, 172, 238, 0) 0%, #3dacee 100%), linear-gradient(to left, rgba(61, 172, 238, 0) 0%, #3dacee 100%);
  border-color: #54b6f0;
  -webkit-box-shadow: 0 0 2vmin #25a2ec inset, 0 0 2vmin #1497e3 inset, 0 0 2vmin rgba(18, 135, 204, 0.5), 0 0 2vmin rgba(225, 242, 252, 0.5);
          box-shadow: 0 0 2vmin #25a2ec inset, 0 0 2vmin #1497e3 inset, 0 0 2vmin rgba(18, 135, 204, 0.5), 0 0 2vmin rgba(225, 242, 252, 0.5);
}

.progress__bar:before, .progress__bar:after {
  content: "";
  position: absolute;
  right: -1px;
  top: -10px;
  width: 1px;
  height: 40px;
}

.progress__bar:before {
  width: 7px;
  right: -4px;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 75%);
}

.progress__bar:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.3)), color-stop(75%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 100%);
}

.progress--complete .progress__bar {
  -webkit-animation: none;
          animation: none;
  border-radius: 2px;
}

.progress--complete .progress__bar:after, .progress--complete .progress__bar:before {
  opacity: 0;
}

@-webkit-keyframes pulse {
  0% {
    background-position: -50% center, right center, left center;
  }
  100% {
    background-position: 150% center, right center, left center;
  }
}

@keyframes pulse {
  0% {
    background-position: -50% center, right center, left center;
  }
  100% {
    background-position: 150% center, right center, left center;
  }
}

.loading {
  background: rgba(0, 0, 0, 0.72);
  display: none;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
}

.loading.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main #gradient {
  width: 100%;
  height: 250vh;
}

.notifications {
  height: 130vh;
  z-index: 99;
  position: relative;
  overflow: hidden;
}

.scrollDist {
  position: absolute;
  top: -20vh;
  left: 0;
}

#mouse-scroll.active {
  display: block;
}

#mouse-scroll {
  display: none;
}

#mouse-scroll {
  position: absolute;
  margin: auto;
  left: calc(50% - 2.5vw);
  bottom: 10vh;
  -webkit-transform: translateX(-50%);
  z-index: 9999;
}

#mouse-scroll span {
  display: block;
  width: 4vw;
  height: 4vh;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 0.3vmin solid #fff;
  border-bottom: 0.3vmin solid #fff;
  margin: 0 0 0.4vmin 0.6vmin;
}

#mouse-scroll .mouse {
  margin-left: 2vw;
  width: 2vw;
  height: 5vh;
  border-radius: 2vmin;
  -webkit-transform: none;
  transform: none;
  border: 0.3vmin solid #ffffff;
  top: 10vmin;
}

#mouse-scroll .down-arrow-1 {
  margin-top: 1vmin;
}

#mouse-scroll .down-arrow-1,
#mouse-scroll .down-arrow-2,
#mouse-scroll .down-arrow-3 {
  -webkit-animation: mouse-scroll 1s infinite;
  -moz-animation: mouse-scroll 1s infinite;
}

#mouse-croll .down-arrow-1 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -webkit-animation-direction: alternate;
}

#mouse-scroll .down-arrow-2 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-direction: alternate;
}

#mouse-scroll .down-arrow-3 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-dekay: 0.3s;
  -webkit-animation-direction: alternate;
}

#mouse-scroll .mouse-in {
  height: 1vmin;
  width: 0.2vmin;
  display: block;
  margin: 1vmin auto;
  background: #ffffff;
  position: relative;
}

#mouse-scroll .mouse-in {
  -webkit-animation: animated-mouse 1.2s ease infinite;
  moz-animation: mouse-animated 1.2s ease infinite;
}

@-webkit-keyframes animated-mouse {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-webkit-keyframes mouse-scroll {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.notification,
.notification2,
.notification3,
.notification4,
.notification5,
.notification6,
.notification7,
.notification8,
.notification9,
.notification10,
.notification15,
.notification11,
.notification12,
.notification13,
.notification14 {
  background: rgba(255, 255, 255, 0.77);
  -webkit-backdrop-filter: blur(3vmin);
          backdrop-filter: blur(3vmin);
  width: 40vw;
  height: 20vh;
  padding: 5.5vh 2vw;
  border-radius: 5vmin;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  bottom: 0;
}

.notification-left,
.notification2-left,
.notification3-left,
.notification4-left,
.notification5-left,
.notification6-left,
.notification7-left,
.notification8-left,
.notification9-left,
.notification10-left,
.notification15-left,
.notification11-left,
.notification12-left,
.notification13-left,
.notification14-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  gap: 5vmin;
  width: 80%;
}

.notification-left img,
.notification2-left img,
.notification3-left img,
.notification4-left img,
.notification5-left img,
.notification6-left img,
.notification7-left img,
.notification8-left img,
.notification9-left img,
.notification10-left img,
.notification15-left img,
.notification11-left img,
.notification12-left img,
.notification13-left img,
.notification14-left img {
  width: 10vmin;
  height: 10vmin;
}

.notification-left span,
.notification2-left span,
.notification3-left span,
.notification4-left span,
.notification5-left span,
.notification6-left span,
.notification7-left span,
.notification8-left span,
.notification9-left span,
.notification10-left span,
.notification15-left span,
.notification11-left span,
.notification12-left span,
.notification13-left span,
.notification14-left span {
  font-weight: 600;
  font-size: 3vmin;
}

.notification-left span b,
.notification2-left span b,
.notification3-left span b,
.notification4-left span b,
.notification5-left span b,
.notification6-left span b,
.notification7-left span b,
.notification8-left span b,
.notification9-left span b,
.notification10-left span b,
.notification15-left span b,
.notification11-left span b,
.notification12-left span b,
.notification13-left span b,
.notification14-left span b {
  font-weight: 400;
  font-size: 3vmin;
  display: block;
}

.notification-right,
.notification2-right,
.notification3-right,
.notification4-right,
.notification5-right,
.notification6-right,
.notification7-right,
.notification8-right,
.notification9-right,
.notification10-right,
.notification15-right,
.notification11-right,
.notification12-right,
.notification13-right,
.notification14-right {
  text-align: right;
  color: #54574d;
  font-size: 2vmin;
  gap: 1vmin;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.notification-right img,
.notification2-right img,
.notification3-right img,
.notification4-right img,
.notification5-right img,
.notification6-right img,
.notification7-right img,
.notification8-right img,
.notification9-right img,
.notification10-right img,
.notification15-right img,
.notification11-right img,
.notification12-right img,
.notification13-right img,
.notification14-right img {
  width: 7vmin;
  height: 7vmin;
}

.phone {
  height: 100vh;
  width: 100%;
  position: relative;
  top: 150vh;
  left: 0;
}

.phone__image {
  position: absolute;
  left: 4vw;
  top: 0vh;
  height: 60vh;
}

.phone__image img {
  width: 100%;
  height: 100%;
}

.phone__text {
  position: absolute;
  left: 7vw;
  top: 2vh;
  width: 50vw;
}

.phone__text img {
  width: 100%;
  height: 100%;
}

.phone__text2 {
  position: absolute;
  left: 7vw;
  top: 60vh;
  width: 40vw;
}

.phone__text2 img {
  width: 100%;
  height: 100%;
}

.phone button {
  background: #c13520;
  border-radius: 25px;
  position: absolute;
  bottom: 7vh;
  width: 30vw;
  height: 10vh;
  left: calc(50% - 15vw);
  font-weight: 700;
  font-size: 4vmin;
  line-height: 149.02%;
  color: #ffffff;
}

.windows {
  height: 100vh;
  width: 100%;
  position: relative;
  top: 100vh;
  left: 0;
  display: none;
  z-index: 9;
  -webkit-transition: 1s;
  transition: 1s;
}

.windows .pop-element {
  position: absolute;
  width: 70vw;
  height: 55vh;
  background: url(../img/pop-bg.png);
  -webkit-animation: background 0.2s both;
          animation: background 0.2s both;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  background-size: 100% 100%;
  top: calc(50% - 27.5vh);
  left: calc(50% - 35vw);
  padding: 3vh 1vw;
  display: none;
}

.windows .pop-element__top {
  height: 9vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.windows .pop-element__top-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1vw;
  font-family: "Minecraft";
  font-weight: 600;
  font-size: 5vmin;
  color: #ffffff;
}

.windows .pop-element__top-left button {
  margin-left: 1vw;
  background: none;
  width: 3.5vw;
  pointer-events: none;
}

.windows .pop-element__top-left button img {
  width: 100%;
  height: 100%;
}

.windows .pop-element__top-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0vw;
}

.windows .pop-element__top-right button {
  margin-right: 1vw;
  background: none;
  height: 7vh;
}

.windows .pop-element__top-right button img {
  width: 100%;
  height: 100%;
}

.windows .pop-element__top-right button.disable {
  margin-right: 0.6vw;
  background: none;
  pointer-events: none;
  height: 6.7vh;
  margin-bottom: 0.3vh;
}

.windows .pop-element__top-right button.disable img {
  width: 100%;
  height: 100%;
}

.windows .pop-element__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding-top: 10vh;
  padding-left: 5vw;
  gap: 3vw;
}

.windows .pop-element__main-titleimg {
  width: 10vw;
}

.windows .pop-element__main-titleimg img {
  width: 100%;
  height: 100%;
}

.windows .pop-element__main-rightimg {
  width: 13vw;
}

.windows .pop-element__main-rightimg img {
  width: 100%;
  height: 100%;
  margin-top: -6vh;
}

.windows .pop-element__main-rightimg.big {
  width: 11vw;
  margin-right: 3vw;
}

.windows .pop-element__main-rightimg.big img {
  width: 100%;
  height: 100%;
  margin-top: -6vh;
}

.windows .pop-element__main span {
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Minecraft";
  font-size: 5vmin;
  line-height: 150%;
  margin-top: 0vmin;
  color: #000000;
  max-width: 40vw;
}

.windows .pop-element__main little {
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Minecraft";
  font-size: 4vmin;
  line-height: 150%;
  margin-top: 0vmin;
  color: #000000;
  max-width: 40vw;
}

.windows .pop-element__main little.little {
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Minecraft";
  font-size: 3vmin;
  line-height: 150%;
  margin-top: 0vmin;
  color: #000000;
  max-width: 40vw;
}

.windows .pop-element__main little.big {
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Minecraft";
  font-size: 4vmin;
  line-height: 150%;
  margin-top: 0vmin;
  color: #000000;
  max-width: 33vw;
}

.windows .pop-element__main b {
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Minecraft";
  font-size: 6.5vmin;
  line-height: 140%;
  margin-top: 0vmin;
  color: #000000;
  max-width: 33vw;
}

.windows .pop-element__main b.little {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Minecraft";
  font-size: 2.5vmin;
  line-height: 140%;
  margin-top: 0vmin;
  color: #000000;
  max-width: 33vw;
  margin-top: -5vh;
}

.windows .pop-element__main button.buttonconfirm {
  background: url(../img/buttonbg.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 3vmin;
  line-height: 135%;
  color: #ff0000;
  width: 70%;
  height: 12vh;
  margin-top: 1vh;
}

.windows .pop-element.fast {
  position: absolute;
  width: 70vw;
  height: 55vh;
  background: url(../img/pop-bg.png);
  -webkit-animation: background 0.2s both;
          animation: background 0.2s both;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  background-size: 100% 100%;
  top: calc(50% - 27.5vh);
  left: calc(50% - 35vw);
  padding: 3vh 1vw;
  display: none;
}

.windows .pop-element.fast__top {
  height: 9vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.windows .pop-element.fast__top-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1vw;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 5vmin;
  color: #ffffff;
}

.windows .pop-element.fast__top-left button {
  margin-left: 1vw;
  background: none;
  width: 3.5vw;
  pointer-events: none;
}

.windows .pop-element.fast__top-left button img {
  width: 100%;
  height: 100%;
}

.windows .pop-element.fast__top-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0vw;
}

.windows .pop-element.fast__top-right button {
  margin-right: 1vw;
  background: none;
  height: 7vh;
}

.windows .pop-element.fast__top-right button img {
  width: 100%;
  height: 100%;
}

.windows .pop-element.fast__top-right button.disable {
  margin-right: 0.6vw;
  background: none;
  pointer-events: none;
  height: 6.7vh;
  margin-bottom: 0.3vh;
}

.windows .pop-element.fast__top-right button.disable img {
  width: 100%;
  height: 100%;
}

.windows .pop-element.fast__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding-top: 10vh;
  padding-left: 5vw;
  gap: 3vw;
}

.windows .pop-element.fast__main-titleimg {
  width: 10vw;
}

.windows .pop-element.fast__main-titleimg img {
  width: 100%;
  height: 100%;
}

.windows .pop-element.fast__main span {
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Open Sans";
  font-size: 13vmin;
  margin-top: 0vmin;
  color: #000000;
}

.windows .pop-element.active {
  display: block;
}

.windows.active {
  height: 100vh;
  width: 100%;
  position: relative;
  top: 50vh;
  left: 0;
  display: block;
  background: url(../img/windows.png);
  -webkit-animation: background 1s both;
          animation: background 1s both;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
  -webkit-transition: 1s;
  transition: 1s;
}

.pushflow {
  height: 100vh;
  width: 100%;
  position: relative;
  top: 0vh;
  left: 0;
  display: none;
  z-index: 10;
  background: #242424;
  -webkit-transition: 1s;
  transition: 1s;
}

.pushflow__top {
  position: absolute;
  left: 5vw;
  -webkit-animation: gotop 0.5s both;
          animation: gotop 0.5s both;
}

.pushflow__top img {
  width: 40vw;
}

.pushflow__bottom {
  -webkit-animation: goleft 0.5s both;
          animation: goleft 0.5s both;
  position: absolute;
  bottom: 5vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.pushflow__bottom div {
  color: #ffffff;
  text-align: right;
  font-size: 3vmin;
  line-height: 130%;
  font-style: italic;
}

.pushflow__bottom button {
  margin-top: 3vh;
  background: #c13520;
  border-radius: 1.5vmin;
  height: 10vh;
  width: 35vw;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 3.5vmin;
  color: #ffffff;
}

.pushflow__subtitle {
  -webkit-animation: background 0.5s both;
          animation: background 0.5s both;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  color: #ffffff;
  font-size: 4vmin;
  line-height: 5vmin;
}

.pushflow__subtitle span {
  color: #e65d5d;
}

.pushflow__bottom.hidden {
  display: none;
}

.pushflow__subtitle.hidden {
  display: none;
}

.pushflow__pluses {
  margin-left: 5vw;
  margin-top: 5vh;
  -webkit-animation: background 0.5s both;
          animation: background 0.5s both;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.pushflow__pluses-item {
  color: #ffffff;
  font-size: 4vmin;
  line-height: 5vmin;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

.pushflow__pluses-item span {
  color: #00ff29;
  margin-right: 2vw;
  font-size: 6vmin;
  line-height: 5vmin;
  margin-bottom: 0vh;
}

.pushflow__pluses.hidden {
  display: none;
}

.pushflow__sale.hidden {
  display: none;
}

.pushflow__sale {
  margin-top: 15vh;
  color: #ffffff;
  font-size: 3.5vmin;
  line-height: 5vmin;
}

.pushflow__sale span {
  color: #00f426;
  font-weight: 700;
}

.pushflow__sale little {
  color: #ff3636;
  font-size: 3vmin;
}

.pushflow__sale b {
  font-weight: 600;
}

.pushflow__ticket.hidden {
  display: none;
}

.pushflow__ticket {
  font-weight: 600;
  font-size: 8vw;
  color: #000;
  background: #fff;
  margin-top: 3vh;
}

.pushflow__button.hidden {
  display: none;
}

.pushflow__button {
  margin-top: 7vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pushflow__button button {
  background: #c13520;
  border-radius: 1.5vmin;
  text-align: center;
  font-size: 3vmin;
  height: 10vh;
  width: 35vw;
  font-weight: 600;
  color: #ffffff;
}

.pushflow.active {
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
  top: -50vh;
  left: 0;
  display: block;
  background: url(../img/windows.png);
  -webkit-animation: background 1s both;
          animation: background 1s both;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background: #242424;
  z-index: 10;
  -webkit-transition: 1s;
  transition: 1s;
}
/*# sourceMappingURL=style.css.map */