@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Light/Inter-Light.woff2") format("woff2");
  src: url("../fonts/Inter-Light/Inter-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Regular/Inter-Regular.woff2") format("woff2");
  src: url("../fonts/Inter-Regular/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Bold/Inter-Bold.woff2") format("woff2");
  src: url("../fonts/Inter-Bold/Inter-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: BluuNextCyrillic;
  font-display: swap;
  src: url("../fonts/BluuNextCyrillic/BluuNextCyrillic.woff2") format("woff2");
  src: url("../fonts/BluuNextCyrillic/BluuNextCyrillic.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
*::-webkit-input-placeholder {
  color: #919191;
  opacity: 1;
}

*:-moz-placeholder {
  color: #919191;
  opacity: 1;
}

*::-moz-placeholder {
  color: #919191;
  opacity: 1;
}

*:-ms-input-placeholder {
  color: #919191;
  opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
  color: #919191;
}

body input:required:valid,
body textarea:required:valid {
  color: #919191;
}

html {
  font-size: 10px;
}

body {
  font-size: 16px;
  min-width: 320px;
  position: relative;
  line-height: 1.3;
  overflow-x: hidden;
  color: #fff;
  display: flex;
  font-family: BluuNextCyrillic, sans-serif;
  background-color: #000;
}
body._noScrollPopup {
  overflow: hidden;
  width: 100%;
}
body._noScrollBurger {
  overflow: hidden;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  color: inherit;
  text-decoration: none;
}

p, ul {
  margin: 0;
}

input, textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
}

img {
  max-width: 100%;
}

.contain {
  max-width: 1220px;
  width: 100%;
  padding: 0 50px;
  margin: 0 auto;
}

.wrapper {
  min-height: 100svh;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  min-width: 100%;
  background-color: #000;
  z-index: 0;
}

.body_content {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
.body_content._footerAbsolute {
  padding-bottom: 55px;
}

#footer {
  flex: 0 0 auto;
  background-color: #000;
  width: 100%;
  margin: 0 auto;
  position: relative;
  text-align: center;
  padding: 20px 0;
  overflow: hidden;
}
#footer p {
  font-size: 14px;
  font-family: Inter, sans-serif;
  margin-top: 10px;
  color: #E7D5B9;
}
#footer p:first-child {
  margin-top: 0;
}
#footer._absolute {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

._pt10 {
  padding-top: 10px;
}

._pb10 {
  padding-bottom: 10px;
}

._pt15 {
  padding-top: 15px;
}

._pb15 {
  padding-bottom: 15px;
}

._pt20 {
  padding-top: 20px;
}

._pb20 {
  padding-bottom: 20px;
}

._pt30 {
  padding-top: 3em;
}

._pb30 {
  padding-bottom: 3em;
}

._pt40 {
  padding-top: 4em;
}

._pb40 {
  padding-bottom: 4em;
}

._pt50 {
  padding-top: 5em;
}

._pb50 {
  padding-bottom: 5em;
}

._pt60 {
  padding-top: 6em;
}

._pb60 {
  padding-bottom: 6em;
}

._pt70 {
  padding-top: 7em;
}

._pb70 {
  padding-bottom: 7em;
}

._pt80 {
  padding-top: 8em;
}

._pb80 {
  padding-bottom: 8em;
}

._pt90 {
  padding-top: 9em;
}

._pb90 {
  padding-bottom: 9em;
}

._pt100 {
  padding-top: 10em;
}

._pb100 {
  padding-bottom: 10em;
}

._mt5 {
  margin-top: 5px;
}

._mb5 {
  margin-bottom: 5px;
}

._mt10 {
  margin-top: 10px;
}

._mb10 {
  margin-bottom: 10px;
}

._mt15 {
  margin-top: 15px;
}

._mb15 {
  margin-bottom: 15px;
}

._mt20 {
  margin-top: 20px;
}

._mb20 {
  margin-bottom: 20px;
}

._mt30 {
  margin-top: 30px;
}

._mb30 {
  margin-bottom: 30px;
}

._mt40 {
  margin-top: 4em;
}

._mb40 {
  margin-bottom: 4em;
}

._mt50 {
  margin-top: 5em;
}

._mb50 {
  margin-bottom: 5em;
}

._mt60 {
  margin-top: 6em;
}

._mb60 {
  margin-bottom: 6em;
}

._mt70 {
  margin-top: 7em;
}

._mb70 {
  margin-bottom: 7em;
}

._mt80 {
  margin-top: 8em;
}

._mb80 {
  margin-bottom: 8em;
}

._mt90 {
  margin-top: 9em;
}

._mb90 {
  margin-bottom: 9em;
}

._mt100 {
  margin-top: 10em;
}

._mb100 {
  margin-bottom: 10em;
}

._center {
  text-align: center;
}

._right {
  text-align: right;
}

._bold {
  font-weight: 700;
}

.lazyImg {
  opacity: 0;
  transition: all 0.7s;
}

._lazyAnimation {
  transform: translate(0, 30px);
  opacity: 0;
}

._animGo {
  transition: transform 1s, opacity 1s;
  transform: translate(0, 0);
  opacity: 1;
}

.button_1 {
  display: inline-block;
  cursor: pointer;
  background: none;
  color: #fff !important;
  transition: background 0.15s, color 0.15s;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  text-decoration: none;
  font-family: BluuNextCyrillic, sans-serif;
  width: 31.7em;
  height: 11.8em;
  font-size: 10px;
  line-height: 1;
  border: none;
  background: none;
}
@media (hover: hover) {
  .button_1:hover ._decore {
    fill: rgb(40.2, 2.4, 3);
  }
  .button_1:hover::before {
    background-color: #C90C0F;
    transform: translate(-50%, -30%) scale(1.5);
  }
}
.button_1:active {
  top: 3px;
}
.button_1:active ._decore {
  transition: background 0s;
}
.button_1 ._decore {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: stroke 0.15s, fill 0.2s;
  fill: #001234;
  width: 100%;
  max-height: 100%;
}
.button_1 span {
  font-size: 2.7em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.button_1::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -30%);
  border-radius: 50%;
  display: block;
  width: 50%;
  height: 50%;
  background-color: #000;
  opacity: 0.5;
  filter: blur(50px);
  transition: transform 0.15s, background 0.4s;
}
.button_1._t2 span {
  font-size: 2.2em;
}

.button_2 {
  display: inline-block;
  cursor: pointer;
  background: none;
  color: #FFE8E6 !important;
  transition: background 0.15s, color 0.15s, opacity 1s;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  text-decoration: none;
  font-family: BluuNextCyrillic, sans-serif;
  width: 24.4em;
  height: 6.3em;
  font-size: 10px;
  line-height: 1;
  border: none;
}
@media (hover: hover) {
  .button_2:hover ._decore {
    fill: rgb(40.2, 2.4, 3);
  }
  .button_2:hover::before {
    background-color: #C90C0F;
    transform: translate(-50%, -30%) scale(1.5);
  }
}
.button_2:active {
  top: 3px;
}
.button_2:active ._decore {
  transition: background 0s;
}
.button_2 ._decore {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: stroke 0.15s, fill 0.2s;
  fill: #000;
  width: 100%;
  max-height: 100%;
}
.button_2 span {
  font-size: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.button_2::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -30%);
  border-radius: 50%;
  display: block;
  width: 50%;
  height: 50%;
  background-color: #000;
  opacity: 0.5;
  filter: blur(50px);
  transition: transform 0.15s, background 0.4s;
}
.button_2._t2 {
  stroke: #fff;
}
.button_2._hide {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.button_3 {
  display: inline-block;
  cursor: pointer;
  background-color: #C90C0F;
  color: #001234 !important;
  transition: background 0.15s, color 0.15s;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  text-decoration: none;
  font-family: BluuNextCyrillic, sans-serif;
  width: 24.4em;
  height: 6.3em;
  font-size: 10px;
  line-height: 1;
  border: none;
}
@media (hover: hover) {
  .button_3:hover {
    background-color: rgb(160.8, 9.6, 12);
  }
  .button_3:hover .buttonDecore {
    fill: rgb(160.8, 9.6, 12);
  }
}
.button_3:active {
  top: 3px;
}
.button_3 span {
  font-size: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.button_3 .buttonDecore {
  position: absolute;
  fill: #C90C0F;
  top: 0;
  width: 2em;
  height: 100%;
  transition: fill 0.15s;
}
.button_3 .buttonDecore._left {
  right: calc(100% - 3px);
  top: 0;
}
.button_3 .buttonDecore._right {
  left: calc(100% - 3px);
  transform: scale(-1, 1);
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #001234;
  -webkit-text-fill-color: #fff;
  border-top: 3px solid #C90C0F;
  border-bottom: 3px solid #C90C0F;
}
input:-webkit-autofill:focus-visible {
  -webkit-box-shadow: inset 0 0 0 50px #001234;
  -webkit-text-fill-color: #fff;
}

.inputWrap {
  text-align: left;
  width: 100%;
  position: relative;
}
.inputWrap .help-block {
  font-size: 14px;
  margin-top: 5px;
}
.inputWrap .help-block-error, .inputWrap .invalid-feedback {
  color: red;
  font-size: 14px;
  margin-top: 5px;
}

.input_1 {
  font-size: 16px;
  font-family: BluuNextCyrillic, sans-serif;
  color: #D8D8DE;
  border-radius: 5px;
  padding: 15px 10px;
  transition: border 0.15s, box-shadow 0.15s;
  width: 100%;
  height: 3.8em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #001234;
  outline: none;
  border: none;
  border-top: 3px solid #C90C0F;
  border-bottom: 3px solid #C90C0F;
}
.input_1:focus {
  box-shadow: 0 0 25px 0 #c90c0f;
}

textarea.input_1 {
  resize: none;
  height: 210px;
}

.inputDecore {
  position: absolute;
  font-size: 16px;
  height: 3.85em;
  width: 2em;
  top: 0;
}
.inputDecore._right {
  left: calc(100% - 11px);
}
.inputDecore._left {
  right: calc(100% - 11px);
  transform: scaleX(-1);
}
.inputDecore._t2 {
  height: 210px;
}
.inputDecore._t2._right {
  left: auto;
  right: calc(100% - 11px);
}
.inputDecore._t2._left {
  left: calc(100% - 11px);
  transform: scaleX(-1);
}

._section {
  font-size: 10px;
}

._img100 {
  position: relative;
}
._img100 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#header {
  color: #fff;
  font-size: 10px;
  width: 100%;
  padding-top: 3em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 21;
}
#header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: -1;
  filter: blur(20px);
  pointer-events: none;
}
#header._lazyAnimation {
  transform: translate(0, -30px);
}
#header._animGo {
  transform: translate(0, 0);
}
#header .contain {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
}

