*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

* {
  padding: 0px;
  margin: 0px;
}

html,
body {
  min-height: 100%;
}

body {
  position: relative;
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(241, 241, 241, 0.44);
  border-radius: 4px;
}

::-webkit-scrollbar-track {
  background-color: rgba(241, 241, 241, 0.44);
}

:focus,
:active,
:hover,
:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important;
  -webkit-outline: none;
  outline: none;
}

ul,
ol {
  list-style-position: inside;
  list-style-type: none;
  text-align: left;
}

li {
  height: auto;
}

img,
picture,
video,
canvas,
svg,
iframe {
  display: block;
  max-width: 100%;
  border: 0;
}

a {
  color: inherit;
  text-decoration: none;
  font-family: inherit;
}

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

button,
select {
  display: block;
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  font-family: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-transform: none;
}

textarea {
  resize: none;
}

input,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-width: 100%;
  width: 100%;
}

button {
  text-transform: none;
  cursor: pointer;
}

[hidden],
::-ms-clear {
  display: none;
}

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

:-moz-focusring {
  -webkit-outline: none;
  outline: none;
}

::-webkit-search-decoration,
::-webkit-file-upload-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

::-webkit-calendar-picker-indicator {
  opacity: 0;
}

[type='number'] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}

::-webkit-outer-spin-button,
::-webkit-inner-spin-button {
  display: none;
}

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

html {
  padding: env(safe-area-inset);
  scroll-behavior: smooth;
}

