@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

body {
  background-color: #15171D;
  margin: 0;
  padding: 0;
  font-family: 'Nunito', sans-serif; }

* {
  box-sizing: border-box; }

html {
  font-size: 10px; }

section {
  width: 100%; }

h1 {
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 4.8rem;
  color: black;
  margin-top: 28px; }

h2, h3, h4, h5, h6 {
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 3.2rem;
  color: black;
  margin-top: 0; }

.regOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(4px);
  z-index: 1007;
  display: none; }
  .regOverlay .reg {
    width: 460px;
    max-width: 90vw;
    border-radius: 16px;
    min-height: 100px;
    background: linear-gradient(135deg, #1E2127 0%, #1A1D26 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(119, 117, 209, 0.1);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1002;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 48px 40px 40px; }
    .regOverlay .reg svg.clo {
      max-width: 20px;
      max-height: 20px;
      position: absolute;
      cursor: pointer;
      right: 24px;
      transition: all 0.2s ease;
      top: 24px;
      opacity: 0.7; }
      .regOverlay .reg svg.clo:hover {
        transform: rotate(90deg);
        opacity: 1; }
    .regOverlay .reg span {
      color: white;
      font-size: 20px;
      width: 100%;
      font-weight: 700;
      text-transform: uppercase;
      display: block;
      text-align: center;
      line-height: 1.4;
      letter-spacing: 0.5px;
      margin-bottom: 8px; }
    .regOverlay .reg .reg__inputs {
      padding-top: 32px;
      width: 100%; }
      .regOverlay .reg .reg__inputs-login,
      .regOverlay .reg .reg__inputs-password {
        margin-bottom: 16px; }
      .regOverlay .reg .reg__inputs input {
        background-color: rgba(45, 49, 56, 0.6);
        border: 1px solid rgba(255, 255, 255, 0.1);
        outline: none;
        font-size: 15px;
        padding: 16px 20px;
        transition: all 0.2s ease;
        color: white;
        width: 100%;
        margin: 0;
        border-radius: 8px;
        font-family: 'Nunito', sans-serif; }
        .regOverlay .reg .reg__inputs input::placeholder {
          color: rgba(255, 255, 255, 0.4);
          font-size: 15px; }
        .regOverlay .reg .reg__inputs input:focus {
          background-color: rgba(52, 56, 63, 0.8);
          border-color: rgba(119, 117, 209, 0.5);
          box-shadow: 0 0 0 3px rgba(119, 117, 209, 0.1); }
      .regOverlay .reg .reg__inputs input[type='submit'] {
        cursor: pointer;
        border-radius: 10px;
        background: linear-gradient(135deg, #7775D1 0%, #9b99e8 100%);
        border: none;
        font-weight: 600;
        font-size: 15px;
        padding: 16px 24px;
        margin-top: 24px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        box-shadow: 0 4px 15px rgba(119, 117, 209, 0.3);
        transition: all 0.3s ease; }
        .regOverlay .reg .reg__inputs input[type='submit']:hover {
          background: linear-gradient(135deg, #9b99e8 0%, #7775D1 100%);
          transform: translateY(-2px);
          box-shadow: 0 6px 20px rgba(119, 117, 209, 0.4); }
        .regOverlay .reg .reg__inputs input[type='submit']:active {
          transform: translateY(0);
          box-shadow: 0 2px 10px rgba(119, 117, 209, 0.3); }

.reg__inputs-captcha {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  gap: 12px;
  margin-bottom: 16px;
}

.reg__inputs-captcha .fa {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  color: #7775D1;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 2;
}

.reg__inputs-captcha .fa:hover {
  color: #9b99e8;
  transform: translateY(-50%) rotate(90deg);
}

.reg__inputs-captcha input {
  flex: 1;
  min-width: 0;
}

.reg__privacy-agreement {
  margin: 12px 0;
  width: 100%;
}

.reg__privacy-checkbox {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}

.reg__privacy-checkbox input[type="checkbox"] {
  margin: 0;
  margin-right: 10px;
  margin-top: 2px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  cursor: pointer;
  appearance: none;
  background-color: #2d3138;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  position: relative;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.reg__privacy-checkbox input[type="checkbox"]:checked {
  background-color: #7775D1;
  border-color: #7775D1;
}

.reg__privacy-checkbox input[type="checkbox"]:checked::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 14px;
  font-weight: bold;
}

.reg__privacy-checkbox input[type="checkbox"]:hover {
  border-color: #7775D1;
}

.reg__privacy-text {
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.65);
  user-select: none;
  text-align: center;
  width: 100%;
}

.reg__privacy-text:first-of-type {
  margin-top: 20px;
}

.reg__privacy-text a {
  color: #7775D1;
  text-decoration: none;
  border-bottom: 1px solid rgba(119, 117, 209, 0.3);
  transition: all 0.2s ease;
  font-weight: 500;
}

.reg__privacy-text a:hover {
  color: #9b99e8;
  border-bottom-color: rgba(155, 153, 232, 0.5);
}



.loginOverlay {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1007;
  display: none; }
  .loginOverlay .login {
    width: 400px;
    min-height: 100px;
    background-color: #1E2127;
    position: fixed;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1002;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px; }
    .loginOverlay .login svg {
      max-width: 20px;
      max-height: 20px;
      position: absolute;
      cursor: pointer;
      right: 40px;
      transition: .15s;
      top: 40px; }
      .loginOverlay .login svg:hover {
        transform: rotate(90deg); }
    .loginOverlay .login span {
      color: white;
      font-size: 18px;
      font-weight: 700;
      text-transform: uppercase;
      display: block; }
    .loginOverlay .login .login__inputs {
      padding-top: 30px;
      width: 100%; }
      .loginOverlay .login .login__inputs input {
        background-color: #2d3138;
        border: 1px solid transparent;
        outline: none;
        border-radius: 5px;
        font-size: 16px;
        padding: 14px 20px;
        transition: .15s;
        color: white;
        width: 100%;
        margin: 12px 0; }
        .loginOverlay .login .login__inputs input:focus {
          background-color: #34383f; }
          .loginOverlay .login .login__inputs button {
            cursor: pointer;
            border: none;
            margin-top: 12px;
            color: white;
            font-weight: 500;
            outline: none;
            text-transform: uppercase;
            padding: 12px 20px;
            background-color: #7775D1;
            border-radius: 50px; }
            .loginOverlay .login .login__inputs button:hover {
              background-color: #fff;
              color: #7775D1; }

.loginOverlay .login .recovery__inputs-email {
  padding-top: 30px;
  width: 100%; }
  .loginOverlay .login .recovery__inputs-email input {
    background-color: #2d3138;
    border: 1px solid transparent;
    outline: none;
    border-radius: 5px;
    font-size: 16px;
    padding: 14px 20px;
    transition: .15s;
    color: white;
    width: 100%;
    margin: 12px 0; }
    .loginOverlay .login .recovery__inputs-email input:focus {
      background-color: #34383f; }
  .loginOverlay .login .recovery__inputs-email button {
    cursor: pointer;
    border: none;
    margin-top: 12px;
    color: white;
    font-weight: 500;
    outline: none;
    text-transform: uppercase;
    padding: 12px 20px;
    background-color: #7775D1;
    border-radius: 50px; }
    .loginOverlay .login .recovery__inputs-email button:hover {
      background-color: #fff;
      color: #7775D1; }


.loginOverlay .login .recovery__inputs-code {
  padding-top: 30px;
  width: 100%; }
  .loginOverlay .login .recovery__inputs-code input {
    background-color: #2d3138;
    border: 1px solid transparent;
    outline: none;
    border-radius: 5px;
    font-size: 16px;
    padding: 14px 20px;
    transition: .15s;
    color: white;
    width: 100%;
    margin: 12px 0; }
    .loginOverlay .login .recovery__inputs-code input:focus {
      background-color: #34383f; }
  .loginOverlay .login .recovery__inputs-code button {
    cursor: pointer;
    margin-top: 12px;
    border: none;
    color: white;
    outline: none;
    font-weight: 500;
    padding: 12px 20px;
    text-transform: uppercase;
    background-color: #7775D1;
    border-radius: 50px; }
    .loginOverlay .login .recovery__inputs-code button:hover {
      background-color: #fff;
      color: #7775D1; }




.loginOverlay .login .recovery__inputs-newPassword {
  padding-top: 30px;
  display: none;
  width: 100%; }
  .loginOverlay .login .recovery__inputs-newPassword input {
    background-color: #2d3138;
    border: 1px solid transparent;
    outline: none;
    border-radius: 5px;
    font-size: 16px;
    padding: 14px 20px;
    transition: .15s;
    color: white;
    width: 100%;
    margin: 12px 0; }
    .loginOverlay .login .recovery__inputs-newPassword input:focus {
      background-color: #34383f; }
  .loginOverlay .login .recovery__inputs-newPassword button {
    cursor: pointer;
    margin-top: 12px;
    border: none;
    color: white;
    outline: none;
    font-weight: 500;
    padding: 12px 20px;
    text-transform: uppercase;
    background-color: #7775D1;
    border-radius: 50px; }
    .loginOverlay .login .recovery__inputs-newPassword button:hover {
      background-color: #fff;
      color: #7775D1; }




body > header {
  background-color: transparent;
  z-index: 1006;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }
  body > header .wrapper {
    max-width: 1280px;
    margin: auto;
    height: 130px;
    display: flex;
    justify-content: flex-end; }
    body > header .wrapper .header__left {
      display: flex;
      align-items: center;
      padding-right: 70px; }
      body > header .wrapper .header__left .header__logo {
        padding-right: 20px; }
        body > header .wrapper .header__left .header__logo .header__logo-circle {
          width: 50px;
          height: 50px;
          border: 11px solid white;
          border-radius: 50px; }
          body > header .wrapper .header__left .header__nav {
        margin-left: 40px;
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: flex;
        height: 100%; }
        body > header .wrapper .header__left .header__nav li {
          position: relative;
          height: 100%;
          display: flex;
          align-items: center; }
        body > header .wrapper .header__left .header__nav li:hover a {
            opacity: 1; }
          body > header .wrapper .header__left .header__nav li:hover .fa {
            opacity: 1; }
          body > header .wrapper .header__left .header__nav li > a {
            padding: 0 16px;
            height: 100%;
            display: flex;
            position: relative;
            align-items: center;
            color: #ffffff;
            font-weight: 400;
            transition: .12s;
            opacity: .3;
            text-decoration: none;
            font-size: 18px;
            white-space: nowrap; }
          body > header .wrapper .header__left .header__nav li .fa {
            right: 20px;
            position: absolute;
            transition: .12s;
            opacity: .3;
            color: #ffffff;
            font-size: 24px; }
          body > header .wrapper .header__left .header__nav li .header__nav-secondMenu.active {
            top: 110px;
            opacity: 1;
            pointer-events: auto; }
          body > header .wrapper .header__left .header__nav li .header__nav-secondMenu {
            z-index: 1000;
            display: block;
            background-color: rgba(21, 23, 29, 0.85);
            -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
            position: absolute;
            transition: .15s;
            opacity: 0;
            pointer-events: none;
            top: 120px;
            left: 0;
            width: 270px;
            min-height: 50px;
            padding: 10px 0;
          border-radius: 15px; }
          body > header .wrapper .header__left .header__nav li:hover .header__nav-secondMenu {
            top: 110px;
            opacity: 1;
            pointer-events: auto; }
          body > header .wrapper .header__left .header__nav li .header__nav-secondMenu .secondMenu-link {
              position: relative;
              opacity: .3; }
            body > header .wrapper .header__left .header__nav li .header__nav-secondMenu .secondMenu-link::before {
                top: 50%;
                left: -5px;
                opacity: 0;
                position: absolute;
                content: "";
                display: block;
                width: 15px;
                transition: .4s;
                height: 2px;
                background-color: #fff; }
                body > header .wrapper .header__left .header__nav li .header__nav-secondMenu .secondMenu-link:hover {
                opacity: 1; }
                body > header .wrapper .header__left .header__nav li .header__nav-secondMenu .secondMenu-link:hover::before {
                  left: 15px;
                  opacity: 1; }
                  body > header .wrapper .header__left .header__nav li .header__nav-secondMenu .secondMenu-link:hover a {
                  margin-left: 15px; }
                  body > header .wrapper .header__left .header__nav li .header__nav-secondMenu .secondMenu-link a {
                padding: 0 35px;
                height: 100%;
                display: flex;
                align-items: center;
                color: #ffffff;
                font-weight: bold;
                transition: .2s;
                opacity: 1;
                text-decoration: none;
                font-size: 14px;
                font-weight: normal;
                text-transform: uppercase;
                padding: 7px 30px; }
                body > header .wrapper .header__reg {
      display: flex;
      align-items: center;
      padding: 0 20px; }
      body > header .wrapper .header__reg a.subscription {
        font-size: 18px;
        font-weight: 400;
        text-decoration: none;
        color: #ffffff;
        opacity: .3;
        transition: .12s; }
        body > header .wrapper .header__reg a.subscription:hover {
          opacity: 1; }
          body > header .wrapper .header__reg a.login {
        font-size: 18px;
        font-weight: 400;
        text-decoration: none;
        color: white;
        border: 2px solid #7775D1;
        text-transform: uppercase;
        border-radius: 30px;
        padding: 10px 55px;
        margin-left: 40px;
        transition: .12s;
        display: block; }
        body > header .wrapper .header__reg a.login:hover {
          background-color: #7775D1;
          color: white; }
          body > header .wrapper .header__reg a.name {
            font-size: 18px;
            font-weight: 400;
            text-decoration: none;
            color: #ffffff;
            opacity: .3;
            transition: .12s; }
            body > header .wrapper .header__reg a.name:hover {
              opacity: 1; }
              body > header .wrapper .header__reg a.logout {
            font-size: 18px;
            font-weight: 400;
            text-decoration: none;
            color: white;
            border: 2px solid #7775D1;
            text-transform: uppercase;
            border-radius: 30px;
            padding: 10px 55px;
            margin-left: 40px;
            transition: .12s;
            display: block; }
            body > header .wrapper .header__reg a.logout:hover {
              background-color: #7775D1;
              color: white; }
              body > header .wrapper .header__name {
      display: flex;
      align-items: center; }
      body > header .wrapper .header__name a.name {
        opacity: .3;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        color: #ffffff;
        border-radius: 50px;
        padding: 10px 35px;
        margin-left: 10px;
        transition: .12s;
        display: block; }
        body > header .wrapper .header__name a.name:hover {
          opacity: 1; }
          body > header .wrapper .header__name a.logout {
        opacity: .3;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        color: #ffffff;
        border: 3px solid #ffffff;
        border-radius: 50px;
        padding: 10px 35px;
        margin-left: 10px;
        transition: .12s;
        display: block; }
        body > header .wrapper .header__name a.logout:hover {
          opacity: 1; }

section.main {
  width: 100%;
  min-height: 100vh;
  z-index: 10;
  position: relative;
  background-color: #15171D; }
  section.main .wrapper {
    padding-top: 158px;
    max-width: 1420px;
    margin: auto;
    min-height: 300px;
    padding-bottom: 90px;
    display: flex;
    align-items: center;
    position: relative; }
    section.main .wrapper .ponchik {
      width: 700px;
      height: 700px;
      position: absolute;
      left: -110px; }
    section.main .wrapper .right__side {
      padding-left: 110px;
      position: relative;
      z-index: 200; }
    section.main .wrapper .left__side {
      position: relative;
      z-index: 200; }
      section.main .wrapper .left__side .circle {
        width: 480px;
        height: 480px;
        background-color: #15171d;
        border: 89px solid white;
        border-radius: 50%;
        box-shadow: 10px 10px 41px -24px #ffffffbf;
        display: flex;
        justify-content: center;
        align-items: center; }
    section.main .wrapper .main__btnPanel {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
    section.main .wrapper .main__socialLinks {
      margin-top: 34px;
      display: flex;
      gap: 10px;
      align-items: center; }
      section.main .wrapper .main__socialLinks a {
        width: auto;
        color: #d7d9de;
        text-decoration: none;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .06em;
        /* border: 1px solid rgba(255, 255, 255, 0.22); */
        /* background: rgba(255, 255, 255, 0.03); */
        border-radius: 999px;
        padding: 8px 12px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: .15s; }
        section.main .wrapper .main__socialLinks a:hover {
          color: #ffffff;
          border-color: #7775D1;
          background: rgba(119, 117, 209, 0.18); }
      section.main .wrapper .main__btnPanel .statusBlock {
        margin-left: 50px;
        display: flex;
        margin-top: 30px;
        justify-content: flex-start;
        align-items: center; }
        section.main .wrapper .main__btnPanel .statusBlock p {
          color: white;
          margin-left: 14px;
          opacity: .3;
          font-size: 14px;
          font-weight: 700;
          text-transform: uppercase; }

    section.main .wrapper h1 {
      display: block;
      font-size: 40px;
      padding: 80px 0 0 0;
      text-transform: uppercase;
      color: white;
      font-weight: light;
      font-family: 'Nunito', sans-serif; }
    section.main .wrapper span.title {
        display: block;
        font-size: 22px;
        margin-top: 10px;
        display: block;
        line-height: 28px;
        max-width: 800px;
        color: white;
      }
    section.main .wrapper h2 {
      display: block;
      font-size: 16px;
      margin-top: 4px;
      font-weight: 200;
      display: block;
      font-family: 'Nunito', sans-serif;
      max-width: 800px;
      color: rgb(255 255 255 / 60%); }

section.rev {
  width: 100%;
  margin-top: 130px; }
  section.rev .wrapper {
    max-width: 1280px;
    margin: auto; }
    section.rev .wrapper h6 {
      color: white;
      text-align: center;
      font-family: 'Nunito', sans-serif;
      text-transform: uppercase;
      display: block;
      font-size: 40px; }
    section.rev .wrapper .rev__wrap {
      width: 100%;
      display: flex;
      flex-direction: column;
      margin-top: 40px; }
      section.rev .wrapper .rev__wrap .rev__item {
        background-color: #1A1D26;
        position: relative;
        min-height: 113px;
        margin-bottom: 18px;
        border-radius: 15px; }
        section.rev .wrapper .rev__wrap .rev__item .item__leftLine {
          width: 13px;
          position: absolute;
          border-radius: 15px 0 0 15px;
          left: 0;
          top: 0;
          background-color: #7775D1;
          height: 100%; }
        section.rev .wrapper .rev__wrap .rev__item .item__userInfo {
          max-width: 1000px;
          border-bottom: 2px solid #15171D;
          margin: auto;
          display: flex;
          justify-content: space-between; }
          section.rev .wrapper .rev__wrap .rev__item .item__userInfo span.name {
            font-size: 18px;
            color: #c4c4c47e;
            padding: 8px 0; }
          section.rev .wrapper .rev__wrap .rev__item .item__userInfo span.time {
            font-size: 18px;
            color: #c4c4c47a;
            padding: 8px 0; }
        section.rev .wrapper .rev__wrap .rev__item p.text {
          max-width: 800px;
          font-size: 20px;
          color: white;
          margin: auto;
          text-align: center;
          word-wrap: break-word;
          padding: 32px 0; }
    section.rev .wrapper .rev__more {
      width: 100%;
      text-align: center; }
      section.rev .wrapper .rev__more button {
        margin-top: 40px;
        display: inline-block;
        color: #7775D1;
        font-size: 18px;
        background: none;
        border: none;
        font-weight: 300;
        cursor: pointer;
        padding: 0;
        text-decoration: underline;
        font-family: 'Nunito', sans-serif;
      }
      section.rev .wrapper .rev__more button:hover {
        text-decoration: none; }
    section.rev .wrapper textarea {
      border: none;
      border-radius: 10px;
      background-color: #1A1D26;
      color: #54575C;
      font-size: 20px;
      resize: none;
      margin-top: 50px;
      width: 100%;
      padding: 20px 50px;
       }
    section.rev .wrapper .linkWrap {
      max-width: 310px;
      margin: auto;
      margin-top: 15px; }
    section.rev .wrapper .rev__nologin {
      max-width: 490px;
      background-color: #1A1D26;
      padding: 3px 30px;
      margin: auto;
      border-radius: 50px;
      margin-top: 30px; }
      section.rev .wrapper .rev__nologin p {
        color: #54575C;
        font-size: 18px;
        font-weight: 600;
        text-align: center; }

.contacts {
  width: 100%;
  margin-top: 100px; }
  .contacts .wrapper {
    max-width: 1280px;
    margin: auto;
    display: flex;
    justify-content: space-around; }
    .contacts .wrapper a {
      background-color: #1A1D26;
      padding: 8px 20px;
      min-width: 280px;
      border-radius: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: .2s; }
      .contacts .wrapper a:hover {
        background-color: #7775D1; }
        .contacts .wrapper a:hover img {
          filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(106deg) brightness(102%) contrast(902%); }

.pulse {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7775D1;
  cursor: pointer;
  box-shadow: 0 0 0 #7775D1;
  animation: pulse 1.3s infinite; }
  .pulse:hover {
    animation: none; }

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(100, 88, 207, 0.4); }
  70% {
    box-shadow: 0 0 0 18px rgba(100, 88, 207, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(100, 88, 207, 0.4); } }

.slick-dots li button:before {
  color: white !important;
  content: "" !important;
  border: 1px solid #ffffff67;
  border-radius: 50px;
  height: 8px !important; }

.slick-dots li.slick-active button:before {
  background-color: #7775D1;
  border: 1px solid #7775D1; }

section.games {
  width: 100%;
  background-color: #15171D;
  padding-bottom: 160px;
  padding-top: 90px; }
  section.games h3 {
    font-family: 'Nunito', sans-serif;
    font-size: 40px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
  }
  section.games .wrapper {
    width: 100%; }
    section.games .wrapper span.title {
      text-align: center;
      font-size: 40px;
      margin-bottom: 70px; }
    section.games .wrapper .items {
      padding: 0 20px 0 20px;
      justify-content: space-around;
      min-height: 300px;
      max-height: 300px;
      display: flex; }
      section.games .wrapper .items .wrap__item {
        display: flex;
        outline: none;
        min-width: 460px;
        justify-content: center; }
        section.games .wrapper .items .wrap__item .item {
          width: 430px;
          position: relative;
          border-radius: 20px;
          display: flex;
          justify-content: center; }
          section.games .wrapper .items .wrap__item .item .label {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 50px;
            padding: 2px 30px;
            background-color: #1A1D26;
            transition: .2s;
            bottom: -52px;
            height: 40px;
            width: 250px;
            display: flex;
            justify-content: center;
            align-items: center; }
            section.games .wrapper .items .wrap__item .item .label span {
              font-size: 18px;
              color: white;
              text-transform: uppercase; }
              section.games .wrapper .items .wrap__item .item img {
                border-radius: 19px;
                transition: .2s;
                max-width: 100%;
                max-height: 300px;
                width: auto;
                height: auto;
                object-fit: contain;
              }

section.games.no_slider {
  position: relative;
  z-index: 1002;
  background-color: transparent;
  padding-top: 12px;
  padding-bottom: 90px;
}

section.games.no_slider .wrapper {
  max-width: 1280px;
  margin: auto;
  /* border: 1px solid red; */
}
section.games.no_slider .wrapper .items {
  max-height: 3000px;
  min-height: auto!important;
}

section.games.no_slider .wrapper .items .wrap__item .item .label {
  width: 100%;
  text-align: center;
}

section.games.no_slider .wrapper .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  padding: 0;
  /* flex: 1 1 100%; */
}

section.games.no_slider .wrapper .items .wrap__item {
  min-width: 400px!important;
}

section.games.no_slider .wrapper .item {
  width: 400px!important;
  margin: 0 12px;
  margin-bottom: 70px;
  
}

section.games.no_slider .wrapper .item img {
  width: 100%!important;
}

section.gif {
  width: 100%;
  background-color: #15171D; }
  section.gif .wrapper {
    max-width: 1280px;
    margin: auto;
    position: relative;
    min-height: 600px; }
    section.gif .wrapper .left {
      background-color: #1A1D26;
      position: absolute;
      max-width: 1130px;
      border-radius: 30px;
      width: 100%;
      left: 0;
      min-height: 450px;
      top: 40px;
      padding: 50px; }
      section.gif .wrapper .left .linkWrap {
        position: absolute;
        bottom: -26px;
        left: 57%;
        transform: translateX(-50%);
        text-align: center; }
        section.gif .wrapper .left .linkWrap a {
          display: inline-block;
          background-color: #fff;
          color: #7775D1;
          transition: .2s;
          font-weight: 600; }
          section.gif .wrapper .left .linkWrap a:hover {
            transform: translateY(-4px);
            box-shadow: 10px 10px 41px -24px #ffffffbf; }
      section.gif .wrapper .left h2 {
        font-size: 25px;
        max-width: 480px;
        font-weight: 600;
        text-align: center;
        display: block;
        text-transform: uppercase;
        color: white;
        font-family: 'Nunito', sans-serif;
      }
      /* section.gif .wrapper .left span {
        font-size: 25px;
        max-width: 480px;
        font-weight: 600;
        text-align: center;
        display: block;
        text-transform: uppercase;
        color: white; } */
      section.gif .wrapper .left p {
        font-size: 17px;
        max-width: 480px;
        text-align: center;
        font-weight: 200;
        color: #ffffffe6; }
    section.gif .wrapper .wrapRight {
      padding: 18px;
      background-color: #1A1D26;
      position: absolute;
      top: 0;
      right: 0;
      border-radius: 10px; }
      section.gif .wrapper .wrapRight .right {
        background-color: #7775D1;
        max-width: 675px;
        border-radius: 10px;
        width: 100%;
        padding: 8px; }
        section.gif .wrapper .wrapRight .right img {
          width: 100%;
          border-radius: 10px;
          width: 550px; }

section.podpiska {
  width: 100%; }
  section.podpiska .wrapper {
    max-width: 1280px;
    margin: auto; }
    section.podpiska .wrapper h4, section.podpiska .wrapper h5 {
      font-size: 40px;
      text-align: center;
      font-family: 'Nunito', sans-serif;
      color: white;
      display: block;
      text-transform: uppercase;
      font-weight: 600; }
    section.podpiska .wrapper .items {
      display: flex;
      padding-top: 30px;
      justify-content: space-around;
      flex-wrap: wrap;
      padding-left: 70px;
      padding-right: 70px; }
      section.podpiska .wrapper .items .item {
        height: 364px;
        margin-bottom: 90px;
        width: 288px;
        border-radius: 21px;
        background-color: #7775D1;
        position: relative;
        padding: 16px 16px 60px 16px; }
        section.podpiska .wrapper .items .item .linkWrap {
          position: absolute;
          bottom: -26px;
          width: 100%;
          text-align: center;
          left: 0px; }
          section.podpiska .wrapper .items .item .linkWrap a {
            display: inline-block;
            background-color: #fff;
            color: #7775D1;
            width: 95%;
            font-weight: 600;
            border: 2px solid white; }
            section.podpiska .wrapper .items .item .linkWrap a:hover {
              transform: translateY(-4px);
              box-shadow: 10px 10px 41px -24px #ffffffbf; }
        section.podpiska .wrapper .items .item .item__textWrap {
          display: flex;
          height: 100%;
          flex-direction: column;
          justify-content: space-between; }
          section.podpiska .wrapper .items .item .item__textWrap p.name {
            color: white;
            text-transform: uppercase;
            font-weight: 600;
            font-size: 30px;
            margin: 0; }
          section.podpiska .wrapper .items .item .item__textWrap ul {
            padding-left: 20px; }
            section.podpiska .wrapper .items .item .item__textWrap ul li {
              color: white;
              font-size: 16px; }
          section.podpiska .wrapper .items .item .item__textWrap .price span.min {
            text-decoration: line-through;
            color: white;
            padding: 0 10px;
            font-size: 20px; }
          section.podpiska .wrapper .items .item .item__textWrap .price span.max {
            padding: 0 10px;
            font-size: 35px;
            color: white; }
        section.podpiska .wrapper .items .item .days {
          width: 123px;
          position: absolute;
          right: -20px;
          top: -30px;
          height: 123px;
          background-color: #1A1D26;
          border: 3px solid #7775D1;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center; }
          section.podpiska .wrapper .items .item .days p {
            color: white;
            margin: auto;
            text-transform: uppercase;
            font-size: 20px;
            font-weight: 600; }

section.vid {
  width: 100%;
  margin-top: 140px; }
  section.vid .wrapper {
    max-width: 1280px;
    margin: auto; }
    section.vid .wrapper span.title,
    section.vid .wrapper h5 {
      font-size: 40px;
      text-align: center;
      padding: 20px 0;
      color: white;
      font-family: 'Nunito', sans-serif;
      text-transform: uppercase;
      font-weight: 600;
      display: block;
      margin: 0; }
    section.vid .wrapper .tabs {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      section.vid .wrapper .tabs .tab {
        cursor: pointer;
        margin: 0 6px;
        transition: .2s; }
        section.vid .wrapper .tabs .tab:hover {
          transform: translateY(-4px); }
        section.vid .wrapper .tabs .tab p {
          font-size: 18px;
          text-transform: uppercase;
          color: #C4C4C4;
          font-weight: 600;
          background-color: #1A1D26;
          padding: 10px 24px;
          border-radius: 50px; }
      section.vid .wrapper .tabs .tab.active p {
        background-color: #7775D1;
        color: white; }
    section.vid .wrapper .videos {
      display: flex;
      margin-top: 30px;
      justify-content: center; }
      section.vid .wrapper .videos .tab {
        width: 900px;
        height: 530px;
        max-width: 900px;
        display: none;
        background-color: #1A1D26;
        padding: 25px;
        border-radius: 30px;
        outline: none; }
        section.vid .wrapper .videos .tab video {
          width: 100%;
          border-radius: 30px;
          outline: none; }
      section.vid .wrapper .videos .tab[tab="1"] {
        display: block; }

section.main .wrapper h1 {
  font-size: 38px;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffffff;
  display: block; }

p.descr {
  font-size: 16px;
  line-height: 24px;
  color: white; }
  p.descr a {
    color: #F92654;
    margin: 0 5px; }
    p.descr a:hover {
      text-decoration: none; }

section.descr {
  width: 100%;
  background-color: #15171D; }
  section.descr .wrapper {
    max-width: 1280px;
    padding: 30px 0;
    margin: auto;
    padding-top: 70px; }

footer {
  width: 100%;
  background-color: #15171D;
  margin-top: 120px;
  border-top: 3px solid #7775D1; }
  footer .wrapper {
    max-width: 1280px;
    margin: auto;
    padding: 70px 24px 0;
    box-sizing: border-box; }
    footer .wrapper .footer__upper {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: start;
      gap: 40px clamp(32px, 6vw, 72px);
      width: 100%;
 }
    footer .wrapper .footer__first {
      display: flex;
      justify-content: flex-start;
      flex: 0 0 auto;
      width: auto;
      max-width: 220px;
      margin: 0 0 0 0; }
    footer .wrapper .footer__first .footer__logo-link {
      display: inline-flex;
      line-height: 0;
      text-decoration: none; }
  footer .wrapper .footer__first .footer__logo-link img {
    max-width: 100%;
    height: auto;
    display: block; }
    footer .wrapper .footer__columns-wrap {
      min-width: 0;
      width: 100%;
      display: block;
    margin-top: 34px; }
    footer .wrapper .footer__columns {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 40px clamp(40px, 5vw, 72px);
      width: 100%; }
    footer .wrapper .footer__col {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      flex: 0 1 auto;
      min-width: 180px;
      max-width: 420px; }
    footer .wrapper .footer__col--nav {
      max-width: 320px; }
    footer .wrapper .footer__columns a {
      color: #54575C;
      font-size: 14px;
      font-weight: 600;
      text-decoration: none;
      margin-bottom: 4px; }
      footer .wrapper .footer__columns a:hover {
        text-decoration: underline;
        color: #7775D1; }
    footer .wrapper .footer__second {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      width: 100%; }
    footer .wrapper .footer__second .footer__games {
      margin-top: 28px;
      padding-top: 6px; }
      footer .wrapper .footer__second .footer__games .footer__games-title {
        color: #A4A6AA;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        margin: 0 0 16px 0; }
      footer .wrapper .footer__second .footer__games .footer__games-list {
        display: flex;
        flex-wrap: wrap;
        gap: 12px; }
        footer .wrapper .footer__second .footer__games .footer__games-list a {
          margin-bottom: 0;
          padding: 8px 14px;
          border: 1px solid rgba(119, 117, 209, 0.28);
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.02);
          color: #8E9095;
          font-size: 12px;
          text-decoration: none;
          transition: .15s; }
          footer .wrapper .footer__second .footer__games .footer__games-list a:hover {
            text-decoration: none;
            color: #ffffff;
            border-color: #7775D1;
            background: #7775D1; }

.footer__third {
  background-color: #1A1D26;
  margin-top: 30px; }
  .footer__third p {
    color: #7775D1;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 0;
    text-align: center;
    margin: 0; }

section.product {
  width: 100%;
  background-color: #15171D; }
  section.product .wrapper {
    max-width: 1280px;
    padding: 30px 0;
    margin: auto;
    padding-top: 70px; }
    section.product .wrapper ul {
      padding-top: 40px; }
      section.product .wrapper ul li {
        margin-top: 20px;
        color: white;
        font-size: 18px; }
    section.product .wrapper span.title {
      text-align: center;
      font-size: 30px;
      font-weight: 700; }
    section.product .wrapper span.title2 {
      text-align: center;
      display: block;
      font-size: 24px;
      color: white;
      text-transform: uppercase; }
    section.product .wrapper span.description {
      text-align: center;
      display: block;
      font-size: 18px;
      color: white;
      margin-top: 10px; }
    section.product .wrapper .product__backLink {
      border-bottom: 3px solid #ffffff09;
      display: flex;
      align-items: center;
      padding: 12px 0;
      margin-bottom: 80px; }
      section.product .wrapper .product__backLink .fa {
        color: white;
        font-size: 18px;
        opacity: .3;
        padding: 0 2px; }
      section.product .wrapper .product__backLink a {
        margin-top: 1px;
        margin-left: 10px;
        opacity: .3;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        color: white;
        text-decoration: none;
        transition: .2s; }
        section.product .wrapper .product__backLink a:hover {
          opacity: 1; }
    section.product .wrapper .tarif {
      width: 760px;
      height: auto;
      padding: 0 0 30px 0;
      margin: auto;
      margin-top: 60px;
      border-radius: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 120px; }
      section.product .wrapper .tarif p.tarifAlert {
        color: #F92853;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 4px;
        margin-top: 60px; }
      section.product .wrapper .tarif .tarif__results {
        background-color: #f928520e;
        width: 100%;
        height: 60px;
        border-radius: 10px;
        border: 2px solid #F92853;
        display: flex;
        justify-content: center;
        align-items: center; }
        section.product .wrapper .tarif .tarif__results span {
          color: white;
          font-size: 28px;
          font-weight: bold; }
        section.product .wrapper .tarif .tarif__results p {
          color: white;
          margin-left: 8px;
          font-size: 18px; }

.linkWrap {
  position: relative;
  margin-top: 30px; }
  .linkWrap a.buy {
    position: relative;
    background-color: #7775D1;
    border-radius: 37px;
    z-index: 10;
    padding: 15px 30px;
    color: white;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    text-decoration: none;
    transition: .2s; }
    .linkWrap a.buy:hover {
      background-color: #ffffff;
      color: #7775D1; }

.buttonWrap {
  position: relative;
  margin-top: 30px; }
  .buttonWrap .buttonWrap__overlay {
    position: absolute;
    z-index: 1;
    border-radius: 5px;
    top: -2px;
    left: -2px;
    width: 244px;
    height: 52px;
    content: "";
    display: block;
    background-image: linear-gradient(to bottom right, #F92654 0%, #FA463A 100%); }
  .buttonWrap button.buy {
    position: relative;
    z-index: 30;
    background-color: #15181D;
    padding: 15px 30px;
    border-radius: 5px;
    border: none;
    color: white;
    outline: none;
    font-size: 16px;
    max-width: 240px;
    min-width: 240px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    transition: .2s; }
    .buttonWrap button.buy:hover {
      background-image: linear-gradient(to bottom right, #F92654 0%, #FA463A 100%); }

.range-slider {
  margin: 70px 0 0 0;
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .range-slider .prices {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px; }
    .range-slider .prices .prices__price {
      display: flex;
      align-items: flex-end; }
      .range-slider .prices .prices__price span {
        color: #F92853;
        font-size: 24px;
        font-weight: bold; }
      .range-slider .prices .prices__price p {
        color: white;
        font-size: 17px;
        margin: 0;
        margin-bottom: 2px;
        margin-left: 7px; }

.range-slider__range {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 18px;
  border-radius: 5px;
  background: #2B2E34;
  outline: none;
  padding: 0;
  margin: 0; }
  .range-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #F92853;
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out; }
    .range-slider__range::-webkit-slider-thumb:hover {
      background: #F92853; }
  .range-slider__range:active::-webkit-slider-thumb {
    background: #F92853; }
  .range-slider__range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: #F92853;
    cursor: pointer;
    -moz-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out; }
    .range-slider__range::-moz-range-thumb:hover {
      background: #F92853; }
  .range-slider__range:active::-moz-range-thumb {
    background: #F92853; }
  .range-slider__range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px #15181D, 0 0 0 6px #F92853; }
  .range-slider__range:after {
    position: absolute;
    top: 8px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #E07F80;
    border-bottom: 7px solid transparent;
    content: ''; }

::-moz-range-track {
  background: #797979;
  border: 0; }

input::-moz-focus-inner, input::-moz-focus-outer {
  border: 0; }

section.reviews {
  width: 100%;
  background-color: #15181D; }
  section.reviews .wrapper {
    padding-top: 70px;
    max-width: 1280px;
    margin: auto;
    border: 1px solid transparent; }
    section.reviews .wrapper .reviews__topPanel span.title {
      font-weight: 600; }
    section.reviews .wrapper .reviews__items-more a {
      color: #F92654;
      font-size: 16px; }
      section.reviews .wrapper .reviews__items-more a:hover {
        text-decoration: none; }
    section.reviews .wrapper .reviews__items {
      padding-top: 60px; }
      section.reviews .wrapper .reviews__items .reviews__item {
        margin-bottom: 40px;
        max-width: 700px;
        position: relative; }
        section.reviews .wrapper .reviews__items .reviews__item .reviews__item-del {
          position: absolute;
          right: 0;
          bottom: -15px; }
          section.reviews .wrapper .reviews__items .reviews__item .reviews__item-del span {
            color: #F92654;
            cursor: pointer;
            font-size: 14px; }
        section.reviews .wrapper .reviews__items .reviews__item .reviews__item-date span {
          font-size: 14px;
          font-weight: 800;
          color: #85878A; }
        section.reviews .wrapper .reviews__items .reviews__item .reviews__item-name span {
          font-size: 20px;
          color: white;
          font-weight: 700; }
        section.reviews .wrapper .reviews__items .reviews__item .reviews__item-text p {
          font-size: 14px;
          font-weight: 800;
          color: #85878A; }
    section.reviews .wrapper .reviews__form {
      margin-top: 80px;
      display: flex;
      align-items: start;
      flex-direction: column; }
      section.reviews .wrapper .reviews__form textarea {
        width: 700px;
        resize: none;
        outline: none;
        background-color: #ffffff07;
        border-radius: 10px;
        color: white;
        border: 2px solid #ffffff10;
        padding: 10px 20px;
        font-size: 14px; }

.alert {
  margin-top: 40px;
  width: 350px;
  height: 60px;
  background-color: #F2C94C;
  border-radius: 10px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .alert span {
    color: #8f772f;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 13px;
    display: block;
    max-width: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-left: -30px; }
  .alert .fa {
    color: #8f772f;
    font-size: 24px;
    position: absolute;
    right: 20px;
    top: 18px; }

.circleWrap {
  z-index: -1;
  position: absolute;
  right: 0px;
  opacity: .8;
  top: 0;
  width: 100%;
  height: 600px; }

section.screens {
  width: 100%;
  margin-top: 80px; }
  section.screens .wrapper {
    max-width: 1280px;
    margin: auto; }
    section.screens .wrapper h2.title {
      font-size: 40px;
      text-align: center;
      font-family: 'Nunito', sans-serif;
      display: block;
      align-items: center;
      text-transform: uppercase;
      color: white;
      padding: 60px 0 20px 0; }
    section.screens .wrapper .screens__slider {
      margin-top: 40px;
      padding: 0 40px;
      display: flex;
      overflow-x: scroll;
      position: relative;
      padding-bottom: 40px; }
      section.screens .wrapper .screens__slider .screens__llineWrap {
        position: absolute;
        width: 100%;
        height: 30px;
        bottom: 0px;
        background-color: #ff1111; }
        section.screens .wrapper .screens__slider .screens__llineWrap .screens__line {
          width: 70px;
          pointer-events: none;
          height: 100%;
          background: #22ad29;
          transform: translateX(50px); }
      section.screens .wrapper .screens__slider .screens__slider-line {
        display: flex;
        transition-timing-function: ease-out; }
      section.screens .wrapper .screens__slider .screens__slide-wrap {
        margin-right: 60px;
        outline: none;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: .2s; }
        section.screens .wrapper .screens__slider .screens__slide-wrap:hover .screens__slide {
          border: 2px solid #7775D1; }
          section.screens .wrapper .screens__slider .screens__slide-wrap:hover .screens__slide .lupa {
            opacity: 1; }
        section.screens .wrapper .screens__slider .screens__slide-wrap .screens__slide {
          cursor: pointer;
          width: 360px;
          height: 310px;
          position: relative;
          display: flex;
          background-color: #1A1D26;
          justify-content: center;
          align-items: center;
          overflow: hidden;
          border-radius: 20px; }
          section.screens .wrapper .screens__slider .screens__slide-wrap .screens__slide .lupa {
            position: absolute;
            opacity: 0;
            transition: .3s;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #0000008a;
            pointer-events: none; }
            section.screens .wrapper .screens__slider .screens__slide-wrap .screens__slide .lupa img {
              max-width: 40px;
              max-height: 40px; }
          section.screens .wrapper .screens__slider .screens__slide-wrap .screens__slide > img {
            width: auto;
            height: 240px; }

/* width */
::-webkit-scrollbar {
  width: 10px; }

/* Track */
::-webkit-scrollbar-track {
  background: #9c9c9c75; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: white;
  border-radius: 50px; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: white; }

section.ques {
  width: 100%;
  margin-top: 120px; }
  section.ques .wrapper {
    max-width: 1280px;
    margin: auto; }
    section.ques .wrapper h2.title {
      font-family: 'Nunito', sans-serif;
      font-size: 40px;
      text-align: center;
      color: white;
      text-transform: uppercase;
      display: block;
      padding: 50px 0 30px 0; }
    section.ques .wrapper .quesWrap {
      padding-top: 40px; }
      section.ques .wrapper .quesWrap .tab {
        padding: 0 60px;
        width: 100%;
        cursor: pointer;
        margin-top: 10px;
        background-color: #1A1D26;
        border-radius: 50px;
        min-height: 90px;
        position: relative;
        display: flex;
        justify-content: start;
        align-items: center;
        transition: .4s; }
        section.ques .wrapper .quesWrap .tab:hover {
          background-color: #242835;
          transition: .01s; }
          section.ques .wrapper .quesWrap .tab:hover .circle {
            background-color: #ffffff; }
          section.ques .wrapper .quesWrap .tab:hover .fa {
            color: #ffffff; }
        section.ques .wrapper .quesWrap .tab .circle {
          position: absolute;
          width: 17px;
          left: 25px;
          top: 34px;
          height: 17px;
          background-color: #7775D1;
          border-radius: 50%; }
        section.ques .wrapper .quesWrap .tab p {
          font-size: 30px;
          color: white;
          margin: 3px; }
        section.ques .wrapper .quesWrap .tab .fa {
          color: #7775D1;
          font-size: 70px;
          transform: rotate(-90deg);
          position: absolute;
          right: 30px;
          top: 10px; }
      section.ques .wrapper .quesWrap .tab.active {
        background-color: #7775D1; }
        section.ques .wrapper .quesWrap .tab.active .circle {
          background-color: #fff; }
        section.ques .wrapper .quesWrap .tab.active .fa {
          color: #fff;
          transform: rotate(0deg); }
      section.ques .wrapper .quesWrap .info {
        background-color: #1A1D26;
        padding: 80px 30px 30px 30px;
        margin-top: -34px;
        display: none;
        border-radius: 0 0 20px 20px; }
        section.ques .wrapper .quesWrap .info p {
          font-size: 20px;
          color: white;
          font-weight: 600; }

.slick-next {
  right: 0px !important; }
  .slick-next::before {
    content: "" !important;
    font-family: "FontAwesome" !important;
    font-size: 38px !important; }

.slick-prev {
  left: 0px !important; }
  .slick-prev::before {
    content: "" !important;
    font-family: "FontAwesome" !important;
    font-size: 38px !important; }

section.videos {
  width: 100%;
  padding-top: 90px; }
  section.videos .wrapper {
    max-width: 1280px;
    margin: auto; }
    section.videos .wrapper .videos__items {
      margin-top: 40px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      section.videos .wrapper .videos__items .videos__item {
        width: 400px; }
        section.videos .wrapper .videos__items .videos__item p {
          color: white;
          opacity: .3;
          font-size: 16px;
          text-transform: uppercase; }
        section.videos .wrapper .videos__items .videos__item .videos__item-wrap {
          width: 100%;
          cursor: pointer; }
          section.videos .wrapper .videos__items .videos__item .videos__item-wrap video {
            outline: none;
            width: 100%; }

section.cabinet {
  width: 100%;
  margin-top: 210px; }
  section.cabinet .wrapper {
    max-width: 1280px;
    margin: auto; }
    section.cabinet .wrapper .title {
      color: white;
      font-size: 28px;
      font-family: 'Nunito', sans-serif;
      text-transform: uppercase;
    }
    section.cabinet .wrapper .cabinet__items {
      padding-top: 60px;
      flex-wrap: wrap;
      display: flex; }
      section.cabinet .wrapper .cabinet__items .cabinet__item {
        margin-right: 15px;
        margin-bottom: 15px;
        border-radius: 10px;
        padding: 20px 30px;
        width: 400px;
        background-color: #1E2127;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        section.cabinet .wrapper .cabinet__items .cabinet__item span {
          color: white;
          font-weight: 800;
          font-size: 18px;
          text-transform: uppercase; }
        section.cabinet .wrapper .cabinet__items .cabinet__item p.time {
          color: #73a32f;
          font-size: 16px; }
        section.cabinet .wrapper .cabinet__items .cabinet__item p.text {
          font-size: 14px;
          color: white;
          opacity: .3; }

section.cabinet .cabinet__items .cabinet__item--social .cabinet__social-btns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 20px;
}
section.cabinet .cabinet__items .cabinet__item--social .cabinet__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  padding: 7px 10px;
  border-radius: 999px;
  transition: opacity 0.2s ease, transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
section.cabinet .cabinet__items .cabinet__item--social .cabinet__social-link:hover {
  opacity: 0.88;
  transform: translateY(-2px);
  border-color: rgba(119, 117, 209, 0.35);
  background: rgba(119, 117, 209, 0.08);
}
section.cabinet .cabinet__items .cabinet__item--social .cabinet__social-link img {
  height: 24px;
  width: auto;
  display: block;
}

.cabinet__item .linkWrap {
  /* text-align: center; */
  margin-bottom: 20px;
}

.cabinet__item .linkWrap a.buy {
  font-size: 16px;
  padding: 12px 30px;
  display: inline;
}

.cabinet__item .keyInput {
  margin: 10px 0 20px 0;
  width: 100%;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #2a2d35;
  background: #1A1D26;
  color: #fff;
  outline: none;
}
.cabinet__item .keyInput:focus {
  border-color: #7775D1;
}

          
.load {
  position: fixed;
  display: none;
  left: 0;
  z-index: 1100;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #0000009f; }

.load.active {
  display: block; }

.message {
  margin-top: 40px;
  width: 380px;
  height: 65px;
  z-index: 300;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border-radius: 16px;
  bottom: -80px;
  right: 20px;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.4), 0 10px 10px -5px rgba(16, 185, 129, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px); }
  .message span {
    color: #ffffff;
    text-transform: none;
    font-weight: 600;
    font-size: 14px;
    display: block;
    max-width: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-left: -20px;
    font-family: 'Nunito', sans-serif;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
  .message .fa {
    color: #ffffff;
    font-size: 20px;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)); }

.message.active {
  bottom: 20px;
  transform: translateY(0);
  animation: messageSlideIn 0.3s ease-out; }

@keyframes messageSlideIn {
  0% {
    transform: translateY(100%) scale(0.95);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}

.load__wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.pswp__preloader__icn {
  opacity: 0.75;
  width: 20px;
  height: 20px;
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite; }

.pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 20px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0; }

.pswp__preloader__donut--fake {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 2px solid red;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

.pswp__preloader__donut {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    transform: rotate(0); }
  50% {
    transform: rotate(-140deg); }
  100% {
    transform: rotate(0); } }

.message__alert {
  margin-top: 40px;
  width: 350px;
  height: 60px;
  z-index: 1100;
  /* transition: .2s; */
  background-color: #F2C94C;
  border-radius: 10px;
  bottom: -60px;
  right: 300px;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center; }
  .message__alert span {
    color: #8f772f;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 13px;
    display: block;
    max-width: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-left: -30px; }
  .message__alert .fa {
    color: #8f772f;
    font-size: 24px;
    position: absolute;
    right: 20px;
    top: 18px; }

.message__alert.active {
  bottom: 20px; }

.menu-toggle {
  flex: 0 0 auto;
  display: none;
  width: 60px;
  height: 60px;
  cursor: pointer;
  position: absolute;
  right: 20px;
  opacity: .3;
  top: 75px;
  transform: translateY(-50%); }

.hamburger, .cross {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.hamburger span {
  display: block;
  width: 26px;
  height: 3px;
  margin-bottom: 3px;
  overflow: hidden;
  position: relative; }
  .hamburger span:last-child {
    margin: 0; }
  .hamburger span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    transform: translateX(-200%);
    transition: transform ease 300ms; }
  .hamburger span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    transform: translateX(-200%);
    transition: transform ease 300ms;
    transform: translateX(0); }
  .hamburger span:nth-child(2):before, .hamburger span:nth-child(2):after {
    transition-delay: 75ms; }
  .hamburger span:last-child:before, .hamburger span:last-child:after {
    transition-delay: 150ms; }

.menu-toggle:hover .hamburger span:before {
  transform: translateX(0); }

.menu-toggle:hover .hamburger span:after {
  transform: translateX(200%); }

.menu-toggle.active .hamburger span:before {
  transform: translateX(100%); }

.menu-toggle.active .hamburger span:after {
  transform: translateX(200%); }

.cross span {
  display: block;
  width: 26px;
  height: 3px;
  background-color: white;
  transform: translateY(50%) rotate(45deg) scaleX(0);
  transition: transform ease 200ms; }
  .cross span:last-child {
    transform: translateY(-50%) rotate(-45deg) scaleX(0); }

.menu-toggle.active {
  opacity: 1; }

.menu-toggle.active .cross span {
  transition-delay: 450ms;
  transform: translateY(50%) rotate(45deg) scaleX(1); }
  .menu-toggle.active .cross span:last-child {
    transform: translateY(-50%) rotate(-45deg) scaleX(1); }

header .wrapper .header__left .header__nav li.mob {
  display: none; }

.reviews__item-del {
  position: absolute;
  right: 40px;
  cursor: pointer;
  bottom: 20px;
}

.reviews__item-del span {
  font-size: 16px;
  color: #7775D1;
}

.reviews__item-del:hover span {
  text-decoration: underline;
}


/* ADMIN */

section.admin {
  width: 100%;
  margin-top: 100px;
}

section.admin .wrapper {
  max-width: 1780px;
  margin: auto;
}

section.admin .wrapper h1 {
  color: white;
  font-size: 20px;
  text-transform: uppercase;
}

section.admin .admin__inputs {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}

section.admin .admin__input {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  margin: 5px 0px;
}

.adminInterfaceWrap {
  display: flex;
}

section.admin .admin__input label {
  font-size: 12px;
  order: -1;
  font-weight: bold;
  margin-bottom: 5px;
  color: white;
  text-transform: uppercase;
}

section.admin .admin__input input {
  border: none;
  background-color: #2b2f38;
  outline: none;
  padding: 6px 10px;
  color: white;
}

section.admin .admin__btns {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 20px 20px;
}

section.admin .admin__inputs textarea {
  margin-top: 8px;
  font-size: 14px;
  padding: 5px 10px;
  border: none;
  background-color: #2b2f38;
  color: white;
  outline: none;
  max-width: 189px;
}

section.admin .admin__btns button {
  margin: 5px 0px;
  font-size: 14px;
  font-weight: 500;
  background-color: #7775D1;
  border: none;
  color: white;
  padding: 8px 18px;
  border-radius: 50px;
  outline: none;
  cursor: pointer;
  transition: .2s;
}

section.admin .admin__btns button:hover {
  transform: translateY(-3px);
  box-shadow: 2px 10px 25px -13px #7775D1;
}

section.admin .admin__userData .admin__user {
  display: flex;
  align-items: center;
}

/* section.admin .admin__userData .admin__user */

section.admin .admin__userData .admin__user p {
  border: 1px solid rgba(255, 255, 255, 0.157);
  margin: 8px 5px 8px 0px;
  font-size: 14px;
  min-height: 27px;
  padding: 3px 12px;
}

.admin__infoLine {
  width: 100%;
  margin-top: 15px;
  /* border: 1px solid red; */
  display: flex;
}


.admin__infoLine .infoLine__wrap {
  background-color: #7775D1;
  margin-right: 5px;
  border: 1px solid transparent;
}

.admin__infoLine .infoLine__wrap span {
  text-transform: uppercase;
  color: white;
  padding: 10px 10px;
  display: block;
  font-size: 14px;
}





/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

section.admin .wrapper {
  position: relative;
}

.admin__upPanel {
  position: fixed;
  z-index: 3300;
  top: 100px;
  left: 0;
  width: 100%;
  height: 60px;
  border: 1px solid red;
}

.admin__upPanel .wrap {
  max-width: 1280px;
  border: 1px solid green;
  margin: auto;
  height: 100%;
}

section.end {
  width: 100%;
}

section.end .wrapper {
  max-width: 1280px;
  margin: auto;
  /* border: 1px solid red; */
}

section.end .wrapper h1 {
  color: #ffffff;
  font-family: 'Nunito', sans-serif;
  margin-bottom: 0;
}

section.end .wrapper p.what {
  color: #ffffff;
  font-weight: 800;
  margin-top: 0;
  opacity: .2;
  font-size: 24px;
  text-transform: uppercase;
  font-family: 'Nunito', sans-serif;
}

section.end .wrapper ol {
  padding-left: 22px;
}

section.end .wrapper ol li {
  margin-top: 10px;
  color: white;
  font-size: 18px;
  font-family: 'Nunito', sans-serif;
}

.login__inputs-recovery {
  display: flex;
}


.login__inputs-recovery a {
  color: #4d5057;
  font-size: 14px;
  font-weight: 600;
  display: block;
  margin-bottom: 20px;
}

.login__inputs-recovery a:hover {
  text-decoration: none;
}

.recovery__inputs-email {
  display: none;
}

.recovery__inputs-code {
  display: none;
}

/* KEYS  */

.keys__panel {
  display: flex;
  margin-top: 50px;
}

.keys__panel .keys__btns {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 20px 20px;
}

.keys__panel .keys__btns button {
  margin: 5px 0px;
  font-size: 14px;
  font-weight: 500;
  background-color: #7775D1;
  border: none;
  color: white;
  padding: 8px 18px;
  border-radius: 50px;
  outline: none;
  cursor: pointer;
  transition: .2s;
}

.keys__panel .keys__btns button:hover {
  transform: translateY(-3px);
  box-shadow: 2px 10px 25px -13px #7775D1;
}



.keys__data {
  width: 100%;
  /* border: 1px solid red; */
}

.title__wrap {
  display: flex;
}

.keys__data .left {
  flex: 1;
  /* border: 1px solid green; */
}

.keys__data .right {
  flex: 1;
  /* border: 1px solid green; */
}

.keys__data .info-line {
  background-color: #7775D1;
  margin-right: 10px;
}

.keys__data .info-line span {
  font-size: 14px;
  text-transform: uppercase;
  color: white;
  padding: 10px 10px;
  display: block;
}


.admin__row {
  display: flex;
}

.admin__row .row__item {
  min-height: 27px;
  min-width: 70px;
  margin: 8px 5px 8px 0px;
  border: 1px solid rgba(255, 255, 255, 0.157);
}

.admin__row .row__item p {
  font-size: 14px;
  color: white;
  padding: 3px 12px;
  margin: 0;
}


section.readme {
  z-index: 1006;
  position: relative;
  width: 100%;
  margin-top: 125px;
  padding-bottom: 140px; }
  section.readme .wrapper {
    max-width: 1280px;
    margin: auto; }
    section.readme .wrapper span.title {
      padding-top: 70px;
      font-size: 36px!important;
      margin: 40px 0 20px 0;
      color: white;
      font-family: 'Nunito', sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      display: block;
      margin-top: 50px;
     }
    section.readme .wrapper p.text {
      padding-left: 28px;
      font-size: 16px;
      color: white;
      font-weight: 600;
      position: relative;
      margin-top: 11px;
      margin-bottom: 11px; }
      section.readme .wrapper p.text:after {
        content: "";
        display: block;
        position: absolute;
        left: 0px;
        top: 8px;
        width: 12px;
        height: 12px;
        border-radius: 50px;
        background-color: #7775D1; }
      section.readme .wrapper p.text strong {
        font-weight: 900;
        color: #7775D1; }
    section.readme .wrapper img {
      margin-top: 15px;
      border-radius: 20px;
      margin-right: 10px;
      border: 6px solid #7775D1;
      max-height: 190px; }


      .ressellerTarifWrap {
        width: 100%;
        /* border: 1px solid red; */
        display: flex;
      }

      .ressellerTarifWrap .tarifItem {
        width: 170px;
        height: 260px;
        border: 3px solid #7775D1;
        border-radius: 10px;
        margin: 0 10px;
        padding: 10px 10px;
      }

      .ressellerTarifWrap .tarifItem span.name {
        color: white;
        font-size: 16px;
        display: block;
        font-weight: 800;
        text-transform: uppercase;
      }

      .ressellerTarifWrap .tarifItem span.price {
        display: block;
        color: #F92853;
        font-weight: 800;
        font-size: 18px;
        margin-top: 14px;
      }

      .ressellerTarifWrap .tarifItem p.recomend {
        color: white;
        font-size: 14px;
      }

.supportWindow {
  border: 1px solid red;
  position: fixed;
  right: 10px;
  bottom: 20px;
  width: 200px;
  height: 100px;
}

.admin__paginationSettings {
  margin-top: 30px;
}

.admin__paginationSettings input {
  margin-right: 30px;
  border: none;
  background-color: #2b2f38;
  outline: none;
  padding: 6px 10px;
  color: white;
}

.admin__onlineUsers p {
  color: white;
  font-size: 16px;
}



.paymentModalWrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(4px);
  z-index: 100;
  display: none;
  justify-content: center;
  align-items: center;
}

.paymentModal {
  padding: 34px 42px 78px;
  width: 560px;
  max-width: calc(100vw - 32px);
  height: auto;
  min-height: 140px;
  background: linear-gradient(135deg, #15171D 0%, #1A1D26 100%);
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(119, 117, 209, 0.15);
  position: relative;
}

.paymentModal span.title {
  font-size: 22px;
  text-align: center;
  color: white;
  font-weight: 700;
  text-transform: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  letter-spacing: 0.3px;
  letter-spacing: 0.3px;
}

.paymentModal .paymentItems {
  padding-top: 26px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

.paymentModal .paymentItems .paymentItem {
  width: 100%;
  max-width: 440px;
  min-height: 260px;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    radial-gradient(circle at 16% 0, rgba(119, 117, 209, 0.24), transparent 36%),
    #1A1D26;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  transition: all 0.25s ease;
}

.paymentModal .paymentItems .paymentItem:before {
  display: none;
  content: "\f058";
  width: 22px;
  height: 22px;
  position: absolute;
  right: 16px;
  top: 16px;
  color: #ffffff;
  z-index: 2;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  font: normal normal normal 18px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.paymentModal .paymentItems .paymentItem:hover {
  transform: translateY(-3px);
  border-color: rgba(119, 117, 209, 0.6);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

.paymentModal .paymentItems .paymentItem.active {
  border: 1px solid rgba(119, 117, 209, 0.9);
  box-shadow: 0 0 0 1px rgba(119, 117, 209, 0.45), 0 18px 38px rgba(0, 0, 0, 0.56), 0 0 34px rgba(119, 117, 209, 0.12);
}

.paymentModal .paymentItems .paymentItem.active:before {
  display: block;
}

.paymentItem__logo {
  width: 170px;
  min-height: 58px;
  padding: 14px 22px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

.paymentItem__logo-img {
  display: block;
  width: 100%;
  max-height: 46px;
  object-fit: contain;
}

.paymentItem__caption {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
}

.paymentItem__caption span {
  color: #ffffff;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.paymentItem__caption small {
  color: rgba(255, 255, 255, 0.52);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.paymentMethods {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  position: relative;
  z-index: 1;
}

.paymentMethod {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 9px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.82);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}

.paymentMethod__icon {
  width: 20px;
  height: 20px;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #ffffff;
  font-family: 'Nunito', Arial, sans-serif;
  font-size: 9px;
  font-weight: 900;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.02em;
  background: rgba(119, 117, 209, 0.55);
}

.paymentMethod__icon--sbp { background: linear-gradient(135deg, #37c871, #6b63ff); }
.paymentMethod__icon--card { background: linear-gradient(135deg, #8b91a1, #565b68); }
.paymentMethod__icon--wm { background: linear-gradient(135deg, #1e9bd7, #0b65a3); }
.paymentMethod__icon--sber { background: linear-gradient(135deg, #31c96b, #f2cf3b); }
.paymentMethod__icon--binance { background: linear-gradient(135deg, #f3ba2f, #d98f00); }
.paymentMethod__icon--pix { background: linear-gradient(135deg, #2fc3a2, #1b8f86); }
.paymentMethod__icon--paymer { background: linear-gradient(135deg, #2e7f74, #1f4b55); }
.paymentMethod__icon--btc { background: linear-gradient(135deg, #f7931a, #c75d00); }
.paymentMethod__icon--ltc { background: linear-gradient(135deg, #9aa4b2, #4f5968); }
.paymentMethod__icon--usdt { background: linear-gradient(135deg, #26a17b, #16745a); }
.paymentMethod__icon--alipay { background: linear-gradient(135deg, #1677ff, #0b58c9); }

@media (max-width: 560px) {
  .paymentModal {
    padding: 28px 18px 72px;
  }

  .paymentModal .paymentItems .paymentItem {
    padding: 20px 14px;
  }

  .paymentMethods {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.paymentModal .linkWrap {
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 360px;
}

.paymentModal .linkWrap__overlay {
  display: none;
}

.paymentModal .linkWrap a.buy {
  display: block;
  width: 100%;
  text-align: center;
  background: linear-gradient(135deg, #7775D1 0%, #9b99e8 100%);
  border-radius: 999px;
  padding: 16px 24px;
  font-family: 'Nunito', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(119, 117, 209, 0.35);
  transition: all 0.3s ease;
}

.paymentModal .linkWrap a.buy:hover {
  background: linear-gradient(135deg, #9b99e8 0%, #7775D1 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(119, 117, 209, 0.45);
}

.paymentModal .linkWrap a.buy:active {
  transform: translateY(0);
  box-shadow: 0 3px 12px rgba(119, 117, 209, 0.35);
}

.purpleStyle {
  margin: 5px 0px;
  font-size: 14px;
  font-weight: 500;
  background-color: #7775D1;
  border: none;
  color: white;
  padding: 8px 18px;
  border-radius: 50px;
  outline: none;
  cursor: pointer;
  transition: .2s;
}

.header__miniLogo {
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  z-index: 4;
  position: relative;
}

.header__miniLogo img {
  padding-left: 40px;
}

header > img {
  position: absolute;
  pointer-events: none;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  top: 0;
  z-index: -1;
}

section.admin .admin__input textarea {
  background-color: #2B2F38;
  border: none;
  color: white;
  font-size: 16px;
}

.blog__btns .blog__create {
  margin: 5px 0px;
  font-size: 14px;
  font-weight: 500;
  background-color: #7775D1;
  border: none;
  color: white;
  padding: 8px 18px;
  border-radius: 50px;
  outline: none;
  cursor: pointer;
  transition: .2s;
}

.blog__btns .blog__create:hover {
  transform: translateY(-3px);
  box-shadow: 2px 10px 25px -13px #7775d1;
}

.update__btns .update__create {
  margin: 5px 0px;
  font-size: 14px;
  font-weight: 500;
  background-color: #7775D1;
  border: none;
  color: white;
  padding: 8px 18px;
  border-radius: 50px;
  outline: none;
  cursor: pointer;
  transition: .2s;
}

.update__btns .update__create:hover {
  transform: translateY(-3px);
  box-shadow: 2px 10px 25px -13px #7775d1;
}

section.main.gamePageMod {
  position: relative;
  z-index: 1006;
  background-color: transparent;
  margin-top: 150px;
}

section.main.gamePageMod .wrapper {
  padding-top: 0px;
}

section.main.gamePageMod .wrapper .left__side {
  margin-top: -65px;
}



section.main.gamePageMod .wrapper .left__side .circle {
  /* border: 2px solid white; */
  border: none;
  
  background-position: center center;
  background-size: cover;
  box-shadow: 10px 10px 41px -24px #988dff48;
}

section.main.gamePageMod {
  min-height: calc(100vh - 230px);
}



img.smoke {
  position: absolute;
  width: 390px;
  margin-top: -30px;
}

img.imgLogo {
  position: relative;
  z-index: 10;
}

p.mainText {
  display: block;
  font-size: 40px;
  text-transform: uppercase;
  color: white;
  margin-top: 80px;
  margin-bottom: 10px;
  font-weight: 600;
  /* font-weight: light; */
}

section.main .wrapper h1 {
  font-size: 18px;
  margin-top: 10px;
  display: block;
  line-height: 28px;
  max-width: 800px;
  color: white;
  font-weight: 400;
  padding: 0;
  margin: 0;
  text-transform: lowercase;
}

section.main.gamePageMod .wrapper h1 {
  margin-bottom: 0;
  margin-top: 0;
}

section.main.gamePageMod .wrapper h1 {
  padding-top: 10px;
  font-size: 56px!important;
  text-transform: uppercase;
  line-height: 56px;
  font-weight: 600;
}

section.main .wrapper .right__side span.descr {
  font-size: 18px;
  margin-top: 0px;
  display: block;
  line-height: 28px;
  max-width: 800px;
  color: white;
}

section.readme span.descr {
  display: block;
  color: white;
  font-size: 26px;
  font-weight: 800;
  margin-top: 20px;
  margin-bottom: 30px;
  position: relative;
}

section.readme span.descr:after {
  content: "";
  display: block;
  width: 100px;
  height: 4px;
  background-color: #7775D1;
  position: absolute;
  bottom: -10px;
  left: 0;
}

section.readme ul li a:after {
  content: "";
  display: block;
  position: absolute;
  left: -30px;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  background-color: #7775D1;
}

section.readme ul {
  padding-left: 30px;
}

/* section.readme ul li {
  margin-top: 10px;
} */

section.readme ul li a {
  position: relative;
  color: white;
  font-size: 16px;
  text-decoration: none;
}

section.readme ul li a:hover {
  color:rgb(186, 177, 255);
  text-decoration: underline;
}


/* // MAIN BLOODY  */





section.gameSelection {
  width: 100%;
  margin-top: 205px;
  position: relative;
  z-index: 1002;
}
  
section.gameSelection .wrapper {
  max-width: 1280px;
  margin: auto;
}
section.gameSelection .wrapper h1 {
  color: white;
  font-family: 'Nunito', sans-serif;
}


section.gameSelection .wrapper .gameItems {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

section.gameSelection .wrapper .gameItems .gameItem {
  width: 270px;
  height: 400px;
  margin: 10px 24px;
} 

section.gameSelection .wrapper .gameItems .gameItem span.name {
  font-size: 22px;
  background-color: white;
}


/* // GUNS PAGE  */


section.gunsSection {
  width: 100%;
  position: relative;
  z-index: 1002;
  margin-top: 205px;
}

section.gunsSection .wrapper {
  max-width: 1280px;
  margin: auto;
  
}

section.gunsSection .wrapper h1 {
  color: white;
  font-family: 'Nunito', sans-serif;
}

.gunsItems {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 100px;
}

.gunsItem {
  width: 232px;
  height: 170px;
  background-color: #1e2029;
  margin: 12px 12px;
  border-radius: 10px;
  text-decoration: none;
  color: white;
  position: relative;
  transition: .2s;
}

.gunsItem:hover {
  background-position: 50% center!important;
  transition: .2s;
}

.gunsItem span.name {
  font-size: 17px;
  line-height: 18px;
  text-transform: uppercase;
  color: white;
  font-weight: 300;
  letter-spacing: 2px;
  font-family: 'Nunito', sans-serif;
  position: absolute;
  bottom: 10%;
  left: 18px;
  display: block;
  max-width: 80px;
}

/* // КАТАЛОГ ВСЕХ ОРУЖИЙ  */
section.gunsCatalog {
  margin-top: 205px;
  width: 100%;
  position: relative;
  z-index: 1002;
}

section.gunsCatalog .wrapper {
  max-width: 1280px;
  margin: auto;
}

section.gunsCatalog .wrapper span.category {
  display: block;
  color: white;
  font-weight: 800;
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 46px;
  text-transform: uppercase;
  position: relative;
}

section.gunsCatalog .wrapper span.category:after {
  content: "";
  display: block;

  width: 100px;

  height: 4px;
  background-color: #7775D1;
  position: absolute;
  bottom: -10px;
  left: 0;
}


section.gunsCatalog .wrapper h1 {
  color: white;
  font-family: 'Nunito', sans-serif;
}

/* // КОНЕЧНАЯ СТРАНИЦА ОРУЖИЯ  */

section.gunPage {
  width: 100%;
  position: relative;
  z-index: 1002;
  margin-top: 205px;
}

section.gunPage .wrapper {
  max-width: 1280px;
  margin: auto;
}

section.gunPage .wrapper h1 {
  color: white;
  font-family: 'Nunito', sans-serif;
}


section.gunPage .wrapper .gunEndWrap {
  width: 100%;
  display: flex;
  margin-top: 20px;
}


section.gunPage .wrapper .gunEndWrap .gunEnd_left {
  /* border: 1px solid red; */
  max-width: 420px;
}

p.gunEnd_left_text {
  margin-top: 40px;
  color: rgba(255, 255, 255, 0.945);
  font-size: 16px;
  font-family: 'Nunito', sans-serif;
}

p.gunEnd_left_text a {
  color:rgb(186, 177, 255)
}

section.gunPage .wrapper .gunEndWrap .gunEnd_left .gunEnd_left__img {
  width: 420px;
  height: 240px;
  border-radius: 10px;
  background-color: #1e2029;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.gunEnd_left__gunName {
  width: 420px;
  min-height: 60px;
  border-radius: 10px;
  background-color: #1e2029;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
}

.gunEnd_left__gunName span {
  color: white;
  font-size: 20px;
  text-transform: uppercase;

}

section.gunPage .wrapper .gunEndWrap .gunEnd_left .gunEnd_left__img img {
  max-width: 310px;
}



section.gunPage .wrapper .gunEndWrap .gunEnd_right {
  /* border: 1px solid green; */
  flex: 1;
  padding-left: 50px;
}


.gunEnd_right__buttonWrap {
  position: relative;
  background: #1e2029;
  width: 94%;
  border-radius: 50px;
  margin-bottom: 30px;
  overflow: hidden;
  transition: .2s;
}

.gunEnd_right__buttonWrap:hover .overlay {
  left: 0;
  transition: 0s;
}

.gunEnd_right__buttonWrap:hover img {
  left: 0;
  transition: .4s;
}

.gunEnd_right__buttonWrap .overlay {
  transition: 2.2s;
  position: absolute;
  top: 0;
  left: -390px;
  width: 100%;
  height: 100%;
  /* color: #3641d493 */
  border-radius: 10px;
}

.gunEnd_right__buttonWrap img {
  transition: .4s;
  position: absolute;
  left: -20px;
  bottom: 0;
  max-width: 200px;
  opacity: .4;
}

section.gunPage .wrapper .gunEndWrap .gunEnd_right a.download_macro {
  position: relative;
  color: white;
  text-decoration: none;
  display: block;
  width: 94%;
  min-height: 90px;
  font-size: 24px;
  text-transform: uppercase;
  background: transparent;

  
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 2px;
  font-family: 'Nunito', sans-serif;
  transition: 1.2s;
}

section.gunPage .wrapper .gunEndWrap .gunEnd_right a.download_macro:hover {
  transition: 1.2s;
  /* background: rgb(119,117,209);
  background: linear-gradient(150deg, rgba(119,117,209,1) 0%, rgba(119,117,209,1) 59%, rgba(255,0,56,1) 100%); */
}

section.textInformation {
  width: 100%;
}
  
section.textInformation .wrapper {
  max-width: 1280px;
  margin: auto;
  /* border: 1px solid red; */
}

section.textInformation .wrapper h2 {
  color: white;
  font-size: 40px;
}

section.textInformation .wrapper span {
  display: block;
  color: white;
  font-size: 26px;
  font-weight: 800;
  margin-top: 40px;
  margin-bottom: 30px;
  position: relative;
}

section.textInformation .wrapper span:after {
  content: "";
  display: block;
  width: 100px;
  height: 4px;
  background-color: #7775D1;
  position: absolute;
  bottom: -10px;
  left: 0;
}

section.textInformation .wrapper ul {
  color: white;
  padding: 0;
  margin: 0;
  padding-left: 26px;
  margin: 10px 0 20px 0;
}

section.textInformation .wrapper ul li {
  font-size: 16px;
  font-family: 'Nunito', sans-serif;
  margin-top: 6px;
}

section.textInformation .wrapper p {
  color: white;
  font-size: 18px;
  font-family: 'Nunito', sans-serif;
  margin-top: 40px;
}

.important__alert {
  margin-top: 40px;
  width: 350px;
  height: 120px;
  z-index: 1100;
  transition: .2s;
  background-color: #F2C94C;
  border-radius: 10px;
  bottom: 20px;
  left: 20px;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center; }
  .important__alert span {
    color: #8f772f;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 13px;
    display: block;
    max-width: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
    .important__alert a{
      display: block;
      color: #8f772f;
      font-weight: 900;
      font-size: 16px;
    text-decoration: underline; }
  .important__alert .fa {
    color: #8f772f;
    font-size: 24px;
    position: absolute;
    right: 20px;
    top: 18px; }





.card{
  height: 400px;
  width: 570px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  transition: .3s;
  -webkit-perspective: 1200px;
  perspective: 1200px;

}


.card:hover{
  transform: rotate(-5deg);
}

/* .card:hover .outside{
  transform: rotateY(-130deg);
}  */


.outside{
  height: 100%;
  width: 50%;
  position: absolute;
  left: 50.1%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: 1s;
  transform-origin: left;
}
.front,.back{
  height: 100%;
  width: 100%;
  position: absolute;  
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  /*hide backface in firefox*/
  transform: rotateX(0deg);   
}
.front{
  background-color: #BE0F04;
  z-index: 1;
}
.front:before{
  content: "";
  position: absolute;
  background-color: #101010;
  height: 80px;
  width: 100%;
  top: 240px;
}
.belt{
  height: 120px;
  width: 120px;
  border: 20px solid #E5A037;
  border-radius: 10px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 220px;
  z-index: 1;
}
.belt:after{
  content: "";
  position: absolute;
  width: 95px;
  height: 18px;
  background-color: #d6932e;
  top: 31px;
  right: 13px;
  border-radius: 8px;
}
.mouth{
  position: absolute;
  background-color: #EFBEAB;
  height: 50px ;
  width: 80px;
  z-index: 1;
  border-radius: 0 0 50% 50%;
  margin: auto;
  left: 0;
  right: 0;
  top: 20px;
}
.beard{
  background-color: #f5f5f5;
  position: absolute;
  width: 100%;
  height: 180px;
  border-radius: 0 0 50% 50%;
}
.beard:before,
.beard:after{
  position: absolute;
  content: "";
  width: 130px;
  height: 50px;
  background-color: #f5f5f5;
  box-shadow: 0 10px #d3d3d3;
  border-radius: 0 0 50% 50%;
  top: -0px;
  z-index: 2;
}
.beard:before{
  left: 13px;
}
.beard:after{
  right: 13px;
}
.back{
  background: linear-gradient(
    to right,
    #BE0F04 50%,
    #7d0b03
  );
  transform: rotateY(180deg);
}
.inside{
  height: 100%;
  width: 50%;
  position: absolute;
  left: 50%;
  background: linear-gradient(
    to left,
    #BE0F04 50%,
    #7d0b03
  );
  font-family: 'Parisienne', cursive;
  color: white;
  font-size: 70px;
  text-align: center;
  line-height: 100px;
  padding: 5px 10px;
  box-shadow: 25px 25px 35px rgba(0,0,0,0.3);
}
.inside > p {
  font-size: 40px;
  border-bottom: 10px dotted white;
  line-height: 57px;
}

.readmeTerms {
  margin-top: 200px;
  padding: 0 40px;
}


.readmeTerms .wrapper p {
  color: white;
  font-size: 15px;

}

.readmeTerms .wrapper span {
  color: white;
  font-size: 23px;
  text-transform: uppercase;
}

section.textSection {
  margin-top: 100px;
}

section.textSection h2 {
  text-align: center;
  display: block;
  align-items: center;
  text-transform: uppercase;
  font-size: 40px;
  color: white;
  padding: 60px 0 20px 0;
  font-family: 'Nunito', sans-serif;
}

section.textSection ul.ts_ul li {
  font-size: 18px;
  color: rgb(218, 218, 218);
  font-weight: 600;
}

section.textSection ul.ts_ul {
  margin: auto;
  max-width: 1140px;
  list-style-type: none;
}

section.textSection ul.ts_ul li {
  margin-top: 15px;
  position: relative;
}

section.textSection ul.ts_ul li:after {
  display: block;
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background: #7775D1;
  border-radius: 50px;
  left: -19px;
  top: 8px;
}

/* Features Vertical — вертикальные блоки функционала */
.features-vertical {
  max-width: 900px;
  margin: 70px auto 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}

/* Вертикальная линия-связка между блоками */
.features-vertical::before {
  content: "";
  position: absolute;
  left: 27px;
  top: 38px;
  bottom: 38px;
  width: 1px;
  background: linear-gradient(180deg, rgba(119,117,209,0) 0%, rgba(119,117,209,0.25) 15%, rgba(119,117,209,0.25) 85%, rgba(119,117,209,0) 100%);
}

.features-block {
  position: relative;
  padding: 38px 0 38px 80px;
}

/* Шапка блока: номер — линия — заголовок */
.features-block__head {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
}

.features-block__num {
  font-size: 36px;
  font-weight: 800;
  font-family: 'Nunito', sans-serif;
  color: #7775D1;
  line-height: 1;
  letter-spacing: -.02em;
  position: absolute;
  left: 0;
  width: 55px;
  text-align: center;
  flex-shrink: 0;
}

.features-block__line {
  width: 40px;
  height: 1px;
  background: rgba(119, 117, 209, 0.35);
  flex-shrink: 0;
}

.features-block__title {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .03em;
  font-family: 'Nunito', sans-serif;
  margin: 0;
}

.features-block__desc {
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 26px;
  max-width: 780px;
}

/* Пункты — семантический список */
ul.features-block__points {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

li.features-block__point {
  position: relative;
  padding-left: 22px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.5;
  font-weight: 500;
}

li.features-block__point::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7775D1;
}

/* Разделитель между блоками */
.features-block + .features-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 80px;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(119,117,209,0.22) 0%, rgba(119,117,209,0.06) 100%);
}

/* Адаптив */
@media screen and (max-width: 768px) {
  .features-vertical {
    padding: 0 20px;
    margin-top: 40px;
  }
  .features-vertical::before {
    left: 22px;
  }
  .features-block {
    padding: 28px 0 28px 60px;
  }
  .features-block__num {
    font-size: 28px;
    width: 44px;
  }
  .features-block__title {
    font-size: 18px;
  }
  .features-block__desc {
    font-size: 14px;
  }
  .features-block__point span:last-child {
    font-size: 14px;
  }
  .features-block + .features-block::before {
    left: 60px;
  }
}

/* Стили для GLightbox */
.glightbox-container {
    background-color: rgba(0, 0, 0, 0.9);
}

.gslide-description {
    background-color: rgba(0, 0, 0, 0.7);
}

.gslide-title {
    color: #fff;
    font-family: 'Nunito', sans-serif;
}

.gslide-desc {
    color: #ccc;
    font-family: 'Nunito', sans-serif;
}

/* Скрываем описание в GLightbox */
.gslide-description {
    display: none !important;
}

/* Добавьте эти стили после существующего блока .statusBlock */

/* Блок статуса "На переработке" */
.statusBlock-warning {
  margin-left: 50px;
  display: flex;
  margin-top: 30px;
  justify-content: flex-start;
  align-items: center;
  color: white;
  opacity: 1;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.statusBlock-warning p {
  color: white;
  margin-left: 14px;
  font-size: 12px;
  opacity: .3;
  font-weight: 700;
  text-transform: uppercase;
}

/* Пульсирующий сигнал - точное повторение оригинального, но с желтым цветом */
.pulse-warning {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FFCC00; /* Изменен только цвет */
  cursor: pointer;
  box-shadow: 0 0 0 #FFCC00; /* Изменен только цвет */
  animation: pulse-warning 1.3s infinite; /* Своя анимация для желтого цвета */
}

.pulse-warning:hover {
  animation: none; 
}

@keyframes pulse-warning {
  0% {
    box-shadow: 0 0 0 0 #ffcc0041; 
  }
  70% {
    box-shadow: 0 0 0 18px rgba(255, 204, 0, 0); 
  }
  100% {
    box-shadow: 0 0 0 0 #ffcc002a; 
  } 
}










/* Блок хлебных крошек и заголовка */
section.readme .breadcrumb-and-title {
  max-width: 1280px;
  margin: auto;
  padding: 0px 0px 50px 0px;
  /* padding: 50px 0; */
  text-align: center;
  position: relative;
  z-index: 1002;
}

section.readme .breadcrumb-and-title h1 {
  font-family: 'Nunito', sans-serif;
  font-size: 42px;
  font-weight: 800;
  color: rgb(255, 255, 255);
  margin-top: 17px;
  margin-bottom: 18px;
  text-transform: uppercase;
}


section.readme .breadcrumb {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

section.readme .breadcrumb-item {
  color: #ccc;
  display: flex;
  align-items: center;
}

section.readme .breadcrumb-item i {
  margin-bottom: 3px;
  color: rgba(255, 255, 255, 0.61);
  margin: 0 10px;
  font-size: 7px;
}

section.readme .breadcrumb-item a {
  color: rgba(255, 255, 255, 0.603);
  font-size: 14px;
  text-decoration: none;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
}

section.readme .breadcrumb-item a:hover {
  text-decoration: underline;
}

section.readme .breadcrumb-item.active {
  color: #7775D1;
  font-size: 14px;
  text-decoration: none;
  font-family: 'Nunito', sans-serif;
  font-weight: 800;
}









/* Sticky nav wrapper for anchor pills */
section.readme nav.tags {
  position: sticky;
  top: 0;
  z-index: 1100;
  background: transparent;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 16px 0;
  margin: 0 auto;
  max-width: 1280px;
  border-bottom: 1px solid rgba(119, 117, 209, 0.15);
  transition: padding 0.3s ease, box-shadow 0.3s ease;
}

/* Compact mode when nav is stuck at top */
section.readme nav.tags.stuck {
  padding: 8px 0;
}

section.readme nav.tags.stuck .tags {
  gap: 8px;
}

section.readme nav.tags.stuck .tags a {
  padding: 4px 12px;
  font-size: 13px;
  border-radius: 18px;
}

section.readme .tags {
  max-width: 1280px;
  display: flex;
  flex-wrap: wrap; /* allow pills to move to next row instead of squeezing */
  justify-content: center;
  gap: 16px;
  list-style-type: none;
  padding: 0;
  margin: auto;
  transition: gap 0.3s ease;
}

section.readme .tags li {
  margin-right: 0; /* spacing handled by gap */
  flex-shrink: 0; /* prevent shrinking (text from wrapping inside pill) */
}

section.readme .tags a {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  border: 1px solid #444; /* Border color */
  border-radius: 24px; /* Rounded corners */
  color: #fff; /* Text color */
  text-decoration: none;
  font-size: 14px; /* Adjust font size as needed */
  white-space: nowrap; /* keep link text in one line */
  flex-shrink: 0; /* keep pill width natural */
  transition: padding 0.3s ease, font-size 0.3s ease, border-radius 0.3s ease;
}

section.readme .tags a::after {
  content: none
}

/* (removed empty hover ruleset) */

section.readme .tags a span {
  background-color: #444; /* Background color for the count */
  border-radius: 12px; /* Rounded corners for the count */
  padding: 4px 8px;
  margin-left: 8px;
  font-size: 14px; /* Adjust font size for the count */
  color: #ccc; /* Text color for the count */
}

/* Стиль для активной кнопки в навигации */
section.readme .tags a.active {
  background-color: #7775D1;
  color: white;
  border-color: #7775D1;
}

/* Добавим стиль для эффекта при наведении */
section.readme .tags a:hover {
  background-color: rgba(119, 117, 209, 0.1);
  border-color: #7775D1;
  transition: all 0.3s ease;
}






.main_section_redeem {
  margin-top: 120px;
}

.redeem {
  margin-top: 200px;
}

/* Redeem page breadcrumb and title to match blog/readme */
.redeem .breadcrumb-and-title {
  max-width: 1280px;
  margin: auto;
  padding: 0 0 50px 0;
  text-align: center;
  position: relative;
  z-index: 1002;
}
.redeem .breadcrumb-and-title h1 {
  font-family: 'Nunito', sans-serif;
  font-size: 42px;
  font-weight: 800;
  color: #ffffff;
  margin-top: 17px;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.redeem .breadcrumb {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.redeem .breadcrumb-item {
  color: #ccc;
  display: flex;
  align-items: center;
}
.redeem .breadcrumb-item i {
  margin-bottom: 3px;
  color: rgba(255, 255, 255, 0.61);
  margin: 0 10px;
  font-size: 7px;
}
.redeem .breadcrumb-item a {
  color: rgba(255, 255, 255, 0.603);
  font-size: 14px;
  text-decoration: none;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
}
.redeem .breadcrumb-item a:hover {
  text-decoration: underline;
}
.redeem .breadcrumb-item.active {
  color: #7775D1;
  font-size: 14px;
  text-decoration: none;
  font-family: 'Nunito', sans-serif;
  font-weight: 800;
}

@media (max-width: 1024px) {
  .redeem .breadcrumb-and-title {
    padding-bottom: 40px;
  }
  .redeem .breadcrumb-and-title h1 {
    font-size: 34px;
    margin-top: 14px;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  .redeem .breadcrumb-and-title {
    padding-bottom: 32px;
  }
  .redeem .breadcrumb-and-title h1 {
    font-size: 28px;
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .redeem .breadcrumb {
    font-size: 12px;
  }
  .redeem .breadcrumb-item a {
    font-size: 12px;
  }
  .redeem .breadcrumb-item i {
    font-size: 6px;
    margin: 0 8px;
  }
}

@media (max-width: 480px) {
  .redeem .breadcrumb-and-title {
    padding-bottom: 28px;
  }
  .redeem .breadcrumb-and-title h1 {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .redeem .breadcrumb {
    font-size: 11px;
  }
  .redeem .breadcrumb-item a {
    font-size: 11px;
  }
  .redeem .breadcrumb-item i {
    font-size: 5px;
    margin: 0 6px;
  }
}

/* ─── Language Switcher ──────────────────────────────────────────────────── */
/* Language switcher — dropdown opens right-aligned so it doesn't overflow */
.lang-switcher-li .header__nav-secondMenu {
  right: 0;
  left: auto;
  width: 200px;
}

/* Current language stays fully opaque (not dimmed like inactive items) */
.secondMenu-active {
  opacity: 1 !important;
}

/* Globe icon inside the nav link */
.lang-globe {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-right: 4px;
  vertical-align: middle;
}

/* ─── Header auth buttons — prevent wrapping & tighten spacing ───────────── */
/* "Sign up" must never break into two lines */
body > header .wrapper .header__reg a.subscription {
  white-space: nowrap;
}
/* Reduce the oversized side padding on the LOG IN button so it doesn't eat space */
body > header .wrapper .header__reg a.login,
body > header .wrapper .header__reg a.logout {
  padding: 10px 30px;
  margin-left: 20px;
  white-space: nowrap;
}
/* Slightly tighter nav item padding so the row fits comfortably in English */
body > header .wrapper .header__left .header__nav li > a {
  padding: 0 12px;
}

/* ─── Footer language switcher ───────────────────────────────────────────── */
.footer__lang {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer__lang-link {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: opacity .12s, color .12s;
}
.footer__lang-link:hover {
  color: #ffffff;
}
.footer__lang-link.is-active {
  color: #ffffff;
  opacity: 1;
}
.footer__lang-sep {
  color: rgba(255, 255, 255, 0.35);
}

/* Footer: VK & Discord — same pill style as .footer__games-list a */
.footer__social {
  margin-top: 28px;
  padding-top: 6px;
}
.footer__social-title {
  color: #A4A6AA;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 16px 0;
  font-family: 'Nunito', sans-serif;
}
.footer__social-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.footer__social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 0;
  padding: 8px 14px;
  border-radius: 999px;
  font-family: 'Nunito', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  color: #8E9095;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(119, 117, 209, 0.28);
  transition: .15s;
}
.footer__social-btn i {
  font-size: 13px;
  line-height: 1;
  opacity: 1;
  color: inherit;
}
.footer__social-btn:hover {
  text-decoration: none;
  color: #ffffff;
  border-color: #7775D1;
  background: #7775D1;
  box-shadow: none;
}
.footer__social-btn:hover i {
  opacity: 1;
}

/* (removed hero language switcher styles) */