.headerLogos {
  display: flex;
  align-items: center;
}

.logoTnt {
  width: 30em;
  height: 11.6em;
  font-size: 0.33em;
  display: block;
}

.headerLogos__star {
  width: 2em;
  height: 2em;
  fill: #fff;
  margin: 0 1em;
}

.logoShu {
  width: 17.8em;
  height: 9.8em;
  font-size: 0.33em;
  display: block;
}

.headerLeft {
  display: none;
}
.headerLeft svg {
  transform: scale(-1, 1);
}

.burgerButton {
  stroke: #C90C0F;
  width: 5.1em;
  height: 3.8em;
  cursor: pointer;
  transition: stroke 0.15s;
  position: relative;
  display: block;
  background: none;
  border: none;
  font-size: 1.1em;
}
@media (hover: hover) {
  .burgerButton:hover {
    stroke: rgb(160.8, 9.6, 12);
  }
}
.burgerButton:active {
  top: 3px;
}
.burgerButton svg {
  width: 100%;
  height: 100%;
}

.radialShadow {
  background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 40%, rgb(0, 0, 0) 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
}

.smokeBlock {
  position: absolute;
  z-index: -3;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.smokeBlock::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #080F1E;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 1;
  opacity: 0.8;
}
.smokeBlock video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.smokeBlock ._mobile {
  display: none;
}

.smokePoster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.dragonMain {
  position: absolute;
  z-index: -3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 209em;
  height: 68.9em;
  font-size: 1.3em;
  opacity: 0.5;
}

.manMain {
  position: absolute;
  bottom: 0;
  font-size: 0.75svh;
  z-index: 1;
}
.manMain._oleg {
  width: 108.4em;
  height: 103.5em;
  right: 62%;
  transform: translate(-5%, 7%);
  z-index: -1;
}
.manMain._oleg .manMain__info {
  left: 50%;
  top: 50%;
}
.manMain._oleg::before {
  content: "";
  position: absolute;
  left: 88%;
  top: 25%;
  width: 20em;
  height: 20em;
  background-color: #0D1E8F;
  border-radius: 50%;
  filter: blur(100px);
}
.manMain._alex {
  width: 90em;
  height: 117.9em;
  left: 60%;
  transform: translate(0, 20%);
}
.manMain._alex::after {
  content: "";
  position: absolute;
  right: 80%;
  top: 20%;
  width: 20em;
  height: 20em;
  background-color: #0D1E8F;
  border-radius: 50%;
  filter: blur(100px);
}
.manMain img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.manMain__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.namesMans {
  position: absolute;
  bottom: 5%;
  width: 100%;
  z-index: 1;
  max-width: 1700px;
  display: flex;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
}

.manInfo {
  display: flex;
  font-size: 0.7em;
  align-items: center;
  animation-delay: 0.5s !important;
}

.olegRune {
  width: 21em;
  height: 11.4em;
}

.olegName {
  width: 15.4em;
  height: 14.6em;
}

.alexRune {
  width: 21.7em;
  height: 10.3em;
}

.alexName {
  width: 19.7em;
  height: 13.4em;
}

.manMainMobile {
  position: absolute;
  font-size: 0.9svh;
  display: none;
  bottom: 0;
}
.manMainMobile._oleg {
  width: 44.5em;
  height: 100.5em;
  left: 0;
  transform: translate(-50%, 5%);
}
.manMainMobile._alex {
  width: 41em;
  height: 102em;
  right: 0;
  transform: translate(40%, 5%);
}

.durationBottom {
  position: absolute;
  color: #E7D5B9;
  bottom: 2em;
  text-align: center;
  font-size: 14px;
  font-family: Inter, sans-serif;
  letter-spacing: 0.5px;
  padding: 0 20px;
}
.durationBottom br {
  display: none;
}

.sectionMain {
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
  z-index: 0;
}
.sectionMain::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 50%;
  height: 20%;
  background-color: #000;
  z-index: -1;
  border-radius: 50%;
  filter: blur(100px);
}
.sectionMain .contain {
  width: 100%;
}

._verticalCenter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100svh;
}

.mainCenter {
  text-align: center;
  position: relative;
  z-index: 1;
}

.mainTitle {
  font-size: 8em;
  line-height: 0.7;
  text-align: center;
  font-weight: 400;
  position: relative;
  display: inline-block;
  z-index: 1;
}
.mainTitle::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 140%;
  height: 140%;
  background-color: #000;
  z-index: -1;
  border-radius: 50%;
  filter: blur(100px);
}
.mainTitle span {
  display: block;
}
.mainTitle ._red {
  font-size: 1.75em;
  display: block;
  color: #C90C0F;
}
.mainTitle ._small {
  font-size: 0.52em;
  margin-top: 0.5em;
}

.centerConposition {
  width: 20em;
  height: 20em;
  border-radius: 50%;
  margin: 5em auto 9em;
  position: relative;
}

.circleLighting {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-53.5%, -51%);
  max-width: 600%;
  width: 550%;
}

.pencilMain {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -43%);
  z-index: 1;
  max-width: 300%;
  width: 49.6em;
  height: 16.7em;
  font-size: 0.95em;
}

.circleBrush {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-51%, -50%);
  max-width: 200%;
  width: 107%;
}