body {
  position: relative;
  overflow-x: hidden;
  font-family: 'Montserrat', sans-serif;
  padding: 0px;
  margin: 0px auto;
  font-size: 18px;
  line-height: 120%;
  font-weight: 500;
  color: white;
  background-color: black;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
body.overflow {
  overflow: hidden;
}

.bodyWrap {
  overflow: hidden;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
}

ul,
ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

a {
  text-decoration: none;
}

select,
input,
textarea {
  width: 100%;
  -webkit-outline: none;
  -moz-outline: none;
  outline: none;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  font-family: 'Montserrat';
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button {
  padding: 0px;
  font-family: 'Montserrat';
  background-color: transparent;
  border: none;
  -webkit-outline: none;
  -moz-outline: none;
  outline: none;
  cursor: pointer;
}
button:disabled {
  cursor: default;
}

label {
  -webkit-outline: none;
  -moz-outline: none;
  outline: none;
}

.container,
.containerSm {
  width: 1302px;
  margin: 0px auto;
  padding-left: 15px;
  padding-right: 15px;
}

.containerSm {
  width: 1238px;
}

.siteLogo {
  position: relative;
  width: 129px;
  position: relative;
  z-index: 1;
}
.siteLogo > a,
.siteLogo > button {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}
.siteLogo .img {
  display: block;
  height: auto;
}
.siteLogo .text {
  display: none;
  position: absolute;
  bottom: 0px;
  left: calc(100% + 8px);
}

.btnFill {
  display: inline-block;
  padding: 11px 15px;
  min-width: 208px;
  font-size: 16px;
  line-height: 20px;
  color: white;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-align: center;
  background: linear-gradient(91.94deg, #af4aff 3.72%, #a301fa 99.34%);
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
  transition: all 350ms ease-in-out;
}
.btnFill:hover {
  background: linear-gradient(91.94deg, #a301fa 99.34%, #af4aff 3.72%);
}
.btnFill.full {
  width: 100%;
}
.btnFill.lg {
  padding: 14px 15px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
}
@media (max-width: 767px) {
  .btnFill.lg {
    padding: 11px 15px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
  }
}

.btnFillSimple {
  display: inline-block;
  padding: 11px 15px;
  min-width: 208px;
  font-size: 16px;
  line-height: 20px;
  color: black;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-align: center;
  background: #f3f2f7;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}
.btnFillSimple.full {
  width: 100%;
}
.btnFillSimple.lg {
  padding: 14px 15px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
}
@media (max-width: 767px) {
  .btnFillSimple.lg {
    padding: 11px 15px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
  }
}

.btnIcon {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  color: #57ec5d;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-align: center;
}
.btnIcon .icon {
  display: inline-block;
  margin-right: 4px;
  margin-top: -2px;
  width: 24px;
  height: 24px;
}
.btnIcon .icon [class*='icon'] {
  display: block;
  font-size: 24px;
  line-height: 24px;
}
.btnIcon span {
  display: inline-block;
  vertical-align: middle;
  /*background: linear-gradient(180deg, #00ffff 0.21%, #00ff85 95.07%);*/
  background: #ffffff;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fieldItem label {
  display: block;
  font-size: 18px;
  line-height: 120%;
  color: inherit;
  font-weight: 500;
}
.fieldItem label + .fieldWrap {
  margin-top: 12px;
}
.fieldItem input,
.fieldItem textarea {
  display: block;
  width: 100%;
  padding: 15px 23px 16px;
  font-size: 16px;
  line-height: 120%;
  color: white;
  font-weight: 500;
  background-color: #241d2c;
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  border-radius: 16px;
  -webkit-transition: border 0.3s;
  -moz-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
}
.fieldItem input.error,
.fieldItem textarea.error {
  border: 1px solid #f70235;
}
.fieldItem input.error + .message,
.fieldItem textarea.error + .message {
  color: #f70235;
}
.fieldItem input::placeholder,
.fieldItem textarea::placeholder {
  color: #837891;
  opacity: 1;
}
.fieldItem input:-ms-input-placeholder,
.fieldItem textarea:-ms-input-placeholder {
  color: #837891;
  opacity: 1;
}
.fieldItem input::-ms-input-placeholder,
.fieldItem textarea::-ms-input-placeholder {
  color: #837891;
  opacity: 1;
}
.fieldItem input::-webkit-input-placeholder,
.fieldItem textarea::-webkit-input-placeholder {
  color: #837891;
  opacity: 1;
}
.fieldItem input:-moz-placeholder,
.fieldItem textarea:-moz-placeholder {
  color: #837891;
  opacity: 1;
}
.fieldItem input::-moz-placeholder,
.fieldItem textarea::-moz-placeholder {
  color: #837891;
  opacity: 1;
}
.fieldItem textarea {
  min-height: 124px;
  resize: none;
}
@media (max-width: 767px) {
  .fieldItem label {
    font-size: 14px;
    line-height: 120%;
  }
  .fieldItem label + .fieldWrap {
    margin-top: 8px;
  }
  .fieldItem input,
  .fieldItem textarea {
    padding: 11px 23px 14px;
    font-size: 14px;
    line-height: 120%;
  }
  .fieldItem textarea {
    padding: 16px 23px;
  }
}
.fieldItem .message {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
}

.firstCap {
  display: block;
  font-family: 'Karantina';
  font-size: 132px;
  line-height: 90%;
  color: inherit;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.firstCap.invert {
  color: black;
}
.firstCap + p {
  margin-top: 32px;
}
@media (max-width: 1301px) {
  .firstCap {
    font-size: 92px;
  }
}
@media (max-width: 767px) {
  .firstCap {
    font-size: 50px;
  }
}

.secCap {
  display: block;
  font-family: 'Karantina';
  font-size: 132px;
  line-height: 72px;
  color: inherit;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.secCap.invert {
  color: black;
}
@media (max-width: 767px) {
  .secCap {
    font-size: 44px;
    line-height: 105%;
  }
}

.thirdCap,
.gameSlide .tag {
  display: block;
  font-family: 'Karantina', sans-serif;
  font-size: 38px;
  line-height: 44px;
  color: inherit;
  font-weight: 700;
  /*letter-spacing: 0.03em;*/
  text-transform: uppercase;
}
.thirdCap.invert,
.gameSlide .invert.tag {
  color: black;
}
.thirdCap.light,
.gameSlide .light.tag {
  font-weight: 300;
  letter-spacing: 0.03em;
}
@media (max-width: 767px) {
  .thirdCap,
  .gameSlide .tag {
    font-size: 30px;
    line-height: 33px;
  }
}

.fourthCap {
  display: block;
  font-family: 'Karantina';
  font-size: 36px;
  line-height: 36px;
  color: inherit;
  font-weight: 700;
  text-transform: uppercase;
}
.fourthCap.invert {
  color: black;
}
.fourthCap.light {
  font-weight: 300;
  letter-spacing: 0.03em;
}

.fifthCap {
  display: block;
  font-size: 18px;
  line-height: 120%;
  color: inherit;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.fifthCap.invert {
  color: black;
}

p.lg {
  font-size: 28px;
  line-height: 120%;
}

.textBlock.invert {
  color: black;
}
.textBlock p {
  margin-top: 20px;
  margin-bottom: 20px;
}
.textBlock p:first-child {
  margin-top: 0px;
}
.textBlock p:last-child {
  margin-bottom: 0px;
}

.header {
  position: relative;
  padding-top: 16px;
  z-index: 2;
}
.header .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.header .menu {
  padding-top: 10px;
}
.header .burger {
  display: none;
}

.siteMenu {
  display: flex;
  gap: 10px;
}
.siteMenu li a {
  display: block;
  padding: 0 16px;
  font-size: 18px;
  line-height: 32px;
  color: white;
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  border-radius: 8px;
}
.siteMenu li a [class*='icon'] {
  display: none;
}

.mobileMenu .header {
  display: none;
}

.footer {
  position: relative;
  min-height: 853px;
  margin-top: 160px;
  z-index: 1;
  overflow: hidden;
}
.footer::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -720px;
  bottom: 0px;
  width: 1440px;
  height: 50%;
  background-color: black;
  z-index: -1;
}
.footer .back1 {
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -1016px;
  width: 1941px;
  height: 1334px;
  background-image: url(../img/footer_back_1.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.footer .back2 {
  display: block;
  position: absolute;
  top: 220px;
  right: 50%;
  margin-right: -835px;
  width: 1058px;
  height: 908px;
  background-image: url(../img/footer_back_2.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.footer .back3 {
  display: block;
  position: absolute;
  top: 379px;
  right: 50%;
  margin-right: -1068px;
  width: 586px;
  height: 576px;
  background-image: url(../img/footer_back_3.svg);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.footer .back4 {
  display: block;
  position: absolute;
  bottom: 0px;
  right: 50%;
  margin-right: -1105px;
  width: 723px;
  height: 132px;
  background-image: url(../img/footer_back_4.svg);
  background-size: auto auto;
  background-position: left top;
  background-repeat: no-repeat;
  z-index: -1;
}
.footer .backEl1 {
  display: block;
  position: absolute;
  right: 50%;
  margin-right: -368px;
  top: 169px;
  z-index: -1;
}
.footer .backEl2 {
  display: block;
  position: absolute;
  right: 50%;
  margin-right: -496px;
  top: 355px;
  z-index: -1;
}
.footer .backEl3 {
  display: block;
  position: absolute;
  right: 50%;
  margin-right: -904px;
  top: 305px;
  z-index: -1;
}
.footer .backEl4 {
  display: block;
  position: absolute;
  right: 50%;
  margin-right: -838px;
  bottom: -64px;
  z-index: -1;
}
.footer .video1Wrapper {
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -1016px;
  width: 1941px;
  height: 1334px;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  width="1941" height="1334" preserveAspectRatio="none"> <path fill-rule="evenodd" d="M450.446 1276.53C449.794 1277.15 448.711 1276.66 448.744 1275.76C450.354 1231.81 445.514 1190.35 431.494 1152.62C404.275 1079.37 353.538 1031.28 267.381 1024.25C213.69 1019.89 158.562 1040.07 103.559 1074.76C102.701 1075.3 101.657 1074.37 102.106 1073.46C108.925 1059.62 115.26 1045.68 121.07 1031.64C145.36 972.918 159.082 915.929 149.871 863.77C139.927 807.447 109.767 766.186 48.738 749.892C33.5135 745.831 17.6063 744.575 1.17309 745.672C-0.0459289 745.754 -0.481579 743.664 0.677279 743.277C50.2864 726.715 95.0557 704.294 133.144 674.01C217.943 606.594 259.749 519.497 232.632 404.139C217.587 340.217 176.545 283.279 119.251 231.678C118.39 230.903 119.326 229.476 120.378 229.959C122.517 230.942 124.658 231.913 126.801 232.872C188.424 260.438 248.655 276.765 304.721 268.67C365.261 259.932 410.599 229.321 430.62 165.254C444.382 121.174 435.604 70.9232 414.242 18.2803C414.027 17.7521 414.295 17.1481 414.832 16.9575C416.36 16.4154 417.889 15.8789 419.419 15.3481C419.942 15.1663 420.515 15.4508 420.695 15.9749C439.546 70.6706 476.673 107.66 540.956 116.274C589.121 122.716 640.128 103.567 691.448 70.9081C723.997 50.1946 753.885 26.2988 781.882 0.269854C782.514 -0.318068 783.547 0.116222 783.572 0.979306C784.583 35.9714 789.613 69.6067 799.606 101.516C830.001 198.584 892.662 264.525 1004.14 279.464C1060.51 287.002 1119.95 276.708 1178.1 244.689C1179.11 242.728 1180.15 240.732 1181.21 238.701C1181.57 238.031 1182.52 237.954 1182.95 238.582C1183.5 239.397 1184.05 240.206 1184.61 241.01C1186.33 240.012 1188.05 238.995 1189.77 237.959C1190.21 237.698 1190.75 237.811 1190.99 238.255C1191.21 238.66 1191.47 239.165 1191.73 239.669C1192.02 240.219 1192.3 240.768 1192.53 241.185C1192.75 241.57 1192.75 242.062 1192.49 242.423C1191.36 244.043 1190.25 245.675 1189.16 247.32C1198.66 260.017 1209.2 271.268 1220.96 281.244C1265.04 318.637 1315.16 331.282 1373.24 304.606C1404.53 290.226 1429.86 263.618 1450.94 229.336C1451.14 229.007 1451.55 228.862 1451.91 228.992C1452.25 229.113 1452.47 229.442 1452.45 229.802C1451.05 260.857 1460.88 291.387 1485.09 320.96C1492.99 330.61 1502.26 339.07 1512.69 346.478C1513.01 346.246 1513.46 346.199 1513.84 346.436C1609.49 406.748 1683.77 387.721 1717.96 306.233C1718.07 305.976 1718.35 305.822 1718.62 305.875C1718.87 305.923 1719.07 306.134 1719.1 306.392C1721.55 328.717 1731.96 349.416 1752.53 367.835C1777.3 390.004 1813.47 398.56 1855 399.474C1857.96 399.539 1860.92 399.569 1863.87 399.563C1864.58 399.562 1865.07 400.281 1864.81 400.943C1856.95 420.923 1853.2 441.163 1854.77 461.703C1857.26 494.129 1870.07 522.612 1902.48 542.618C1913.93 549.666 1926.54 554.719 1940.09 558.087C1941.07 558.33 1941.14 559.733 1940.19 560.069C1912.84 569.705 1889.19 582.709 1872.25 601.471C1849.39 626.798 1840.84 656.098 1855.08 690.738C1863.41 710.968 1880.29 727.317 1902.29 740.965C1902.3 740.972 1902.3 740.989 1902.3 741.002C1902.29 741.009 1902.28 741.014 1902.27 741.014C1902.27 741.014 1902.26 741.013 1902.26 741.01C1896.01 737.19 1889.55 733.995 1882.85 731.522C1852.75 720.417 1824.18 723.357 1798.9 748.298C1780.63 766.331 1772.12 793.794 1769.15 825.74C1769.09 826.343 1768.33 826.575 1767.94 826.106C1756.67 812.311 1744.11 800.985 1729.75 793.206C1701.55 777.917 1672.88 776.759 1644.34 797.863C1627.04 810.667 1615.61 831.027 1607.97 855.692C1607.67 856.661 1606.26 856.643 1605.99 855.664C1604.51 850.252 1602.89 844.92 1601.11 839.675C1592.76 814.961 1581.6 793.639 1564.66 780.004C1561.28 777.283 1557.83 774.908 1554.3 772.916C1554.88 776.687 1555.64 780.529 1556.58 784.445C1563.65 813.887 1583.26 839.844 1610.44 863.196C1610.46 863.209 1610.46 863.233 1610.44 863.248C1610.44 863.256 1610.43 863.26 1610.42 863.261C1610.41 863.261 1610.4 863.258 1610.39 863.252C1602.66 856.697 1594.51 850.951 1585.86 846.141C1547.07 824.541 1507.37 822.477 1467.47 851.204C1438.64 871.976 1421.15 907.725 1410.29 950.785C1410.08 951.597 1408.99 951.752 1408.56 951.029C1396.08 929.761 1381.31 911.593 1363.34 897.897C1328.02 870.978 1289.04 863.286 1245.53 886.073C1218.79 900.08 1198.64 925.972 1182.85 958.673C1182.41 959.588 1181.03 959.352 1180.92 958.343C1180.01 950.153 1178.88 942.053 1177.49 934.051C1171.61 900.104 1161.59 869.835 1143.08 847.798C1134.98 885.068 1136.26 925.497 1149.97 969.904C1160.16 1002.75 1176.21 1033.6 1197.11 1062.73C1197.69 1063.56 1196.83 1064.65 1195.9 1064.26C1128.65 1036.88 1062.81 1021.96 1000.2 1029.39C917.662 1039.19 855.021 1079.23 825.614 1165.59C808.452 1216.04 813.203 1273.08 831.672 1333.38C831.683 1333.41 831.663 1333.45 831.628 1333.46C831.594 1333.47 831.559 1333.45 831.548 1333.42C826.216 1316.4 819.488 1300.18 811.157 1284.9C773.761 1216.29 716.65 1175.88 630.296 1181.1C567.879 1184.88 508.251 1221.61 451.593 1275.44C451.21 1275.8 450.828 1276.17 450.446 1276.53Z"/></svg>')
    0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  width="1941" height="1334" preserveAspectRatio="none"> <path fill-rule="evenodd" d="M450.446 1276.53C449.794 1277.15 448.711 1276.66 448.744 1275.76C450.354 1231.81 445.514 1190.35 431.494 1152.62C404.275 1079.37 353.538 1031.28 267.381 1024.25C213.69 1019.89 158.562 1040.07 103.559 1074.76C102.701 1075.3 101.657 1074.37 102.106 1073.46C108.925 1059.62 115.26 1045.68 121.07 1031.64C145.36 972.918 159.082 915.929 149.871 863.77C139.927 807.447 109.767 766.186 48.738 749.892C33.5135 745.831 17.6063 744.575 1.17309 745.672C-0.0459289 745.754 -0.481579 743.664 0.677279 743.277C50.2864 726.715 95.0557 704.294 133.144 674.01C217.943 606.594 259.749 519.497 232.632 404.139C217.587 340.217 176.545 283.279 119.251 231.678C118.39 230.903 119.326 229.476 120.378 229.959C122.517 230.942 124.658 231.913 126.801 232.872C188.424 260.438 248.655 276.765 304.721 268.67C365.261 259.932 410.599 229.321 430.62 165.254C444.382 121.174 435.604 70.9232 414.242 18.2803C414.027 17.7521 414.295 17.1481 414.832 16.9575C416.36 16.4154 417.889 15.8789 419.419 15.3481C419.942 15.1663 420.515 15.4508 420.695 15.9749C439.546 70.6706 476.673 107.66 540.956 116.274C589.121 122.716 640.128 103.567 691.448 70.9081C723.997 50.1946 753.885 26.2988 781.882 0.269854C782.514 -0.318068 783.547 0.116222 783.572 0.979306C784.583 35.9714 789.613 69.6067 799.606 101.516C830.001 198.584 892.662 264.525 1004.14 279.464C1060.51 287.002 1119.95 276.708 1178.1 244.689C1179.11 242.728 1180.15 240.732 1181.21 238.701C1181.57 238.031 1182.52 237.954 1182.95 238.582C1183.5 239.397 1184.05 240.206 1184.61 241.01C1186.33 240.012 1188.05 238.995 1189.77 237.959C1190.21 237.698 1190.75 237.811 1190.99 238.255C1191.21 238.66 1191.47 239.165 1191.73 239.669C1192.02 240.219 1192.3 240.768 1192.53 241.185C1192.75 241.57 1192.75 242.062 1192.49 242.423C1191.36 244.043 1190.25 245.675 1189.16 247.32C1198.66 260.017 1209.2 271.268 1220.96 281.244C1265.04 318.637 1315.16 331.282 1373.24 304.606C1404.53 290.226 1429.86 263.618 1450.94 229.336C1451.14 229.007 1451.55 228.862 1451.91 228.992C1452.25 229.113 1452.47 229.442 1452.45 229.802C1451.05 260.857 1460.88 291.387 1485.09 320.96C1492.99 330.61 1502.26 339.07 1512.69 346.478C1513.01 346.246 1513.46 346.199 1513.84 346.436C1609.49 406.748 1683.77 387.721 1717.96 306.233C1718.07 305.976 1718.35 305.822 1718.62 305.875C1718.87 305.923 1719.07 306.134 1719.1 306.392C1721.55 328.717 1731.96 349.416 1752.53 367.835C1777.3 390.004 1813.47 398.56 1855 399.474C1857.96 399.539 1860.92 399.569 1863.87 399.563C1864.58 399.562 1865.07 400.281 1864.81 400.943C1856.95 420.923 1853.2 441.163 1854.77 461.703C1857.26 494.129 1870.07 522.612 1902.48 542.618C1913.93 549.666 1926.54 554.719 1940.09 558.087C1941.07 558.33 1941.14 559.733 1940.19 560.069C1912.84 569.705 1889.19 582.709 1872.25 601.471C1849.39 626.798 1840.84 656.098 1855.08 690.738C1863.41 710.968 1880.29 727.317 1902.29 740.965C1902.3 740.972 1902.3 740.989 1902.3 741.002C1902.29 741.009 1902.28 741.014 1902.27 741.014C1902.27 741.014 1902.26 741.013 1902.26 741.01C1896.01 737.19 1889.55 733.995 1882.85 731.522C1852.75 720.417 1824.18 723.357 1798.9 748.298C1780.63 766.331 1772.12 793.794 1769.15 825.74C1769.09 826.343 1768.33 826.575 1767.94 826.106C1756.67 812.311 1744.11 800.985 1729.75 793.206C1701.55 777.917 1672.88 776.759 1644.34 797.863C1627.04 810.667 1615.61 831.027 1607.97 855.692C1607.67 856.661 1606.26 856.643 1605.99 855.664C1604.51 850.252 1602.89 844.92 1601.11 839.675C1592.76 814.961 1581.6 793.639 1564.66 780.004C1561.28 777.283 1557.83 774.908 1554.3 772.916C1554.88 776.687 1555.64 780.529 1556.58 784.445C1563.65 813.887 1583.26 839.844 1610.44 863.196C1610.46 863.209 1610.46 863.233 1610.44 863.248C1610.44 863.256 1610.43 863.26 1610.42 863.261C1610.41 863.261 1610.4 863.258 1610.39 863.252C1602.66 856.697 1594.51 850.951 1585.86 846.141C1547.07 824.541 1507.37 822.477 1467.47 851.204C1438.64 871.976 1421.15 907.725 1410.29 950.785C1410.08 951.597 1408.99 951.752 1408.56 951.029C1396.08 929.761 1381.31 911.593 1363.34 897.897C1328.02 870.978 1289.04 863.286 1245.53 886.073C1218.79 900.08 1198.64 925.972 1182.85 958.673C1182.41 959.588 1181.03 959.352 1180.92 958.343C1180.01 950.153 1178.88 942.053 1177.49 934.051C1171.61 900.104 1161.59 869.835 1143.08 847.798C1134.98 885.068 1136.26 925.497 1149.97 969.904C1160.16 1002.75 1176.21 1033.6 1197.11 1062.73C1197.69 1063.56 1196.83 1064.65 1195.9 1064.26C1128.65 1036.88 1062.81 1021.96 1000.2 1029.39C917.662 1039.19 855.021 1079.23 825.614 1165.59C808.452 1216.04 813.203 1273.08 831.672 1333.38C831.683 1333.41 831.663 1333.45 831.628 1333.46C831.594 1333.47 831.559 1333.45 831.548 1333.42C826.216 1316.4 819.488 1300.18 811.157 1284.9C773.761 1216.29 716.65 1175.88 630.296 1181.1C567.879 1184.88 508.251 1221.61 451.593 1275.44C451.21 1275.8 450.828 1276.17 450.446 1276.53Z"/></svg>')
    0/100% 100%;
  z-index: -1;
}
.footer .video1 {
  display: block;
  position: absolute;
  top: 132px;
  left: 50%;
  margin-left: -542px;
  -moz-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  transform: rotate(7deg);
  z-index: -1;
}
.footer .video2 {
  display: block;
  position: absolute;
  bottom: -130px;
  left: 50%;
  margin-left: -310px;
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
  z-index: -1;
}
.footer .footerInfo {
  min-width: 488px;
  margin-top: 90px;
}

.footerInfo p {
  font-size: 12px;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
}
.footerInfo .copyright {
  margin-top: 20px;
}

.footerMenu {
  display: flex;
  text-align: right;
}
.footerMenu li {
  flex-shrink: 0;
}
.footerMenu li a {
  display: inline-block;
  font-size: 18px;
  line-height: 140%;
  color: #57ec5d;
  font-weight: 500;
}
.footerMenu li + li {
  margin-left: 36px;
}

.footerWrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 580px;
  padding-bottom: 19px;
  max-width: 1015px;
  margin-left: auto;
  margin-right: auto;
}
.footerWrapper .footerLogo {
  position: absolute;
  display: block;
  max-width: unset;
  left: -282px;
  top: 327px;
  z-index: -1;
}

.socLinks li {
  width: 100px;
  height: 100px;
  position: relative;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.socLinks li > a,
.socLinks li > button {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
  .socLinks li:hover svg .circle {
    fill: #000aff;
  }
  .socLinks li:hover svg .icon {
    fill: white;
  }
}
.socLinks svg .circle {
  fill: white;
  -webkit-transition: fill 0.3s;
  -moz-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  transition: fill 0.3s;
}
.socLinks svg .icon {
  fill: black;
  -webkit-transition: fill 0.3s;
  -moz-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  transition: fill 0.3s;
}

.startSection {
  position: relative;
}
.startSection .siteLogo .text {
  display: block;
}
.startSection .siteMenu li a {
  background-color: #883cae;
  transition: all 350ms ease-in-out;
}
.startSection .siteMenu li a:hover {
  background-color: #af4aff;
}
.startSection::before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: calc(100% + 215px);
  background: radial-gradient(
    167.19% 117.16% at 50% -17.16%,
    #af4aff 0%,
    rgba(103, 4, 131, 0.236073) 82.94%,
    rgba(0, 0, 0, 0) 100%
  );
  z-index: -1;
}
.startSection::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 255px;
  left: 0px;
  top: calc(100% - 40px);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  z-index: -1;
}
.startSection .back {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 1440px;
  height: 742px;
  opacity: 0.8;
  background-image: url(../img/smoke_back.webp);
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  mix-blend-mode: screen;
  z-index: -1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .startSection .back {
    background-image: url(../img/smoke_back@2x.webp);
  }
}

.startSectionWrapper {
  position: relative;
  overflow: hidden;
}

.startSectionInner {
  margin-top: 54px;
}
.startSectionInner .startList {
  margin-top: 198px;
}

.startBlock {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.startBlock .image {
  position: absolute;
  display: block;
  left: 209px;
  top: -142px;
  z-index: -1;
}
.startBlock .leftSide {
  max-width: 624px;
  width: 100%;
}
.startBlock .rightSide {
  padding-top: 162px;
}
.startBlock .title + .info {
  margin-top: 20px;
}
.startBlock .info {
  margin-left: 80px;
  max-width: 272px;
}
.startBlock .info [class*='Cap'] + p {
  margin-top: 16px;
}

.gridTemplate {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.startList .item {
  position: relative;
}
.startList .item [class*='back'] {
  display: block;
  position: absolute;
  z-index: -1;
}
.startList .item .back1 {
  left: -7px;
  top: -100px;
}
.startList .item .back2 {
  left: 5px;
  top: -106px;
}
.startList .item .back3 {
  right: 23px;
  top: -106px;
}
.startList .title + .content {
  margin-top: 20px;
}

.sliderSection {
  margin-top: 120px;
  padding-bottom: 80px;
}
@media (max-width: 1301px) {
  .sliderSection {
    padding-bottom: 52px;
  }
}
@media (max-width: 767px) {
  .sliderSection {
    padding-bottom: 52px;
  }
}

.darkBack {
  overflow: hidden;
  padding-bottom: 668px;
}
@media (max-width: 1301px) {
  .darkBack {
    padding-bottom: 345px;
  }
}
@media (max-width: 767px) {
  .darkBack {
    padding-bottom: 80px;
  }
}

.siteSlider {
  overflow: visible;
  transform: translateZ(0);
}
.siteSlider .swiper-slide .gameSlide {
  opacity: 0;
  transform: scale(0.883);
  will-change: transform, opacity;
}
.siteSlider .swiper-slide-active .gameSlide {
  opacity: 1;
  transform: scale(1);
}
.siteSlider .swiper-slide-prev .gameSlide {
  opacity: 0.3;
  transform-origin: right center;
}
.siteSlider .swiper-slide-next .gameSlide {
  opacity: 0.3;
  transform-origin: left center;
}
.siteSlider .swiper-pagination {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin-top: 24px;
  min-height: 32px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.siteSlider .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: 15px;
  height: 15px;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.3);
  transition: transform 0.3s ease-out;
  transform-origin: center center;
  opacity: 1;
  will-change: transform;
}
.siteSlider .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #bdff00 0%, #ffc700 100%), #d118bf;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  border-radius: 50%;
  will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
  .siteSlider .swiper-pagination .swiper-pagination-bullet:hover {
    transform: scale(1.15);
  }
  .siteSlider .swiper-pagination .swiper-pagination-bullet:hover::before {
    opacity: 1;
  }
}
.siteSlider .swiper-pagination .swiper-pagination-bullet-active {
  transform: scale(1.15);
}
.siteSlider .swiper-pagination .swiper-pagination-bullet-active::before {
  opacity: 1;
}
.siteSlider .swiper-navigation {
  position: absolute;
  left: 96px;
  bottom: -8px;
  display: flex;
  z-index: 1;
}
.siteSlider .swiper-navigation::before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.siteSlider .swiper-navigation .swiper-button-prev,
.siteSlider .swiper-navigation .swiper-button-next {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  width: 48px;
  height: 48px;
  margin: 0px;
  font-size: 48px;
  line-height: 48px;
  opacity: 1;
}
.siteSlider .swiper-navigation .swiper-button-prev [class*='icon'],
.siteSlider .swiper-navigation .swiper-button-next [class*='icon'] {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
}
.siteSlider .swiper-navigation .swiper-button-prev .default,
.siteSlider .swiper-navigation .swiper-button-next .default {
  color: rgba(255, 255, 255, 0.3);
}
.siteSlider .swiper-navigation .swiper-button-prev .hovered,
.siteSlider .swiper-navigation .swiper-button-next .hovered {
  color: rgba(255, 255, 255, 0.3);
  background: linear-gradient(180deg, #bdff00 0%, #ffc700 100%), #d118bf;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.siteSlider .swiper-navigation .swiper-button-prev::after,
.siteSlider .swiper-navigation .swiper-button-next::after {
  display: none;
}
.siteSlider .swiper-navigation .swiper-button-prev:hover .hovered,
.siteSlider .swiper-navigation .swiper-button-next:hover .hovered {
  opacity: 1;
}
.siteSlider .swiper-navigation .swiper-button-prev + .swiper-button-next,
.siteSlider .swiper-navigation .swiper-button-next + .swiper-button-next {
  margin-left: 40px;
}

.tagsWrapper {
  padding: 10px;
  border-radius: 8px;
}

.gameSlide {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 612px;
  padding: 60px 60px 50px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  will-change: transform, opacity;
  overflow: hidden;
}
.gameSlide .back {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
  contain: layout style paint;
  transform: translateZ(0);
}
.gameSlide .back img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.gameSlide .tag {
  background: linear-gradient(91.94deg, rgba(175, 74, 255, 0.7) 25%, rgba(163, 1, 250, 0.7) 75%);
  color: white;
  font-weight: 400;
  border-radius: 12px;
}
.gameSlide .tag + .title {
  margin-top: 8px;
}
.gameSlide .title + .content {
  margin-top: 20px;
}
.gameSlide .content {
  max-width: 416px;
}
.gameSlide .buttons {
  margin-top: auto;
  display: flex;
  align-items: center;
}
.gameSlide .releaseDate {
  margin-top: auto;
  display: flex;
  align-items: center;
  width: max-content;
  /*padding: 10px;*/
  /*border-radius: 12px;*/
  background: linear-gradient(91.94deg, rgba(175, 74, 255, 0.7) 25%, rgba(163, 1, 250, 0.7) 75%);
}
.gameSlide .buttons [class*='btn'] + [class*='btn'] {
  margin-left: 40px;
}

.whiteBack {
  position: relative;
  color: black;
  background-color: white;
  z-index: 1;
}

.gamesSection {
  padding-top: 160px;
}
.gamesSection .titleContainer {
  text-align: center;
}
.gamesSection .titleContainer + .contentContainer {
  margin-top: 80px;
}

.gamesGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.gamesGrid .gridItem:nth-child(1) {
  grid-column: 1 / 3;
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.gamesGrid .item {
  break-inside: avoid;
}
.gamesGrid .item.full {
  column-span: all;
}
.gamesGrid .item.last {
  margin-bottom: 100%;
}
.gamesGrid .item.double {
  display: none;
}
.gamesGrid .item {
  position: relative;
  margin-top: 16px;
  margin-bottom: 16px;
}
.gamesGrid .item:first-child {
  margin-top: 0px;
}
.gamesGrid .item:last-child {
  margin-bottom: 0px;
}
.gamesGrid .item > img {
  display: block;
  height: auto;
}
.gamesGrid .element1 {
  display: block;
  position: absolute;
  left: 16px;
  bottom: calc(100% + 16px);
}
.gamesGrid .text {
  padding: 32px 20px 32px 36px;
}

.gameCard {
  position: relative;
  height: 480px;
  color: white;
  overflow: hidden;
  z-index: 1;
  position: relative;
  z-index: 1;
}
.gameCard > a,
.gameCard > button {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}
.gameCard.lg .back::before {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.4) 100%
  );
}
.gameCard .back {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 14px;
  overflow: hidden;
}
.gameCard .back img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition:
    transform 0.3s,
    filter 0.3s;
  -moz-transition:
    transform 0.3s,
    filter 0.3s;
  -o-transition:
    transform 0.3s,
    filter 0.3s;
  transition:
    transform 0.3s,
    filter 0.3s;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  z-index: -1;
}
.gameCard .back::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 320px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #0c0416 100%);
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
}
.gameCard .in {
  height: 100%;
  padding: 44px 36px 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
.gameCard .date {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  padding: 6px;
  border-radius: 8px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  background: linear-gradient(91.94deg, rgba(175, 74, 255, 0.8) 25%, rgba(163, 1, 250, 0.8) 75%);;
  filter: drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.2));
}
.gameCard .title {
  margin-top: 6px;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.gameCard .content, .slider-content .content {
  margin-top: 20px;
  margin-bottom: auto;
  max-width: 342px;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.gameCard .info, .slider-content .info {
  position: relative;
  max-width: fit-content;
  width: 100%;
  margin-top: 24px;
  padding-top: 16px;
  display: flex;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.gameCard .info .cap, .slider-content .info .cap {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 17px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 500;
  text-transform: uppercase;
}

.gameCard .info li + li, .slider-content .info li + li{
  margin-left: 32px;
}

.gameCard .info::before, .slider-content .info::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  filter: drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.2));
}

.partnersSection {
  margin-top: -210px;
  padding-top: 15px;
}
.partnersSection .titleContainer {
  text-align: center;
}
.partnersSection .titleContainer + .contentContainer {
  margin-top: 56px;
}

.claws {
  position: absolute;
  left: 0px;
  bottom: 100%;
  width: 100%;
  height: 826px;
  overflow: hidden;
  z-index: 1;
}
.claws .inner {
  position: absolute;
  left: 50%;
  margin-left: -1250px;
  bottom: -90px;
  width: 100%;
  height: 990px;
  min-width: 2500px;
  background-color: white;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="2500" height="944" preserveAspectRatio="none"> <path fill-rule="evenodd" d="M2500 0.5H0V0.768262H2500V0.5ZM2500 104.5H2483.5L1996.67 193.014C2005.87 247.271 1987.76 314.197 1969.6 363.824C1949.85 418.002 1922.92 469.112 1892.86 518.244C1860.58 571.113 1821.18 619.827 1777.86 663.991C1751.44 690.913 1722.66 714.971 1692.72 737.904C1691.14 739.108 1689.28 740.202 1687.42 741.295C1686.7 741.717 1685.98 742.138 1685.28 742.565C1681.92 744.615 1677.41 745.264 1673.4 744.044C1672.62 743.806 1671.79 743.579 1670.95 743.348L1670.95 743.347C1666.49 742.12 1661.7 740.801 1661.92 737.41C1662.11 734.334 1663.03 731.173 1664.69 728.22C1689.89 683.429 1709.2 638.623 1719.21 587.596C1733.91 512.534 1746.73 435.71 1744.71 358.991C1744.69 358.197 1744.45 357.406 1744.21 356.615C1744.1 356.239 1743.98 355.862 1743.89 355.485C1741.43 355.334 1739.39 358.719 1737.8 361.365L1737.79 361.366C1737.34 362.12 1736.92 362.815 1736.54 363.35C1649.54 485.786 1561.91 606.863 1450.57 708.513C1446.21 712.49 1441.68 716.5 1436.18 720.017C1424.93 727.206 1412.87 723.742 1410.03 717.285C1378.04 644.373 1354.19 568.613 1330.33 492.838L1330.32 492.835C1314.38 442.196 1298.43 391.551 1280.05 341.744C1279.39 339.958 1278.8 338.07 1278.19 336.153C1276.4 330.487 1274.53 324.57 1270.78 320.304C1269.76 322.17 1268.72 324.034 1267.67 325.903L1267.67 325.905L1267.67 325.907L1267.67 325.908C1264.75 331.108 1261.81 336.342 1259.33 341.744C1244.24 385.016 1229.68 428.793 1214.99 472.943L1214.99 472.945C1178.95 581.256 1142.17 691.808 1095.07 802.634C1094.68 803.487 1094.28 804.458 1093.88 805.441C1093.08 807.417 1092.26 809.439 1091.37 810.633C1088.37 814.633 1079.29 815.013 1073.33 812.655C1062.56 808.386 1056.79 804.393 1048.19 796.508C911.368 671.134 843.368 588.838 749.82 473.054C749.746 473.367 749.65 473.682 749.553 473.997C749.34 474.692 749.127 475.389 749.153 476.08C751.513 539.087 761.981 604.454 780.576 664.933C792.265 702.789 808.803 737.896 832.305 769.728C834.08 772.135 836.027 774.504 837.974 776.874L837.976 776.876L837.976 776.876C839.822 779.123 841.668 781.37 843.368 783.649C843.954 784.437 843.573 785.897 842.56 786.526C838.871 788.832 835.045 791.17 830.545 792.948C829.06 793.535 824.742 792.914 822.834 792.083C814.39 788.416 808.673 783.529 802.972 778.654L802.97 778.653C801.177 777.12 799.385 775.588 797.51 774.096C661.689 666.067 548.709 516.305 507.79 345.655C498.561 307.27 486.808 247.807 497.418 191.94L16.5 104.5H0V943.5H2500V104.5Z"/></svg>')
    0/100% 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="2500" height="944" preserveAspectRatio="none"> <path fill-rule="evenodd" d="M2500 0.5H0V0.768262H2500V0.5ZM2500 104.5H2483.5L1996.67 193.014C2005.87 247.271 1987.76 314.197 1969.6 363.824C1949.85 418.002 1922.92 469.112 1892.86 518.244C1860.58 571.113 1821.18 619.827 1777.86 663.991C1751.44 690.913 1722.66 714.971 1692.72 737.904C1691.14 739.108 1689.28 740.202 1687.42 741.295C1686.7 741.717 1685.98 742.138 1685.28 742.565C1681.92 744.615 1677.41 745.264 1673.4 744.044C1672.62 743.806 1671.79 743.579 1670.95 743.348L1670.95 743.347C1666.49 742.12 1661.7 740.801 1661.92 737.41C1662.11 734.334 1663.03 731.173 1664.69 728.22C1689.89 683.429 1709.2 638.623 1719.21 587.596C1733.91 512.534 1746.73 435.71 1744.71 358.991C1744.69 358.197 1744.45 357.406 1744.21 356.615C1744.1 356.239 1743.98 355.862 1743.89 355.485C1741.43 355.334 1739.39 358.719 1737.8 361.365L1737.79 361.366C1737.34 362.12 1736.92 362.815 1736.54 363.35C1649.54 485.786 1561.91 606.863 1450.57 708.513C1446.21 712.49 1441.68 716.5 1436.18 720.017C1424.93 727.206 1412.87 723.742 1410.03 717.285C1378.04 644.373 1354.19 568.613 1330.33 492.838L1330.32 492.835C1314.38 442.196 1298.43 391.551 1280.05 341.744C1279.39 339.958 1278.8 338.07 1278.19 336.153C1276.4 330.487 1274.53 324.57 1270.78 320.304C1269.76 322.17 1268.72 324.034 1267.67 325.903L1267.67 325.905L1267.67 325.907L1267.67 325.908C1264.75 331.108 1261.81 336.342 1259.33 341.744C1244.24 385.016 1229.68 428.793 1214.99 472.943L1214.99 472.945C1178.95 581.256 1142.17 691.808 1095.07 802.634C1094.68 803.487 1094.28 804.458 1093.88 805.441C1093.08 807.417 1092.26 809.439 1091.37 810.633C1088.37 814.633 1079.29 815.013 1073.33 812.655C1062.56 808.386 1056.79 804.393 1048.19 796.508C911.368 671.134 843.368 588.838 749.82 473.054C749.746 473.367 749.65 473.682 749.553 473.997C749.34 474.692 749.127 475.389 749.153 476.08C751.513 539.087 761.981 604.454 780.576 664.933C792.265 702.789 808.803 737.896 832.305 769.728C834.08 772.135 836.027 774.504 837.974 776.874L837.976 776.876L837.976 776.876C839.822 779.123 841.668 781.37 843.368 783.649C843.954 784.437 843.573 785.897 842.56 786.526C838.871 788.832 835.045 791.17 830.545 792.948C829.06 793.535 824.742 792.914 822.834 792.083C814.39 788.416 808.673 783.529 802.972 778.654L802.97 778.653C801.177 777.12 799.385 775.588 797.51 774.096C661.689 666.067 548.709 516.305 507.79 345.655C498.561 307.27 486.808 247.807 497.418 191.94L16.5 104.5H0V943.5H2500V104.5Z"/></svg>')
    0/100% 100%;
}
@media (min-width: 2500px) {
  .claws .inner {
    left: 0px;
    margin-left: 0px;
  }
}

.infoSection {
  position: relative;
  padding-top: 80px;
  padding-bottom: 60px;
  z-index: 1;
}
.infoSection .titleContainer {
  position: relative;
  max-width: 585px;
}
.infoSection .titleContainer::before {
  content: '';
  display: block;
  position: absolute;
  left: calc(100% - 187px);
  top: 43px;
  width: 413px;
  height: 458px;
  background-image: url(../img/data_back.svg);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
}
.infoSection .titleContainer + .contentContainer {
  margin-top: 90px;
}
.infoSection .contentContainer {
  display: flex;
  justify-content: space-between;
}
.infoSection .leftSide {
  width: 344px;
  flex-shrink: 0;
}
.infoSection .rightSide {
  position: relative;
  padding-bottom: 588px;
  flex-grow: 1;
}
.infoSection .info {
  width: 376px;
  margin-left: auto;
  margin-top: -224px;
  line-height: 27px;
}
.infoSection .info [class*='Cap'] {
  letter-spacing: 0em;
}
.infoSection .info [class*='Cap'] + p {
  margin-top: 18px;
}
.infoSection .button {
  margin-top: 70px;
}
.infoSection .image {
  position: absolute;
  right: -100px;
  bottom: -60px;
  z-index: -1;
}
.infoSection .image img {
  max-width: unset;
  display: block;
}

.infoList {
  line-height: 27px;
  font-weight: 400;
}
.infoList li + li {
  margin-top: 20px;
}

.moreGamesSection {
  position: relative;
  padding-top: 30px;
  padding-bottom: 70px;
  z-index: 2;
}
.moreGamesSection .containerSm {
  position: relative;
}
.moreGamesSection [class*='Cap'] {
  letter-spacing: 0em;
}
.moreGamesSection [class*='Cap'] + p {
  margin-top: 18px;
}
.moreGamesSection p {
  line-height: 27px;
}
.moreGamesSection .wrapper {
  max-width: 420px;
  margin-left: auto;
  margin-right: 100px;
}
.moreGamesSection .titleContainer [class*='Cap'] {
  line-height: 105%;
}
.moreGamesSection .titleContainer + .contentContainer {
  margin-top: 28px;
}
.moreGamesSection .button {
  margin-top: 44px;
}
.moreGamesSection .gamesBlock {
  position: absolute;
  left: 15px;
  top: 15px;
}
.moreGamesSection .statList {
  margin-top: 99px;
}

.gamesBlock {
  display: grid;
  grid-template-columns: repeat(2, 272px);
  gap: 40px;
}
.gamesBlock .image {
  width: 100%;
  height: 440px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
}
.gamesBlock .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gamesBlock .title {
  margin-top: 26px;
  text-align: center;
  letter-spacing: 0.03em;
}
.gamesBlock .subtitle {
  display: block;
  font-size: 25px;
  line-height: 25px;
  font-weight: 700;
  text-align: center;
}
.gamesBlock .item:first-child .subtitle {
  color: #4ef1ff;
}
.gamesBlock .item:last-child {
  margin-top: 44px;
}
.gamesBlock .item:last-child .subtitle {
  color: #ff41e0;
}

.statList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
.statList .item {
  position: relative;
}
.statList .item:nth-child(1) .icon {
  top: 49px;
  right: 7px;
}
.statList .item:nth-child(2) .icon {
  top: 48px;
  right: 75px;
}
.statList .item:nth-child(3) .icon {
  top: 52px;
  right: 35px;
}
.statList .item:nth-child(4) .icon {
  top: 54px;
  right: 31px;
}
.statList .icon {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: -1;
}
.statList .iconSm {
  display: none;
}
.statList .title {
  display: block;
  font-size: 18px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 500;
}
.statList .title span {
  display: block;
  margin-top: 6px;
  font-family: 'Karantina';
  font-size: 44px;
  line-height: 44px;
  color: #000000;
  font-weight: 300;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.statList .pct {
  display: block;
  margin-top: 3px;
  font-size: 72px;
  line-height: 88px;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.modal {
  display: none;
}
.modal.is-open {
  display: block;
}
.modal[aria-hidden='false'] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal[aria-hidden='false'] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal[aria-hidden='true'] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal[aria-hidden='true'] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal .modal__container,
.modal .modal__overlay {
  will-change: transform;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 12;
}

.modal__container {
  position: relative;
  background-color: #fff;
  padding: 30px;
  max-width: 500px;
  max-height: 100%;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
}

.modal__close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 48px;
  height: 48px;
  font-size: 32px;
  line-height: 32px;
  color: white;
}

.contactModal {
  max-width: 1070px;
  padding: 0px;
  width: 100%;
  background-color: transparent;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  overflow: auto;
  scrollbar-width: none;
}
.contactModal.success .info {
  width: 100%;
}
.contactModal.success .form {
  display: none;
}
.contactModal .wrapper {
  display: flex;
  justify-content: space-between;
  padding: 64px;
  min-height: 768px;
  max-height: 1024px;
  background:
    /*left bottom/576px auto no-repeat url(../img/modal_back.webp),*/
    radial-gradient(
      111.51% 77.37% at 91.92% -51.26%,
      #af4aff 0%,
      rgba(103, 4, 131, 0.236073) 82.94%,
      rgba(0, 0, 0, 0) 100%
    ),
    radial-gradient(
      75% 220% at -20% 150%,
      #af4aff 0%,
      rgba(103, 4, 131, 0.236073) 82.94%,
      rgba(0, 0, 0, 0) 100%
    ),
    linear-gradient(52.13deg, #342150 0%, #000000 71.15%);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .contactModal .wrapper {
    background:
      /*left bottom/576px auto no-repeat url(../img/modal_back@2x.webp),*/
      radial-gradient(
        111.51% 77.37% at 91.92% -51.26%,
        #af4aff 0%,
        rgba(103, 4, 131, 0.236073) 82.94%,
        rgba(0, 0, 0, 0) 100%
      ),
      radial-gradient(
        75% 220% at -20% 150%,
        #af4aff 0%,
        rgba(103, 4, 131, 0.236073) 82.94%,
        rgba(0, 0, 0, 0) 100%
      ),
      linear-gradient(52.13deg, #342150 0%, #000000 71.15%);
    overflow: auto;
    scrollbar-width: none;
  }
}
.contactModal .info {
  width: 376px;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.contactModal .info [class*='btn'] {
  margin-top: 48px;
  min-width: 246px;
}
.contactModal .form {
  width: 422px;
  -webkit-transition:
    height 0.3s,
    opacity 0.3s,
    visibility 0.3s;
  -moz-transition:
    height 0.3s,
    opacity 0.3s,
    visibility 0.3s;
  -o-transition:
    height 0.3s,
    opacity 0.3s,
    visibility 0.3s;
  transition:
    height 0.3s,
    opacity 0.3s,
    visibility 0.3s;
  overflow: hidden;
}
.contactModal [class*='Cap'] + p {
  margin-top: 24px;
}
.contactModal .field + .field {
  margin-top: 28px;
}
.contactModal .field + .button {
  margin-top: 48px;
}

.verifyModal {
  max-width: 584px;
  width: 100%;
  padding: 60px;
  font-size: 18px;
  line-height: 27px;
  color: black;
  text-align: center;
  background-color: white;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}
.verifyModal p + p {
  margin-top: 12px;
}
.verifyModal .lead {
  font-weight: 700;
  font-size: 24px;
  line-height: 135%;
}
.verifyModal .buttons {
  margin-top: 48px;
}
.verifyModal .buttons [class*='btn'] + [class*='btn'] {
  margin-top: 24px;
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
@media (max-width: 1069px) {
  .contactModal .wrapper {
    padding: 64px;
    min-height: 609px;
    overflow: auto;
    scrollbar-width: none;
  }

  .modal__close {
    top: 14px;
    right: 14px;
  }
}
@media (max-width: 991px) {
  .contactModal {
    max-width: 668px;
    overflow: auto;
    scrollbar-width: none;
  }
  .contactModal .wrapper {
    /*display: block;*/
    min-height: unset;
    background: linear-gradient(192.51deg, #342150 16.94%, #000000 52.19%);
  }
}
@media only screen and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (max-width: 991px) and (min--moz-device-pixel-ratio: 2),
  only screen and (max-width: 991px) and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (max-width: 991px) and (min-device-pixel-ratio: 2),
  only screen and (max-width: 991px) and (min-resolution: 192dpi),
  only screen and (max-width: 991px) and (min-resolution: 2dppx) {
  .contactModal .wrapper {
    background: linear-gradient(192.51deg, #342150 16.94%, #000000 52.19%);
  }
}
@media (max-width: 991px) {
  .contactModal .info {
    width: 100%;
  }
  .contactModal .form {
    margin-top: 32px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .contactModal {
    max-width: 450px;
    -webkit-border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    -ms-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;
    align-self: flex-end;
    overflow: auto;
    scrollbar-width: none;
  }
  .contactModal .wrapper {
    padding: 32px 24px;
    -webkit-border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    -ms-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;
  }
  .contactModal .info [class*='btn'] {
    margin-top: 32px;
    min-width: 100%;
  }
  .contactModal [class*='Cap'] + p {
    margin-top: 16px;
  }
  .contactModal .field + .field {
    margin-top: 24px;
  }
  .contactModal .field + .button {
    margin-top: 24px;
  }

  .modal__close {
    top: 8px;
    right: 8px;
    width: 42px;
    height: 42px;
    font-size: 24px;
    line-height: 24px;
  }

  .verifyModal {
    max-width: 450px;
    padding: 32px 24px;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
  }
  .verifyModal p + p {
    margin-top: 8px;
  }
  .verifyModal .lead {
    font-size: 18px;
    line-height: 135%;
  }
  .verifyModal .buttons {
    margin-top: 32px;
  }
  .verifyModal .buttons [class*='btn'] {
    font-size: 14px;
  }
  .verifyModal .buttons [class*='btn'] + [class*='btn'] {
    margin-top: 16px;
  }
}
.textPage {
  position: relative;
  margin-top: 538px;
  color: black;
  background-color: white;
}
@media (max-width: 1301px) {
  .textPage {
    margin-top: 332px;
  }
}
@media (max-width: 767px) {
  .textPage {
    margin-top: 159px;
  }
  .textPage .claws .inner {
    bottom: -30px;
  }
}
@media (max-width: 767px) and (min-width: 375px) {
  .textPage .claws .inner {
    margin-left: -384px;
    width: 768px;
  }
}

.textPage .clawsEl::before,
.textPage .clawsEl::after {
  clip-path: unset;
}
.textPage .footer {
  margin-top: 120px;
}
@media (max-width: 767px) {
  .textPage .footer {
    margin-top: 78px;
  }
}

.textContent {
  max-width: 896px;
  font-size: 18px;
  line-height: 27px;
}
.textContent h1 {
  font-family: 'Karantina';
  font-size: 132px;
  line-height: 105%;
  color: inherit;
  font-weight: 700;
  text-transform: uppercase;
}
.textContent h1 + .date {
  margin-top: 0px;
}
.textContent h2 {
  margin-top: 80px;
  margin-bottom: 20px;
  font-family: 'Karantina';
  font-size: 68px;
  line-height: 110%;
  color: inherit;
  font-weight: 700;
  text-transform: uppercase;
}
.textContent h2:first-child {
  margin-top: 0px;
}
.textContent h2:last-child {
  margin-bottom: 0px;
}
.textContent h3 {
  margin-top: 56px;
  margin-bottom: 20px;
  font-family: 'Karantina';
  font-size: 44px;
  line-height: 110%;
  color: inherit;
  font-weight: 400;
  text-transform: uppercase;
}
.textContent h3:first-child {
  margin-top: 0px;
}
.textContent h3:last-child {
  margin-bottom: 0px;
}
.textContent p {
  margin-top: 20px;
  margin-bottom: 20px;
}
.textContent p:first-child {
  margin-top: 0px;
}
.textContent p:last-child {
  margin-bottom: 0px;
}
.textContent ul {
  max-width: 370px;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 135%;
}
.textContent ul li {
  position: relative;
  padding-left: 20px;
}
.textContent ul li::before {
  content: '';
  display: block;
  position: absolute;
  left: 4px;
  top: 9px;
  width: 5px;
  height: 5px;
  background-color: black;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.textContent ul li + li {
  margin-top: 12px;
}
.textContent ul:first-child {
  margin-top: 0px;
}
.textContent ul:last-child {
  margin-bottom: 0px;
}
.textContent a {
  color: #af4aff;
  text-decoration: underline;
  text-decoration-color: inherit;
  text-underline-offset: 0.1em;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .textContent a:hover {
    text-decoration-color: transparent;
  }
}

@media (max-width: 767px) {
  .textContent {
    max-width: 896px;
    font-size: 16px;
    line-height: 24px;
  }
  .textContent h1 {
    font-size: 52px;
    line-height: 105%;
  }
  .textContent h2 {
    margin-top: 36px;
    margin-bottom: 16px;
    font-size: 36px;
    line-height: 110%;
  }
  .textContent h3 {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 30px;
  }
  .textContent p {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .textContent ul {
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: inherit;
    line-height: 135%;
  }
  .textContent ul li::before {
    left: 4px;
    top: 9px;
  }
  .textContent a {
    text-underline-offset: 0.1em;
  }
}
@media (max-width: 1301px) {
  .container,
  .containerSm,
  .containerSm {
    width: 698px;
  }

  .header {
    min-height: 72px;
  }
  .header .burger {
    display: block;
  }
  .header .menu {
    padding-top: 0px;
  }

  .openMenuButton {
    display: block;
    width: 42px;
    height: 42px;
    padding: 9px;
    font-size: 24px;
    line-height: 24px;
    color: white;
  }

  .siteLogo {
    width: 86px;
  }
  .siteLogo .text {
    display: none;
  }

  .mobileMenu {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: black;
    z-index: 5;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .mobileMenu .inner {
    width: 698px;
    min-height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
    background-image: url(../img/mobile_menu_back.svg);
    background-size: auto;
    background-position: left 15px bottom 50px;
    background-repeat: no-repeat;
  }
  .mobileMenu .header {
    padding-top: 0px;
    min-height: 92px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mobileMenu .siteLogo {
    width: 120px;
  }
  .mobileMenu.opened {
    display: block;
  }
  .mobileMenu.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
      visibility: hidden;
    }
    100% {
      opacity: 1;
      visibility: visible;
    }
  }
  @keyframes fadeOut {
    0% {
      opacity: 1;
      visibility: visible;
    }
    100% {
      opacity: 0;
      visibility: hidden;
    }
  }
  .closeMenuButton {
    width: 42px;
    height: 42px;
    padding: 9px;
    font-size: 24px;
    line-height: 24px;
    color: white;
  }

  .siteMenu {
    margin-top: 64px;
    flex-direction: column;
    align-items: flex-end;
  }
  .siteMenu li a {
    padding: 12px 32px;
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 36px;
    color: white;
    font-weight: 500;
    background-color: rgba(255, 255, 255, 0.2) !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 8px;
  }

  .siteMenu li a:hover {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }

  .siteMenu li a [class*='icon'] {
    display: block;
    margin-left: 8px;
  }
  .siteMenu li + li {
    margin-left: 0px;
    margin-top: 28px;
  }

  .startSectionInner {
    margin-top: 60px;
  }
  .startSectionInner .startList {
    margin-top: 112px;
  }

  .startBlock {
    display: block;
  }
  .startBlock .leftSide p {
    font-size: 14px;
    line-height: 120%;
  }
  .startBlock .leftSide .info {
    max-width: 210px;
  }
  .startBlock .title + .info {
    margin-top: 10px;
  }
  .startBlock .info {
    margin-left: 0px;
  }
  .startBlock .rightSide {
    width: 100%;
    margin-top: 85px;
    padding-top: 0px;
  }
  .startBlock .rightSide [class*='Cap'] {
    display: none;
  }
  .startBlock .rightSide .info {
    max-width: 100%;
  }
  .startBlock .rightSide p {
    line-height: 150%;
  }
  .startBlock .image {
    left: 122px;
    top: -131px;
    width: 603px;
    height: auto;
  }

  .gridTemplate {
    display: block;
  }

  .startList .item {
    padding-left: 114px;
  }
  .startList .item + .item {
    margin-top: 130px;
  }
  .startList .item + .item:last-child {
    margin-top: 110px;
  }
  .startList .item .back1 {
    width: 191px;
    height: 190px;
    left: 0px;
    top: -45px;
  }
  .startList .item .back2 {
    width: 181px;
    height: 194px;
    left: 0px;
    top: -60px;
  }
  .startList .item .back3 {
    width: 255px;
    height: 169px;
    left: 0px;
    right: auto;
    top: -52px;
  }
  .startList .title [class*='Cap'] {
    letter-spacing: 0em;
  }
  .startList .title + .content {
    margin-top: 18px;
  }
  .startList .content p {
    line-height: 150%;
  }

  .sliderSection {
    margin-top: 68px;
  }

  .siteSlider .swiper-slide-next .gameSlide,
  .siteSlider .swiper-slide-prev .gameSlide {
    opacity: 0;
  }
  .siteSlider .swiper-navigation {
    left: 46px;
    bottom: -6px;
  }
  .siteSlider .swiper-navigation::before {
    width: 7px;
    height: 7px;
  }
  .siteSlider .swiper-navigation .swiper-button-prev,
  .siteSlider .swiper-navigation .swiper-button-next {
    width: 37px;
    height: 37px;
    font-size: 37px;
    line-height: 37px;
  }
  .siteSlider .swiper-navigation .swiper-button-prev + .swiper-button-next,
  .siteSlider .swiper-navigation .swiper-button-next + .swiper-button-next {
    margin-left: 30px;
  }
  .siteSlider .swiper-pagination {
    margin-top: 20px;
    margin-right: 0px;
    min-height: 25px;
  }
  .siteSlider .swiper-pagination .swiper-pagination-bullet {
    width: 22px;
    height: 22px;
  }

  .gameSlide {
    height: 451px;
    min-height: 451px;
    padding: 44px 44px 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
  }
  .gameSlide .tag + .title {
    margin-top: 3px;
  }
  .gameSlide .title [class*='Cap'] {
    letter-spacing: 0em;
  }
  .gameSlide .title + .content {
    margin-top: 12px;
  }
  .gameSlide .content {
    max-width: 335px;
  }
  .gameSlide .content p {
    line-height: 150%;
  }
  .gameSlide .content .hide {
    display: none;
  }
  .gameSlide .buttons {
    margin-top: auto;
    flex-direction: column;
  }
  .gameSlide .buttons .btnFill {
    min-width: 290px;
  }
  .gameSlide .buttons [class*='btn'] + [class*='btn'] {
    margin-top: 25px;
    margin-left: 0px;
  }

  .claws {
    height: 454px;
  }
  .claws .inner {
    margin-left: -660px;
    width: 1320px;
    height: 500px;
    min-width: unset;
    bottom: -10px;
  }

  .gamesSection {
    padding-top: 66px;
  }
  .gamesSection .titleContainer [class*='Cap'] {
    font-size: 132px;
    line-height: 105%;
    letter-spacing: 0em;
  }
  .gamesSection .titleContainer + .contentContainer {
    margin-top: 40px;
  }

  .gamesGrid {
    display: block;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: unset;
    -moz-column-gap: unset;
    column-gap: unset;
  }
  .gamesGrid .gridItem:nth-child(1) {
    grid-column: unset;
    -webkit-columns: unset;
    -moz-columns: unset;
    columns: unset;
    -webkit-column-gap: unset;
    -moz-column-gap: unset;
    column-gap: unset;
  }
  .gamesGrid .gridItem + .gridItem {
    margin-top: 16px;
  }
  .gamesGrid .item.hide {
    display: none;
  }
  .gamesGrid .item.double {
    display: block;
  }
  .gamesGrid .item.full + .item {
    margin-top: 0px;
  }
  .gamesGrid .item .element1 {
    display: none;
  }
  .gamesGrid .text {
    padding: 27px 20px 24px 24px;
  }

  .gameCard.lg {
    height: 441px;
  }
  .gameCard.lg .in {
    padding-bottom: 44px;
  }
  .gameCard.lg .title [class*='Cap'] {
    letter-spacing: 0.02em;
  }
  .gameCard:not(.lg) .in {
    padding: 30px 24px;
  }
  .gameCard:not(.lg) .info {
    margin-top: 10px;
    padding-top: 8px;
  }
  .gameCard .title [class*='Cap'] {
    letter-spacing: 0em;
  }
  .gameCard .content {
    max-width: 300px;
  }
  .gameCard .info {
    font-size: 16px;
    line-height: 24px;
  }
  .gameCard .info .cap {
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 140%;
  }
  .gameCard .info li + li {
    margin-left: 20px;
  }

  .partnersSection {
    margin-top: 20px;
  }
  .partnersSection .titleContainer [class*='Cap'] {
    letter-spacing: 0em;
  }
  .partnersSection .titleContainer + .contentContainer {
    margin-top: 25px;
  }
    .footer {
    margin-top: 64px;
    min-height: 478px;
  }
  .footer::before {
    width: 768px;
    margin-left: -384px;
  }
  .footer .back1 {
    margin-left: -542px;
    width: 1035px;
    height: 711px;
  }
  .footer .backEl1 {
    margin-right: -196px;
    top: 90px;
    width: 181px;
    height: auto;
  }
  .footer .back2 {
    top: 116px;
    margin-right: -447px;
    width: 568px;
    height: 487px;
  }
  .footer .backEl2 {
    top: 190px;
    margin-right: -260px;
    width: 55px;
    height: auto;
  }
  .footer .backEl3 {
    top: 192px;
    margin-right: -448px;
    width: 140px;
    height: auto;
  }
  .footer .back3 {
    top: 195px;
    margin-right: -616px;
    width: 385px;
    height: 378px;
  }
  .footer .back4,
  .footer .backEl4 {
    display: none;
  }
  .footer .video1Wrapper {
    margin-left: -542px;
    width: 1035px;
    height: 711px;
  }
  .footer .video1 {
    width: 217px;
    height: 175px;
    top: 72px;
    margin-left: -289px;
  }
  .footer .video2 {
    width: 164px;
    height: 165px;
    bottom: -66px;
    margin-left: -254px;
  }
  .footer .container,
  .footer .containerSm {
    width: 768px;
  }
  .footer .footerInfo {
    margin-top: 30px;
  }
  .footer .copyright {
    margin-top: 4px;
  }
  .footer .socLinks {
    margin-right: 60px;
  }
  .footer .footerLogo {
    left: -52px;
    top: 177px;
    width: 630px;
    height: auto;
  }

  .footerWrapper {
    padding-top: 312px;
  }

  .footerInfo {
    width: 100%;
    padding-right: 7px;
    display: flex;
    justify-content: space-between;
  }

  .socLinks li {
    width: 85px;
    height: 85px;
  }
  .socLinks li svg {
    width: 85px;
    height: 85px;
  }

  .infoSection {
    padding-top: 45px;
    padding-bottom: 80px;
  }
  .infoSection .titleContainer [class*='Cap'] {
    font-size: 132px;
    line-height: 90%;
    letter-spacing: 0.02em;
  }
  .infoSection .titleContainer::before {
    left: calc(100% - 196px);
    top: 60px;
    width: 392px;
    height: 447px;
  }
  .infoSection .titleContainer + .contentContainer {
    margin-top: 35px;
  }
  .infoSection .contentContainer {
    flex-direction: column-reverse;
  }
  .infoSection .leftSide {
    width: 100%;
    margin-top: 40px;
  }
  .infoSection .rightSide {
    width: 100%;
    padding-bottom: 0px;
  }
  .infoSection .info {
    margin-top: 0px;
    margin-left: 0px;
    width: 344px;
  }
  .infoSection .image {
    position: static;
    margin-top: 22px;
  }
  .infoSection .image picture {
    display: flex;
    justify-content: flex-end;
  }
  .infoSection .image img {
    width: 958px;
    height: auto;
    margin-right: -46px;
  }
  .infoSection .button {
    margin-top: 75px;
  }

  .infoList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .infoList li + li {
    margin-top: 0px;
  }

  .moreGamesSection {
    padding-top: 55px;
    padding-bottom: 110px;
  }
  .moreGamesSection .gamesBlock {
    position: static;
    margin-top: -17px;
    margin-bottom: 55px;
  }
  .moreGamesSection .wrapper {
    margin-left: 0px;
    margin-right: 0px;
    max-width: 100%;
  }
  .moreGamesSection .titleContainer + .contentContainer {
    margin-top: 0;
  }
  .moreGamesSection .button {
    margin-top: 32px;
  }
  .moreGamesSection .statList {
    margin-top: 90px;
  }

  .gamesBlock .item:first-child {
    margin-top: 55px;
  }
  .gamesBlock .item:last-child {
    margin-top: 0px;
  }
  .gamesBlock .title,
  .gamesBlock .subtitle {
    text-align: left;
  }

  .statList {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
  .statList .item {
    min-height: 186px;
    padding-right: 15px;
  }
  .statList .item:nth-child(1) .icon {
    top: 0px;
    right: 28px;
  }
  .statList .item:nth-child(2) .icon {
    top: 5px;
    right: 25px;
  }
  .statList .item:nth-child(3) .icon {
    top: 9px;
    right: 12px;
  }
  .statList .item:nth-child(4) .icon {
    top: 45px;
    right: 9px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 24px;
  }

  .container,
  .containerSm,
  .containerSm {
    max-width: 480px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .mobileMenu .inner {
    max-width: 480px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 199px;
    background-size: 330px auto;
    background-position: left 16px bottom 30px;
  }
  .mobileMenu .header {
    padding-top: 16px;
    min-height: 72px;
    align-items: flex-start;
  }
  .mobileMenu .siteLogo {
    width: 86px;
  }

  .siteMenu {
    margin-top: 54px;
  }
  .siteMenu li a {
    font-size: 16px;
    line-height: 24px;
  }
  .siteMenu li a [class*='icon'] {
    font-size: 24px;
  }
  .siteMenu li + li {
    margin-top: 20px;
  }

  .startSectionInner {
    margin-top: 26px;
  }
  .startSectionInner .startList {
    margin-top: 126px;
  }

  .startBlock .image {
    position: relative;
    left: 50%;
    top: -39px;
    width: 450px;
    max-width: unset;
    margin-left: -237px;
    margin-bottom: -39px;
  }
  .startBlock .leftSide .info,
  .startBlock .rightSide .info {
    max-width: 100%;
  }
  .startBlock .leftSide p,
  .startBlock .rightSide p {
    font-size: 16px;
    line-height: 24px;
  }
  .startBlock .rightSide {
    margin-top: -144px;
  }
  .startBlock .title {
    max-width: 310px;
  }
  .startBlock .title + .info {
    margin-top: 5px;
  }
  .startBlock .firstCap {
    line-height: 45px;
    letter-spacing: 0.02em;
  }
  .startBlock .firstCap br {
    display: none;
  }

  .startList .item {
    padding-left: 0px;
  }
  .startList .item + .item {
    margin-top: 105px;
  }
  .startList .item + .item:last-child {
    margin-top: 102px;
  }
  .startList .item .back1 {
    width: 155px;
    height: 154px;
    top: -68px;
  }
  .startList .item .back2 {
    width: 155px;
    height: 166px;
    top: -68px;
  }
  .startList .item .back3 {
    width: 193px;
    height: 127px;
    top: -68px;
  }
  .startList .title {
    padding-right: 50px;
  }
  .startList .title + .content {
    margin-top: 8px;
  }

  p {
    font-size: 16px;
    line-height: 24px;
  }

  .sliderSection {
    margin-top: 56px;
  }

  .siteSlider {
    width: 328px;
  }
}
@media (max-width: 767px) and (max-width: 359px) {
  .siteSlider {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .siteSlider .swiper-slide-next .gameSlide,
  .siteSlider .swiper-slide-prev .gameSlide {
    opacity: 0.3;
  }
  .siteSlider .swiper-navigation {
    display: none;
    left: 0px;
    bottom: -6px;
  }
  .siteSlider .swiper-navigation::before {
    width: 4px;
    height: 4px;
  }
  .siteSlider .swiper-navigation .swiper-button-prev,
  .siteSlider .swiper-navigation .swiper-button-next {
    width: 26px;
    height: 26px;
    font-size: 26px;
    line-height: 26px;
  }
  .siteSlider .swiper-navigation .swiper-button-prev + .swiper-button-next,
  .siteSlider .swiper-navigation .swiper-button-next + .swiper-button-next {
    margin-left: 18px;
  }
  .siteSlider .swiper-pagination {
    margin-top: 20px;
    margin-right: auto;
    min-height: 16px;
    max-width: 100%;
  }
  .siteSlider .swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
  }

  .gameSlide {
    min-height: 486px;
    padding: 24px;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767px) and (max-width: 359px) {
  .gameSlide .back img {
    position: absolute;
    left: 0px;
    top: 0px;
  }
}
@media (max-width: 767px) {
  .gameSlide .tag {
    font-size: 24px;
    line-height: 36px;
  }
  .gameSlide .tag + .title {
    margin-top: 0px;
  }
  .gameSlide .title [class*='Cap'] {
    font-size: 44px;
    line-height: 120%;
  }
  .gameSlide .content {
    display: none;
  }
  .gameSlide .buttons {
    width: 100%;
    margin-top: auto;
  }
  .gameSlide .buttons [class*='btn'] {
    min-width: 100%;
  }

  .claws {
    height: 225px;
  }
  .claws .inner {
    margin-left: -320px;
    width: 640px;
    height: 250px;
    min-width: unset;
    bottom: -24px;
  }
}
@media (max-width: 767px) and (min-width: 640px) {
  .claws .inner {
    width: 100%;
    margin-left: -50%;
  }
}

@media (max-width: 767px) {
  .gamesSection {
    padding-top: 48px;
  }
  .gamesSection .titleContainer [class*='Cap'] {
    font-size: 52px;
    line-height: 105%;
  }
  .gamesSection .titleContainer br {
    display: none;
  }
  .gamesSection .titleContainer + .contentContainer {
    margin-top: 30px;
  }

  .gamesGrid {
    -webkit-columns: unset;
    -moz-columns: unset;
    columns: unset;
  }
  .gamesGrid .gridItem + .gridItem {
    margin-top: 16px;
  }
  .gamesGrid .gridItem:last-child .text::before {
    background: radial-gradient(
      143.11% 265.71% at 66.56% -0.26%,
      #ff9900 0%,
      #52ff00 100%
    );
  }
  .gamesGrid .item {
    max-width: 392px;
    margin-left: auto;
    margin-right: auto;
  }
  .gamesGrid .item.img {
    display: none;
  }
  .gamesGrid .text {
    position: relative;
    padding: 24px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    z-index: 1;
  }
  .gamesGrid .text::before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: radial-gradient(
      111.86% 111.86% at 38.78% 7.98%,
      #c986ff 0%,
      #407bff 100%
    );
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    z-index: -1;
  }
  .gamesGrid .text::after {
    content: '';
    display: block;
    position: absolute;
    left: 1px;
    top: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background-color: white;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    -ms-border-radius: 19px;
    border-radius: 19px;
    z-index: -1;
  }
  .gamesGrid .text [class*='Cap'] {
    font-family: 'Montserrat';
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
  }
  .gamesGrid .text p {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 500;
  }
  .gamesGrid .text p b {
    font-weight: 500;
  }
  .gamesGrid .text p + p {
    margin-top: 8px;
  }

  .gameCard {
    min-height: 165px;
    height: unset;
  }
  .gameCard.lg {
    height: 426px;
  }
  .gameCard.lg .back img {
    position: relative;
    left: 50%;
    margin-left: -196px;
    min-width: 392px;
    object-position: center top;
  }
  .gameCard.lg .back::before {
    height: 163px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #0c0416 100%);
  }
  .gameCard.lg .in {
    padding: 24px;
  }
  .gameCard.lg .title [class*='Cap'] {
    letter-spacing: 0em;
  }
  .gameCard:not(.lg) .in {
    padding: 24px;
  }
  .gameCard .back::before {
    height: 163px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #0c0416 100%);
  }
  .gameCard .in {
    min-height: 165px;
  }
  .gameCard .date {
    font-size: 12px;
    line-height: 20px;
  }
  .gameCard .title [class*='Cap'] {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0em;
  }
  .gameCard .content {
    display: none;
  }
  .gameCard .info {
    margin-top: 13px;
    padding-top: 6px;
    font-size: 16px;
    line-height: 24px;
  }
  .gameCard .info .cap {
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 140%;
  }

  .partnersSection {
    margin-top: 70px;
  }
  .partnersSection .titleContainer + .contentContainer {
    margin-top: 21px;
  }

  .footer {
    margin-top: 64px;
    min-height: 357px;
  }
  .footer::before {
    height: 160px;
  }
  .footer .back1 {
    margin-left: -266px;
    width: 555px;
    height: 381px;
  }
  .footer .backEl1 {
    margin-right: -132px;
    top: 48px;
    width: 100px;
  }
  .footer .back2 {
    top: 62px;
    margin-right: -266px;
    width: 310px;
    height: 266px;
  }
  .footer .backEl2 {
    top: 100px;
    margin-right: -165px;
    width: 35px;
  }
  .footer .backEl3 {
    top: 211px;
    right: 0px;
    margin-right: 0px;
    width: 62px;
    left: 50%;
    margin-left: -205px;
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  .footer .back3 {
    top: 190px;
    right: auto;
    margin-right: 0;
    left: 50%;
    margin-left: -312px;
    width: 285px;
    height: 280px;
  }
  .footer .backEl4 {
    display: block;
    width: 114px;
    height: auto;
    margin-right: -226px;
    bottom: -5px;
  }
  .footer .back4 {
    display: block;
    margin-right: -364px;
    width: 349px;
    height: 79px;
    background-size: 100% auto;
  }
  .footer .video1Wrapper {
    margin-left: -266px;
    width: 555px;
    height: 381px;
  }
  .footer .video1 {
    width: 122px;
    height: 95px;
    top: 37px;
    margin-left: -158px;
  }
  .footer .video2 {
    width: 102px;
    height: 102px;
    bottom: 64px;
    margin-left: -64px;
  }
  .footer .container,
  .footer .containerSm {
    max-width: 360px;
    width: 100%;
  }
  .footer .footerInfo {
    min-width: unset;
    margin-top: 60px;
  }
  .footer .footerMenu {
    margin-top: 4px;
  }
  .footer .copyright {
    margin-top: 0px;
    font-size: 10px;
    line-height: 14px;
  }
  .footer .socLinks {
    margin-right: -5px;
  }
  .footer .footerLogo {
    left: -36px;
    top: 94px;
    width: 337px;
  }

  .footerWrapper {
    padding-top: 173px;
    padding-bottom: 24px;
  }

  .footerInfo {
    padding-right: 0px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
  }

  .socLinks li {
    position: relative;
    width: 60px;
    height: 60px;
    overflow: visible;
  }
  .socLinks li::before {
    content: '';
    display: block;
    position: absolute;
    left: -4px;
    top: -4px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    background-color: black;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: -1;
  }
  .socLinks li svg {
    width: 60px;
    height: 60px;
  }

  .footerMenu {
    justify-content: flex-start;
  }
  .footerMenu li a {
    font-size: 12px;
    line-height: 140%;
  }
  .footerMenu li + li {
    margin-left: 12px;
  }

  .infoSection {
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .infoSection .titleContainer {
    display: table;
  }
  .infoSection .titleContainer::before {
    left: calc(100% + 3px);
    top: -55px;
    width: 199px;
    height: 227px;
  }
  .infoSection .titleContainer [class*='Cap'] {
    font-size: 52px;
    line-height: 105%;
    letter-spacing: 0em;
  }
  .infoSection .titleContainer + .contentContainer {
    margin-top: 20px;
  }
  .infoSection .info {
    width: 100%;
  }
  .infoSection .info [class*='Cap'] {
    padding-right: 10px;
    max-width: 315px;
  }
  .infoSection .info [class*='Cap'] + p {
    margin-top: 16px;
  }
  .infoSection .image img {
    width: 143%;
    margin-right: -6%;
  }
  .infoSection .leftSide {
    margin-top: 15px;
  }
  .infoSection .button {
    margin-top: 32px;
  }

  .infoList {
    display: block;
    font-size: 16px;
    line-height: 24px;
  }
  .infoList li + li {
    margin-top: 20px;
  }

  .moreGamesSection {
    padding-top: 20px;
    padding-bottom: 35px;
  }
  .moreGamesSection .titleContainer [class*='Cap'] {
    font-size: 52px;
    line-height: 105%;
    letter-spacing: 0em;
  }
  .moreGamesSection .gamesBlock {
    margin-top: -10px;
    margin-bottom: 48px;
  }
  .moreGamesSection .content [class*='Cap'] {
    font-size: 24px;
    line-height: 30px;
  }
  .moreGamesSection .content [class*='Cap'] + p {
    margin-top: 16px;
  }
  .moreGamesSection .content p {
    line-height: 24px;
  }
  .moreGamesSection .button {
    margin-top: 30px;
  }
  .moreGamesSection .statList {
    margin-top: 64px;
  }

  .gamesBlock {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
  .gamesBlock .image {
    width: 100%;
    height: auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
  }
  .gamesBlock .image img {
    width: 100%;
    height: auto;
  }
  .gamesBlock .title {
    margin-top: 18px;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0.03em;
    text-align: center;
  }
  .gamesBlock .subtitle {
    font-size: 18px;
    line-height: 120%;
    text-align: center;
  }

  .statList {
    display: block;
  }
  .statList .icon {
    display: none;
  }
  .statList .iconSm {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
  }
  .statList .item {
    padding-left: 88px;
    min-height: unset;
  }
  .statList .item + .item {
    margin-top: 35px;
  }
  .statList .title {
    margin-right: -10px;
    font-size: 16px;
    line-height: 24px;
  }
  .statList .title span {
    margin-top: 1px;
    font-size: 30px;
    line-height: 33px;
    letter-spacing: 0em;
  }
  .statList .pct {
    margin-top: 8px;
    font-size: 48px;
    line-height: 105%;
  }
}

/*# sourceMappingURL=style.css.map */