@font-face {
  font-family: Arcade gamer;
  src: url('../fonts/ArcadeGamer-Regular.woff2') format("woff2"), url('../fonts/ArcadeGamer-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

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

body {
  color: #000;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 1;
}

h1, h2, h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
}

a {
  text-decoration: underline;
}

.body {
  background-color: #fff0;
  justify-content: center;
  display: block;
  overflow: visible;
}

.track {
  opacity: 1;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: visible;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 50%;
  display: flex;
}

.slide {
  object-fit: cover;
  flex: none;
  width: 100vw;
  height: 100vh;
  display: block;
  overflow: hidden;
}

.slide.slide-double {
  display: none;
}

.slide.slide-5.mobile-cms-settings {
  z-index: 2;
  position: relative;
}

.slide.footer-slide {
  height: auto;
}

.sliderwrapper {
  object-fit: fill;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0;
}

.vertical {
  object-fit: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  inset: auto auto 0% 0%;
}

.vertical.box {
  object-fit: fill;
  flex-wrap: nowrap;
  align-items: flex-end;
  width: auto;
  margin-top: -3vw;
  margin-bottom: 26vw;
  margin-left: 17vw;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.vertical.box-2 {
  flex-wrap: nowrap;
  flex: 0 auto;
  align-items: flex-end;
  width: auto;
  margin-bottom: 17vw;
  margin-left: 15vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.vertical.grid2 {
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
}

.vertical._1-14 {
  z-index: auto;
  justify-content: flex-end;
  margin-bottom: 20vh;
  position: absolute;
}

.vertical.uppercontent {
  flex-direction: column-reverse;
  align-self: flex-end;
}

.vertical.uppercontent.fourth {
  flex-direction: column;
  align-self: flex-start;
}

.vertical.third {
  align-self: flex-start;
}

.vertical.second {
  align-self: center;
}

.vertical.mootcourt {
  width: 70%;
}

.vertical._1-5 {
  justify-content: flex-end;
  width: 22%;
  margin-bottom: -1vw;
  padding-right: 0;
}

.vertical.open-chest {
  grid-column-gap: 0vh;
  grid-row-gap: 0vh;
  justify-content: center;
  width: auto;
  margin-top: 0;
  margin-bottom: 4vh;
  margin-left: 42vw;
  position: absolute;
}

.vertical._1-1 {
  z-index: 3;
  margin-bottom: -4vw;
  position: relative;
}

.slider {
  width: 100vw;
  min-width: auto;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.down {
  z-index: 1;
  object-fit: cover;
  width: 100vw;
  max-width: none;
  height: 9vw;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: relative;
}

.down._1-4 {
  object-fit: cover;
  height: 45vw;
  position: relative;
}

.down._1-14 {
  z-index: 1;
  height: 9vw;
  margin-bottom: 0;
  position: relative;
}

.down._1-14-mobile {
  z-index: 1;
  height: 9vw;
  margin-bottom: 0;
  display: none;
  position: relative;
}

.content-wrapper {
  z-index: auto;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.content-wrapper.form {
  z-index: auto;
  position: absolute;
  overflow: visible;
}

.chack-on-a-horse {
  object-fit: cover;
  width: 21vw;
  height: auto;
  margin-left: 6vw;
}

.chack-on-a-horse._1-3 {
  z-index: 2;
  width: 27vw;
  margin-bottom: -4vw;
  margin-left: 1vw;
  position: relative;
}

.up {
  object-fit: fill;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.up.vertical {
  justify-content: flex-end;
  align-items: center;
}

.skeleton-wrapper {
  z-index: 2;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: -10vw;
  margin-right: 6vw;
  display: block;
  position: relative;
  overflow: visible;
}

.navbar-wrapper {
  z-index: 1;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: visible;
  transform: translate(0, -10vw);
}

.navbar-wrapper.hidebar {
  background-image: none;
  transform: translate(0, -10vw);
}

.navigation-top {
  z-index: 1;
  grid-column-gap: 4.5vw;
  grid-row-gap: 4.5vw;
  justify-content: space-between;
  align-items: flex-start;
  width: 100vw;
  height: 5vw;
  padding-top: 0;
  display: flex;
  position: relative;
}

.navigation-top.moodcourt {
  z-index: 1;
  height: 7vw;
  position: sticky;
  top: 0;
}

.interface {
  z-index: 1;
  background-color: #0000;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.judge-door {
  object-fit: fill;
  flex: none;
  width: 10.75vw;
  max-width: 100%;
  height: auto;
}

.cupboard {
  flex: 0 auto;
  width: 22vw;
  max-width: none;
}

.table {
  width: 25vw;
  margin-left: 0;
  margin-right: 0;
}

.judge {
  z-index: 3;
  text-align: justify;
  cursor: pointer;
  width: 10vw;
  height: auto;
  position: relative;
}

.table-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 28vw;
  height: 50vh;
  margin-left: -4vw;
  margin-right: -4vw;
  display: flex;
}

.awards {
  width: 10vw;
  margin-bottom: 5vw;
}

.sixth-heading {
  color: #fff;
  text-align: center;
  width: 34vw;
  margin-bottom: 3vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.6vw;
  line-height: 1.4;
}

.cupboard-wrapper {
  flex-direction: column;
  align-items: center;
  width: 22vw;
  display: flex;
}

.qa-box {
  z-index: 1;
  color: #000;
  background-color: #3898ec00;
  background-image: url('../images/бабл-qa.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 15vw;
  height: 13vw;
  margin-bottom: 1vw;
  margin-right: 15.9vw;
  padding: 0 4vw 7vw 0;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.4vw;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.roller-number {
  z-index: 6;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.4vw;
  line-height: 1;
  display: block;
  position: static;
}

.skeleton-stroke {
  z-index: 2;
  opacity: 1;
  object-fit: contain;
  width: 20.5vw;
  max-width: none;
  height: auto;
  margin-top: -.25vw;
  margin-bottom: 0;
  margin-left: -.25vw;
  padding-left: 0;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.wall-wrapper {
  background-image: url('../images/1234.svg');
  background-position: 0 0;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.wall-wrapper.slide-2 {
  background-image: url('../images/фон-2.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
}

.wall-wrapper.slide-1 {
  background-image: url('../images/фон-1.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.wall-wrapper.slide-3 {
  background-image: url('../images/фон-без-солнца.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.wall-wrapper.slide-4 {
  background-image: url('../images/фон-экран-шесть.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  transform: none;
}

.wall-wrapper.slide-5 {
  background-image: url('../images/фон-новый.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.wall-wrapper.slide-6 {
  background-image: url('../images/фон---9-экран.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.wall-wrapper.slide-open {
  z-index: 10;
  background-image: url('../images/Group-179.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hack-on-a-log {
  width: 19vw;
  height: auto;
  margin-left: 4vw;
}

.bonfire {
  width: 15vw;
  height: auto;
  margin-left: 13vw;
}

.horse-tent {
  z-index: 2;
  width: 42vw;
  margin-bottom: -5vw;
  margin-right: -4vw;
  position: relative;
}

.horizontal {
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-end;
  width: 100vw;
  height: auto;
  display: flex;
}

.horizontal.center {
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 0;
}

.horizontal.center._1-8 {
  align-items: center;
  margin-bottom: 1vw;
}

.horizontal.center._1-1 {
  margin-bottom: 0;
}

.horizontal._1-7 {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.horizontal.point {
  object-fit: fill;
  justify-content: flex-start;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.horizontal._1-2 {
  align-items: flex-start;
  margin-bottom: 1vw;
  padding: 0 10vw;
}

.horizontal._1-10 {
  grid-column-gap: 0vw;
  flex-direction: row;
  justify-content: center;
  width: auto;
  padding-left: 0;
  padding-right: 0;
}

.horizontal._1-14 {
  z-index: 1;
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  justify-content: flex-start;
  padding-left: 11vw;
  position: relative;
}

.horizontal.form {
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
}

.horizontal.team {
  z-index: 14;
  grid-column-gap: 1vw;
  justify-content: center;
  margin-top: 0;
  position: absolute;
  inset: 0% auto auto 0%;
}

.horizontal.mootcourt {
  justify-content: flex-start;
  align-items: center;
  width: auto;
}

.horizontal.chest-wrap {
  z-index: 12;
  position: relative;
}

.hello-heading {
  text-align: center;
  text-shadow: none;
  justify-content: center;
  width: 55%;
  height: auto;
  margin-bottom: 3vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 2.1vw;
  line-height: 1.2;
  display: flex;
}

.nav-button-wrapper {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 15vw;
  min-width: 15vw;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  padding-top: 1vw;
  padding-left: 1vw;
  display: flex;
  transform: translate(0, -10vw);
}

.chack-4 {
  width: 12vw;
  height: auto;
  margin-left: 0;
}

.door {
  width: 11vw;
  height: auto;
}

.platform-wrapper {
  z-index: 10;
  justify-content: space-between;
  align-items: flex-end;
  width: 70vw;
  height: auto;
  display: flex;
  position: static;
}

.stair {
  z-index: 0;
  width: 15vw;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  position: relative;
}

.chest-stair {
  width: 12vw;
  margin-top: 0;
  margin-bottom: 0;
}

.fourth-platform {
  object-fit: fill;
  flex-direction: column;
  align-items: center;
  width: 18vw;
  height: auto;
  margin-top: 0;
  margin-bottom: 23vw;
  margin-left: 50vw;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.first-platform {
  object-fit: cover;
  flex-direction: column;
  align-items: center;
  width: 18vw;
  height: auto;
  margin: 0 12vw 14vw 0;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.second-platform {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 18vw;
  height: auto;
  margin: 0 0 31vw 66vw;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: visible;
}

.flame {
  width: 4.5vw;
  margin-bottom: 2vw;
}

.flame-2 {
  width: 4.5vw;
  margin-top: 0;
  margin-bottom: 14vw;
  margin-left: 62vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.flame-3 {
  width: 4.5vw;
  margin: 0 4vw 15vw 0;
  position: absolute;
  inset: auto 0% 0% auto;
}

.guard-door {
  flex: none;
  width: 11vw;
  height: auto;
}

.second-guard {
  z-index: 3;
  opacity: 1;
  cursor: default;
  width: 18vw;
  margin-left: 6vw;
  display: none;
  position: relative;
}

.people {
  width: 19vw;
  margin-right: 1vw;
}

.fifth-heading {
  color: #fff;
  text-align: center;
  width: 35vw;
  margin-bottom: -2vw;
  margin-left: 0;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.6vw;
  line-height: 1.4;
}

.ckach-final {
  z-index: 3;
  opacity: 0;
  object-fit: fill;
  width: 16vw;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  position: relative;
}

.tribune {
  width: 35vw;
  margin-bottom: 7vw;
}

.tapestry {
  color: #fff;
  text-align: center;
  background-image: url('../images/габилен.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10vw;
  height: 11vw;
  margin-left: 4vw;
  margin-right: 4vw;
  padding-top: 0;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.6vw;
  line-height: 1.4;
  display: flex;
}

.seventh-heading-right {
  color: #fff;
  text-align: right;
  width: 30vw;
  margin-right: 0;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.6vw;
  line-height: 1.4;
}

.seventh-heading-left {
  color: #fff;
  width: 30vw;
  margin-left: 0;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.6vw;
  line-height: 1.4;
  position: static;
}

.pack {
  z-index: 13;
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  height: auto;
  margin-bottom: 1vw;
  margin-right: 1vw;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(14vw);
}

.sword-click {
  z-index: 1;
  background-color: #3898ec00;
  background-image: url('../images/меч.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 6vw;
  height: 6vw;
  margin-bottom: 1vw;
  padding: 0;
  position: relative;
}

.key-click {
  z-index: 10;
  opacity: 1;
  background-color: #3898ec00;
  background-image: url('../images/ключ_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 7vw;
  height: 4vw;
  margin-bottom: .7vw;
  padding: 0;
  display: none;
  position: relative;
}

.sword-stroke {
  z-index: 0;
  opacity: 1;
  width: 6.4vw;
  height: auto;
  margin-top: 0;
  margin-bottom: 4.5vw;
  margin-left: 5.8vw;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.key-stroke {
  z-index: 0;
  object-fit: contain;
  width: 7.4vw;
  height: auto;
  margin-top: 0;
  margin-bottom: 4.8vw;
  margin-left: 5.3vw;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.sword-info {
  z-index: 10;
  background-image: url('../images/бабл-для-инвенторя-поворот.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 13vw;
  height: 10vw;
  margin-top: 0;
  margin-bottom: 24vw;
  margin-left: 23vw;
  padding-top: 1vw;
  padding-bottom: 0;
  font-family: Arcade gamer, sans-serif;
  font-size: 1vw;
  line-height: 1.4;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.key-info {
  z-index: 10;
  background-image: url('../images/бабл-для-инвенторя-поворот.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 13vw;
  height: 10vw;
  margin-top: 0;
  margin-bottom: 26vw;
  margin-left: 58.5vw;
  padding-top: 1vw;
  padding-bottom: 0;
  font-family: Arcade gamer, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.4;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: rotate(0);
}

.sword-pack-info {
  z-index: 4;
  background-image: url('../images/бабл-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 13vw;
  height: 10vw;
  margin: 0 0 0 -13vw;
  padding-top: 0;
  padding-bottom: 1vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.1vw;
  line-height: 1.4;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.key-pack-info {
  z-index: 10;
  background-image: url('../images/бабл-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 13vw;
  height: 10vw;
  margin: 0 5vw 7vw 0;
  padding-top: 0;
  padding-bottom: 1vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.4;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: rotate(0);
}

.hp {
  object-fit: contain;
  width: 2.7vw;
  margin-right: 0;
}

.hp.offset {
  margin-right: .5vw;
}

.name-second {
  color: #fff;
  width: auto;
  margin-bottom: .4vw;
  margin-left: 0;
  margin-right: .25vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.6vw;
  line-height: 1;
}

.name-first {
  color: #fff;
  width: auto;
  margin-bottom: .4vw;
  margin-left: .25vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.6vw;
  line-height: 1;
  display: block;
}

.ckach-stroke {
  z-index: 2;
  opacity: 1;
  object-fit: contain;
  width: 15.4vw;
  margin-top: 0;
  margin-bottom: 8vw;
  margin-left: 3.25vw;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.chack-box {
  opacity: 0;
  color: #000;
  object-fit: fill;
  background-image: url('../images/бабл-поворот.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 17vw;
  height: 14vw;
  margin: -3vw 17vw 21vw 0;
  padding: 5vw 0 7vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.1vw;
  line-height: 1.4;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.chack-box.heading-7.moveblock {
  background-image: url('../images/бабл-поворот.png');
}

.first-guard-box {
  opacity: 0;
  color: #000;
  object-fit: fill;
  background-image: url('../images/бабл.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 14vw;
  height: 12vw;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0 0 2vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.1vw;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.second-guard-box {
  opacity: 0;
  color: #000;
  object-fit: fill;
  background-image: url('../images/бабл-поворот.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 14vw;
  height: 12vw;
  margin-top: 0;
  margin-bottom: 31vw;
  margin-left: 17vw;
  padding: 0 0 2vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.1vw;
  line-height: 1.4;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.first-guard-stroke {
  z-index: 2;
  opacity: 1;
  width: 18.4vw;
  margin-top: 0;
  margin-bottom: 8.9vw;
  margin-left: 51.25vw;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.second-guard-stroke {
  z-index: 2;
  opacity: 1;
  width: 18.4vw;
  margin-bottom: -.1vw;
  margin-left: 29.5vw;
  display: none;
  position: absolute;
}

.backsword {
  z-index: 0;
  opacity: 0;
  color: #000;
  object-fit: fill;
  background-color: #3898ec00;
  background-image: url('../images/кнопка.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 10vw;
  height: 5vw;
  margin-top: -10vw;
  margin-bottom: 0;
  margin-left: 0;
  padding: .25vw 0 0;
  font-family: Arcade gamer, sans-serif;
  font-size: 1vw;
  line-height: 1;
  display: flex;
  position: relative;
}

.ckach-box {
  opacity: 0;
  color: #000;
  object-fit: contain;
  background-image: url('../images/бабл.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 16vw;
  height: 14vw;
  margin-top: 0;
  margin-bottom: 21vw;
  margin-left: 17vw;
  padding: 5vw 0 7vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.1vw;
  line-height: 1.4;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: visible;
}

.ckach-box-stop {
  z-index: 1;
  opacity: 0;
  color: #000;
  object-fit: contain;
  background-image: url('../images/бабл.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 16vw;
  height: 14vw;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 5vw 0 7vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.1vw;
  line-height: 1.4;
  display: flex;
  position: relative;
  overflow: visible;
}

.back-knight {
  z-index: 0;
  opacity: 0;
  color: #000;
  object-fit: fill;
  background-color: #3898ec00;
  background-image: url('../images/кнопка.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 10vw;
  height: 5vw;
  margin-top: -7vw;
  margin-bottom: 5vw;
  margin-left: 4vw;
  padding: .25vw 0 0;
  font-family: Arcade gamer, sans-serif;
  font-size: 1vw;
  line-height: 1;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
}

.skeleton {
  z-index: 3;
  opacity: 1;
  cursor: pointer;
  object-fit: contain;
  width: 20vw;
  max-width: none;
  height: auto;
  margin: 0;
  padding-left: 0;
  display: block;
  position: relative;
}

.shawdow-sword {
  z-index: 10;
  opacity: 1;
  background-color: #000000b3;
  width: 100vw;
  height: 100%;
  margin-left: 0;
  transition: opacity .2s;
  display: none;
  position: absolute;
  transform: translate(-100vw);
}

.first-guard {
  z-index: 3;
  cursor: pointer;
  width: 18vw;
  margin-left: 0;
  display: block;
  position: relative;
  transform: rotate(0);
}

.ckach-second-click {
  z-index: 4;
  opacity: 1;
  object-fit: fill;
  background-color: #3898ec00;
  background-image: url('../images/кач.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16vw;
  height: 20.5vw;
  margin-top: 0;
  margin-bottom: 7.2vw;
  margin-left: 3vw;
  padding: 0;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.ckach-first-click {
  z-index: 4;
  opacity: 1;
  object-fit: fill;
  background-color: #3898ec00;
  background-image: url('../images/кач.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16vw;
  height: 20.5vw;
  margin-top: 0;
  margin-bottom: 7.2vw;
  margin-left: 3vw;
  padding: 0;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.instruction {
  z-index: 14;
  grid-column-gap: 0px;
  grid-row-gap: 0vw;
  opacity: 0;
  background-color: #000000d9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-left: 0;
  padding-bottom: 0;
  transition: opacity .5s;
  display: flex;
  position: absolute;
}

.instruction.vishide {
  z-index: 12;
}

.grid {
  grid-column-gap: 5vw;
  grid-row-gap: 1vw;
  opacity: 1;
  grid-template-rows: auto auto;
  width: 75%;
  margin-bottom: 2vw;
}

.grid-row-wrapper {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  align-items: flex-start;
  display: flex;
}

.grid-row-wrapper.mob-grid {
  display: flex;
}

.grid-row-wrapper.mob-grid-2 {
  display: none;
}

.instruction-paragraph {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.2vw;
  line-height: 1.4;
}

.instruction-paragraph.heading-6 {
  text-transform: capitalize;
}

.instruction-heading {
  color: #f7bb53;
  text-align: center;
  background-color: #fff0;
  margin-top: 2vw;
  margin-bottom: 4vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 3.5vw;
  line-height: 1.2;
}

.instruction-image-second {
  object-fit: contain;
  width: 5vw;
}

.image-grid-wrapper {
  object-fit: contain;
  flex-wrap: nowrap;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 10vw;
  height: 10vw;
  display: flex;
}

.instruction-image-first {
  object-fit: contain;
  width: 40%;
  height: auto;
  display: block;
}

.instruction-image-third {
  object-fit: contain;
  width: 30%;
}

.instruction-image-fourth {
  width: 20%;
  height: auto;
}

.callboard {
  background-image: url('../images/доска-с-объявлением.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 20vw;
  height: 20vw;
  margin-right: 4vw;
  padding-bottom: 5vw;
  display: flex;
}

.map {
  z-index: 14;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-left: 0;
  display: none;
  position: absolute;
}

.map-wrapper {
  background-image: url('../images/объявление-поп-ап.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  width: 30vw;
  height: 30vw;
  margin-top: 0;
  padding-top: 7vw;
  display: flex;
}

.map-paragraph {
  text-transform: uppercase;
  width: 80%;
  margin-bottom: 0;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.4vw;
  line-height: 1.2;
}

.map-paragraph.heading-5 {
  text-align: left;
  width: 70%;
}

.grid-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-top: -2vw;
  display: flex;
  transform: translate(0, 100vw);
}

.ckach-plane-final {
  z-index: 5;
  opacity: 1;
  flex: none;
  width: 16vw;
  height: auto;
  margin-bottom: -1.05vw;
  margin-left: 2vw;
  display: none;
  position: relative;
}

.score-table-left {
  background-image: url('../images/доска.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 14vw;
  height: 21vw;
  margin-left: 8vw;
  padding-top: 4vw;
  display: flex;
}

.judge-referee {
  flex: 0 auto;
  width: 16vw;
  margin-left: 0;
  margin-right: 0;
}

.score-table-right {
  background-image: url('../images/доска.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14vw;
  height: 21vw;
  margin-left: 0;
  margin-right: 8vw;
  padding-top: 4vw;
}

.awards-spot {
  width: 14vw;
  margin-top: 0;
  margin-bottom: 1vw;
}

.eight-heading {
  color: #fff;
  text-align: center;
  width: 62vw;
  margin-bottom: 0;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.4vw;
  line-height: 1.2;
}

.torch {
  width: 4vw;
  margin-left: 5vw;
  margin-right: 5vw;
}

.score {
  color: #000;
  text-align: center;
  font-family: Arcade gamer, sans-serif;
  font-size: 3vw;
  line-height: 1.2;
}

.score-name {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.6vw;
  line-height: 1.2;
}

.feast {
  z-index: 2;
  width: 43vw;
  margin-bottom: -1vw;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  position: relative;
}

.third-platform {
  object-fit: fill;
  flex-direction: column;
  align-items: center;
  width: 18vw;
  height: auto;
  margin-top: 0;
  margin-bottom: 29vw;
  margin-left: 31vw;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.plane-stop {
  width: 6.5vw;
  margin-top: 0;
  margin-bottom: .5vw;
  display: block;
  position: relative;
}

.plane-stroke {
  z-index: 1;
  background-color: #0000;
  width: 6.5vw;
  margin-bottom: 4.2vw;
  margin-left: 5.75vw;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.plane-click {
  z-index: 10;
  background-color: #fff0;
  background-image: url('../images/самолет_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 6.5vw;
  height: 4.6vw;
  margin-bottom: .5vw;
  padding: 0;
  display: none;
  position: relative;
}

.plane-info {
  z-index: 10;
  background-image: url('../images/бабл-для-инвенторя.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 13vw;
  height: 10vw;
  margin-top: 0;
  margin-bottom: 21vw;
  margin-left: 62.5vw;
  padding-top: 0;
  padding-bottom: 1vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.4;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.plane-pack-info {
  z-index: 10;
  background-image: url('../images/бабл-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 13vw;
  height: 10vw;
  margin: 0 5vw 12vw 0;
  padding-top: 0;
  padding-bottom: 1vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.4;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: rotate(0);
}

.planeico {
  z-index: 1;
  opacity: 0;
  transform-style: preserve-3d;
  width: 7vw;
  margin: 0 0 15.7vw 80.5vw;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.svg-html-eighth-slide {
  z-index: 3;
  opacity: 0;
  background-color: #0000;
  width: 100vw;
  height: auto;
  margin-bottom: -11vw;
  margin-left: -2vw;
  padding-left: 0;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: hidden;
}

.shawdow-plane {
  z-index: 10;
  opacity: 0;
  background-color: #000000b3;
  width: 100vw;
  height: 100vh;
  margin-left: 0;
  transition: opacity .3s;
  display: none;
  position: absolute;
}

.ckach-plane-stroke {
  z-index: 2;
  width: 15.35vw;
  margin-bottom: 8vw;
  margin-left: 2.2vw;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.ckach-plane-back {
  z-index: 4;
  background-color: #3898ec00;
  background-image: url('../images/кач.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 16vw;
  height: 20.5vw;
  margin-bottom: -1.8vw;
  margin-left: 2vw;
  padding: 0 0 0;
  display: block;
  position: relative;
}

.ckach-plane-box-stop {
  z-index: 1;
  opacity: 0;
  color: #000;
  text-align: left;
  object-fit: contain;
  background-image: url('../images/бабл.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 16vw;
  height: 14vw;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 5vw 0 7vw 3vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.1vw;
  line-height: 1.4;
  display: flex;
  position: relative;
  overflow: visible;
}

.backplane {
  z-index: 0;
  opacity: 0;
  color: #000;
  object-fit: fill;
  background-color: #3898ec00;
  background-image: url('../images/кнопка.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 10vw;
  height: 5vw;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  font-family: Arcade gamer, sans-serif;
  font-size: 1vw;
  line-height: 1;
  display: flex;
  position: relative;
  transform: translate(0, -10vw);
}

.backplane.heading-7 {
  flex-direction: column;
}

.js-seventh-slide {
  display: none;
}

.ok {
  width: 5vw;
  margin-top: 0;
  margin-bottom: 22vw;
  margin-left: 17vw;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.logo-wrapper {
  z-index: 1;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: relative;
}

.logo-text {
  outline-offset: 0px;
  color: #000;
  text-align: right;
  border: 4px #000;
  outline: 3px #000;
  width: 8vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1vw;
  line-height: 1.2;
  text-decoration: none;
}

.logo-text.outline {
  outline-width: 0;
}

.logo {
  width: 4vw;
  margin-left: 1vw;
}

.logo-first {
  opacity: 0;
  color: #000;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  padding: 1vw;
  text-decoration: none;
  display: flex;
}

.logo-first.logohide {
  height: auto;
}

.logo-second {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 1vw;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.second-heading-left {
  text-transform: uppercase;
  text-shadow: 0 2px #fff;
  width: 40%;
  margin-bottom: 0;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.1vw;
  line-height: 1.2;
}

.second-heading-right {
  text-align: right;
  text-transform: uppercase;
  text-shadow: 0 2px #fff;
  width: 30%;
  margin-bottom: 0;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.1vw;
  line-height: 1.2;
}

.js-content-conditions {
  margin-bottom: 0;
  display: none;
}

.picturebutton {
  z-index: 5;
  background-color: #3898ec00;
  background-image: url('../images/стрелка.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4vw;
  height: 4vw;
  margin: 0 3vw;
  padding: 0;
  position: absolute;
  inset: 48% 0% auto auto;
  transform: translate(0);
}

.picturebuttonleft {
  z-index: 5;
  background-color: #3898ec00;
  background-image: url('../images/стрелка-поворот_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4vw;
  height: 4vw;
  margin: 0 0 0 3vw;
  padding: 0;
  display: block;
  position: absolute;
  inset: 48% auto auto 0%;
  transform: translate(0);
}

.picturebuttonleft.ccmsbuttonlefthide {
  z-index: 5;
  background-image: url('../images/стрелка-поворот.png');
  display: block;
}

.horse-box {
  color: #000;
  object-fit: fill;
  background-image: url('../images/бабл.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 11vw;
  height: 10vw;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0 0 1.5vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.1vw;
  line-height: 1.4;
  display: none;
  position: relative;
}

.picturecms {
  flex-flow: column wrap;
  align-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: auto;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 2vw;
  display: flex;
  position: static;
  inset: auto auto 0% 0%;
  transform: none;
}

.collection-list-wrapper {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.picture-border {
  color: #000;
  background-image: url('../images/рамка.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 28vw;
  height: 20vw;
  padding-top: 0;
  text-decoration: none;
  display: flex;
}

.image-mootcourt {
  object-fit: cover;
  width: 65%;
  height: 50%;
  margin-top: 0;
  margin-bottom: .25vw;
}

.js-ninth-slide {
  margin-bottom: 0;
  display: none;
}

.collectionitem {
  cursor: pointer;
  flex-flow: wrap;
  place-content: stretch center;
  align-self: auto;
  align-items: center;
  width: 33.3333%;
  height: 50%;
  padding-left: 0;
  padding-right: 0;
  transition: transform .2s;
  display: flex;
  transform: translate(0);
}

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

.star {
  z-index: 2;
  width: 4vw;
  margin-bottom: 23vw;
  margin-left: 21vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.star-4 {
  z-index: 2;
  width: 4vw;
  margin-bottom: 44vw;
  margin-left: 32vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.star-3 {
  z-index: 2;
  width: 4vw;
  margin-bottom: 23vw;
  margin-left: 83vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.star-2 {
  z-index: 2;
  width: 4vw;
  margin-bottom: 9vw;
  margin-left: 64vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.scratch {
  z-index: 6;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.4vw;
  line-height: 1;
  display: block;
  position: static;
}

.form-wrapper {
  z-index: 14;
  background-image: url('../images/бабл.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 35vw;
  height: 60vw;
  margin-bottom: -25vw;
  margin-left: 11vw;
  padding-bottom: 4vw;
  padding-left: 4vw;
  padding-right: 4vw;
  display: flex;
  position: relative;
}

.automat {
  z-index: 12;
  object-fit: fill;
  flex: 0 auto;
  width: 100vw;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.chack-form-box {
  width: 15vw;
}

.name-field {
  text-transform: uppercase;
  border: .3vw solid #000;
  flex: 1;
  margin-bottom: 1vw;
  padding: 1vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.2vw;
  line-height: 1.2;
}

.name-field:focus {
  border-color: #e1544a;
}

.email-field {
  text-transform: uppercase;
  border: .3vw solid #000;
  flex: 1;
  margin-bottom: 1vw;
  padding: 1vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.2vw;
  line-height: 1.2;
}

.email-field:focus {
  border-color: #e1544a;
}

.form {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.submit-button {
  background-color: #ef4545;
  border: .3vw solid #000;
  width: auto;
  padding: .5vw 1vw;
  font-family: Arcade gamer, sans-serif;
  font-weight: 400;
}

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

.form-bottom-field {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.checkbox-label {
  width: 80%;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Arcade gamer, sans-serif;
  font-size: .8vw;
  line-height: 1.2;
}

.checkbox {
  width: 1.25vw;
  height: 1.25vw;
  margin-top: 0;
  margin-left: 0;
  margin-right: 1vw;
}

.form-block {
  color: #000;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  display: none;
}

.success-message {
  background-color: #5c302a00;
  width: 70%;
  padding: 0;
}

.error-message {
  color: #cbd7dd;
  background-color: #e1544a;
  width: 100%;
  margin-top: 1vw;
  padding: 1vw;
}

.checkbox-field {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  flex-direction: row;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.team-button {
  z-index: 2;
  background-color: #3898ec00;
  background-image: url('../images/Человек-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 20vw;
  height: 25vw;
  transition: transform .2s;
  display: none;
  position: static;
  inset: 0% auto auto 0%;
}

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

.team-button._2 {
  background-image: url('../images/Человек-2.png');
}

.team-button._3 {
  background-image: url('../images/Человек-3.png');
}

.team-button._4 {
  background-image: url('../images/Человек-4.png');
}

.wall-automat {
  z-index: 1;
  object-fit: fill;
  background-image: url('../images/фон-экран-шесть.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 0 auto;
  width: 100%;
  height: 170%;
  margin-bottom: -10vh;
  display: block;
  position: absolute;
}

.whitespace {
  order: 0;
  width: 100vw;
  height: 100vh;
  display: block;
}

.preloader {
  z-index: 100;
  opacity: 1;
  background-color: #000;
  background-image: url('../images/фон-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  top: 0;
}

.preloader-image {
  width: 20vw;
}

.css-js-sixth-slide {
  align-self: auto;
  margin-bottom: 0;
  display: none;
}

.judge-stroke {
  z-index: 2;
  width: 10.5vw;
  margin-bottom: 8.75vw;
  margin-left: 63.75vw;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.q-a {
  z-index: 14;
  opacity: 1;
  background-color: #000c;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  margin-left: 0;
  display: none;
  position: absolute;
}

.q-a-wrapper {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  justify-content: space-between;
  align-items: flex-end;
  width: 100vw;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.qa-chack {
  flex: none;
  width: 37vw;
  height: 30vw;
  margin-bottom: -5vw;
  margin-left: -5vw;
}

.qa-judge {
  width: 11vw;
  height: 23vw;
  margin-bottom: -3vw;
  margin-right: 1vw;
}

.q-a-box-chak {
  grid-row-gap: 0vw;
  background-image: url('../images/бабл.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32vw;
  height: 27vw;
  margin-top: 0;
  margin-bottom: 21vw;
  margin-left: 25vw;
  padding-top: 0;
  padding-bottom: 4.5vw;
  font-family: Arcade gamer, sans-serif;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.question {
  background-image: url('../images/Group-152.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: .75vw;
  background-attachment: scroll;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 1.25vw;
  padding-left: 1.5vw;
  display: flex;
}

.question:hover {
  background-image: url('../images/Group-152.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: .75vw;
  background-attachment: scroll;
  transform: translate(-.5vw);
}

.qa-link {
  color: #000;
  height: auto;
  margin-top: 0;
  font-size: 1.2vw;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
}

.question-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-left: 0;
  padding: 1vw 1vw 0;
  display: flex;
  overflow: visible;
}

.q-a-box-judge {
  z-index: 1;
  grid-row-gap: 0vw;
  background-image: url('../images/бабл-поворот.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32vw;
  height: 27vw;
  margin-top: 0;
  margin-bottom: 21vw;
  margin-left: 55vw;
  padding-top: 0;
  padding-bottom: 4.5vw;
  font-family: Arcade gamer, sans-serif;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.paragraph-answer {
  text-align: left;
  object-fit: fill;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  width: 100%;
  height: auto;
  margin-bottom: .5vw;
  padding-right: 2vw;
  font-size: 1.2vw;
  line-height: 1.4;
  display: block;
  overflow: visible;
}

.answer {
  grid-row-gap: 1.5vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 65%;
  margin-left: 0;
  padding-top: 2vw;
  display: none;
}

.answer-wrapper {
  grid-column-gap: 0vw;
  background-image: url('../images/Group-152.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: .75vw;
  background-attachment: scroll;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding-left: 1.5vw;
  display: flex;
}

.answer-wrapper:hover {
  background-image: url('../images/Group-152.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: .75vw;
  background-attachment: scroll;
  transform: scale(1.05);
}

.answer-wrapper.variant {
  display: none;
}

.answer-list {
  grid-row-gap: 1.5vw;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.judge-answer {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  height: 80%;
  margin-left: 0;
  padding-bottom: 0;
  display: flex;
  overflow: auto;
}

.sword-box {
  opacity: 1;
  color: #000;
  object-fit: fill;
  background-image: url('../images/бабл.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 13vw;
  height: 11vw;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0 0 1.5vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.1vw;
  line-height: 1.4;
  display: none;
  position: relative;
}

.navigation-bottom {
  z-index: 2;
  grid-column-gap: 4.5vw;
  grid-row-gap: 4.5vw;
  justify-content: space-between;
  align-items: flex-end;
  width: 100vw;
  height: auto;
  padding-top: 0;
  display: flex;
  position: relative;
}

.nav-bottom-gap {
  width: 27vw;
  height: 3vw;
  margin-bottom: 1vw;
  margin-right: 0;
}

.navhover {
  z-index: 1;
  cursor: pointer;
  background-color: #91363600;
  width: 100%;
  height: 8vw;
  margin-top: 0;
  display: flex;
  position: relative;
}

.judgefast {
  z-index: 12;
  cursor: pointer;
  width: 42vw;
  height: 100vh;
  margin-left: 0;
  margin-right: 6vw;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-sword {
  width: 1.35vw;
  margin-right: .2vw;
}

.bottom-image-wrapper {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  align-items: center;
  width: auto;
  display: flex;
}

.bottom-image-wrapper.offset {
  margin-right: 1vw;
}

.image-text {
  font-family: Arcade gamer, sans-serif;
  font-size: .8vw;
  line-height: 1;
}

.bottom-image-text {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  justify-content: space-between;
  margin-top: .1vw;
  display: flex;
}

.top-image-wrapper {
  justify-content: space-between;
  width: 65%;
  margin-top: 3vw;
  display: flex;
}

.moot-court {
  z-index: 0;
  opacity: 1;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-left: 0;
  padding-top: 0;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.moot-court.cmspreloaderhide {
  transition: transform 1s;
}

.grid-2 {
  grid-column-gap: 10vw;
  grid-row-gap: 5vw;
  align-items: center;
  height: auto;
  margin-top: 5vw;
  margin-bottom: 8vw;
}

.sword-cms, .scale-cms, .judge-cms, .court-cms {
  width: 6vw;
  margin-right: 3vw;
}

.cms-text {
  color: #00000080;
  width: 100%;
  font-family: Arcade gamer, sans-serif;
  font-size: 1vw;
  line-height: 1.4;
}

.cms-text.heading-7 {
  text-align: left;
}

.cms-grid-cell {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.subtitle-cms {
  color: #00000080;
  letter-spacing: .3vw;
  font-family: Arcade gamer, sans-serif;
  font-size: 1.4vw;
  line-height: 1.2;
}

.image-cms {
  object-fit: cover;
  min-width: 30%;
  max-width: 100%;
  min-height: auto;
  transition: transform .2s;
}

.collection-item-2 {
  justify-content: center;
  align-items: center;
  padding-top: 1vw;
  padding-bottom: 1vw;
  display: flex;
}

.collection-list {
  grid-column-gap: 2vw;
  grid-row-gap: 0vw;
  flex-direction: column;
  display: block;
  position: static;
}

.js-second-slide {
  display: none;
}

.question-list {
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  height: 70%;
  display: flex;
  overflow: auto;
}

.cms-image-wrapper {
  cursor: pointer;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  transition: transform .2s;
  display: flex;
}

.cms-image-wrapper:hover {
  transform: scale(1.04);
}

.collection-list-wrapper-2 {
  margin-bottom: 0;
}

.collection-list-wrapper-2.offset-collection {
  margin-bottom: 5vw;
}

.content-wrap {
  width: 100%;
  height: auto;
}

.image-load {
  z-index: 20;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 5vw 3vw;
  display: flex;
  position: fixed;
  top: 0;
}

.close-button-image {
  z-index: 25;
  cursor: pointer;
  background-color: #3898ec00;
  background-image: url('../images/Group-142.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4vw;
  height: 4vw;
  margin-top: 1vw;
  margin-right: 2vw;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  transition: transform .2s;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-button-image:hover {
  transform: scale(1.1);
}

.image-load-wrap {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: visible;
}

.image-result {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
}

.image-result.vishide {
  z-index: 15;
  padding-top: 0;
  transform: none;
}

.content-image-wrap {
  width: auto;
  height: auto;
  padding-top: 0;
}

.fifth-platform {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  height: 20vw;
  margin-bottom: 22vw;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.chest-open {
  z-index: 10;
  opacity: 0;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s;
  display: block;
  position: absolute;
}

.chest-open.vishide {
  z-index: 12;
}

.chest-start-click {
  width: 15vw;
  height: auto;
  margin-bottom: -7%;
  margin-left: 0;
  display: block;
  position: relative;
}

.stones {
  z-index: 1;
  width: 30vw;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  position: relative;
}

.chest-animation {
  width: 36.25vw;
  max-width: none;
  margin-bottom: -7%;
  margin-left: -11vw;
  display: none;
  position: relative;
}

.chest-start {
  z-index: 1;
  cursor: pointer;
  width: 8vw;
  max-width: none;
  margin-bottom: 10%;
  margin-left: 0%;
  margin-right: 15%;
  display: none;
  position: relative;
}

.chest-stroke {
  z-index: 0;
  opacity: 0;
  width: 9.25vw;
  max-width: none;
  margin-top: 0%;
  margin-bottom: 85%;
  margin-left: 12.5%;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.chest-stop {
  z-index: 1;
  cursor: auto;
  width: 8vw;
  max-width: none;
  margin-bottom: 10%;
  margin-left: 0%;
  margin-right: 15%;
  position: relative;
}

.js-fourth-slide {
  display: none;
}

.chest-final {
  width: 36.25vw;
  max-width: none;
  margin-bottom: -7%;
  margin-left: -11vw;
  display: none;
  position: relative;
}

.shawdow-chest {
  z-index: 13;
  opacity: 0;
  background-color: #000000b3;
  width: 100vw;
  height: 100vh;
  margin-left: 0;
  position: absolute;
}

.close-button-chest {
  z-index: 14;
  cursor: pointer;
  background-color: #3898ec00;
  background-image: url('../images/Group-142.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4vw;
  height: 4vw;
  margin-top: 1vw;
  margin-right: 2vw;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  transition: transform .2s;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-button-chest:hover {
  transform: scale(1.1);
}

.chest-start-second {
  z-index: 1;
  cursor: pointer;
  width: 8vw;
  max-width: none;
  margin-bottom: 10%;
  margin-left: 0%;
  margin-right: 15%;
  display: none;
  position: relative;
}

.whiteplug {
  z-index: 100;
  background-color: #e0e0e0;
  width: 100vw;
  height: 100vh;
  position: fixed;
}

.section-style {
  width: 100vw;
  height: auto;
}

.header-style {
  color: #fff;
  background-color: #1f7800;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 8vh;
  margin-bottom: 4vw;
  padding-left: 4vw;
  font-size: 2vw;
  display: flex;
}

.header-style.color-style-red {
  background-color: #b50101;
  margin-top: 5vw;
  margin-bottom: 4vw;
}

.header-style.color-style-blue {
  background-color: #03009e;
  margin-top: 5vw;
  margin-bottom: 4vw;
}

.content-style-guide {
  width: 100vw;
  height: auto;
  margin-bottom: 0;
}

.text-style-guide {
  grid-column-gap: 10vw;
  grid-row-gap: 10vw;
  justify-content: flex-start;
  align-items: center;
  height: 15vh;
  padding-left: 4vw;
  padding-right: 0;
  display: flex;
}

.head-wrapper {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.heading-style-guide {
  font-size: 2.5vw;
  line-height: 1;
}

.subheading-style-guide {
  font-size: 1.5vw;
  line-height: 1;
}

.text-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-1 {
  font-family: Arcade gamer, sans-serif;
  font-size: 4.3vw;
  font-weight: 400;
  line-height: 1.4;
}

.heading-1._404-head {
  margin-top: 0;
  margin-bottom: 0;
}

.heading-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arcade gamer, sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 1.4;
}

.heading-3 {
  font-family: Arcade gamer, sans-serif;
  font-size: 2.1vw;
  font-weight: 400;
  line-height: 1.4;
}

.heading-4 {
  font-family: Arcade gamer, sans-serif;
  font-size: 1.8vw;
  font-weight: 400;
  line-height: 1.4;
}

.heading-5 {
  font-family: Arcade gamer, sans-serif;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 1.4;
}

.heading-6 {
  font-family: Arcade gamer, sans-serif;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 1.4;
}

.heading-7 {
  font-family: Arcade gamer, sans-serif;
  font-size: 1.1vw;
  line-height: 1.4;
}

.heading-7.paragraph-404 {
  text-align: left;
}

.image-style-guide {
  justify-content: space-around;
  align-items: flex-end;
  width: 100vw;
  height: auto;
  margin-top: 2vw;
  margin-bottom: 0;
  padding-bottom: 5vw;
  display: flex;
}

.chack-1 {
  z-index: 3;
  width: 13vw;
  height: auto;
  margin-bottom: 0;
  position: relative;
}

.chack-1.feast-chack {
  margin-bottom: -1vw;
  margin-left: 0;
  margin-right: 2vw;
}

.chack-2 {
  transform-style: preserve-3d;
  width: 12vw;
  height: auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.chack-3 {
  width: 21vw;
  max-width: none;
  height: auto;
}

.ckach-1 {
  width: 16vw;
  height: auto;
}

.interface-style-guide {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 3vw;
  padding-left: 5vw;
  display: flex;
}

.start-button {
  background-color: #fff0;
  background-image: url('../images/кнопка-начать.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 13vw;
  height: 5vw;
  transition: transform .2s;
  display: flex;
}

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

.start-button.heading-3 {
  color: #000;
  padding: 0;
}

.start-menu-button {
  color: #000;
  background-color: #fff0;
  background-image: url('../images/кнопка.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 10.5vw;
  height: 5vw;
  transition: transform .2s;
  display: flex;
}

.start-menu-button:hover {
  transform: scale(1.1);
}

.start-menu-button.heading-3 {
  color: #000;
  background-image: url('../images/кнопка.png');
  padding: 0;
}

.start-menu-button.heading-3.offset {
  margin-right: 2vw;
}

.accept-button {
  color: #000;
  background-color: #fff0;
  background-image: url('../images/кнопка.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 9vw;
  height: 4vw;
  padding: 0;
  transition: transform .2s;
  display: flex;
}

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

.menu-button {
  color: #000;
  background-color: #fff0;
  background-image: url('../images/кнопка.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 9vw;
  height: 4vw;
  padding: 0;
  transition: transform .2s;
  display: flex;
}

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

.close-button {
  background-color: #fff0;
  background-image: url('../images/крестик.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4vw;
  height: 4vw;
  padding: 0;
  transition: transform .2s;
  position: relative;
}

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

.close-button.map {
  margin-top: 1vw;
  margin-right: 2vw;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-button.qa-button, .close-button.moot-court-button {
  margin-top: 1vw;
  margin-right: 2vw;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-button.close-button-chest, .close-button.close-button-image {
  position: absolute;
}

.cell {
  background-color: #b5404000;
  background-image: url('../images/ячейка-под-инвентарь.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 5vw;
  height: 4vw;
  display: flex;
}

.cell.offset {
  margin-bottom: .5vw;
}

.active-cell {
  z-index: 3;
  cursor: pointer;
  background-color: #a6646400;
  width: 5vw;
  height: 4.2vw;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
}

.active-cell.sword-cell-settings {
  margin-bottom: 0;
  margin-right: 0;
  display: none;
  transform: translate(40vw, 40vw);
}

.active-cell.plane-cell-settings {
  margin-bottom: 0;
  display: none;
  inset: 0% 0% auto auto;
  transform: translate(0, 40vw);
}

.active-cell.active-key-cell {
  display: none;
  bottom: 4.5vw;
  left: 0;
}

.deny-cell {
  z-index: 1;
  opacity: 0;
  background-color: #a6646400;
  width: 4.75vw;
  height: auto;
  display: block;
  position: absolute;
}

.plane-cell {
  z-index: 2;
  width: 90%;
  height: auto;
  display: none;
  position: relative;
  transform: rotate(-10deg);
}

.sword-cell {
  z-index: 2;
  width: 60%;
  height: auto;
  display: none;
  position: relative;
}

.key-cell {
  z-index: 2;
  width: 70%;
  height: auto;
  display: none;
  position: relative;
  transform: rotate(-47deg);
}

.navbar {
  background-image: url('../images/фон-под-меню-в-открытом-виде.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 58vw;
  height: 5vw;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.nav-link {
  transform: scale3d(1none, 1none, 1none);
  color: #000;
  transform-style: preserve-3d;
  background-color: #3898ec00;
  padding: 1vw 1vw 1.4vw;
  font-size: 1.3vw;
  line-height: 2;
}

.nav-link:hover {
  transform: scale(1.1);
}

.stray {
  z-index: 2;
  background-image: url('../images/прогресс-бар_фон-белый.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 33vw;
  height: 2.75vw;
  margin-bottom: 1vw;
  display: flex;
  position: relative;
}

.roller {
  z-index: 4;
  justify-content: center;
  align-items: center;
  width: 6vw;
  height: 2.75vw;
  margin-left: 0;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.stroke-wrapper {
  z-index: 3;
  width: 33vw;
  height: 94%;
  margin-left: .5vw;
  position: relative;
  overflow: hidden;
}

.animate {
  width: 100%;
  height: 100%;
  margin-left: -27vw;
}

.info-button {
  z-index: 1;
  background-color: #fff0;
  background-image: url('../images/инфо.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3vw;
  height: 3vw;
  margin-bottom: 0;
  margin-left: 1vw;
  padding: 0;
  position: static;
  transform: translate(0, 4vw);
}

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

.info-button.style-guide-settings {
  margin-bottom: 0;
  margin-left: 0;
  transform: none;
}

.ad-stroke {
  z-index: 1;
  width: 5.6vw;
  margin-bottom: 18.8vw;
  margin-left: 0;
  margin-right: 14.7vw;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.ad-list-right {
  width: 5vw;
}

.bulldog {
  width: 8vw;
  margin-bottom: 11vw;
  margin-left: 32vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.skeleton-final {
  z-index: 3;
  opacity: 1;
  cursor: auto;
  object-fit: contain;
  width: 20vw;
  max-width: none;
  height: auto;
  margin: 0;
  padding-left: 0;
  display: none;
  position: relative;
}

.skeleton-box {
  background-image: url('../images/бабл-поворот.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 18vw;
  height: 15vw;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 2vw;
  text-decoration: none;
  display: none;
  position: static;
  inset: auto 0% 0% auto;
}

.key-stop {
  z-index: 0;
  object-fit: contain;
  flex: 0 auto;
  width: 7vw;
  height: auto;
  margin-top: 0;
  margin-bottom: 5vw;
  margin-left: 5.5vw;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.first-guard-final {
  z-index: 3;
  cursor: auto;
  width: 18vw;
  margin-left: 0;
  display: none;
  position: relative;
  transform: rotate(0);
}

.second-guard-final {
  z-index: 3;
  opacity: 1;
  cursor: default;
  width: 18vw;
  margin-left: 6vw;
  position: relative;
}

.qa-box-stroke {
  opacity: 0;
  width: 15.4vw;
  margin-top: 0;
  margin-bottom: 31.25vw;
  margin-right: 11.25vw;
  position: absolute;
  inset: auto 0% 0% auto;
}

.hp-ckach-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
}

.hp-chack-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 0;
  display: flex;
}

.hp-wrapper {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  margin-top: -1vw;
  margin-bottom: -2vw;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: relative;
}

.awards-door {
  width: 9.5vw;
  display: none;
}

.ninth-heading {
  color: #fff;
  text-align: center;
  width: 50%;
  margin-bottom: 4vw;
  font-weight: 400;
}

.feast-door {
  width: 9.5vw;
  display: none;
}

.chack-feast-wrapper {
  align-items: flex-end;
  height: 20vw;
  display: flex;
}

.image-scale {
  width: 1.6vw;
  margin-right: .2vw;
}

.team-open {
  z-index: 10;
  opacity: 1;
  object-fit: fill;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
}

.team-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 80%;
  height: 50%;
  display: none;
}

.team-wrapper.vison {
  display: flex;
}

.team-image {
  object-fit: cover;
  width: 35%;
  height: auto;
  margin-right: 4vw;
}

.team-paragraph-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.team-heading {
  margin-top: 0;
  margin-bottom: 1vw;
}

.team-heading-2 {
  margin-top: 0;
  margin-bottom: 2vw;
}

.team-paragraph {
  color: #00000080;
}

.team-paragraph.heading-7 {
  text-align: left;
}

.team-animation-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.js-tenth-slide {
  display: none;
}

.heading-form {
  text-align: left;
  margin-top: 0;
  margin-bottom: 2vw;
}

.medal {
  cursor: pointer;
  width: 2.4vw;
  margin-bottom: 16vw;
  margin-left: 69.5vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.medal-stroke {
  width: 2.65vw;
  margin-bottom: 15.9vw;
  margin-left: 69.35vw;
  position: absolute;
  inset: auto auto 0% 0%;
}

.chack-medal {
  z-index: 10;
  opacity: 1;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.full-medal {
  width: 35vw;
}

.js-eight-slide {
  display: none;
}

.js-eleventh-slide {
  margin-bottom: 0;
  display: none;
}

.screenstop {
  z-index: 20;
  background-color: #000000d9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
}

.screenstop-heading {
  color: #fff;
  text-align: center;
  line-height: 2;
}

.chack-box-mobile {
  opacity: 0;
  background-image: url('../images/бабл-поворот.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 17vw;
  height: 14vw;
  margin-bottom: 21vw;
  margin-right: 17vw;
  padding-bottom: 2vw;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.stroke-mobile-1 {
  display: none;
}

.feast-mobile {
  z-index: 2;
  width: 43vw;
  margin-bottom: -1vw;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: none;
  position: relative;
}

.stroke-mobile-2 {
  display: none;
}

.team-button-mobile {
  background-color: #3898ec00;
  background-image: url('../images/Человек-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20vw;
  height: 25vw;
  transition: transform .2s;
}

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

.team-button-mobile._2-mobile {
  background-image: url('../images/Человек-2.png');
}

.team-button-mobile._3-mobile {
  background-image: url('../images/Человек-3.png');
}

.team-button-mobile._4-mobile {
  background-image: url('../images/Человек-4.png');
}

.planeico-mobile {
  z-index: 1;
  transform-style: preserve-3d;
  width: 7vw;
  margin: 0 0 15.7vw 80.5vw;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.footer {
  z-index: 10;
  grid-row-gap: 40vw;
  background-color: #363b41;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 30vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.cookies {
  color: #fff9;
  text-align: left;
  width: 50%;
  font-family: Montserrat, sans-serif;
  line-height: 1.2;
}

.privacy {
  color: #fff9;
  text-align: right;
  width: auto;
  margin-bottom: 2vw;
  font-family: Montserrat, sans-serif;
  line-height: 1.2;
  text-decoration: none;
}

.privacy:hover {
  text-decoration: underline;
}

.privacy-policy {
  z-index: 10;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-left: 10vw;
  padding-right: 10vw;
  display: none;
  position: absolute;
}

.privacy-paragraph {
  font-family: Montserrat, sans-serif;
  line-height: 1.2;
}

.privacy-paragraph.heading-7 {
  text-align: left;
}

.chest-stair-mobile {
  width: 15vw;
  margin-top: 0;
  margin-bottom: 0;
  display: none;
}

.js-twelfth-slide {
  display: none;
}

.image-cms-wrap {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding-top: 0;
  display: flex;
}

.music-button {
  z-index: 2;
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/on.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3vw;
  height: 3vw;
  margin-bottom: 0;
  margin-left: 1vw;
  padding: 0;
  transition: transform .2s;
  position: static;
}

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

.music-button.music-button-second {
  margin-left: 1vw;
}

.music-button-second {
  z-index: 1;
  background-color: #fff0;
  background-image: url('../images/off.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3vw;
  height: 3vw;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  position: static;
}

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

.bottom-buttons-wrapper {
  width: 27vw;
  margin-bottom: .5vw;
  display: flex;
}

.music-check {
  z-index: 12;
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  color: #222;
  background-color: #000000d9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.music-text {
  color: #fff;
  text-align: center;
  width: 50%;
  margin-bottom: 4vw;
}

.music-button-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-music {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/кнопка.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 11vw;
  height: 5vw;
  padding-left: 0;
  padding-right: 0;
  transition: transform .2s;
  display: flex;
}

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

.button-music.offset {
  margin-right: 2vw;
}

.music-on {
  width: 20%;
  height: auto;
  margin-left: 1vw;
}

.music-off {
  width: 25%;
  height: auto;
  margin-left: 1vw;
}

.animation-music {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.ad-list-left {
  z-index: 2;
  cursor: pointer;
  width: 5vw;
  margin-right: 2vw;
  position: relative;
}

.chack-list {
  z-index: 10;
  opacity: 1;
  color: #000;
  background-color: #3898ec00;
  background-image: url('../images/объявление2.png');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  width: 20vw;
  height: 20vw;
  margin-bottom: 20vw;
  margin-left: 47vw;
  padding: 2vw 2vw 0;
  line-height: 1.2;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.chack-list-stroke {
  z-index: 5;
  flex: none;
  width: 20.5vw;
  margin-bottom: 20vw;
  margin-left: 47vw;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.empty-moot-court {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.qa-team-button {
  z-index: 0;
  opacity: 0;
  color: #000;
  object-fit: fill;
  background-color: #3898ec00;
  background-image: url('../images/кнопка.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 10vw;
  height: 5vw;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: .25vw;
  padding: .25vw 0 0;
  font-family: Arcade gamer, sans-serif;
  font-size: 1vw;
  line-height: 1;
  display: none;
  position: relative;
}

.form-block-second {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.link-footer-wrapper {
  align-items: center;
  display: flex;
}

.link-footer-wrapper.offset {
  margin-bottom: 1vw;
}

.link-footer-wrapper.footer-hide {
  display: none;
}

.link-image {
  width: 3vw;
  margin-right: 1vw;
}

.footer-link {
  color: #000;
}

.link-horsebox {
  margin-bottom: 21vw;
  margin-left: 27vw;
  text-decoration: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.link-wrapper {
  flex-direction: column;
  align-items: flex-end;
  width: auto;
  display: flex;
}

.made {
  color: #fff9;
  font-family: Montserrat, sans-serif;
  line-height: 1.2;
  text-decoration: none;
}

.inline-text-block {
  text-decoration: underline;
}

.name-text-block {
  font-size: .8vw;
}

.anchor {
  display: none;
}

.planeico-apple {
  z-index: 1;
  opacity: 0;
  transform-style: preserve-3d;
  width: 7vw;
  margin: 0 0 15.7vw 80.5vw;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.skeleton-link-box {
  color: #000;
  margin-bottom: 20vw;
  margin-left: 0;
  margin-right: 13vw;
  text-decoration: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.anchor-2 {
  display: none;
}

.skeleton-link-box-2 {
  color: #000;
  margin-bottom: 20vw;
  margin-left: 0;
  margin-right: 13vw;
  text-decoration: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

._404-block {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  margin-left: 5vw;
  display: flex;
}

.image {
  width: 20%;
}

.sword-box-wrapper {
  z-index: 10;
  margin-bottom: 36vw;
  margin-left: 27vw;
  text-decoration: none;
  position: absolute;
  bottom: 0;
  left: 0;
}

.first-guard-box-wrapper {
  margin-bottom: 31vw;
  margin-left: 68vw;
  text-decoration: none;
  position: absolute;
  bottom: 0;
  left: 0;
}

.short-site-button {
  color: #000;
  background-color: #fff0;
  background-image: url('../images/кнопка.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 20vw;
  height: 5vw;
  transition: transform .2s;
  display: flex;
}

.short-site-button:hover {
  transform: scale(1.1);
}

.short-site-button.heading-3 {
  color: #000;
  background-image: url('../images/кнопка.png');
  padding: 0;
}

.short-link {
  color: #fff;
  -webkit-text-stroke-color: #fff;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1vw;
  font-size: 1vw;
  display: flex;
  position: relative;
  inset: auto auto 0% 0%;
}

.short-link-mobile {
  color: #fff;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1vw;
  font-size: 1vw;
  display: none;
  position: relative;
  inset: auto auto 0% 0%;
}

.short-instruction-link {
  color: #fff;
  -webkit-text-stroke-color: #fff;
  margin-top: 2vw;
}

.mobile-anchor {
  width: 4.5vw;
  margin-top: 0;
  margin-bottom: -11vw;
  margin-left: 60vw;
  display: none;
  position: absolute;
}

.ok-apple {
  opacity: 0;
  width: 5vw;
  margin-top: 0;
  margin-bottom: 22vw;
  margin-left: 17vw;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.hero-without-image {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-two {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

@media screen and (max-width: 991px) {
  .body, .track {
    overflow: visible;
  }

  .utility-page-content {
    width: 50%;
  }

  .slide {
    opacity: 1;
    object-fit: cover;
    flex: 0 auto;
    order: 1;
    height: auto;
    min-height: 100vh;
    display: block;
    position: static;
    inset: 0% auto 0% 0%;
    overflow: hidden;
  }

  .slide.slide-double {
    z-index: 2;
    background-color: #275034;
    min-height: auto;
    max-height: 100%;
    display: block;
    position: relative;
  }

  .slide.slide-1 {
    object-fit: contain;
    background-image: url('../images/фон-1.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    order: -1;
  }

  .slide.mobile-settings-2 {
    background-image: url('../images/фон-экран-шесть.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slide.mobile-settigs {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0 0;
    background-size: auto;
  }

  .slide.slide-3 {
    background-image: url('../images/фон-без-солнца.png');
    background-position: 20%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    display: flex;
  }

  .slide.slide-4 {
    background-image: url('../images/фон-новый.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slide.slide-6 {
    background-image: url('../images/фон-экран-шесть.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 0 auto;
  }

  .slide.slide-5 {
    background-image: url('../images/фон-экран-шесть.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: auto;
  }

  .slide.slide-5.mobile-cms-settings {
    min-height: auto;
  }

  .slide.slide-2 {
    background-image: url('../images/фон-2.png');
    background-position: 20%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slide.footer-slide {
    min-height: auto;
  }

  .slide.form-slide {
    background-image: url('../images/фон-экран-шесть.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slide.slide-4-auto {
    background-image: url('../images/фон-новый.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .sliderwrapper {
    flex-direction: column;
    align-items: center;
    height: auto;
    min-height: auto;
    display: flex;
    position: static;
    inset: 0 0;
    transform: none;
  }

  .sliderwrapper.sliderwrapperanim {
    position: static;
  }

  .vertical {
    flex: 0 auto;
    align-self: flex-end;
  }

  .vertical.box {
    margin-bottom: 25vw;
    margin-left: 20vw;
    margin-right: 0;
    bottom: 0;
    left: 0;
  }

  .vertical.box-2 {
    margin-bottom: 16vw;
    margin-left: 19vw;
    bottom: 0;
    left: 0;
  }

  .vertical.grid2 {
    height: auto;
  }

  .vertical._1-14 {
    margin-bottom: 0;
    position: relative;
  }

  .vertical.uppercontent {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    margin-top: 0;
    display: flex;
    overflow: visible;
  }

  .vertical.uppercontent.fourth {
    flex-direction: column;
    display: flex;
  }

  .vertical.third, .vertical.second {
    display: flex;
  }

  .vertical.open-chest {
    flex: none;
    margin-bottom: 9vh;
    margin-left: 46vw;
    bottom: 0;
    left: 0;
  }

  .vertical._1-1 {
    flex: 1;
    margin-top: 10vw;
    margin-bottom: 0;
  }

  .vertical.mobile-settings {
    margin-top: 10vw;
  }

  .vertical.mobile-settings-2 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .slider {
    object-fit: fill;
    flex: none;
    height: 100%;
    display: block;
    position: sticky;
    top: 0;
    overflow: visible;
  }

  .down {
    height: 10vw;
  }

  .down._1-14 {
    height: auto;
    display: none;
  }

  .down.mobile-settings {
    height: 10vw;
  }

  .down._1-14-mobile {
    height: auto;
    display: block;
  }

  .content-wrapper {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
  }

  .content-wrapper.form {
    position: relative;
  }

  .content-wrapper.slide-2 {
    text-align: justify;
    height: 100%;
    padding-top: 10vw;
    position: relative;
  }

  .content-wrapper.mobile-settings.slide-4 {
    background-image: url('../images/фон-новый.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .content-wrapper.slide-5 {
    height: auto;
  }

  .content-wrapper.slide-6 {
    background-image: url('../images/фон---9-экран.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .content-wrapper.content-absolute {
    position: absolute;
  }

  .content-wrapper.mobile-cms-settings {
    min-height: 100%;
  }

  .chack-on-a-horse {
    width: 34vw;
  }

  .chack-on-a-horse._1-3 {
    width: 40vw;
  }

  .up {
    flex-wrap: nowrap;
    flex: 0 auto;
    align-self: auto;
    height: auto;
    min-height: auto;
    margin-top: 10vw;
  }

  .up.up-mobile-settings {
    margin-top: 30vw;
  }

  .navbar-wrapper {
    max-height: 100vh;
    position: absolute;
    transform: none;
  }

  .navbar-wrapper.hidebar {
    background-image: none;
    transform: translate(0, -100vw);
  }

  .navigation-top {
    z-index: 5;
    justify-content: space-between;
    height: auto;
    position: fixed;
    top: 0;
  }

  .interface {
    z-index: auto;
    opacity: 1;
    background-color: #0000;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    overflow: visible;
  }

  .judge-door {
    display: none;
  }

  .cupboard {
    width: 24vw;
  }

  .table {
    width: 30vw;
  }

  .judge {
    cursor: auto;
    width: 12vw;
  }

  .table-wrapper {
    height: auto;
    margin-top: 10vw;
  }

  .awards {
    width: 13vw;
    margin-bottom: 10vw;
  }

  .sixth-heading {
    width: 40vw;
    margin-bottom: 10vw;
  }

  .qa-box {
    width: 20vw;
    height: 16vw;
    margin-bottom: 6vw;
    position: relative;
  }

  .skeleton-stroke {
    opacity: 1;
    width: 30.5vw;
    margin-top: -.4vw;
    margin-left: -.2vw;
    display: none;
  }

  .wall-wrapper.slide-2 {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    height: 100%;
    display: none;
  }

  .wall-wrapper.slide-1 {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: none;
  }

  .wall-wrapper.slide-3 {
    background-position: 0 0;
    background-size: cover;
    display: none;
  }

  .wall-wrapper.slide-4, .wall-wrapper.slide-5, .wall-wrapper.slide-6 {
    display: none;
  }

  .hack-on-a-log {
    width: 30%;
    margin-left: 0;
  }

  .bonfire {
    width: 20%;
    margin-left: 5vw;
  }

  .horse-tent {
    flex: none;
    width: 55%;
    margin-bottom: 0;
    margin-right: -2vw;
    position: relative;
    inset: auto 0% 0% auto;
  }

  .horizontal {
    justify-content: space-between;
  }

  .horizontal.center._1-8 {
    margin-bottom: 10vw;
  }

  .horizontal.center._1-1 {
    flex-direction: column;
    flex: none;
    align-items: center;
    width: 100%;
    min-height: auto;
  }

  .horizontal._1-7 {
    align-items: flex-start;
    margin-top: 10vw;
    margin-bottom: 10vw;
  }

  .horizontal._1-2 {
    flex: 1;
    margin-top: 10vw;
    margin-bottom: 20vh;
  }

  .horizontal._1-14 {
    margin-bottom: 0;
    padding-left: 0;
    bottom: -4vw;
  }

  .horizontal.team {
    flex-direction: column;
    align-items: center;
    padding-top: 4vw;
    padding-bottom: 4vw;
    position: relative;
  }

  .horizontal.mootcourt {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
  }

  .hello-heading {
    text-shadow: none;
    height: auto;
    font-size: 2.8vw;
    display: block;
  }

  .nav-button-wrapper {
    z-index: 10;
    position: relative;
  }

  .nav-button-wrapper.starthide {
    transform: translate(0);
  }

  .chack-4 {
    width: 15vw;
    margin-left: 2vw;
    position: absolute;
  }

  .chack-4.style-guide {
    margin-left: 0;
    position: relative;
  }

  .door {
    width: 12vw;
  }

  .door.door-mobile {
    width: 15vw;
  }

  .chest-stair {
    width: 14vw;
  }

  .fourth-platform {
    margin-bottom: 42vw;
    margin-left: 49vw;
    bottom: 0;
    left: 0;
  }

  .first-platform {
    margin-bottom: 25vw;
  }

  .second-platform {
    margin-bottom: 48vw;
    margin-left: 66vw;
    bottom: 0;
    left: 0;
  }

  .flame {
    display: block;
  }

  .flame-2 {
    margin-bottom: 32vw;
    margin-left: 58vw;
    display: block;
    bottom: 0;
    left: 0;
  }

  .flame-3 {
    margin-bottom: 28vw;
    margin-left: 91vw;
    display: block;
    bottom: 0;
    left: 0;
  }

  .guard-door {
    width: 10vw;
    display: none;
  }

  .second-guard {
    width: 24vw;
    margin-left: 0;
  }

  .people {
    width: 22vw;
    margin-right: 0;
  }

  .fifth-heading {
    width: 60vw;
    margin-bottom: 20vw;
  }

  .ckach-final {
    opacity: 0;
    width: 19vw;
    margin-bottom: .5vw;
    margin-left: 1.25vw;
  }

  .tribune {
    width: 40vw;
    margin-bottom: 17vw;
  }

  .tapestry.heading-4 {
    width: 15vw;
    height: 15vw;
  }

  .pack {
    z-index: 15;
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    position: fixed;
    transform: translate(14vw);
  }

  .sword-click {
    width: 8vw;
    height: 8vw;
  }

  .key-click {
    width: 10vw;
    height: 5vw;
    display: none;
  }

  .sword-stroke {
    width: 8.5vw;
    margin-top: 0;
    margin-bottom: 4.5vw;
    margin-left: 4.75vw;
    bottom: 0;
    left: 0;
  }

  .key-stroke {
    width: 10.5vw;
    margin-left: 3.75vw;
    bottom: 0;
    left: 0;
  }

  .sword-info {
    background-image: url('../images/бабл-для-инвенторя-поворот.png');
    width: 22vw;
    height: 16vw;
    margin-bottom: 36vw;
    margin-left: 12vw;
    padding-top: 2vw;
    padding-bottom: 0;
    display: flex;
    bottom: 0;
    left: 0;
  }

  .key-info {
    width: 22vw;
    height: 16vw;
    margin-bottom: 36vw;
    margin-left: 48vw;
    padding-top: 2vw;
    display: flex;
    bottom: 0;
    left: 0;
  }

  .sword-pack-info {
    width: 20vw;
    height: 14vw;
    margin-bottom: 3vw;
    margin-left: -21vw;
    padding-left: 0;
    display: none;
    top: auto;
    bottom: 0;
  }

  .key-pack-info {
    width: 20vw;
    height: 14vw;
    margin-bottom: 8vw;
    margin-left: -21vw;
    margin-right: 0;
    display: none;
    bottom: 0;
    left: 0;
  }

  .hp {
    width: 4vw;
  }

  .ckach-stroke {
    width: 18.25vw;
    margin-top: 0;
    margin-bottom: 9.5vw;
    margin-left: 2.25vw;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .chack-box {
    opacity: 0;
    margin-bottom: 22vw;
    display: none;
    bottom: 0;
    right: 0;
  }

  .chack-box.heading-7.moveblock {
    opacity: 0;
  }

  .first-guard-box {
    opacity: 0;
    width: 22vw;
    height: 18vw;
    margin-bottom: 0;
    margin-left: 0;
    bottom: 0;
    left: 0;
  }

  .second-guard-box {
    width: 22vw;
    height: 18vw;
    margin-bottom: 42vw;
    margin-left: 10vw;
    display: flex;
    bottom: 0%;
    left: 0;
  }

  .first-guard-stroke {
    opacity: 1;
    width: 24.75vw;
    margin: 0 0 10vw 54.25vw;
    display: block;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .second-guard-stroke {
    opacity: 1;
    width: 24.75vw;
    margin-bottom: 0;
    margin-left: 26vw;
    display: none;
    bottom: 9.75%;
    left: 0;
  }

  .backsword {
    opacity: 0;
    width: 18vw;
    height: 7vw;
  }

  .ckach-box {
    opacity: 0;
    width: 24vw;
    height: 20vw;
    margin-bottom: 22vw;
    margin-left: 19vw;
    bottom: 0;
    left: 0;
  }

  .ckach-box-stop {
    width: 24vw;
    height: 20vw;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    bottom: 0;
    left: 0;
  }

  .back-knight {
    z-index: 1;
    width: 18vw;
    height: 7vw;
    margin-top: -12vw;
    margin-bottom: 8vw;
    margin-left: -2vw;
    bottom: 0;
    left: 0;
  }

  .skeleton {
    width: 25vw;
  }

  .shawdow-sword {
    height: 100%;
    margin-left: 0;
    transform: none;
  }

  .first-guard {
    width: 24vw;
  }

  .ckach-second-click {
    width: 19vw;
    height: 23vw;
    margin-bottom: 9.2vw;
    margin-left: 2vw;
    inset: auto auto 0% 0%;
  }

  .ckach-first-click {
    width: 19vw;
    height: 23vw;
    margin-bottom: 9.2vw;
    margin-left: 2vw;
    display: none;
    inset: auto auto 0% 0%;
  }

  .instruction {
    max-height: 100vh;
    transition: none;
    display: flex;
    position: fixed;
  }

  .grid {
    grid-column-gap: .5vh;
    grid-row-gap: .5vh;
    grid-template-columns: auto;
    justify-items: center;
    width: 80%;
    margin-bottom: 1vw;
  }

  .grid-row-wrapper {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    justify-content: center;
    align-items: flex-start;
    width: 80%;
  }

  .grid-row-wrapper.mob-grid {
    display: none;
  }

  .grid-row-wrapper.mob-grid-2 {
    display: flex;
  }

  .instruction-paragraph.heading-6 {
    margin-bottom: 0;
  }

  .instruction-heading {
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .instruction-heading.heading-1 {
    font-size: 4vw;
  }

  .instruction-image-second {
    width: 8vw;
  }

  .image-grid-wrapper {
    margin-right: 3vw;
  }

  .instruction-image-first {
    width: 60%;
  }

  .callboard {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    width: 31vw;
    height: 31vw;
    padding-bottom: 5vw;
  }

  .map {
    display: none;
    position: fixed;
  }

  .map-wrapper {
    width: 55vw;
    height: 50vw;
    padding-top: 10vw;
  }

  .grid-wrapper {
    justify-content: center;
    max-height: 100vh;
    margin-top: 0;
    transform: none;
  }

  .ckach-plane-final {
    width: 19vw;
    margin-bottom: -1.5vw;
    display: none;
  }

  .score-table-left {
    width: 50vw;
    margin-left: 0;
  }

  .judge-referee {
    width: 20vw;
    margin-left: 2vw;
    margin-right: 2vw;
  }

  .score-table-right {
    width: 50vw;
    margin-right: 0;
  }

  .awards-spot {
    width: 22vw;
    margin-bottom: 5vw;
  }

  .eight-heading {
    width: 60vw;
  }

  .torch {
    width: 6vw;
  }

  .feast {
    z-index: 2;
    width: 45vw;
  }

  .third-platform {
    margin-bottom: 48vw;
    margin-left: 30vw;
    bottom: 0;
    left: 0;
  }

  .plane-stop {
    width: 10vw;
    margin-top: 0;
    margin-bottom: 1vw;
    display: block;
    position: relative;
  }

  .plane-stroke {
    width: 10vw;
    margin-top: 0;
    margin-bottom: 4.75vw;
    margin-left: 4vw;
    display: block;
    bottom: 0;
    left: 0;
  }

  .plane-stroke.strokeopacity {
    display: none;
  }

  .plane-click {
    width: 10vw;
    height: 8vw;
    display: none;
  }

  .plane-info {
    background-image: url('../images/бабл-для-инвенторя-поворот.png');
    width: 22vw;
    height: 16vw;
    margin-bottom: 15vw;
    margin-left: 52vw;
    padding-top: 2vw;
    display: flex;
    bottom: 0;
    left: 0;
  }

  .plane-pack-info {
    width: 20vw;
    height: 14vw;
    margin-bottom: 14vw;
    margin-left: -21vw;
    margin-right: 0;
    display: none;
    bottom: 0;
    left: 0;
  }

  .planeico {
    opacity: 0;
    margin-bottom: 18.5vw;
    margin-left: 0;
    margin-right: 15vw;
    display: block;
    inset: auto 0% 0% auto;
  }

  .svg-html-eighth-slide {
    margin-bottom: -9vw;
    margin-left: -3vw;
    display: flex;
  }

  .shawdow-plane {
    width: 100%;
    height: 100%;
  }

  .ckach-plane-stroke {
    width: 18.4vw;
    margin-bottom: 8.5vw;
    bottom: 0;
    left: 0;
  }

  .ckach-plane-back {
    width: 19vw;
    height: 23vw;
    display: flex;
  }

  .ckach-plane-box-stop {
    width: 24vw;
    height: 20vw;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 3vw;
  }

  .ckach-plane-box-stop.heading-7.moveblock {
    z-index: 4;
  }

  .backplane {
    width: 18vw;
    height: 7vw;
    margin-top: 0;
    margin-bottom: 0;
  }

  .backplane.heading-7 {
    z-index: 3;
  }

  .ok {
    width: 7vw;
    margin-bottom: 27vw;
    margin-left: 20vw;
    display: none;
    bottom: 0;
    left: 0;
  }

  .logo-text.heading-7.outline {
    width: auto;
  }

  .logo {
    width: 6vw;
    margin-left: 1vw;
  }

  .logo-first {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    width: auto;
    min-width: auto;
  }

  .logo-second {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    width: auto;
  }

  .second-heading-left {
    text-align: left;
    text-shadow: none;
    width: 50%;
    font-style: normal;
  }

  .second-heading-right {
    text-align: right;
    text-shadow: none;
    width: 40%;
  }

  .second-heading-right.heading-7 {
    flex: 1;
  }

  .picturebutton {
    width: 6vw;
    height: 6vw;
  }

  .picturebutton.ccmsbuttonshow {
    background-image: url('../images/стрелка.png');
  }

  .picturebuttonleft {
    width: 6vw;
    height: 6vw;
    margin-left: 2vw;
  }

  .picturebuttonleft.ccmsbuttonlefthide {
    background-image: url('../images/стрелка-поворот_1.png');
  }

  .horse-box {
    width: 22vw;
    height: 20vw;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 3vw;
    display: none;
    position: static;
  }

  .picturecms {
    flex-direction: column;
    justify-content: center;
    height: 700px;
    padding: 0 5vw;
    overflow: visible;
  }

  .collection-list-wrapper {
    flex-wrap: nowrap;
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .picture-border {
    width: 35vw;
    height: 30vw;
    font-size: 1.2vw;
  }

  .image-mootcourt {
    width: 70%;
    height: 47%;
  }

  .js-ninth-slide {
    display: none;
  }

  .collectionitem {
    align-content: center;
    align-items: flex-end;
    width: 50%;
    height: auto;
    min-height: 300px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .collectionitem:hover {
    transform: none;
  }

  .star {
    margin-bottom: 42vw;
  }

  .star-4 {
    margin-bottom: 78vw;
  }

  .star-3 {
    margin-bottom: 5vw;
  }

  .star-2 {
    margin-bottom: 41vw;
  }

  .form-wrapper {
    width: 47vw;
    height: 45vw;
    margin-bottom: -13vw;
    margin-left: 22vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .automat {
    display: none;
  }

  .chack-form-box {
    width: 26vw;
  }

  .name-field {
    border-width: .4vw;
    margin-top: 2vw;
    font-size: 2vw;
  }

  .email-field {
    border-width: .4vw;
    margin-bottom: 2vw;
    font-size: 2vw;
  }

  .submit-button {
    border-width: .4vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    font-size: 1.8vw;
  }

  .form-bottom-field {
    justify-content: space-between;
  }

  .checkbox-label {
    font-size: 1vw;
  }

  .checkbox {
    width: 2vw;
    height: 2vw;
  }

  .form-block {
    height: 50%;
  }

  .team-button {
    display: none;
  }

  .wall-automat {
    margin-bottom: 0;
    display: none;
  }

  .whitespace {
    display: none;
  }

  .preloader-image {
    width: 30vw;
  }

  .judge-stroke {
    display: none;
  }

  .sword-box {
    width: 20vw;
    height: 17vw;
    margin-bottom: 0;
    margin-left: 0;
    display: none;
    bottom: 0;
    left: 0;
  }

  .navigation-bottom {
    position: fixed;
    inset: auto auto 0%;
  }

  .nav-bottom-gap, .navhover {
    display: none;
  }

  .image-sword {
    width: 1.75vw;
    margin-right: .2vw;
  }

  .bottom-image-wrapper {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
  }

  .bottom-image-wrapper.offset {
    margin-right: 2vw;
  }

  .image-text {
    font-size: 1.1vw;
  }

  .bottom-image-text {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    width: 70%;
  }

  .top-image-wrapper {
    width: 70%;
  }

  .moot-court {
    width: 100%;
  }

  .grid-2 {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    place-items: start;
  }

  .sword-cms, .scale-cms, .judge-cms, .court-cms {
    width: 7vw;
  }

  .cms-grid-cell {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    width: auto;
    margin-left: 3vw;
  }

  .image-cms {
    height: auto;
  }

  .js-second-slide {
    overflow: scroll;
  }

  .cms-image-wrapper:hover {
    transform: none;
  }

  .collection-list-wrapper-2 {
    position: static;
  }

  .content-wrap {
    width: 80%;
  }

  .image-load-wrap {
    width: 100%;
    height: 100%;
  }

  .image-result {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
  }

  .content-image-wrap {
    width: auto;
    height: auto;
  }

  .fifth-platform {
    z-index: 9;
    width: auto;
    height: 20vw;
    margin-top: 0;
    margin-bottom: 36vw;
    margin-left: 0;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .chest-open {
    z-index: 14;
    position: fixed;
  }

  .chest-start-click {
    width: 20vw;
  }

  .stones {
    width: 35vw;
  }

  .chest-animation {
    width: 47.5vw;
    margin-left: -15vw;
    display: none;
  }

  .chest-start {
    width: 11vw;
  }

  .chest-stroke {
    opacity: 0;
    width: 12.75vw;
    margin-bottom: 69%;
    margin-left: 0%;
    margin-right: 0%;
    display: none;
    bottom: 0;
    left: 0;
  }

  .chest-stop {
    width: 11vw;
    display: block;
  }

  .chest-final {
    width: 47.5vw;
    margin-left: -15vw;
  }

  .shawdow-chest {
    width: 100%;
    height: 100%;
  }

  .chest-start-second {
    width: 11vw;
    display: none;
  }

  .whiteplug {
    display: block;
  }

  .heading-style-guide {
    font-size: 2.8vw;
  }

  .subheading-style-guide {
    font-size: 1.8vw;
  }

  .heading-1 {
    font-size: 5vw;
  }

  .heading-2 {
    font-size: 3.7vw;
  }

  .heading-3 {
    font-size: 2.8vw;
  }

  .heading-4 {
    font-size: 2.5vw;
  }

  .heading-5 {
    margin-top: 0;
    font-size: 2.1vw;
  }

  .heading-6 {
    font-size: 2vw;
  }

  .heading-7 {
    font-size: 1.8vw;
  }

  .chack-1 {
    width: 16vw;
  }

  .chack-2 {
    width: 17vw;
  }

  .chack-3 {
    width: 26vw;
  }

  .ckach-1 {
    width: 22vw;
  }

  .start-button {
    width: 19vw;
    height: 7vw;
    min-height: 7vw;
  }

  .start-button.heading-3:hover {
    transform: none;
  }

  .start-menu-button {
    width: 19vw;
    height: 7vw;
  }

  .start-menu-button.heading-3 {
    width: 15vw;
    height: 7vw;
    display: none;
  }

  .start-menu-button.heading-3:hover {
    transform: none;
  }

  .accept-button {
    width: 12vw;
    height: 6vw;
    margin-top: 0;
  }

  .accept-button.heading-4 {
    width: 12vw;
    height: 6vw;
  }

  .accept-button.heading-4:hover {
    transform: none;
  }

  .menu-button {
    width: 12vw;
    height: 6vw;
  }

  .menu-button.heading-4:hover {
    transform: none;
  }

  .close-button {
    z-index: 20;
    width: 5vw;
    height: 5vw;
  }

  .close-button:hover {
    transform: none;
  }

  .close-button.map {
    z-index: 20;
    margin-top: 2vw;
    margin-right: 3vw;
  }

  .close-button.close-button-chest {
    margin-top: 2vw;
    margin-right: 3vw;
    display: none;
    position: absolute;
  }

  .cell {
    width: 6vw;
    height: 5vw;
  }

  .cell.offset {
    margin-bottom: .5vw;
  }

  .active-cell {
    width: 6vw;
    height: 5vw;
    display: none;
    bottom: 0;
  }

  .active-cell.sword-cell-settings {
    margin-bottom: 0;
    margin-right: 0;
    display: none;
    bottom: 0;
    left: 0;
    transform: translate(40vw, 40vw);
  }

  .active-cell.plane-cell-settings {
    margin-bottom: 0;
    inset: 0% 0% auto auto;
    transform: translate(0, 40vw);
  }

  .active-cell.active-key-cell {
    bottom: 5.5vw;
    left: 0;
  }

  .deny-cell {
    width: 6vw;
    display: block;
  }

  .plane-cell {
    display: none;
  }

  .navbar {
    background-color: #f1bc60;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    border-bottom: .5vw solid #000;
    flex-direction: column;
    align-items: center;
    width: 100vw;
    height: auto;
    max-height: 100vh;
    padding-top: 5vw;
    padding-bottom: 3.5vw;
    padding-left: 0;
  }

  .nav-link {
    justify-content: center;
    width: 100%;
    padding: 1vw 1.5vw;
    font-size: 2.5vw;
    display: flex;
  }

  .nav-link:hover {
    transform: none;
  }

  .stray {
    display: none;
  }

  .info-button {
    width: 4vw;
    height: 4vw;
    margin-left: 1vw;
    transform: translate(0, 10vw);
  }

  .info-button:hover, .info-button.style-guide-settings:hover {
    transform: none;
  }

  .ad-stroke {
    width: 8.7vw;
    margin-bottom: 23.75vw;
    margin-left: 0;
    margin-right: 21.2vw;
    display: block;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .ad-list-right {
    width: 8vw;
    margin-left: 2vw;
  }

  .bulldog {
    width: 11vw;
    margin-bottom: 13vw;
    margin-left: 44vw;
  }

  .skeleton-box {
    justify-content: center;
    width: 25vw;
    height: 21vw;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 3vw;
    display: flex;
    position: static;
  }

  .key-stop {
    width: 10vw;
    margin-left: 4vw;
    display: block;
    bottom: 0;
    left: 0;
  }

  .first-guard-final {
    width: 24vw;
    display: none;
  }

  .second-guard-final {
    width: 24vw;
    margin-left: 0;
  }

  .qa-box-stroke {
    opacity: 0;
    width: 19.5vw;
    height: 16.5vw;
  }

  .hp-wrapper {
    margin-top: 0;
    margin-bottom: -5vw;
  }

  .image-scale {
    width: 2vw;
    margin-right: .2vw;
  }

  .team-open {
    z-index: 20;
    justify-content: flex-start;
    height: 100vh;
    position: fixed;
    top: 0;
    overflow: auto;
  }

  .team-wrapper {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    flex-direction: column;
    height: auto;
  }

  .team-image {
    width: auto;
    max-width: 70%;
    height: auto;
    margin-bottom: 5vw;
  }

  .team-heading {
    margin-bottom: 2vw;
  }

  .team-heading-2 {
    margin-bottom: 4vw;
  }

  .team-animation-wrapper {
    align-items: flex-start;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .heading-form {
    margin-bottom: 2vw;
  }

  .heading-form.heading-3 {
    margin-top: 0;
  }

  .medal {
    width: 4vw;
    margin-bottom: 20vw;
    margin-left: 74vw;
    bottom: 0;
    left: 0;
  }

  .medal-stroke {
    width: 4.5vw;
    margin-bottom: 19.75vw;
    margin-left: 73.7vw;
    padding-left: 0;
    bottom: 0;
    left: 0;
  }

  .chack-medal {
    display: none;
    position: fixed;
  }

  .qa-grid {
    grid-template-columns: 1fr;
    max-height: 100%;
  }

  .mobile-qa {
    color: #fff;
    -webkit-text-stroke-width: 0px;
    font-weight: 400;
  }

  .button-qa-mobile {
    cursor: pointer;
    width: 3vw;
  }

  .mobile-qa-wrapper {
    border-bottom: .5vw solid #fff;
    margin-left: 4vw;
    margin-right: 4vw;
  }

  .mobile-qa-answer {
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .qa-wrap {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-top: 6vw;
    padding-bottom: 1vw;
    display: flex;
  }

  .qa-stroke.stroke-1, .qa-stroke.stroke-2, .qa-stroke.stroke-3, .qa-stroke.stroke-4, .qa-stroke.stroke-5, .qa-stroke.stroke-6, .qa-stroke.stroke-7, .qa-stroke.stroke-8 {
    overflow: hidden;
  }

  .button-qa-mobile-close {
    cursor: pointer;
    width: 3vw;
    display: none;
  }

  .chack-box-mobile {
    opacity: 0;
    background-image: url('../images/бабл-поворот.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: center;
    width: 24vw;
    height: 20vw;
    margin-bottom: 22vw;
    margin-right: 18vw;
    padding-bottom: 2vw;
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .stroke-mobile-1, .feast-mobile, .stroke-mobile-2 {
    display: none;
  }

  .team-button-mobile {
    background-color: #3898ec00;
    background-image: url('../images/Человек-1.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50vw;
    height: 50vw;
    margin-left: -40vw;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    transition-property: none;
    display: flex;
  }

  .team-button-mobile:hover {
    transform: none;
  }

  .team-button-mobile._2-mobile {
    background-image: url('../images/Человек-2.png');
    margin-left: 40vw;
    display: flex;
  }

  .team-button-mobile._3-mobile {
    background-image: url('../images/Человек-3.png');
    margin-left: -40vw;
    display: flex;
  }

  .team-button-mobile._4-mobile {
    background-image: url('../images/Человек-4.png');
    margin-left: 40vw;
    display: flex;
  }

  .planeico-mobile {
    opacity: 0;
    margin-bottom: 8.5vw;
    margin-left: 0;
    margin-right: 15vw;
    inset: auto 0% 0% auto;
  }

  .footer {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    text-align: justify;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    padding-top: 5vw;
    padding-bottom: 10vw;
  }

  .cookies {
    font-size: 1.8vw;
  }

  .privacy {
    margin-bottom: 3vw;
    font-size: 1.9vw;
    text-decoration: underline;
  }

  .privacy-policy {
    z-index: 20;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    padding-top: 10vw;
    padding-bottom: 40vw;
    position: fixed;
    top: 0;
    overflow: auto;
  }

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

  .image-cms-wrap {
    z-index: 9;
    align-items: center;
    margin-left: 0;
    position: relative;
    left: auto;
  }

  .music-button {
    width: 4vw;
    height: 4vw;
  }

  .music-button:hover {
    transform: none;
  }

  .music-button-second {
    width: 4vw;
    height: 4vw;
  }

  .music-button-second:hover {
    transform: none;
  }

  .bottom-buttons-wrapper {
    width: 100vw;
  }

  .music-check {
    position: fixed;
  }

  .music-text {
    width: 70%;
    margin-bottom: 4vw;
  }

  .music-button-wrapper {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    margin-top: 0;
  }

  .button-music {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    width: 13vw;
    height: 6vw;
  }

  .button-music.offset {
    margin-right: 4vw;
  }

  .music-on, .music-off {
    margin-left: 1vw;
  }

  .animation-music {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
  }

  .ad-list-left {
    width: 8vw;
    margin-right: 2vw;
  }

  .chack-list {
    z-index: 10;
    background-image: url('../images/объявление2.png');
    width: 35vw;
    height: 34vw;
    margin-bottom: 30vh;
    padding-top: 4vw;
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 1.8vw;
    line-height: 1.4;
    position: absolute;
  }

  .chack-list-stroke {
    z-index: 5;
    opacity: 1;
    flex: none;
    width: 40vw;
    margin: 0 auto 70vw;
    position: absolute;
  }

  .qa-team-button {
    opacity: 0;
    width: 18vw;
    height: 7vw;
    margin-top: -12vw;
    display: none;
  }

  .qa-link-mobile {
    color: #fff;
  }

  .form-block-second {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    align-items: flex-start;
  }

  .link-footer-wrapper {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    margin-bottom: 0;
  }

  .link-footer-wrapper.offset {
    margin-bottom: 2vw;
  }

  .link-image {
    margin-right: 1vw;
  }

  .link-horsebox {
    margin-bottom: 28vw;
    margin-left: 40vw;
    text-decoration: none;
    bottom: 0;
    left: 0;
  }

  .link-wrapper {
    align-items: flex-end;
  }

  .name-text-block {
    font-size: 1.1vw;
  }

  .anchor {
    width: 100%;
    height: auto;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .planeico-apple {
    z-index: 3;
    opacity: 0;
    margin-bottom: 18.5vw;
    margin-left: 0;
    margin-right: 15vw;
    display: none;
    inset: auto 0% 0% auto;
    transform: none;
  }

  .skeleton-link-box {
    color: #000;
    margin-bottom: 30vw;
    margin-right: 12vw;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .anchor-2 {
    width: 100%;
    margin-bottom: 100vh;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .skeleton-link-box-2 {
    color: #000;
    margin-bottom: 30vw;
    margin-right: 12vw;
    text-decoration: none;
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .image {
    width: 40%;
  }

  .sword-box-wrapper {
    margin-bottom: 61vw;
    margin-left: 17vw;
  }

  .first-guard-box-wrapper {
    margin-bottom: 42vw;
    margin-left: 75vw;
  }

  .short-site-button {
    width: 19vw;
    height: 7vw;
  }

  .short-site-button.heading-3 {
    width: 15vw;
    height: 7vw;
    display: none;
  }

  .short-site-button.heading-3:hover {
    transform: none;
  }

  .short-link {
    margin-left: 2vw;
    display: none;
    left: auto;
    right: 0%;
  }

  .short-link-mobile {
    z-index: 2;
    color: #fff;
    margin-bottom: 4vw;
    margin-left: 0;
    display: flex;
    position: absolute;
    left: auto;
    right: auto;
  }

  .short-instruction-link {
    margin-top: 2vw;
  }

  .mobile-anchor {
    margin-bottom: 28vw;
    margin-left: 91vw;
    display: block;
    bottom: 0;
    left: 0;
  }

  .ok-apple {
    opacity: 0;
    width: 7vw;
    margin-bottom: 27vw;
    margin-left: 20vw;
    display: none;
    bottom: 0;
    left: 0;
  }

  .container {
    max-width: 728px;
  }

  .js-content-start-conditions {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .utility-page-content {
    width: 60%;
  }

  .slide {
    overflow: visible;
  }

  .slide.slide-double {
    margin-bottom: -10vw;
  }

  .slide.slide-1, .slide.mobile-settigs {
    height: 100vh;
    min-height: auto;
  }

  .slide.mobile-settigs.slide-4 {
    height: 100vh;
    min-height: auto;
    padding-top: 0;
  }

  .slide.slide-3, .slide.slide-4, .slide.slide-6 {
    height: 100vh;
    min-height: auto;
  }

  .slide.slide-5.mobile-cms-settings {
    height: auto;
  }

  .slide.slide-2 {
    height: 100vh;
    min-height: auto;
  }

  .slide.form-slide {
    min-height: auto;
  }

  .slide.slide-4-auto {
    height: 100vh;
    min-height: auto;
  }

  .vertical {
    align-self: auto;
    width: 100%;
    height: auto;
  }

  .vertical.grid2 {
    height: 100vh;
  }

  .vertical.grid2.mobile-cms-settings {
    height: auto;
  }

  .vertical._1-14 {
    padding-top: 10vw;
  }

  .vertical.uppercontent {
    flex-direction: column;
  }

  .vertical.mootcourt {
    justify-content: flex-start;
  }

  .vertical.open-chest {
    bottom: 0;
    left: 0;
  }

  .vertical._1-1 {
    margin-bottom: -4vw;
  }

  .down {
    height: 9vw;
  }

  .content-wrapper, .content-wrapper.mobile-settings-2 {
    position: relative;
  }

  .content-wrapper.mobile-settings-2.slide-4 {
    height: 100vh;
  }

  .content-wrapper.content-absolute {
    width: 100vw;
    height: 100vh;
  }

  .content-wrapper.mobile-cms-settings {
    height: auto;
  }

  .chack-on-a-horse {
    width: 23vw;
  }

  .chack-on-a-horse._1-3 {
    width: 27vw;
  }

  .up {
    height: auto;
  }

  .up.vertical {
    height: 100vh;
  }

  .navbar-wrapper.hidebar {
    transform: translate(0, -110vh);
  }

  .interface {
    display: flex;
  }

  .sixth-heading {
    margin-bottom: 4vw;
  }

  .qa-box {
    margin-bottom: 2vw;
  }

  .wall-wrapper.slide-3 {
    background-position: 50% 100%;
  }

  .hack-on-a-log {
    width: 19vw;
  }

  .bonfire {
    width: 15vw;
    margin-left: 13vw;
  }

  .horse-tent {
    width: 42vw;
    margin-bottom: -5vw;
    margin-right: -4vw;
  }

  .horizontal.center._1-8 {
    margin-bottom: 1vw;
  }

  .horizontal.center._1-1 {
    flex-direction: row;
  }

  .horizontal._1-7 {
    margin-bottom: 1vw;
  }

  .horizontal._1-2 {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 3vw;
  }

  .horizontal.team {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }

  .hello-heading {
    text-shadow: none;
  }

  .chack-4 {
    width: 12vw;
  }

  .door {
    width: 11vw;
  }

  .flame, .flame-2, .flame-3, .guard-door {
    display: block;
  }

  .second-guard {
    width: 22vw;
  }

  .fifth-heading.heading-5 {
    margin-bottom: 5vw;
    margin-left: auto;
    margin-right: auto;
  }

  .ckach-final {
    opacity: 0;
    display: block;
  }

  .tribune {
    margin-bottom: 7vw;
  }

  .pack {
    z-index: 15;
    border-radius: 0;
  }

  .pack.hidepack {
    z-index: 15;
  }

  .key-click {
    display: none;
  }

  .key-stroke {
    width: 10.75vw;
    margin-bottom: 4.75vw;
    display: none;
  }

  .sword-info {
    background-image: url('../images/бабл-для-инвенторя-поворот.png');
    width: 20vw;
    height: 13vw;
    margin-bottom: 38vw;
    margin-left: 13.5vw;
    padding-top: 1vw;
    padding-bottom: 0;
    display: flex;
  }

  .key-info {
    width: 20vw;
    height: 13vw;
    margin-bottom: 37.5vw;
    margin-left: 50vw;
    display: flex;
  }

  .sword-pack-info, .key-pack-info {
    display: none;
  }

  .ckach-stroke {
    margin-bottom: 9.5vw;
  }

  .first-guard-box {
    margin-bottom: 0;
    margin-left: 0;
  }

  .second-guard-box {
    margin-bottom: 32vw;
    margin-left: 3vw;
  }

  .first-guard-stroke {
    width: 22.5vw;
    margin-bottom: 8.75vw;
    margin-left: 48.25vw;
    bottom: 0%;
  }

  .second-guard-stroke {
    width: 22.5vw;
    margin-bottom: 0;
    margin-left: 24vw;
    display: none;
    bottom: 9%;
  }

  .ckach-box {
    opacity: 0;
    margin-bottom: 22vw;
  }

  .ckach-box-stop {
    opacity: 0;
    margin-left: 0;
  }

  .back-knight {
    margin-top: -7vw;
  }

  .skeleton {
    width: 20vw;
  }

  .shawdow-sword {
    height: 100%;
  }

  .first-guard {
    width: 22vw;
  }

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

  .callboard {
    width: 20vw;
    height: 20vw;
  }

  .map {
    display: none;
  }

  .judge-referee {
    width: 19vw;
  }

  .awards-spot {
    width: 20vw;
    margin-bottom: 1vw;
  }

  .eight-heading {
    width: 94vw;
  }

  .torch, .plane-click {
    display: none;
  }

  .plane-info {
    background-image: url('../images/бабл-для-инвенторя-поворот.png');
    width: 20vw;
    height: 13vw;
    margin-bottom: 16vw;
    margin-left: 54vw;
    display: flex;
  }

  .plane-pack-info {
    display: none;
  }

  .svg-html-eighth-slide {
    margin-bottom: -10vw;
    margin-left: -3vw;
    display: none;
  }

  .ckach-plane-stroke {
    margin-bottom: 7.5vw;
  }

  .ckach-plane-box-stop {
    margin-left: 0;
  }

  .logo-first {
    justify-content: flex-end;
  }

  .logo-first.logohide {
    opacity: 0;
  }

  .second-heading-left {
    text-align: left;
    text-shadow: none;
    width: 70%;
  }

  .second-heading-right {
    text-align: right;
    text-shadow: none;
  }

  .horse-box {
    width: 20vw;
    height: 16vw;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 2vw;
    display: none;
  }

  .picturecms {
    justify-content: flex-end;
    height: 500px;
  }

  .collectionitem {
    align-content: space-around;
    min-height: 250px;
  }

  .star-4 {
    margin-bottom: 80vw;
  }

  .star-3 {
    margin-bottom: 3vw;
  }

  .form-wrapper {
    padding-bottom: 5vw;
  }

  .automat {
    display: none;
  }

  .checkbox {
    width: 2vw;
    height: 2vw;
  }

  .wall-automat {
    display: none;
  }

  .preloader-image {
    width: 40vw;
  }

  .sword-box {
    margin-bottom: 0;
    margin-left: 0;
    display: none;
  }

  .bottom-image-text, .top-image-wrapper {
    width: 70%;
  }

  .image-cms {
    display: block;
  }

  .content-wrap {
    width: 90%;
  }

  .image-load-wrap {
    width: 100%;
    height: 100%;
  }

  .fifth-platform {
    height: 20vw;
    margin-top: 0;
    margin-bottom: 36vw;
    inset: auto 0% 0% auto;
    transform: none;
  }

  .chest-stroke {
    opacity: 0;
    margin-bottom: 68%;
    margin-left: 0%;
    display: none;
  }

  .text-style-guide {
    justify-content: flex-start;
    padding-right: 0;
  }

  .heading-style-guide {
    font-size: 3.7vw;
  }

  .subheading-style-guide {
    font-size: 2vw;
  }

  .chack-2 {
    width: 15vw;
  }

  .ckach-1 {
    width: 20vw;
  }

  .close-button {
    width: 6vw;
  }

  .info-button {
    width: 5vw;
    transform: translate(0, 6vw);
  }

  .ad-stroke {
    width: 5.6vw;
    margin-bottom: 18.75vw;
    margin-left: 0;
    margin-right: 14.75vw;
    position: absolute;
  }

  .ad-list-right {
    width: 5vw;
    margin-left: 1vw;
  }

  .bulldog {
    width: 8vw;
  }

  .skeleton-box {
    width: 25vw;
    height: 20vw;
    margin-bottom: 0;
    margin-right: 0;
  }

  .key-stop {
    display: block;
  }

  .first-guard-final, .second-guard-final {
    width: 22vw;
  }

  .hp-wrapper {
    margin-bottom: -6vw;
  }

  .team-wrapper {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    display: none;
  }

  .team-image {
    max-width: 60%;
  }

  .team-animation-wrapper {
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .heading-form {
    margin-bottom: 3vw;
  }

  .medal {
    width: 4.5vw;
    margin-bottom: 16vw;
    margin-left: 72vw;
  }

  .medal-stroke {
    width: 5vw;
    margin-bottom: 15.75vw;
    margin-left: 71.7vw;
  }

  .screenstop {
    display: none;
  }

  .mobile-qa-answer {
    margin-top: 2vw;
    margin-bottom: 2vw;
  }

  .paragraph-qa {
    margin-top: 0;
    margin-bottom: 1vw;
  }

  .footer {
    height: auto;
    padding-top: 5vw;
    padding-bottom: 10vw;
  }

  .privacy {
    text-decoration: underline;
  }

  .privacy-policy {
    z-index: 20;
    align-items: flex-start;
    padding-top: 10vw;
    padding-bottom: 40vw;
    display: none;
  }

  .image-cms-wrap {
    justify-content: flex-start;
    align-items: center;
    left: auto;
    transform: none;
  }

  .music-button, .music-button-second {
    width: 5vw;
  }

  .bottom-buttons-wrapper {
    width: 100vw;
  }

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

  .button-music.offset {
    margin-right: 5vw;
  }

  .ad-list-left {
    width: 5vw;
    margin-right: 1vw;
  }

  .qa-team-button {
    margin-top: -7vw;
  }

  .form-block-second {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    align-items: flex-start;
  }

  .link-footer-wrapper {
    margin-bottom: 0;
  }

  .link-footer-wrapper.offset {
    margin-bottom: 2vw;
  }

  .link-image {
    margin-right: 2vw;
  }

  .link-horsebox {
    margin-bottom: 22vw;
    margin-left: 29vw;
  }

  .planeico-apple {
    opacity: 0;
  }

  .skeleton-link-box {
    margin-bottom: 25vw;
  }

  .anchor-2 {
    margin-bottom: 100vh;
  }

  .skeleton-link-box-2 {
    margin-bottom: 25vw;
    display: none;
  }

  .sword-box-wrapper {
    margin-bottom: 57vw;
    margin-left: 14vw;
  }

  .first-guard-box-wrapper {
    margin-bottom: 32vw;
    margin-left: 70vw;
  }

  .short-link {
    margin-bottom: 0;
    margin-left: 2vw;
  }

  .short-link-mobile {
    margin-bottom: 4vw;
    margin-left: 0;
  }

  .mobile-anchor {
    display: block;
  }

  .hero-without-image {
    padding: 60px 15px;
  }
}

@media screen and (max-width: 479px) {
  .track {
    height: 100%;
  }

  .utility-page-content {
    flex-direction: column;
    width: 65%;
  }

  .slide {
    background-image: url('../images/фон-новый.png');
    background-repeat: no-repeat;
    background-size: cover;
    order: 1;
    height: 100vh;
    min-height: auto;
  }

  .slide.slide-double {
    background-color: #275034;
    background-image: none;
    height: auto;
    max-height: 100%;
    padding-top: 0;
    display: block;
  }

  .slide.slide-1 {
    height: auto;
    min-height: 100vh;
    overflow: hidden;
  }

  .slide.mobile-settings-2 {
    background-image: url('../images/фон-экран-шесть.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }

  .slide.mobile-settigs {
    background-position: 50%;
    height: auto;
    min-height: auto;
    margin-top: -2vw;
  }

  .slide.mobile-settigs.slide-4 {
    z-index: 2;
    height: auto;
    min-height: 100vh;
    margin-bottom: 0;
    padding-top: 0;
    position: relative;
  }

  .slide.slide-3 {
    background-image: url('../images/фон-без-солнца.png');
    background-position: 20%;
    background-size: cover;
    height: auto;
    min-height: 100vh;
  }

  .slide.slide-4 {
    background-image: url('../images/фон-новый.png');
    background-position: 50% 100%;
    height: auto;
    min-height: 100vh;
  }

  .slide.slide-6 {
    background-image: url('../images/фон---9-экран.png');
    height: auto;
    min-height: 100vh;
  }

  .slide.slide-5 {
    flex: 0 auto;
    height: auto;
  }

  .slide.slide-2 {
    background-image: url('../images/фон-2.png');
    background-position: 20%;
    height: auto;
    min-height: 100vh;
  }

  .slide.form-slide {
    height: auto;
  }

  .slide.slide-4-auto {
    background-image: url('../images/фон-новый.png');
    background-position: 50% 100%;
    height: auto;
  }

  .vertical {
    align-self: auto;
    width: 100%;
  }

  .vertical.box {
    margin: 0 3vw 130vw 47vw;
    bottom: 0;
    left: 0;
  }

  .vertical.box-2 {
    z-index: 3;
    margin-bottom: 24vw;
    margin-left: 33vw;
    bottom: 0;
  }

  .vertical.grid2 {
    height: auto;
  }

  .vertical._1-14 {
    margin-bottom: 0;
  }

  .vertical.uppercontent {
    flex-direction: column;
    width: 100%;
  }

  .vertical.mootcourt {
    width: 80%;
  }

  .vertical._1-5 {
    border-bottom: 10px solid #cbd7dd;
    align-items: flex-start;
    width: 100%;
    margin-top: 42vw;
    margin-right: 0;
    padding-left: 5vw;
    overflow: hidden;
  }

  .vertical._1-5.mobile-settings {
    align-items: flex-end;
    margin-bottom: 0;
    padding-right: 5vw;
    overflow: hidden;
  }

  .vertical.open-chest {
    margin-bottom: 10vh;
    bottom: 0;
    left: 0;
  }

  .vertical._1-1 {
    margin-bottom: 20vw;
  }

  .vertical.mobile-settings {
    margin-bottom: 36vw;
  }

  .vertical.mobile-settings-2 {
    margin-top: 10vw;
  }

  .down {
    height: 20vw;
  }

  .down._1-4 {
    height: 30vw;
  }

  .down._1-14, .down.mobile-settings {
    display: none;
  }

  .down._1-14-mobile {
    height: auto;
  }

  .content-wrapper {
    height: 100%;
    position: relative;
  }

  .content-wrapper.form {
    background-image: url('../images/фон-экран-шесть.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .content-wrapper.slide-2 {
    background-image: none;
    height: 100%;
  }

  .content-wrapper.mobile-settings {
    min-height: auto;
    margin-top: 0;
    position: relative;
  }

  .content-wrapper.mobile-settings-2 {
    min-height: auto;
    margin-top: 0;
    position: relative;
    overflow: hidden;
  }

  .content-wrapper.mobile-settings-2.slide-4 {
    height: 100%;
  }

  .content-wrapper.content-absolute {
    width: 100%;
    height: 100%;
    min-height: 100%;
  }

  .content-wrapper.mobile-cms-settings {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .content-wrapper.mobile-settings-auto {
    justify-content: flex-start;
    min-height: auto;
  }

  .chack-on-a-horse {
    z-index: 2;
    width: 50vw;
    margin-bottom: -4vw;
    margin-left: 0;
    position: relative;
  }

  .chack-on-a-horse._1-3 {
    width: 60vw;
  }

  .up {
    flex: 0 auto;
    margin-top: 0;
  }

  .up.vertical {
    height: auto;
  }

  .up.qa-mobile {
    margin-top: 110vw;
  }

  .up.mobile-settings {
    margin-top: 10vw;
  }

  .navbar-wrapper {
    transform: translate(0);
  }

  .navbar-wrapper.hidebar {
    transform: translate(0, -100vh);
  }

  .navigation-top {
    z-index: 3;
    height: auto;
  }

  .judge-door {
    width: 25vw;
    display: block;
    position: absolute;
  }

  .cupboard {
    width: 40vw;
  }

  .table {
    display: none;
  }

  .judge {
    width: 25vw;
    margin-right: 17vw;
  }

  .table-wrapper {
    margin-left: 36vw;
    position: absolute;
  }

  .awards {
    display: none;
  }

  .sixth-heading {
    width: 80vw;
    margin-bottom: 120vw;
    position: absolute;
  }

  .cupboard-wrapper {
    width: auto;
    margin-bottom: 19vw;
    margin-left: 0;
    margin-right: -11vw;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .qa-box {
    width: 40vw;
    height: 40vw;
    margin: 0 0 55vw -20vw;
    padding-bottom: 14vw;
    padding-right: 8vw;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .wall-wrapper.slide-2 {
    background-position: 100%;
    height: 100%;
  }

  .wall-wrapper.slide-3 {
    background-position: 30% 100%;
    display: none;
  }

  .wall-wrapper.slide-4 {
    display: none;
  }

  .wall-wrapper.slide-5 {
    background-position: 0%;
    margin-top: 0;
    display: none;
  }

  .wall-wrapper.slide-5.mobile-settings {
    margin-top: -2vw;
  }

  .wall-wrapper.slide-6 {
    height: 100%;
    display: none;
  }

  .wall-wrapper.slide-open {
    width: 100%;
    height: 100%;
  }

  .hack-on-a-log {
    width: 50vw;
  }

  .bonfire {
    width: 40vw;
    margin-left: 0;
    margin-right: -4vw;
  }

  .horse-tent {
    width: 70vw;
    margin-right: 0;
    display: none;
  }

  .horizontal {
    flex-direction: row;
  }

  .horizontal.center._1-8 {
    margin-top: 10vw;
    margin-bottom: 10vw;
  }

  .horizontal.center._1-1 {
    flex-direction: column;
  }

  .horizontal._1-7 {
    flex-direction: column;
    flex: 1;
    align-items: center;
    margin-top: 15vw;
    margin-bottom: -2vw;
  }

  .horizontal.point.mobile-settings-3 {
    flex-direction: row-reverse;
  }

  .horizontal._1-2 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10vw;
    margin-bottom: 40vw;
  }

  .horizontal._1-14 {
    margin-bottom: 0;
    bottom: 13vw;
  }

  .horizontal.team {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    padding-top: 20vw;
    padding-bottom: 20vw;
    position: static;
  }

  .horizontal.mobile-settings {
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
  }

  .hello-heading {
    width: 70%;
    margin-bottom: 4vw;
  }

  .nav-button-wrapper {
    z-index: 10;
    width: 24vw;
    min-width: 24vw;
    padding-top: 2vw;
    padding-left: 3vw;
  }

  .nav-button-wrapper.starthide {
    padding-left: 3vw;
  }

  .chack-4 {
    width: 27vw;
    margin-left: -2vw;
  }

  .chack-4.style-guide {
    position: relative;
  }

  .door {
    display: none;
  }

  .door.door-mobile {
    width: 25vw;
    margin-bottom: -17vw;
    margin-left: -15vw;
    display: block;
  }

  .platform-wrapper {
    z-index: 2;
    flex-direction: column;
    width: 100vw;
    height: auto;
    margin-left: 0;
    position: relative;
    bottom: 0;
    left: 0;
  }

  .stair {
    width: 35vw;
    position: static;
  }

  .stair.mobile-stair {
    display: none;
  }

  .chest-stair {
    width: 35vw;
    display: none;
  }

  .fourth-platform {
    width: 35vw;
    margin-top: 184vw;
    margin-bottom: 0;
    margin-left: 0;
    position: relative;
    bottom: 0;
    left: 0;
  }

  .first-platform {
    width: 35vw;
    margin-bottom: 41vw;
    margin-left: 59vw;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .second-platform {
    width: 35vw;
    margin-bottom: 74vw;
    margin-left: 6vw;
    margin-right: 0;
  }

  .flame, .flame-2 {
    display: none;
  }

  .flame-3 {
    margin-bottom: 0;
    margin-left: 0;
    display: block;
    position: relative;
  }

  .flame-3.moveblockslow {
    opacity: 0;
    display: none;
  }

  .guard-door {
    width: 20vw;
  }

  .people {
    display: none;
  }

  .fifth-heading {
    width: 70vw;
    margin-bottom: 45vw;
  }

  .fifth-heading.heading-5 {
    margin-bottom: 45vw;
  }

  .ckach-final {
    width: 45vw;
    margin-bottom: 0;
    margin-left: 0;
    display: block;
  }

  .tribune, .tapestry.heading-4 {
    display: none;
  }

  .seventh-heading-right, .seventh-heading-left {
    text-align: center;
    width: 80vw;
  }

  .sword-click {
    width: 14vw;
    height: 14vw;
    margin-bottom: 2vw;
  }

  .key-click {
    width: 17vw;
    height: 11vw;
    margin-bottom: 3vw;
  }

  .sword-stroke {
    width: 15vw;
    margin-top: 0;
    margin-bottom: 10vw;
    margin-left: 10vw;
    display: block;
  }

  .key-stroke {
    width: 18vw;
    margin-bottom: 13.25vw;
    margin-left: 8.5vw;
    display: none;
    bottom: 0;
    left: 0;
  }

  .sword-info {
    z-index: 4;
    background-image: url('../images/бабл_1.png');
    width: 45vw;
    height: 30vw;
    margin: 19vw 3vw 0 0;
    padding-top: 0;
    padding-bottom: 3vw;
    display: flex;
    inset: 0% 0% 0% auto;
  }

  .key-info {
    z-index: 2;
    background-image: url('../images/бабл_1.png');
    width: 45vw;
    height: 30vw;
    margin-top: 55vw;
    margin-bottom: 0;
    margin-left: 2vw;
    padding-top: 0;
    padding-bottom: 3vw;
    display: flex;
    inset: 0% auto 0% 0%;
  }

  .key-info.heading-7 {
    display: flex;
  }

  .sword-pack-info {
    opacity: 1;
    width: 42vw;
    height: 30vw;
    margin-top: -4vw;
    margin-left: -43vw;
    padding-bottom: 2vw;
    display: none;
  }

  .key-pack-info {
    width: 42vw;
    height: 30vw;
    margin-bottom: 20vw;
    margin-left: -43vw;
    margin-right: 0;
    padding-bottom: 2vw;
    display: none;
  }

  .hp {
    width: 9vw;
  }

  .hp.offset {
    margin-right: 1vw;
  }

  .ckach-stroke {
    width: 43.5vw;
    margin-bottom: 93.75vw;
    margin-left: 5.25vw;
  }

  .chack-box {
    opacity: 0;
    background-image: url('../images/бабл-поворот.png');
    background-position: 50%;
    background-size: auto;
    width: 50vw;
    height: 45vw;
    margin-bottom: 20vw;
    margin-left: 5vw;
    margin-right: 0;
    bottom: 0;
    left: 0;
  }

  .first-guard-box {
    width: 45vw;
    height: 40vw;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 4vw;
    display: flex;
    bottom: 0;
    left: 0;
  }

  .first-guard-stroke {
    opacity: 1;
    width: 45.5vw;
    margin-bottom: 19.25vw;
    margin-left: -1vw;
    bottom: 0;
    left: 0;
  }

  .backsword {
    opacity: 0;
    width: 35vw;
    height: 16vw;
    margin-top: -30vw;
  }

  .ckach-box {
    width: 50vw;
    height: 45vw;
    margin-bottom: 115vw;
    margin-left: 48vw;
    padding-top: 0;
    padding-bottom: 5vw;
    bottom: 0;
    left: 0;
  }

  .ckach-box-stop {
    width: 50vw;
    height: 45vw;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 5vw;
    bottom: 0;
    left: 0;
  }

  .ckach-box-stop.heading-7.moveblock {
    opacity: 0;
  }

  .back-knight {
    width: 35vw;
    height: 16vw;
    margin-top: -20vw;
    margin-bottom: 18vw;
    margin-left: 0;
    display: none;
  }

  .skeleton {
    width: 35vw;
  }

  .shawdow-sword {
    width: 100%;
    margin-left: 0;
    bottom: auto;
    left: auto;
  }

  .first-guard {
    width: 44vw;
  }

  .ckach-second-click {
    width: 45vw;
    height: 55vw;
    margin-bottom: 93vw;
    margin-left: 5vw;
    position: absolute;
  }

  .ckach-first-click {
    width: 45vw;
    height: 55vw;
    margin-bottom: 93vw;
    margin-left: 5vw;
    bottom: 0;
    left: 0;
  }

  .instruction {
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: none;
    padding-bottom: 0;
    inset: auto 0 0;
    transform: translate(0);
  }

  .instruction.vishide {
    left: 0;
  }

  .grid {
    grid-column-gap: 3vh;
    grid-row-gap: 3vh;
    width: 90%;
  }

  .grid-row-wrapper {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    width: auto;
  }

  .instruction-heading {
    margin-top: 5vw;
    margin-bottom: 7vw;
  }

  .instruction-heading.heading-1 {
    font-size: 7vw;
  }

  .instruction-image-second {
    flex: 0 auto;
    width: 14vw;
  }

  .image-grid-wrapper {
    width: 14vw;
    height: 14vw;
    margin-right: 5vw;
  }

  .instruction-image-first {
    width: 90%;
  }

  .callboard {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    width: 50vw;
    height: 50vw;
    margin-bottom: 7vw;
    padding-bottom: 10vw;
  }

  .map {
    display: none;
    position: fixed;
  }

  .map-wrapper {
    width: 90vw;
    height: 90vw;
    padding-top: 15vw;
  }

  .grid-wrapper {
    height: 100%;
    min-height: 100%;
    max-height: none;
  }

  .ckach-plane-final {
    z-index: 4;
    width: 35vw;
  }

  .score-table-left {
    background-color: #cbd7dd;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    width: auto;
    height: auto;
    margin-bottom: 80vw;
    margin-left: 13vw;
    padding-bottom: 4vw;
    padding-left: 8vw;
    padding-right: 8vw;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .judge-referee {
    width: 40vw;
  }

  .score-table-right {
    background-color: #cbd7dd;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    width: auto;
    height: auto;
    margin-bottom: 80vw;
    margin-left: 60vw;
    margin-right: 0;
    padding-bottom: 4vw;
    padding-left: 7vw;
    padding-right: 7vw;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .awards-spot {
    width: 40vw;
    margin-top: 0;
    margin-bottom: 3vw;
  }

  .eight-heading {
    width: 90vw;
  }

  .eight-heading.heading-5 {
    font-weight: 400;
  }

  .torch {
    display: none;
  }

  .feast {
    z-index: 1;
    width: 90vw;
    margin-right: -90vw;
  }

  .third-platform {
    width: 35vw;
    margin-bottom: 106vw;
    margin-left: 57vw;
    bottom: 0;
    left: 0;
  }

  .plane-stop {
    width: 17vw;
    margin-top: -12vw;
    display: block;
  }

  .plane-stroke {
    width: 17vw;
    margin-top: 0;
    margin-bottom: 9.75vw;
    margin-left: 9vw;
  }

  .plane-click {
    width: 17vw;
    height: 12vw;
    margin-bottom: 1vw;
  }

  .plane-info {
    z-index: 4;
    background-image: url('../images/бабл_1.png');
    width: 45vw;
    height: 30vw;
    margin: 89vw 3vw 0% 0;
    padding-top: 0;
    padding-bottom: 3vw;
    display: flex;
    inset: 0% 0% 0% auto;
  }

  .plane-pack-info {
    width: 42vw;
    height: 30vw;
    margin-bottom: 32vw;
    margin-left: -43vw;
    margin-right: 0;
    display: none;
  }

  .planeico {
    width: 15vw;
    margin-bottom: 92vw;
    margin-left: 0;
    margin-right: 32vw;
    display: none;
  }

  .shawdow-plane {
    width: 100%;
    height: 100%;
    display: none;
  }

  .ckach-plane-stroke {
    z-index: 1;
    width: 34vw;
    margin-bottom: 18.5vw;
  }

  .ckach-plane-back {
    z-index: 3;
    width: 35vw;
    height: 42vw;
  }

  .ckach-plane-box-stop {
    opacity: 0;
    width: 50vw;
    height: 45vw;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 6vw;
    padding-left: 7vw;
    font-size: 3.8vw;
  }

  .backplane {
    opacity: 0;
    width: 35vw;
    height: 16vw;
    margin-top: -2vw;
    transform: none;
  }

  .js-seventh-slide {
    margin-bottom: 0;
  }

  .ok {
    width: 14vw;
    margin-bottom: 50vw;
    margin-left: 36vw;
    bottom: 0;
    left: 0;
  }

  .logo-wrapper {
    z-index: 5;
    justify-content: center;
  }

  .logo {
    width: 13vw;
    margin-left: 2vw;
  }

  .logo-first {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    opacity: 0;
    width: auto;
    min-width: auto;
    padding-top: 2vw;
    padding-right: 2vw;
  }

  .logo-first.logohide {
    opacity: 0;
  }

  .logo-second {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    width: auto;
    padding-top: 2vw;
    padding-right: 2vw;
  }

  .second-heading-left {
    text-align: center;
    width: 70%;
  }

  .second-heading-right {
    text-align: center;
    width: 60%;
  }

  .picturebutton, .picturebuttonleft {
    width: 15vw;
    height: 15vw;
    margin-top: 0;
    top: 48%;
  }

  .horse-box {
    width: 35vw;
    height: 30vw;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 4vw;
    display: none;
  }

  .picturecms {
    height: 600px;
  }

  .picture-border {
    width: 75vw;
    height: 60vw;
    padding-top: 5vw;
  }

  .image-mootcourt {
    width: 70%;
    height: 56%;
    margin-bottom: 0;
  }

  .collectionitem {
    align-content: center;
    width: 100%;
    min-height: 300px;
  }

  .star {
    width: 10vw;
    margin-bottom: -60vw;
    margin-left: -80vw;
    display: none;
  }

  .star-4 {
    width: 10vw;
    margin-bottom: 49vw;
    margin-left: 81vw;
    display: none;
  }

  .star-3, .star-2 {
    display: none;
  }

  .form-wrapper {
    width: 85vw;
    height: 85vw;
    margin-bottom: 15vw;
    margin-left: 0;
    padding-bottom: 10vw;
    padding-left: 7%;
    padding-right: 7%;
  }

  .automat {
    display: none;
  }

  .chack-form-box {
    width: 46vw;
    margin-bottom: -17vw;
  }

  .name-field {
    border-width: 1vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-size: 4vw;
  }

  .email-field {
    border-width: 1vw;
    margin-bottom: 5vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-size: 4vw;
  }

  .submit-button {
    border-width: 1vw;
    width: 70%;
    padding: 2vw 0;
    font-size: 3.2vw;
  }

  .checkbox-label {
    font-size: 2vw;
  }

  .checkbox {
    width: 5vw;
    height: 5vw;
  }

  .form-block {
    height: auto;
  }

  .success-message {
    width: 100%;
  }

  .team-button {
    background-size: contain;
    width: 60vw;
    height: 60vw;
    display: none;
  }

  .wall-automat {
    display: none;
  }

  .preloader-image {
    width: 60vw;
  }

  .sword-box {
    z-index: 10;
    opacity: 1;
    width: 40vw;
    height: 36vw;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 3vw;
    display: none;
  }

  .nav-bottom-gap {
    display: none;
  }

  .image-sword {
    width: 3.5vw;
    margin-right: .5vw;
  }

  .image-text {
    font-size: 2.6vw;
  }

  .bottom-image-text {
    width: auto;
    margin-top: .5vw;
  }

  .top-image-wrapper {
    width: 70%;
    margin-top: 2vw;
  }

  .grid-2 {
    grid-column-gap: 7vw;
    grid-row-gap: 7vw;
    margin-top: 10vw;
    margin-bottom: 15vw;
  }

  .sword-cms, .scale-cms, .judge-cms, .court-cms {
    width: 12vw;
  }

  .cms-text.heading-7 {
    text-align: left;
  }

  .cms-grid-cell {
    margin-left: 4vw;
  }

  .image-cms {
    object-fit: fill;
    width: 100%;
    height: auto;
    display: block;
  }

  .content-wrap {
    width: 100%;
  }

  .image-load-wrap {
    width: auto;
    height: auto;
  }

  .fifth-platform {
    align-items: center;
    height: 30vw;
    margin: 155vw 0 0 55vw;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .chest-open {
    z-index: 11;
    width: 100%;
    height: 100%;
    min-height: 100%;
  }

  .chest-start-click {
    width: 60vw;
    margin-bottom: -7%;
    display: block;
  }

  .stones {
    width: 60vw;
    display: none;
  }

  .chest-animation {
    width: 130vw;
    margin-bottom: -7%;
    margin-left: -58vw;
    display: none;
  }

  .chest-start {
    width: 20vw;
    margin-right: 5%;
  }

  .chest-stroke {
    z-index: 0;
    opacity: 0;
    width: 23.25vw;
    margin-bottom: 35.5%;
    margin-left: 14%;
    margin-right: 0%;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .chest-stop {
    width: 20vw;
    margin-right: 5%;
  }

  .chest-final {
    width: 130vw;
    margin-bottom: -7%;
    margin-left: -58vw;
    display: none;
  }

  .chest-start-second {
    width: 20vw;
    margin-right: 5%;
  }

  .whiteplug {
    display: flex;
  }

  .header-style {
    font-size: 4vw;
  }

  .text-style-guide {
    justify-content: flex-start;
    padding-right: 0;
  }

  .heading-1 {
    font-size: 7vw;
  }

  .heading-1._404-head {
    margin-top: 5vw;
    margin-bottom: 2vw;
  }

  .heading-2 {
    font-size: 5.7vw;
  }

  .heading-3 {
    font-size: 4.8vw;
  }

  .heading-4 {
    font-size: 4.5vw;
  }

  .heading-5 {
    font-size: 4.1vw;
  }

  .heading-6 {
    font-size: 4vw;
  }

  .heading-7 {
    font-size: 3.8vw;
  }

  .heading-7.paragraph-404 {
    text-align: center;
  }

  .image-style-guide {
    flex-direction: column;
    align-items: center;
  }

  .chack-1 {
    width: 40vw;
    margin-bottom: -4vw;
  }

  .chack-1.feast-chack {
    width: 30vw;
    margin-bottom: 94vw;
    margin-left: 62vw;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(0);
  }

  .chack-2 {
    width: 27vw;
  }

  .chack-3 {
    width: 46vw;
    position: relative;
  }

  .ckach-1 {
    width: 35vw;
    margin-left: -2vw;
  }

  .start-button {
    width: 34vw;
    height: 12vw;
    min-height: auto;
  }

  .accept-button {
    width: 22vw;
    height: 11vw;
    margin-top: 10vw;
  }

  .accept-button.heading-4 {
    width: 22vw;
    height: 11vw;
  }

  .menu-button {
    z-index: 5;
    width: 22vw;
    height: 11vw;
    position: relative;
  }

  .close-button {
    width: 11vw;
    height: 10vw;
  }

  .close-button.map {
    margin-top: 3vw;
    margin-right: 4vw;
  }

  .close-button.close-button-chest {
    z-index: 15;
  }

  .cell {
    width: 12vw;
    height: 11vw;
  }

  .active-cell {
    width: 12vw;
    height: 11vw;
    display: none;
  }

  .active-cell.sword-cell-settings {
    margin-bottom: 0;
    margin-right: 0;
    bottom: 0;
    left: 0;
    transform: translate(20vw, 20vw);
  }

  .active-cell.plane-cell-settings {
    margin-bottom: 0;
    top: 0;
    right: 0;
    transform: translate(0, 40vw);
  }

  .active-cell.plane-cell-settings.strokeopacity {
    flex: 0 auto;
  }

  .active-cell.active-key-cell {
    bottom: 11.5vw;
    left: 0;
  }

  .deny-cell {
    width: 12vw;
    display: block;
  }

  .plane-cell {
    display: none;
  }

  .navbar {
    padding-top: 15vw;
  }

  .nav-link {
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-size: 4.5vw;
  }

  .info-button {
    width: 10vw;
    height: 9vw;
    transform: translate(0, 6vh);
  }

  .ad-stroke {
    opacity: 1;
    width: 15.5vw;
    margin-bottom: 49.5vw;
    margin-left: 0;
    margin-right: 28.3vw;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .ad-list-right {
    width: 14vw;
    margin-left: 2vw;
  }

  .bulldog {
    width: 20vw;
    margin-bottom: 20vw;
    margin-left: 66vw;
  }

  .skeleton-box {
    width: 45vw;
    height: 40vw;
    margin-bottom: 0;
    margin-right: 0;
  }

  .skeleton-box.heading-5 {
    z-index: 2;
    width: 45vw;
    height: 40vw;
  }

  .key-stop {
    width: 17vw;
    margin-bottom: 5vw;
    margin-left: 0;
    display: block;
    position: relative;
    bottom: 0;
  }

  .second-guard-final, .qa-box-stroke {
    display: none;
  }

  .hp-ckach-wrapper {
    align-items: flex-end;
    margin-bottom: 100vw;
  }

  .hp-wrapper {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 0;
    margin-bottom: 55vw;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .ninth-heading {
    width: 90%;
    margin-bottom: 83vw;
  }

  .image-scale {
    width: 4vw;
    margin-right: .5vw;
  }

  .team-open {
    display: none;
    overflow: auto;
  }

  .team-wrapper {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    display: none;
  }

  .team-image {
    max-width: 100%;
    margin-bottom: 10vw;
  }

  .team-animation-wrapper {
    margin-bottom: 0;
    padding-top: 15vw;
    padding-bottom: 10vw;
  }

  .heading-form {
    margin-bottom: 4vw;
  }

  .heading-form.heading-3 {
    margin-top: 0;
  }

  .medal {
    width: 7vw;
    margin-bottom: 33vw;
    margin-left: 82vw;
  }

  .medal-stroke {
    width: 8vw;
    margin-bottom: 32.5vw;
    margin-left: 81.5vw;
  }

  .chack-medal {
    display: none;
    position: fixed;
  }

  .full-medal {
    width: 50vw;
  }

  .qa-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #275034;
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    max-height: 100%;
  }

  .mobile-qa {
    z-index: 1;
    background-color: #27503400;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 0;
    display: flex;
    position: relative;
  }

  .head-qa {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
  }

  .button-qa-mobile {
    width: 6vw;
  }

  .mobile-qa-wrapper {
    border-bottom: 1vw solid #fff;
    margin-left: 4vw;
    margin-right: 4vw;
    padding-bottom: 0;
  }

  .mobile-qa-answer {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-top: 5vw;
    margin-bottom: 5vw;
    display: flex;
    position: relative;
  }

  .paragraph-qa {
    color: #fff;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
  }

  .paragraph-qa.heading-7 {
    margin-top: 0;
  }

  .qa-wrap {
    background-color: #275034;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-top: 18vw;
    padding-bottom: 3vw;
    display: flex;
  }

  .qa-stroke {
    width: 100%;
    height: 1px;
    margin-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .qa-stroke.stroke-1 {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    overflow: hidden;
  }

  .qa-stroke.stroke-2, .qa-stroke.stroke-3, .qa-stroke.stroke-4, .qa-stroke.stroke-5, .qa-stroke.stroke-6 {
    height: 100%;
    overflow: hidden;
  }

  .qa-stroke.stroke-7, .qa-stroke.stroke-8 {
    height: 100%;
    margin-top: 0;
    overflow: hidden;
  }

  .button-qa-mobile-close {
    width: 5vw;
    display: none;
  }

  .chack-box-mobile {
    background-image: url('../images/бабл-поворот.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: center;
    width: 50vw;
    height: 45vw;
    margin-bottom: 25vw;
    margin-left: 7vw;
    margin-right: 0;
    padding-bottom: 5vw;
    padding-right: 0;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .stroke-mobile-1 {
    z-index: 5;
    background-color: #cbd7dd;
    width: 100vw;
    height: 6vw;
    margin-top: 0;
    margin-bottom: 89vw;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .feast-mobile {
    z-index: 1;
    width: 90vw;
    margin-bottom: 93vw;
    margin-left: -58vw;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .stroke-mobile-2 {
    z-index: 5;
    background-color: #cbd7dd;
    width: 100vw;
    height: 4vw;
    margin-top: 0;
    margin-bottom: 90vw;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .team-button-mobile {
    z-index: 2;
    background-color: #3898ec00;
    flex: none;
    width: 90vw;
    height: 90vw;
    margin-left: -30vw;
    padding: 0;
    display: flex;
  }

  .team-button-mobile._2-mobile {
    margin-left: 30vw;
  }

  .team-button-mobile._3-mobile {
    margin-left: -30vw;
  }

  .team-button-mobile._4-mobile {
    margin-left: 30vw;
  }

  .planeico-mobile {
    z-index: 2;
    width: 15vw;
    margin-bottom: 112vw;
    margin-left: 0;
    margin-right: 32vw;
    display: block;
    bottom: 0;
    right: 0%;
    transform: none;
  }

  .footer {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    flex-direction: column;
    height: auto;
    padding-top: 20vw;
    padding-bottom: 40vw;
  }

  .cookies {
    width: 100%;
    margin-bottom: 10vw;
    font-size: 3.8vw;
  }

  .privacy {
    text-align: left;
    width: 100%;
    margin-bottom: 6vw;
    font-size: 3.8vw;
    text-decoration: underline;
  }

  .privacy-policy {
    z-index: 20;
    align-items: flex-start;
    padding-top: 10vw;
    padding-bottom: 40vw;
  }

  .privacy-paragraph {
    font-size: 3.8vw;
  }

  .privacy-paragraph.heading-7 {
    text-align: left;
  }

  .chest-stair-mobile {
    width: 35vw;
    display: block;
  }

  .js-twelfth-slide {
    display: none;
  }

  .image-cms-wrap {
    align-items: center;
    margin-bottom: 105vw;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    left: auto;
  }

  .music-button, .music-button-second {
    width: 10vw;
    height: 9vw;
  }

  .bottom-buttons-wrapper {
    width: 100vw;
  }

  .music-check {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .music-text {
    width: 90%;
    margin-bottom: 10vw;
  }

  .music-button-wrapper {
    flex-direction: row;
  }

  .button-music {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    width: 30vw;
    height: 15vw;
  }

  .music-on, .music-off {
    margin-left: 3vw;
  }

  .animation-music {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
  }

  .ad-list-left {
    width: 14vw;
    margin-right: 2vw;
  }

  .chack-list {
    text-align: left;
    width: 66vw;
    height: 65vw;
    margin-bottom: 72vw;
    margin-left: 32vw;
    margin-right: 0;
    padding-top: 5vw;
    padding-left: 5vw;
    padding-right: 5vw;
    font-size: 3.8vw;
    line-height: 1.2;
  }

  .qa-team-button {
    width: 35vw;
    height: 16vw;
    margin-top: -20vw;
    display: none;
  }

  .form-block-second {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
  }

  .link-footer-wrapper {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    margin-bottom: 0;
  }

  .link-footer-wrapper.offset {
    margin-bottom: 3vw;
  }

  .link-image {
    width: 6vw;
    margin-right: 3vw;
  }

  .link-horsebox {
    margin-bottom: 65vw;
  }

  .link-wrapper {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    align-items: flex-start;
    width: 100%;
  }

  .name-text-block {
    font-size: 2.6vw;
  }

  .anchor {
    margin-bottom: 2vh;
  }

  .planeico-apple {
    width: 15vw;
    margin-bottom: 92vw;
    margin-left: 0;
    margin-right: 32vw;
    display: none;
  }

  .skeleton-link-box {
    margin-bottom: 57vw;
    margin-right: 10vw;
    display: none;
  }

  .anchor-2 {
    width: 100%;
    margin-bottom: 210vw;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .skeleton-link-box-2 {
    margin-bottom: 57vw;
    margin-right: 10vw;
    display: flex;
  }

  ._404-block {
    align-items: center;
    width: 100%;
    margin-left: 0;
  }

  .image {
    width: 70%;
  }

  .sword-box-wrapper {
    margin-bottom: 59vw;
    margin-left: 24vw;
  }

  .first-guard-box-wrapper {
    margin-bottom: 76vw;
    margin-left: 40vw;
  }

  .short-link {
    margin-bottom: 0;
    margin-left: 4vw;
  }

  .short-link-mobile {
    margin-bottom: 5vw;
    margin-left: 0;
  }

  .short-instruction-link {
    margin-top: 5vw;
  }

  .mobile-anchor {
    opacity: 0;
    margin-bottom: 0;
    margin-left: 0;
    display: block;
    position: relative;
  }

  .mobile-anchor.moveblockslow {
    opacity: 0;
    display: none;
  }

  .ok-apple {
    width: 14vw;
    margin-bottom: 50vw;
    margin-left: 36vw;
    bottom: 0;
    left: 0;
  }

  .container {
    max-width: none;
  }
}

#w-node-_7c5f206d-a475-5ab3-a919-3b72b3058775-2df4539d, #w-node-_7e055c02-150b-81d2-6d4f-886fe903f8a1-2df4539d, #w-node-f85946be-8c96-ad24-c4cc-d797c9c0dc43-2df4539d, #w-node-f85946be-8c96-ad24-c4cc-d797c9c0dc44-2df4539d, #w-node-_80fa587c-5b3e-aab5-277b-70ff4a7eafee-2df4539d, #w-node-_80fa587c-5b3e-aab5-277b-70ff4a7eafef-2df4539d, #w-node-fa9a9073-1e37-6df6-219a-2923c689e64f-2df4539d, #w-node-fa9a9073-1e37-6df6-219a-2923c689e651-2df4539d, #w-node-d303f21e-dbe9-0217-7970-336e06af2e33-2df4539d, #w-node-d303f21e-dbe9-0217-7970-336e06af2e34-2df4539d, #w-node-_8e7b12fb-7edf-9d26-ea74-945fad3caa07-2df4539f, #w-node-_989c4952-0a6e-f783-e355-3d10d0b0b6a5-2df4539f, #w-node-_07f33578-77bb-869d-ebe3-be2c8f549804-2df4539f, #w-node-_4d1ee17a-0cbc-e091-4625-c16bb2a3a528-2df4539f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-fa9a9073-1e37-6df6-219a-2923c689e64f-2df4539d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8e7b12fb-7edf-9d26-ea74-945fad3caa07-2df4539f {
    order: -9999;
  }

  #w-node-_07f33578-77bb-869d-ebe3-be2c8f549804-2df4539f {
    order: -999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_285e2d18-2f08-89d1-52fc-903b76e2a9c5-2df4539d, #w-node-_312c25e6-e386-b90c-65f1-687a5fe3323c-2df4539d, #w-node-_27344504-dd6c-f51a-9303-1e1d49463f6c-2df4539d, #w-node-_27344504-dd6c-f51a-9303-1e1d49463f6d-2df4539d, #w-node-ff7a2519-6833-11ef-0bd4-a8000470df23-2df4539d, #w-node-ff7a2519-6833-11ef-0bd4-a8000470df24-2df4539d, #w-node-_2f9defdd-014d-3ad2-1953-909d30c72fc9-2df4539d, #w-node-_2f9defdd-014d-3ad2-1953-909d30c72fca-2df4539d, #w-node-_5c1f514b-acfa-571a-b3d4-0da373b539aa-2df4539d, #w-node-_5c1f514b-acfa-571a-b3d4-0da373b539ab-2df4539d, #w-node-f0f3a731-e3a0-8982-1596-eeb45114baf4-2df4539d, #w-node-f0f3a731-e3a0-8982-1596-eeb45114baf5-2df4539d, #w-node-_114ec981-4654-5d99-6bc3-ca7ee8047d93-2df4539d, #w-node-_114ec981-4654-5d99-6bc3-ca7ee8047d94-2df4539d, #w-node-_7122b2b5-4527-0365-fbfc-39b012bb29f0-2df4539d, #w-node-_7122b2b5-4527-0365-fbfc-39b012bb29f1-2df4539d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Arcade gamer';
  src: url('../fonts/ArcadeGamer-Regular.woff2') format('woff2'), url('../fonts/ArcadeGamer-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}