.preloaderBlock {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: #000;
  visibility: visible;
  transition: opacity 1s, visibility 1s;
}
.preloaderBlock._hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOutTop {
  from {
    opacity: 1;
    transform: translateY(0px);
  }
  to {
    opacity: 0;
    transform: translateY(-30px);
  }
}
@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
    transform: translateX(0px);
  }
  to {
    opacity: 0;
    transform: translateX(-30px);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
    transform: translateX(0px);
  }
  to {
    opacity: 0;
    transform: translateX(30px);
  }
}
@keyframes pencilRotateIn {
  from {
    opacity: 0;
    transform: translate(-50%, -43%) rotate(-90deg);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -43%) rotate(0);
  }
}
@keyframes pencilRotateOut {
  from {
    opacity: 1;
    transform: translate(-50%, -43%) rotate(0);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -43%) rotate(-90deg);
  }
}
.animationPageHide ._pageAnimOpacity_1 {
  animation: fadeOutTop 0.7s forwards ease-in-out;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animationPageHide ._pageAnimOpacity_2 {
  animation: fadeOutTop 0.7s forwards ease-in-out;
  animation-delay: 0.1s;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animationPageHide ._pageAnimOpacity_3 {
  animation: fadeOutTop 0.7s forwards ease-in-out;
  animation-delay: 0.2s;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animationPageHide ._pageAnimOpacity_4 {
  animation: fadeOutTop 0.7s forwards ease-in-out;
  animation-delay: 0.3s;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animationPageHide ._pageAnimOpacity_5 {
  animation: fadeOutLeft 0.7s forwards ease-in-out;
  animation-delay: 0.4s;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animationPageHide ._pageAnimOpacity_6 {
  animation: fadeOutRight 0.7s forwards ease-in-out;
  animation-delay: 0.4s;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animationPageHide ._pageAnimOpacity_7 {
  animation: fadeOut 0.7s forwards ease-in-out;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animationPageHide ._pageAnimOpacity_8 {
  animation: pencilRotateOut 0.7s forwards ease-in-out;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animationPageHide ._pageAnimOpacity_9 {
  animation: fadeOut 0.7s forwards ease-in-out;
  will-change: transform, opacity;
  backface-visibility: hidden;
}

.animationPageShow {
  position: relative;
}
.animationPageShow ._pageAnimOpacity_1 {
  opacity: 0;
  animation: fadeInTop 0.7s forwards ease-in-out;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animationPageShow ._pageAnimOpacity_2 {
  opacity: 0;
  animation: fadeInTop 0.7s forwards ease-in-out;
  animation-delay: 0.2s;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animationPageShow ._pageAnimOpacity_3 {
  opacity: 0;
  animation: fadeInTop 0.7s forwards ease-in-out;
  animation-delay: 0.4s;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animationPageShow ._pageAnimOpacity_4 {
  opacity: 0;
  animation: fadeInTop 0.7s forwards ease-in-out;
  animation-delay: 0.6s;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animationPageShow ._pageAnimOpacity_5 {
  opacity: 0;
  animation: fadeInLeft 0.7s forwards ease-in-out;
  animation-delay: 0.4s;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animationPageShow ._pageAnimOpacity_6 {
  opacity: 0;
  animation: fadeInRight 0.7s forwards ease-in-out;
  animation-delay: 0.4s;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animationPageShow ._pageAnimOpacity_7 {
  opacity: 0;
  animation: fadeIn 0.7s forwards ease-in-out;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animationPageShow ._pageAnimOpacity_8 {
  animation: pencilRotateIn 0.7s forwards ease-in-out;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animationPageShow ._pageAnimOpacity_9 {
  opacity: 0;
  animation: fadeIn 0.7s forwards ease-in-out;
  animation-delay: 0.4s;
  will-change: transform, opacity;
  backface-visibility: hidden;
}

.burgerMenu {
  position: fixed;
  z-index: 25;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  top: 0;
  right: 0;
  overflow: auto;
  height: 100%;
  min-height: 100svh;
  transform: translate3d(100%, 0, 0);
  max-width: 400px;
  border: 2px solid rgba(201, 12, 15, 0.4);
  text-align: center;
  padding: 100px 50px 50px;
  font-size: 10px;
}
.burgerMenu._addTransition {
  transition: transform 0.5s, box-shadow 0.5s;
}
.burgerMenu._show {
  transform: translate3d(0, 0, 0);
  box-shadow: 0 0 120px 0 rgba(201, 12, 15, 0.5);
}
.burgerMenu .burgerButton {
  position: absolute;
  top: 20px;
  right: 50px;
}
.burgerMenu .button_1 {
  font-size: 8px;
  margin-top: 30px;
}

.burgerBg {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 24;
  visibility: hidden;
  opacity: 0;
  display: block;
  transition: opacity 0.5s, visibility 0.5s;
}
.burgerBg._active {
  opacity: 1;
  visibility: visible;
}

.burgerUl {
  list-style-type: none;
}
.burgerUl li {
  margin-bottom: 20px;
}
.burgerUl li:last-child {
  margin-bottom: 0;
}
.burgerUl a {
  font-size: 20px;
  transition: color 0.15s;
}
@media (hover: hover) {
  .burgerUl a:hover {
    color: #E7D5B9;
  }
}

.burgerBracket {
  stroke: #C90C0F;
  width: 65px;
  height: 13px;
}
.burgerBracket._end {
  transform: scale(1, -1);
  margin-top: 20px;
}
.burgerBracket:not(.end) {
  margin-bottom: 20px;
}

.burgerImg {
  width: 9.9em;
  height: 14em;
  margin: 30px auto 0;
}

.burgerText {
  font-size: 14px;
  color: #E7D5B9;
  font-family: Inter, sans-serif;
  margin-top: 3em;
}

#ajaxContent {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

.sectionPage {
  position: relative;
  z-index: 0;
  min-height: 100svh;
  padding-top: 100px;
  padding-bottom: 50px;
  flex: 1 0 auto;
}
.sectionPage._not100vh {
  min-height: 0;
}

.regLogBlock {
  text-align: center;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}
.regLogBlock::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -15%);
  width: 100%;
  height: 50%;
  background-color: #000;
  z-index: -1;
  border-radius: 50%;
  opacity: 0.8;
  filter: blur(60px);
}
.regLogBlock::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 100%;
  background-color: #000;
  z-index: -1;
  border-radius: 50%;
  filter: blur(150px);
}

.regTitle {
  color: #C90C0F;
  font-size: 10.2em;
  line-height: 1;
}

.subTitleReg {
  margin-top: 1em;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

._fz12 {
  font-size: 12px;
}

._fz14 {
  font-size: 14px;
}

._fz17 {
  font-size: 17px;
}

._fz18 {
  font-size: 18px;
}

._fz82 {
  font-size: 8.2em;
  line-height: 1;
}

.form_1 {
  max-width: 340px;
  margin: 3em auto 0;
}
.form_1 .inputWrap {
  margin-top: 25px;
}

.checkboxesItem {
  margin-top: 30px;
  margin-left: -15px;
}
.checkboxesItem .checkboxElem {
  margin-top: 25px;
}
.checkboxesItem .checkboxElem:first-child {
  margin-top: 0;
}

.regBottom {
  margin-top: 30px;
}

.regBottom__text {
  font-size: 18px;
  margin-top: 20px;
}
.regBottom__text a {
  color: #E7D5B9;
  position: relative;
}
@media (hover: hover) {
  .regBottom__text a:hover img {
    opacity: 0 !important;
  }
}
.regBottom__text img {
  position: absolute;
  left: 0;
  top: 120%;
  width: 120%;
  max-width: 120%;
  transition: opacity 0.15s;
}

.checkboxElem {
  position: relative;
  display: flex;
  align-items: center;
}
.checkboxElem .invalid-feedback {
  position: absolute;
  top: calc(100% + 5px);
  white-space: nowrap;
  font-size: 14px;
  color: #C90C0F;
}

.checkboxElem__text {
  font-size: 14px;
  text-align: left;
  order: 2;
  font-weight: 200;
  font-family: Inter, sans-serif;
}
.checkboxElem__text a {
  text-decoration: underline;
}
@media (hover: hover) {
  .checkboxElem__text:hover + .checkboxInput label {
    background: #FFE8E0;
  }
}

.checkboxElem__input {
  position: relative;
  line-height: 0.8;
  margin-right: 10px;
  z-index: 0;
  order: 1;
}
.checkboxElem__input:active {
  top: 3px;
}
.checkboxElem__input label {
  width: 6em;
  height: 4.5em;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.checkboxElem__input label svg {
  width: 100%;
  height: 100%;
}
.checkboxElem__input input:checked + .checkboxElem__check {
  opacity: 1;
}
.checkboxElem__input .checkboxElem__check {
  width: 40%;
  height: 40%;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  transition: opacity 0.15s;
  transform: translate(-50%, -50%);
  z-index: 1;
  fill: #fff;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.bottomGradient {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.titleItem {
  line-height: 1;
  text-align: center;
  position: relative;
  z-index: 2;
}
.titleItem._t2 {
  font-size: 1.3em;
}
.titleItem._shadow::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 50%;
  height: 120%;
  background-color: #000;
  z-index: -1;
  border-radius: 50%;
  filter: blur(40px);
}

.titleItem__p1 {
  color: #fff;
  font-size: 5.7em;
  line-height: 1;
}
.titleItem__p1._t2 {
  font-size: 4.3em;
}

.titleItem__p2 {
  color: #C90C0F;
  font-size: 11.2em;
  line-height: 1;
}
.titleItem__p2._t2 {
  font-size: 8.2em;
}

.titleItem__p3 {
  font-size: 17px;
  color: #E7D5B9;
  font-family: Inter, sans-serif;
  margin-top: 20px;
}

.threeSteps {
  margin-top: 7em;
  position: relative;
  z-index: 2;
}
.threeSteps::before {
  content: "";
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.85);
  filter: blur(100px);
  z-index: -2;
}
.threeSteps .paginationsItem {
  display: none;
  margin-top: 30px;
}

.stepItem {
  text-align: center;
  padding: 0 40px;
  width: 100%;
}

.stepItem__img {
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  position: relative;
  z-index: -1;
}
.stepItem__img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(17, 17, 26, 0.85);
}

.stepItem__img_star {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7.4em;
  height: 7.4em;
}
.stepItem__img_star._t2 img {
  transform: rotate(45deg);
}
.stepItem__img_star span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.3em;
}

.stepItem__img_circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
}
.stepItem__img_circle._t2 {
  transform: translate(-50%, -50%) rotate(100deg);
}
.stepItem__img_circle._t3 {
  transform: translate(-50%, -50%) rotate(0deg);
}

.stepItem__img_pic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 50%;
  max-height: 50%;
}
.stepItem__img_pic._t2 {
  max-width: 55%;
  max-height: 55%;
  transform: translate(-50%, -40%);
}

.stepItem__img_lighting {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -55%) rotate(90deg);
  max-width: 500%;
  width: 350%;
  opacity: 0.5;
  z-index: -2;
  pointer-events: none;
}
.stepItem__img_lighting._t2 {
  transform: translate(-50%, -42%) rotate(-90deg);
}
.stepItem__img_lighting._t3 {
  transform: translate(-50%, -42%) rotate(-90deg) scale(1, -1);
}

.stepItem__text {
  font-size: 17px;
  color: #E7D5B9;
  margin-top: 20px;
  font-family: Inter, sans-serif;
}

.stepItem__alert {
  font-size: 14px;
  color: #fff;
  font-family: Inter, sans-serif;
  margin-top: calc((1vw + 1svh) * 1.5);
}

.bottomButtons {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-top: calc((1vw + 1svh) * 1.5);
}

.paginationsItem {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.paginationsItem .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  position: relative;
  background: none;
  opacity: 1;
  transition: transform 0.15s;
  margin-right: 10px !important;
  display: block;
}
.paginationsItem .swiper-pagination-bullet:last-child {
  margin-right: 0 !important;
}
.paginationsItem .swiper-pagination-bullet img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.paginationsItem .swiper-pagination-bullet-active {
  transform: scale(1.5);
}

.leafItem {
  margin-top: 15px;
  text-align: center;
  position: relative;
  display: none;
}
.leafItem p {
  font-size: 17px;
  color: #FFE8E6;
}

.leafItem__img {
  width: 22em;
  height: 5em;
  display: block;
  font-size: 0.5em;
  margin: 0 auto 0;
}

.bgItem {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.bgItem img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.bgItem ._mobile {
  display: none;
}

.bgImg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.bgImg img {
  position: absolute;
  left: 0;
  top: 0;
  width: 180em;
  max-width: 180em;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.bgImg ._mobile {
  display: none;
}
.bgImg ._t2 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bgImg._t2::before {
  content: "";
  position: absolute;
  width: 50em;
  height: 50em;
  background-color: #000;
  left: 50%;
  transform: translate(90%, 0);
  border-radius: 50%;
  top: 20%;
  filter: blur(80px);
}

.circleImg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.circleImg img {
  position: absolute;
  left: 0;
  top: 0;
  width: 180em;
  max-width: 180em;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.bgImage {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.popupBlock {
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
  transition: opacity 0.25s;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 45px 10px 15px;
  overflow: auto;
  text-align: center;
  font-size: 10px;
}
.popupBlock:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.popupItem {
  vertical-align: middle;
  margin-left: -5px;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  width: 100%;
  transform: translate3d(0, -200px, 0);
  opacity: 0;
  transition: transform 0.7s, opacity 0.7s;
}
.popupItem._show {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.popupItem._t1 {
  max-width: 600px;
}
.popupItem._t1 .closeButton {
  top: -45px;
  right: 0px;
}

.infoAreaPopupWrap {
  position: relative;
}
.infoAreaPopupWrap ._triangle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -15.5px);
  width: 80px;
  height: 90px;
  z-index: 1;
}
.infoAreaPopupWrap ._triangle._bottom {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 15.5px) rotate(180deg);
}

.infoAreaPopup {
  max-width: 500px;
  position: relative;
  margin: 0 auto;
  background: linear-gradient(to bottom, #C90C0F 0%, rgb(100.5, 6, 7.5) 100%);
  padding: 3px;
  clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px);
}

.infoAreaPopup__inner {
  background-color: #000;
  padding: 30px 5em 40px;
  clip-path: inherit;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.infoAreaPopup__img {
  width: 11.3em;
  height: 10em;
  position: relative;
  margin: 0 auto;
}
.infoAreaPopup__img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
.infoAreaPopup__img._t2 {
  width: 9.7em;
  height: 14.5em;
}
.infoAreaPopup__img._t3 {
  width: 15em;
  height: 15em;
}

.infoAreaPopup__title {
  font-size: 3.5em;
  color: #C90C0F;
  line-height: 1;
  margin-top: 20px;
}

.infoAreaPopup__text {
  font-size: 18px;
  font-family: Inter, sans-serif;
  font-weight: 200;
  margin-top: 20px;
}
.infoAreaPopup__text span {
  font-weight: 700;
}

.bottomPopup {
  margin-top: 20px;
}
.bottomPopup .button_2 {
  margin-top: 20px;
}

.bottomPopup__text {
  font-family: Inter, sans-serif;
  margin-top: 20px;
}

.closeButton {
  background: linear-gradient(#C90C0F, rgb(104.7464788732, 6.2535211268, 7.8169014085));
  border: none;
  width: 3.8em;
  height: 3.8em;
  position: absolute;
  display: block;
  cursor: pointer;
  top: -10px;
  right: -10px;
  clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
  padding: 4px;
  transition: opacity 0.15s;
  font-size: 1em;
}
.closeButton span {
  background-color: #000;
  display: block;
  width: 100%;
  height: 100%;
  clip-path: inherit;
  position: relative;
}
.closeButton img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-45%, -50%);
  width: 80%;
  height: 80%;
}
@media (hover: hover) {
  .closeButton:hover {
    opacity: 0.8;
  }
}

.threePrizes {
  margin-top: 70px;
  position: relative;
  z-index: 2;
}
.threePrizes .swiper-slide {
  padding: 0 5em;
}
.threePrizes .swiper-slide:first-child {
  position: relative;
  z-index: 1;
}
.threePrizes .paginationsItem {
  margin-top: 30px;
}

.prizeItem {
  text-align: center;
  position: relative;
}
.prizeItem .button_1 {
  margin-top: 5em;
  font-size: 8px;
  position: relative;
  left: 50%;
  display: block;
  transform: translateX(-50%);
}

.prizeItem__img {
  border: 5px solid #BFA989;
  width: 100%;
  padding-bottom: 130%;
  border-radius: 14px;
  position: relative;
  display: block;
  transition: border 0.15s;
  cursor: pointer;
}
@media (hover: hover) {
  .prizeItem__img:hover {
    border-color: #C90C0F;
  }
}
.prizeItem__img:active {
  top: 3px;
}

.prizeItem__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  background-color: #000;
  z-index: -2;
}
.prizeItem__video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.prizeItemMan {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 1.05em;
  pointer-events: none;
  z-index: 1;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.prizeItemMan._pim1 {
  width: 168%;
  height: 107%;
  transform: translate(-10%, 0);
}
.prizeItemMan._pim2 {
  width: 150%;
  height: 112%;
  right: 0;
  left: auto;
  transform: translate(5%, 0);
}
.prizeItemMan._pim2::before {
  left: auto;
  right: 50%;
  background-color: #C90C0F;
  filter: blur(150px);
}
.prizeItemMan::before {
  content: "";
  position: absolute;
  width: 20em;
  height: 20em;
  border-radius: 50%;
  background-color: #0D1E8F;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  filter: blur(100px);
}

.shuPrize {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  max-width: 80%;
  max-height: 80%;
}

.lightingPrize {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-47%, -70%);
  z-index: -2;
}

.selectMan {
  margin-top: 70px;
  position: relative;
  z-index: 2;
}
.selectMan .swiper-slide {
  padding: 0 15em;
}
.selectMan .swiper-slide:first-child {
  position: relative;
  z-index: 1;
}
.selectMan .paginationsItem {
  margin-top: 30px;
}
.selectMan .prizeItem .button_1 {
  margin-top: 20px;
}

.lightingMan {
  position: absolute;
  width: 150%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -70%);
  z-index: -2;
}

.nameMan {
  font-size: 17px;
  color: #E7D5B9;
  font-family: Inter, sans-serif;
  margin-top: 20px;
}
.nameMan span {
  font-size: 13px;
  font-weight: 700;
  display: block;
}

.cardSearch {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 70px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}
.cardSearch .cardElem {
  width: 19.6em;
  height: 29.4em;
}

.cardElem {
  width: 17.6%;
  border: 3px solid transparent;
  padding-bottom: 26%;
  background-color: #E7D5B9;
  border-radius: 8px;
  position: relative;
  transition: transform 1s, border 0.15s, box-shadow 0.5s;
  cursor: pointer;
}
@media (hover: hover) {
  .cardElem:hover {
    border-color: #670608;
  }
}
.cardElem._rotate {
  transform: rotateY(180deg);
}
.cardElem._rotate .cardElem__shirt {
  opacity: 0;
}
.cardElem._rotate .cardElem__img {
  opacity: 1;
}
.cardElem:nth-last-child(-n+4) {
  margin-bottom: 0;
}
.cardElem.isCorrect {
  transform: translateY(-10%) rotateY(180deg);
  box-shadow: 0 30px 30px 0 rgba(0, 204, 3, 0.5);
}
.cardElem.isCorrect .cardMessage {
  color: #00CC03;
}
.cardElem.isWrong {
  transform: translateY(-10%) rotateY(180deg);
  box-shadow: 0 30px 30px 0 rgba(201, 12, 15, 0.4);
}
.cardElem.isWrong .cardMessage {
  color: #C90C0F;
}

.cardElem__shirt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: opacity 0.9s;
  z-index: 2;
}
.cardElem__shirt img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cardElem__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: rotateY(180deg);
  opacity: 0;
  transition: opacity 1s;
}
.cardElem__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cardMessage {
  position: absolute;
  top: calc(100% + 20px);
  font-size: 16px;
  font-family: Inter, sans-serif;
  text-align: center;
  left: 50%;
  transform: translateX(-50%) scale(-1, 1);
  opacity: 0;
  transition: opacity 0.5s;
  white-space: nowrap;
}
.cardMessage._show {
  opacity: 1;
}

.oneCard {
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 5em;
}
.oneCard .cardText {
  color: #C90C0F;
}

.othersCards .cardElem {
  margin-right: 20px;
}
.othersCards .cardElem:last-child {
  margin-right: 0;
}
.othersCards .cardElem:active {
  top: 3px;
}

.othersCards__inner {
  display: flex;
}

.cardText {
  font-family: Inter, sans-serif;
  text-align: center;
  margin-top: 20px;
  color: #E7D5B9;
}

.cardsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 50px;
  gap: 20px;
  position: relative;
  z-index: 2;
}
.cardsList .cardElem:active {
  top: 3px;
}

.cardsListText {
  color: #E7D5B9;
  text-align: center;
  margin-top: 30px;
  position: relative;
  font-family: Inter, sans-serif;
}

.lkWrap {
  display: flex;
}

.lkSidebar {
  width: 390px;
  min-width: 390px;
  border-right: 1px solid rgba(201, 12, 15, 0.4);
  text-align: center;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 120px 0 30px;
}
.lkSidebar .figureBorderWrap {
  margin-left: auto;
  margin-right: auto;
}
.lkSidebar::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 10em;
  height: 20em;
  background-color: blue;
  border-radius: 50%;
  filter: blur(130px);
}
.lkSidebar .burgerButton {
  position: absolute;
  top: 10px;
  left: 20px;
  display: none;
}

.lkSidebar__title {
  font-size: 3.3em;
  color: #C90C0F;
  line-height: 1;
  margin-bottom: 30px;
}

.figureBorderWrap {
  position: relative;
  max-width: 240px;
  width: 100%;
  text-align: center;
}
.figureBorderWrap ._triangle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -10%);
  width: 8em;
  height: 9em;
  font-size: 1.5em;
  z-index: 1;
}
.figureBorderWrap ._triangle._bottom {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 10%) rotate(180deg);
}

.figureBorder {
  max-width: 500px;
  position: relative;
  margin: 0 auto;
  background: linear-gradient(to bottom, #C90C0F 0%, rgb(100.5, 6, 7.5) 100%);
  padding: 2px;
  clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px);
}

.figureBorder__inner {
  background-color: #000;
  clip-path: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 20px 20px;
}

.figureBorder__img {
  width: 5em;
  height: 7.8em;
  position: relative;
  margin: 0 auto;
  font-size: 1.2em;
}

.figureBorder__text {
  font-size: 14px;
  color: #E7D5B9;
  font-family: Inter, sans-serif;
  margin-top: 20px;
}

.figureBorder__env {
  font-size: 20px;
  margin-top: 10px;
}

.lkMenuWrap {
  margin-top: 5em;
}

.lkMenu {
  list-style-type: none;
}
.lkMenu li {
  margin-bottom: 20px;
}
.lkMenu li:last-child {
  margin-bottom: 0;
}
.lkMenu a {
  font-size: 20px;
  color: #484856;
  transition: color 0.15s;
}
@media (hover: hover) {
  .lkMenu a:hover {
    color: #E7D5B9;
  }
}
.lkMenu ._active {
  color: #fff;
}

.lkTitle {
  font-size: 6.5em;
  color: #C90C0F;
  line-height: 1;
}

.lkTitle_2 {
  font-size: 5em;
  color: #fff;
  line-height: 1;
}

.lkContent {
  display: flex;
  flex-direction: column;
  padding: 100px 5em 30px;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
}
.lkContent ._fz14 {
  color: #E7D5B9;
  font-family: Inter, sans-serif;
}

.lkSubtitle {
  color: #E7D5B9;
  font-family: Inter, sans-serif;
  margin-top: 15px;
}

.scanItemWrap {
  margin: 30px auto 0;
  position: relative;
  display: inline-block;
}
.scanItemWrap ._triangle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -9.5%);
  width: 8em;
  height: 9em;
  font-size: 2em;
  z-index: 1;
}
.scanItemWrap ._triangle._bottom {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 9.5%) rotate(180deg);
}
.scanItemWrap canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.scanItem {
  position: relative;
  background: linear-gradient(to bottom, #C90C0F 0%, rgb(100.5, 6, 7.5) 100%);
  padding: 3px;
  clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px);
}

.scanItem__inner {
  clip-path: inherit;
  background-color: #000;
  clip-path: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 34em;
  height: 34em;
}
.scanItem__inner > div {
  background-color: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
  clip-path: polygon(5% 0%, 95% 0%, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0% 95%, 0% 5%);
}
.scanItem__inner img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 50%;
  max-height: 70%;
}

.sectionLk {
  position: relative;
}
.sectionLk::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(to top, #000 0, transparent 100%);
}
.sectionLk._footerAbsolute {
  padding-bottom: 55px;
}
.sectionLk .contain {
  padding: 0 20px;
}
.sectionLk .bottomGradient {
  z-index: 2;
}

.lkBottom {
  margin-top: 20px;
}
.lkBottom .button_1 {
  margin-left: auto;
  margin-right: auto;
  font-size: 9px;
}

.sectionPage._footerAbsolute {
  padding-bottom: 55px;
}

.inputFileItem {
  position: relative;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.inputFileItem ._triangle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -18%);
  width: 8em;
  height: 9em;
  z-index: 1;
  font-size: 1em;
}
.inputFileItem ._triangle._bottom {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 18%) rotate(180deg);
}

.inputFile_1 {
  position: relative;
  border: 2px solid #C90C0F;
  background-color: #C90C0F;
  clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px);
}
.inputFile_1 input {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.inputFile_1 .invalid-feedback {
  display: none;
}

.inputFile_1__delete {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 20px;
  right: 20px;
  stroke: #C90C0F;
  z-index: 2;
  transition: stroke 0.15s;
  cursor: pointer;
  display: none;
}
.inputFile_1__delete._show {
  display: block;
}

.inputFile_1__upload {
  clip-path: inherit;
  background-color: #000;
  position: relative;
  padding: 3em 2em 3em;
  min-height: 350px;
  display: flex;
  align-items: center;
  transition: border 0.25s;
}
@media (hover: hover) {
  .inputFile_1__upload:hover {
    border-color: #C90C0F;
  }
}
.inputFile_1__upload input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.inputFile_1__info {
  text-align: center;
  width: 100%;
}
.inputFile_1__info._hide {
  display: none;
}

.inputFile_1__info_icon {
  width: 13em;
  height: 25.3em;
  display: block;
  font-size: 0.5em;
  margin: 0 auto;
}
.inputFile_1__info_icon._t2 {
  width: 20em;
  height: 20em;
  margin-top: 10px;
}

.inputFile_1__info_text {
  text-align: center;
  color: #C90C0F;
  font-size: 16px;
  margin-top: 5px;
}

.inputFile_1__info_alert {
  font-size: 14px;
  color: #E7D5B9;
  margin-top: 10px;
  font-weight: 700;
  font-family: Inter, sans-serif;
}

.inputFile_1__fileMin {
  width: 100%;
  max-width: 100%;
  padding: 10px 20px;
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  color: #fff;
  max-height: 100%;
  font-size: 2em;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.inputFile_1__fileMin._show {
  display: block;
}
.inputFile_1__fileMin span {
  display: block;
}
.inputFile_1__fileMin._upload {
  width: calc(100% - 20px);
  height: 100%;
}

.fileMin {
  width: 100px;
  border: 1px solid #C90C0F;
  padding: 5px;
  position: relative;
  z-index: 1;
  margin: 5px;
  background-color: #001234;
  border-radius: 10px;
}

.fileMin__img {
  width: 100%;
  padding-bottom: 70%;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #C90C0F;
}
.fileMin__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin: 0;
}
.fileMin__img svg {
  position: absolute;
  fill: #C90C0F;
  max-width: 50%;
  max-height: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fileMin__name {
  font-size: 12px;
  word-break: break-all;
  color: #fff;
  font-family: Inter, sans-serif;
  margin-top: 5px;
}

.fileMin__remove {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: none;
  background-color: #DC2D50;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  transform: translate(45%, -45%);
  cursor: pointer;
  z-index: 1;
}
.fileMin__remove svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-45%, -50%);
  max-width: 65%;
  max-height: 65%;
  fill: #fff;
  stroke: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.buttonFile {
  color: #98A0A1;
  margin-top: 15px;
  background-color: red;
  font-size: 20px;
  padding: 12px 25px;
  border-radius: 8px;
  border: none;
}

.inputFileBottom {
  margin-top: 30px;
}

.table_1 .tr {
  display: grid;
  grid-template-columns: 50px repeat(4, 1fr);
}

.table_head {
  margin-bottom: 10px;
}
.table_head .td {
  padding: 0 5px;
}
.table_head p {
  font-size: 16px;
  color: #FFE8E6;
}

.table_body {
  border: 1px solid #C90C0F;
  clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px);
  background-color: #C90C0F;
  overflow: hidden;
}
.table_body .tr {
  padding: 15px 0 15px;
}
.table_body .tr:nth-child(odd) {
  background-color: #131333;
}
.table_body .td {
  padding: 0 5px;
}
.table_body p {
  font-size: 14px;
  font-family: Inter, sans-serif;
}
.table_body .color_1 {
  font-weight: 700;
  color: #E7D5B9;
}
.table_body .color_2 {
  font-weight: 700;
  color: #2BAD50;
}
.table_body .color_3 {
  font-weight: 700;
  color: #C90C0F;
}

.table_body__inner {
  clip-path: inherit;
  background-color: #000;
  max-height: 400px;
}

._stylingScroll .scrollbar-track {
  background: none;
  width: 5px;
  border-radius: 10px;
}
._stylingScroll .scrollbar-track:before {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
._stylingScroll .scrollbar-thumb {
  background: #C90C0F;
  width: 100%;
  cursor: pointer;
}
.lkBottom_2 {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  font-family: Inter, sans-serif;
}
.lkBottom_2 .button_2 {
  font-size: 0.8em;
  margin-top: 20px;
}
.lkBottom_2 .button_2 span {
  font-size: 14px;
}

.doubleEnvelopes {
  display: flex;
  justify-content: space-between;
  max-width: 500px;
  width: 100%;
  margin: 20px auto;
}

.envelopeItem__img {
  width: 18.7em;
  height: 23.1em;
  margin-left: auto;
  margin-right: auto;
}

.envelopeItem__text {
  font-size: 17px;
  color: #E7D5B9;
  font-family: Inter, sans-serif;
  margin-top: 15px;
}
.envelopeItem__text span {
  font-size: 13px;
  font-weight: 700;
  display: block;
}

.whereBuy {
  position: relative;
  z-index: 2;
  margin-top: 30px;
}
.whereBuy .swiper-wrapper {
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 993px) {
  .whereBuy .swiper-slide {
    width: 30% !important;
  }
  .whereBuy .swiper-slide:nth-child(2) {
    width: 40% !important;
  }
  .whereBuy .paginationsItem {
    display: none;
  }
  .whereBuy .leafItem {
    display: none;
  }
}
.whereBuyItem {
  width: 100%;
  padding-bottom: 100%;
  display: block;
}
.whereBuyItem::before {
  content: "";
  width: 70%;
  height: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 20px;
  border: 2px solid #C90C0F;
  background-color: #000;
  transition: border 0.15s;
  transform: translate(-50%, -50%) rotate(45deg);
}
.whereBuyItem img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 65%;
  max-height: 70%;
}
@media (hover: hover) {
  .whereBuyItem:hover:before {
    border-color: #E7D5B9;
  }
}
.whereBuyItem._wbi1 img {
  max-width: 50%;
  max-height: 30%;
}
.whereBuyItem._wbi3 img {
  max-width: 30%;
  max-height: 30%;
  width: 100%;
}

.faqWrap {
  margin-top: 30px;
  position: relative;
  z-index: 2;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.faqItem__answer {
  margin-left: auto;
  margin-right: auto;
  display: none;
  text-transform: none;
  padding: 0px 20px 20px;
  font-family: Inter, sans-serif;
}
.faqItem__answer p {
  font-size: 14px;
  line-height: 1.4;
  color: #fff;
  font-weight: 200;
  margin-bottom: 15px;
}
.faqItem__answer p:last-child {
  margin-bottom: 0;
}
.faqItem__answer ul {
  font-size: 14px;
  line-height: 1.4;
  color: #fff;
  font-weight: 200;
  margin-bottom: 15px;
  list-style-type: none;
}
.faqItem__answer ul:last-child {
  margin-bottom: 0;
}
.faqItem__answer li {
  position: relative;
  padding-left: 15px;
}
.faqItem__answer li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #fff;
}

.faqItem {
  overflow: visible;
  text-align: left;
  position: relative;
  margin-bottom: 20px;
  background-color: #C90C0F;
  border: 1px solid #C90C0F;
  transition: background 0.5s;
  clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px);
}
.faqItem:last-child {
  margin-bottom: 0;
}

.faqItem__inner {
  clip-path: inherit;
  background-color: #001234;
}

.faqItem__question {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  padding: 20px 20px;
}
@media (hover: hover) {
  .faqItem__question:hover .faqItem__question_name p {
    color: #C90C0F !important;
  }
}
.faqItem__question._active .faqItem__icon__inner img {
  transform: translate(-40%, -40%) rotate(0deg);
}

.faqItem__question_name {
  transition: color 0.15s;
}
.faqItem__question_name p {
  font-size: 20px;
  margin-right: 20px;
  color: #fff;
  transition: color 0.15s;
}

.faqBottom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.faqItem__icon {
  clip-path: polygon(5px 0%, calc(100% - 5px) 0%, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0% calc(100% - 5px), 0% 5px);
  z-index: 1;
  border: 2px solid #C90C0F;
  background-color: #C90C0F;
}

.faqItem__icon__inner {
  background-color: #000;
  clip-path: inherit;
  width: 100%;
  height: 100%;
  width: 2.5em;
  height: 2.5em;
  display: block;
  position: relative;
}
.faqItem__icon__inner img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -40%) rotate(90deg);
  max-width: 90%;
  max-height: 90%;
  transition: transform 0.5s;
}

.feddbackForm {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 50px;
}
.feddbackForm .form_1 {
  max-width: 100%;
}
.feddbackForm .inputFileItem {
  max-width: 100%;
}
.feddbackForm .checkboxElem {
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  margin-top: 30px;
}
.feddbackForm .button_1 {
  margin-top: 30px;
}

.title_1 {
  color: #C90C0F;
  font-weight: 700;
}

.sliderWinners {
  max-width: 670px;
  margin: 50px auto 0;
}
.sliderWinners .leafItem {
  margin-top: 40px;
}
.sliderWinners .paginationsItem {
  margin-top: 20px;
}

.winnerItem {
  width: 100%;
  position: relative;
  text-align: center;
  padding: 25px 20px 20px;
}
.winnerItem ._invitation {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.winnerItem ._men {
  display: none;
}

.winnerItem__rune {
  width: 6.4em;
  height: 3.2em;
  position: relative;
  z-index: 1;
  display: block;
  margin: 0 auto 0;
}

.winnerItem__name {
  font-size: 16px;
  color: #E0E0E0;
  line-height: 1;
  margin-top: 3.5em;
}

.winnerItem__email {
  font-size: 2.4em;
  color: #30DAFF;
  margin-top: 1em;
}
.winnerItem__email._red {
  color: #C90C0F;
}

.titleItemSmall {
  position: relative;
  text-align: center;
}

.titleItemSmall__p1 {
  font-size: 4em;
  color: #C90C0F;
}

.titleItemSmall__p2 {
  color: #fff;
  font-size: 2.3em;
}

.winnersBottom {
  max-width: 550px;
  margin: 4em auto 0;
}

.table_2 {
  background-color: #C90C0F;
  border: 1px solid #C90C0F;
  clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px);
}

.table_2__inner {
  background-color: #000;
  clip-path: inherit;
  max-height: 360px;
  padding: 10px;
}
.table_2__inner .tr {
  display: grid;
  grid-template-columns: 30% 1fr;
  background-color: #0C0C21;
  margin-bottom: 10px;
}
.table_2__inner .tr:nth-child(odd) {
  background-color: #131333;
}
.table_2__inner .td {
  padding: 10px 5px;
}
.table_2__inner p {
  font-size: 16px;
  color: #fff;
  text-align: center;
}

.searchTable {
  margin-top: 30px;
  text-align: center;
  position: relative;
}

.searchTable__text {
  font-size: 16px;
  color: #fff;
}

.inputButton {
  display: flex;
}
.inputButton .inputWrap {
  margin-right: 30px;
}

.searchTable__alert {
  font-size: 13px;
  margin-top: 20px;
  font-family: Inter, sans-serif;
}

.manDecore {
  position: absolute;
  height: 100%;
}
.manDecore._oleg {
  width: 87.4em;
  height: 167.4em;
  right: 66%;
  bottom: 0;
  font-size: 0.65em;
}
.manDecore._alex {
  width: 91.4em;
  height: 188.5em;
  font-size: 0.6em;
  left: 66%;
  bottom: -4%;
}

.block404 {
  text-align: center;
}

.name404 {
  font-size: 15em;
  color: #C90C0F;
  line-height: 1;
}

.block404__text {
  font-size: 4em;
  margin: 20px 0;
}

.contain._game {
  position: relative;
  padding-bottom: 90px;
}

.gameButtons {
  text-align: center;
  margin-top: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 20px;
  padding: 0 20px;
}

.doubleRef {
  font-size: 14px;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.doubleRef .ref_1:first-child {
  margin-right: 20px;
}

.ref_1 {
  color: #E7D5B9 !important;
  border-bottom: 1px solid #E7D5B9;
  font-family: Inter, sans-serif;
  transition: border 0.15s;
}
@media (hover: hover) {
  .ref_1:hover {
    border-color: transparent;
  }
}

.handCircle {
  width: 20em;
  height: 21.3em;
  font-size: 0.8em;
  margin-right: auto;
  margin-left: auto;
  margin-top: 5em;
}

.lkButtons {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  max-width: 300px;
}
.lkButtons .button_1 {
  margin-top: 15px;
}
.lkButtons .button_1 span {
  font-size: 2em;
}
.lkButtons .regBottom__text {
  margin: 15px 0;
}

.popupList {
  text-align: left;
  list-style-type: none;
  color: #E7D5B9;
}
.popupList li {
  font-size: 16px;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
}
.popupList li:last-child {
  margin-bottom: 0;
}

.popupTitle {
  font-size: 30px;
  margin-bottom: 20px;
  line-height: 1;
  color: #C90C0F;
}

.whereToBuyFooter._hide {
  display: none;
}

.push {
  height: 1000px;
}

@media only screen and (max-resolution: 3840dpi) {
  .cardsList {
    font-size: calc((1vw + 1svh) * 2);
    max-width: 20em;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc((1vw + 1svh) * 0.8);
  }
  .titleItem__p1 {
    font-size: calc((1vw + 1svh) * 3);
    font-size: clamp(25px, (1vw + 1svh) * 3, 7.3em);
  }
  .titleItem__p1._t2 {
    font-size: calc((1vw + 1svh) * 2);
    font-size: clamp(22px, (1vw + 1svh) * 2, 6.3em);
  }
  .titleItem__p2 {
    font-size: calc((1vw + 1svh) * 4);
    font-size: clamp(30px, (1vw + 1svh) * 4, 11.2em);
  }
  .titleItem__p2._t2 {
    font-size: calc((1vw + 1svh) * 3.2);
    font-size: clamp(25px, (1vw + 1svh) * 3.2, 9em);
  }
  .threePrizes {
    max-width: calc((1vw + 1svh) * 45);
    margin-left: auto;
    margin-right: auto;
  }
  .threeSteps {
    max-width: calc((1vw + 1svh) * 40);
    margin-left: auto;
    margin-right: auto;
  }
}
/*==========  Desktop First  ==========*/
@media only screen and (max-width: 2000px) {
  .cardsList {
    font-size: calc((1vw + 1svh) * 1.7);
    max-width: 20em;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc((1vw + 1svh) * 0.6);
  }
  .titleItem._t2 {
    font-size: 1.2em;
  }
  .sectionPage {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 1850px) {
  .namesMans {
    width: 90%;
  }
  .centerConposition {
    font-size: calc((1vw + 1svh) / 3);
  }
  .mainTitle {
    font-size: calc((1vw + 1svh) * 3);
  }
}
@media only screen and (max-width: 1600px) {
  .namesMans {
    font-size: calc((1vw + 1svh) / 3);
  }
  .dragonMain {
    font-size: calc((1vw + 1svh) / 2);
  }
  .lkTitle {
    font-size: clamp(25px, (1vw + 1svh) * 3, 6.5em);
  }
  .lkTitle_2 {
    font-size: clamp(17px, (1vw + 1svh) * 2, 5em);
  }
  .circleImg {
    font-size: 0.8em;
  }
}
@media only screen and (max-width: 1400px) {
  .manMain {
    font-size: calc((1vw + 1svh) / 3.5);
  }
  .button_1 {
    font-size: 9px;
  }
  .regTitle {
    font-size: 7vw;
  }
  .titleItem {
    font-size: 0.7vw;
  }
  .bgImg {
    font-size: 0.7em;
  }
  .titleItem._t2 {
    font-size: 1.1em;
  }
  .cardsList {
    gap: 15px;
  }
}
@media only screen and (max-width: 1300px) {
  #header {
    font-size: 9px;
  }
  .burgerMenu {
    font-size: 9px;
  }
  .circleImg {
    font-size: 0.6em;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .contain {
    max-width: 992px;
  }
  .button_1 {
    font-size: 8.5px;
  }
  .stepItem {
    padding: 0 20px;
  }
  .threePrizes .swiper-slide {
    padding: 0 20px;
  }
  .prizeItem .button_1 {
    font-size: 7px;
  }
  .selectMan .swiper-slide {
    padding: 0 8em;
  }
  .titleItem._t2 {
    font-size: 1em;
  }
  .lkSidebar {
    width: 300px;
    min-width: 300px;
  }
  .block404 {
    font-size: 7px;
  }
  .lightingPrize {
    transform: translate(-53%, -70%);
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .contain {
    max-width: 768px;
  }
  #header {
    padding-top: 10px;
  }
  .headerLogos {
    font-size: 0.9em;
  }
  .sectionPage {
    padding-top: 70px;
  }
  .namesMans {
    bottom: 8%;
  }
  .burgerMenu .burgerButton {
    top: 10px;
  }
  .dragonBg {
    font-size: 0.6em;
  }
  .circlePencils {
    font-size: 0.65em;
  }
  .stepItem {
    max-width: 300px;
    margin: 0 auto;
  }
  .stepItem__alert {
    margin-top: 0;
  }
  .threeSteps::after {
    top: 10%;
  }
  .threeSteps .paginationsItem {
    display: flex;
  }
  .threeSteps .swiper-slide {
    opacity: 0;
    transition: opacity 0.3s;
  }
  .threeSteps .swiper-slide-active {
    opacity: 1;
  }
  .stepItem {
    padding: 0;
  }
  .leafItem {
    display: block;
  }
  .titleItem {
    font-size: 0.5em;
  }
  .titleItem._t2 {
    font-size: 0.8em;
  }
  .threePrizes {
    max-width: 40em;
    margin-left: auto;
    margin-right: auto;
    font-size: calc((1vw + 1svh) * 0.5);
  }
  .threePrizes .swiper-slide {
    padding: 0 7em;
    opacity: 0;
    transition: opacity 0.5s;
  }
  .threePrizes .swiper-slide-active {
    opacity: 1;
  }
  .selectMan {
    max-width: 40em;
    font-size: calc((1vw + 1svh) * 0.5);
    margin-left: auto;
    margin-right: auto;
  }
  .selectMan .swiper-slide {
    opacity: 0;
    transition: opacity 0.5s;
  }
  .selectMan .swiper-slide-active {
    opacity: 1;
  }
  .titleItem__p1 {
    font-size: calc((1vw + 1svh) * 2);
  }
  .titleItem__p2 {
    font-size: calc((1vw + 1svh) * 3);
  }
  .titleItem__p3 {
    font-size: 15px;
  }
  .cardSearch {
    font-size: 8px;
  }
  .cardSearch {
    flex-wrap: wrap;
    justify-content: center;
    font-size: 8px;
    margin-top: 30px;
  }
  .othersCards {
    margin-top: 30px;
    width: 100%;
  }
  .othersCards__inner {
    justify-content: center;
  }
  .oneCard {
    margin-right: 0;
  }
  .cardsList {
    margin-top: 30px;
  }
  .smokeBlock ._desktop {
    display: none;
  }
  .smokeBlock ._mobile {
    display: block;
  }
  .lkSidebar {
    position: fixed;
    z-index: 30;
    background-color: #000;
    left: 0;
    top: 0;
    transform: translateX(-100%);
    z-index: 50;
    display: block;
    height: 100svh;
    overflow: auto;
    padding: 0;
  }
  .lkSidebar::before {
    display: none;
  }
  .lkSidebar._addTransition {
    transition: transform 0.5s, box-shadow 0.5s;
  }
  .lkSidebar._show {
    transform: translate3d(0, 0, 0);
    box-shadow: 0 0 120px 0 rgba(201, 12, 15, 0.5);
  }
  .lkSidebar .burgerButton {
    display: block;
  }
  .lkSidebar__inner {
    padding-top: 100px;
  }
  .lkContent {
    padding-top: 70px;
  }
  .headerLeft {
    display: block;
  }
  .whereBuy {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .whereBuy .swiper-slide {
    opacity: 0;
    transition: opacity 0.5s;
    pointer-events: none;
  }
  .whereBuy .swiper-slide-active {
    opacity: 1;
    pointer-events: auto;
  }
  .titleItem._shadow::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    height: 150%;
    background-color: #000;
    z-index: -1;
    border-radius: 50%;
    filter: blur(40px);
  }
  .sliderWinners {
    max-width: 330px;
    position: relative;
  }
  .sliderWinners .swiper-slide {
    opacity: 0;
    transition: opacity 0.5s;
  }
  .sliderWinners .swiper-slide-active {
    opacity: 1;
  }
  .sliderWinners::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 200%;
    background-color: #000;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -40%);
    filter: blur(80px);
  }
  .manDecore {
    display: none;
  }
  .winnerItem {
    margin-top: 70%;
  }
  .winnerItem ._men {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  .winnerItem ._oleg {
    width: 87.4em;
    height: 167.4em;
    bottom: 0;
    font-size: 0.27em;
  }
  .winnerItem ._alex {
    width: 91.4em;
    height: 188.5em;
    font-size: 0.6em;
    bottom: 10%;
    font-size: 0.23em;
  }
  .othersCards .cardText {
    margin-top: 35px;
  }
  .cardMessage {
    top: calc(100% + 25px);
  }
  .threePrizes {
    margin-top: 50px;
  }
  .stepItem__img {
    font-size: calc((1vw + 1svh) * 0.6);
    width: calc((1vw + 1svh) * 16);
    padding-bottom: calc((1vw + 1svh) * 16);
    margin-left: auto;
    margin-right: auto;
  }
  .whereBuy {
    display: flex;
    flex-direction: column;
  }
  .whereBuy .swiper-slide {
    opacity: 1;
    pointer-events: auto;
  }
  .whereBuy .swiper-slide:first-child {
    order: 2;
  }
  .whereBuy .swiper-slide:nth-child(2) {
    order: 1;
  }
  .whereBuy .swiper-slide:nth-child(3) {
    order: 3;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .contain {
    max-width: 650px;
  }
  .headerLogos {
    font-size: 0.8em;
  }
  .manMain {
    display: none;
  }
  .centerConposition {
    transform: rotate(100deg);
    margin: 18svh auto;
    font-size: calc((1vw + 1svh) / 2);
  }
  .alexRune, .olegRune {
    display: none;
  }
  .manMainMobile {
    display: block;
  }
  .sectionMain {
    padding-top: 80px;
  }
  .sectionMain::before {
    width: 100%;
    filter: blur(50px);
  }
  .sectionMain._verticalCenter {
    justify-content: start;
  }
  .sectionMain .contain {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
  }
  .mainCenter {
    flex: 1 0 auto;
  }
  .mainCenter .button_1 {
    position: absolute;
    left: 50%;
    margin-left: -125px;
    bottom: 20px;
  }
  .mainCenter .button_1:active {
    top: auto;
    bottom: 23px;
  }
  .dragonMain {
    display: none;
  }
  .namesMans {
    font-size: 0.7em;
    bottom: 27%;
  }
  .durationBottom {
    letter-spacing: 0;
    bottom: 10px;
  }
  ._fz18 {
    font-size: 16px;
  }
  .regTitle {
    font-size: 9vw;
  }
  .dragonBg {
    font-size: 0.5em;
  }
  .circlePencils {
    font-size: 0.55em;
  }
  .bgItem ._desktop {
    display: none;
  }
  .bgItem ._mobile {
    display: block;
  }
  .bgImg ._desktop {
    display: none;
  }
  .bgImg ._mobile {
    display: block;
  }
  .bgImg._t2 {
    font-size: 5px;
  }
  .bgImg._t2 img {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .regLogBlock::before {
    filter: blur(30px);
  }
  .regLogBlock::after {
    filter: blur(100px);
    width: 100%;
  }
  .infoAreaPopup__title {
    font-size: 3em;
  }
  .cardSearch {
    font-size: 7px;
  }
  .cardElem {
    width: 17%;
    padding-bottom: 25%;
  }
  .scanItemWrap {
    font-size: 0.8em;
  }
  .scanItemWrap ._triangle {
    transform: translate(-50%, -9%);
  }
  .scanItemWrap ._triangle._bottom {
    transform: translate(-50%, 9%) rotate(180deg);
  }
  .selectMan {
    margin-top: 40px;
  }
  .selectMan .paginationsItem {
    margin-top: 10px;
  }
  .block404 {
    font-size: 5px;
  }
  .popupList li {
    font-size: 14px;
  }
}
@media only screen and (max-width: 650px) {
  .contain {
    max-width: 550px;
  }
  .popupItem._t1 {
    max-width: 400px;
  }
  .cardSearch {
    font-size: 6px;
  }
  .cardsList {
    gap: 10px;
    max-width: 26em;
    margin-left: auto;
    margin-right: auto;
  }
  .cardsList .cardElem {
    padding-bottom: 44%;
  }
  .cardElem {
    width: 30%;
  }
  .faqItem__question_name p {
    font-size: 18px;
  }
  .doubleRef {
    flex-wrap: wrap;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .doubleRef .ref_1:first-child {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .threeSteps {
    margin-top: 40px;
  }
  .stepItem__img {
    width: 20em;
    padding-bottom: 20em;
    margin-left: auto;
    margin-right: auto;
  }
  .stepItem__text {
    margin-top: 10px;
    font-size: 15px;
  }
  .burgerMenu {
    padding-top: 30px;
  }
  .burgerMenu .button_1 {
    margin-top: 15px;
  }
  .burgerImg {
    margin-top: 10px;
  }
  .burgerText {
    margin-top: 20px;
  }
  .burgerUl li {
    margin-bottom: 10px;
  }
  .infoAreaPopup__inner {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@media only screen and (max-width: 550px) {
  .contain {
    max-width: 480px;
  }
  .regTitle {
    font-size: 50px;
  }
  .sectionPage {
    padding-top: 80px;
  }
  .bgImg {
    font-size: 0.6em;
  }
  .threeSteps .paginationsItem {
    margin-top: 20px;
  }
  .infoAreaPopup__inner {
    padding: 30px 20px 40px;
  }
  .prizeItemMan::before {
    filter: blur(50px);
  }
  .prizeItemMan._pim2::before {
    filter: blur(80px);
  }
  .bgImg ._desktop {
    display: none;
  }
  .bgImg ._mobile {
    display: block;
  }
  .bgImg._t2 {
    font-size: 4px;
  }
  .cardSearch {
    font-size: 5px;
  }
  .othersCards .cardElem {
    margin-right: 10px;
  }
  ._fz17 {
    font-size: 16px;
  }
  .titleItem._t2 {
    font-size: 0.6em;
  }
  .lkContent {
    padding: 70px 0 0;
  }
  .lkBottom .button_1 {
    font-size: 0.8em;
  }
  .table_head {
    display: none;
  }
  .table_body .tr {
    grid-template-columns: 1fr;
  }
  .table_body .td {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 20px;
  }
  .table_body .td::before {
    font-size: 14px;
    margin-bottom: 5px;
    margin-right: 20px;
  }
  .table_body .td:first-child::before {
    content: attr(data-label);
  }
  .table_body .td:nth-child(2)::before {
    content: attr(data-label);
  }
  .table_body .td:nth-child(3)::before {
    content: attr(data-label);
  }
  .table_body .td:nth-child(4)::before {
    content: attr(data-label);
  }
  .table_body .td:nth-child(5)::before {
    content: attr(data-label);
  }
  .doubleEnvelopes {
    font-size: 0.7em;
    max-width: 300px;
  }
  .circleImg {
    font-size: 0.5em;
  }
  .inputButton {
    justify-content: center;
    flex-wrap: wrap;
  }
  .inputButton .inputWrap {
    margin-right: 0;
  }
  .inputButton .button_3 {
    font-size: 0.8em;
    margin-top: 20px;
  }
  .table_2__inner p {
    font-size: 14px;
  }
  .contain._game {
    padding-bottom: 70px;
  }
  .gameButtons {
    gap: 10px;
  }
  .gameButtons .button_2 {
    font-size: 0.8em;
  }
  .gameButtons .button_2 span {
    font-size: 1.8em;
  }
  .cardMessage {
    font-size: 12px;
    width: 100px;
    white-space: normal;
    top: calc(100% + 15px);
  }
  .cardsListText {
    font-size: 14px;
    margin-top: 15px;
  }
  .cardText {
    font-size: 14px;
  }
  .sectionPage {
    padding-top: 60px;
  }
  .gameButtons {
    margin-top: 20px;
  }
  .threePrizes {
    font-size: 1.8vw;
  }
  .titleItem__p1 {
    font-size: 7vw;
  }
  .titleItem__p1._t2 {
    font-size: 6vw;
  }
  .titleItem__p2 {
    font-size: 8vw;
  }
  .titleItem__p2._t2 {
    font-size: 7.2vw;
  }
  .sectionLk._footerAbsolute {
    padding-bottom: 100px;
  }
  .sectionPage._footerAbsolute {
    padding-bottom: 100px;
  }
  #footer {
    padding: 15px 0;
  }
  .input_1 {
    font-size: 14px;
  }
  .inputDecore {
    font-size: 14px;
  }
  .checkboxElem__input label {
    font-size: 0.8em;
  }
  .bottomPopup {
    margin-top: 0;
  }
  .popupTitle {
    font-size: 25px;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .contain {
    padding: 0 30px;
  }
  .centerConposition {
    margin: 15svh auto;
  }
  .sectionMain {
    padding-top: 80px;
  }
  .button_1 {
    font-size: 8px;
  }
  .manMainMobile {
    font-size: 0.8svh;
  }
  .mainCenter .button_1 {
    bottom: 40px;
  }
  .mainCenter .button_1:active {
    bottom: 43px;
  }
  .burgerMenu .burgerButton {
    right: 30px;
  }
  .regTitle {
    font-size: 45px;
  }
  .titleItem {
    font-size: 0.4em;
  }
  .threeSteps {
    margin-left: auto;
    margin-right: auto;
  }
  .infoAreaPopup__title {
    font-size: 2.5em;
  }
  .infoAreaPopup__text {
    font-size: 16px;
  }
  .scanItemWrap {
    font-size: 1.7vw;
  }
  .scanItemWrap ._triangle {
    transform: translate(-50%, -2.5vw);
  }
  .scanItemWrap ._triangle._bottom {
    transform: translate(-50%, 2.5vw) rotate(180deg);
  }
  .othersCards {
    margin-top: 20px;
  }
  .threePrizes {
    margin-top: 20px;
  }
  .prizeItem .button_1 {
    margin-top: 20px;
  }
  .cardsList, .cardSearch {
    margin-top: 10px;
  }
  .cardText {
    margin-bottom: 10px;
  }
  .durationBottom br {
    display: block;
  }
}
@media only screen and (max-width: 400px) {
  .regTitle {
    font-size: 40px;
  }
  .shuPrize {
    font-size: 6px;
  }
  .cardSearch {
    font-size: 1.3vw;
  }
  .titleItem._t2 {
    font-size: 0.5em;
  }
  .winnerItem {
    font-size: 2vw;
  }
  .winnerItem ._men {
    font-size: 0.7vw;
  }
  .winnerItem ._alex {
    font-size: 0.6vw;
  }
  .winnerItem__name {
    margin-top: 13vw;
  }
  .contain._game {
    padding-bottom: 60px;
  }
  .gameButtons {
    gap: 10px;
  }
  .gameButtons .button_2 {
    font-size: 0.8em;
  }
  .gameButtons .button_2 span {
    font-size: 1.5em;
  }
  .stepItem__img {
    font-size: 0.9em;
  }
  .titleItem__p2._t2 {
    font-size: calc((1vw + 1svh) * 2.7);
  }
  .titleItem__p1._t2 {
    font-size: calc((1vw + 1svh) * 1.8);
  }
  .lkTitle {
    font-size: clamp(25px, (1vw + 1svh) * 2.8, 6.5em);
  }
  .lkTitle_2 {
    font-size: clamp(17px, (1vw + 1svh) * 2.3, 5em);
  }
}
@media only screen and (max-width: 350px) {
  .doubleEnvelopes {
    font-size: 0.6em;
  }
}
/*==========  Mobile First  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
@media (orientation: portrait) {
  .manMainMobile {
    display: block;
  }
  .manMain {
    display: none;
  }
}