body {     padding: 0;     margin: 0;     height: 100%;     overflow-x: hidden;     background: rgba(0, 0, 0, 0.9);     -ms-touch-action: pan-x pan-y;     touch-action: pan-x pan-y; }  * {     box-sizing: border-box;     font-family: "RobotoCondensed-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;     font-style: normal; }  a {     text-decoration: none; }  .headerRQA {     font-family: "RobotoCondensed-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;     background: #1E1E1E;     position: fixed;     left: 0;     top: 0;     right: 0;     z-index: 200;     text-align: right;     -webkit-box-orient: horizontal; }  .headerRQA-wrap {     width: 100%;     max-width: 100%;     height: 68px;     margin: auto;     display: grid;     grid-template-columns: 0.1fr 0.4fr 0.5fr 2fr 1fr;     grid-template-areas: "aa bb cc dd ee";     -webkit-box-align: center;     -webkit-align-items: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-pack: justify;     -webkit-justify-content: space-between;     -ms-flex-pack: justify;     justify-content: space-between; }  .headerRQA-wrap {     display: flex;     justify-content: space-between;     align-items: center; }  .headerRQA-item {     height: 100%; }  .headerRQA-item:first-child {     min-width: 200px;     -webkit-flex-shrink: 1;     -ms-flex-negative: 1;     flex-shrink: 1;     display: none; }  .headerRQA-menu {     width: 64px;     height: 100%;     fill: #C5C5C5;     color: #C5C5C5;     display: -webkit-box;     display: -webkit-flex;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: horizontal;     -webkit-box-direction: normal;     -webkit-flex-direction: row;     -ms-flex-direction: row;     flex-direction: row;     -webkit-flex-wrap: nowrap;     -ms-flex-wrap: nowrap;     flex-wrap: nowrap;     -webkit-box-pack: center;     -webkit-justify-content: center;     -ms-flex-pack: center;     justify-content: center;     -webkit-box-align: center;     -webkit-align-items: center;     -ms-flex-align: center;     align-items: center;     cursor: pointer;     -webkit-transition: 0.3s;     transition: 0.3s; }  .badge-digit {     position: absolute;     background: #F11414;     border-radius: 50%;     width: 19px;     height: 19px;     font-family: "RobotoCondensed-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;     font-size: 12px;     color: #fff;     display: -webkit-box;     display: -webkit-flex;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: horizontal;     -webkit-box-direction: normal;     -webkit-flex-direction: row;     -ms-flex-direction: row;     flex-direction: row;     -webkit-flex-wrap: nowrap;     -ms-flex-wrap: nowrap;     flex-wrap: nowrap;     -webkit-box-pack: center;     -webkit-justify-content: center;     -ms-flex-pack: center;     justify-content: center;     -webkit-box-align: center;     -webkit-align-items: center;     -ms-flex-align: center;     align-items: center;     -webkit-animation: badge-digit-tween 1s linear infinite;     animation: badge-digit-tween 1s linear infinite; }  @keyframes badge-digit-tween {     0%, 30% {         -webkit-transform: translateY(0);         transform: translateY(0);     }      10%, 20% {         -webkit-transform: translateY(-3px);         transform: translateY(-3px);         -webkit-transform: translateY(-3px);         transform: translateY(-3px);     } }  .headerRQA-menu .badge-digit {     top: 20px;     z-index: 1;     left: 12px;     width: 8px;     height: 8px; }  .headerRQA-menu-svg {     display: -webkit-box;     display: -webkit-flex;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: horizontal;     -webkit-box-direction: normal;     -webkit-flex-direction: row;     -ms-flex-direction: row;     flex-direction: row;     -webkit-flex-wrap: nowrap;     -ms-flex-wrap: nowrap;     flex-wrap: nowrap;     -webkit-box-pack: center;     -webkit-justify-content: center;     -ms-flex-pack: center;     justify-content: center;     -webkit-box-align: center;     -webkit-align-items: center;     -ms-flex-align: center;     align-items: center;     position: relative; }  .headerRQA-menu-svg {     width: 64px; }  .headerRQA-menu-svg svg {     width: 24px;     height: 24px; }  .headerRQA-logo img {     height: auto;     width: 175px; }  .headerRQA-item__second {     display: -webkit-box;     display: -webkit-flex;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -webkit-align-items: center;     -ms-flex-align: center;     align-items: center;     -webkit-flex-shrink: 0;     -ms-flex-negative: 0;     flex-shrink: 0;     -webkit-box-pack: end;     -webkit-justify-content: flex-end;     -ms-flex-pack: end;     justify-content: flex-end;     z-index: 2; }  .headerRQA-item__last {     align-items: center;     -webkit-flex-shrink: 1;     -ms-flex-negative: 1;     flex-shrink: 1;     display: -webkit-box;     display: -webkit-flex;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: horizontal;     -webkit-box-direction: reverse;     -webkit-flex-direction: row-reverse;     -ms-flex-direction: row-reverse;     flex-direction: row-reverse;     font-size: 16px;     padding: 0 24px 0 12px; }  .button {     display: block;     border-radius: 4px;     text-transform: uppercase;     color: #000;     text-align: center;     display: inline-block;     background: #EDC97F;     position: relative;     -webkit-touch-callout: none;     -webkit-user-select: none;     -khtml-user-select: none;     -ms-user-select: none;     user-select: none;     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);     -webkit-transition: .3s;     transition: .3s;     font-size: 18px;     font-weight: 700;     padding: 10px 20px; }  .button {     display: -webkit-box;     display: -webkit-flex;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -webkit-align-items: center;     -ms-flex-align: center;     align-items: center;     text-decoration: none; }  .button {     margin-left: 12px; }  .button__text, .button__text * {     position: relative;     font-family: "RobotoCondensed-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;     z-index: 2; }  .button_major {     background: #27AE60;     color: #fff;     -webkit-transition: .3s;     transition: .3s; }  .headerRQA__bottom {     display: flex;     flex-direction: row;     flex-wrap: nowrap;     justify-content: center;     background: #303030;     color: #E0E0E0;     width: 100%;     z-index: 100; }  .headerRQA .container {     width: 100%;     max-width: 1439px;     padding: 6px;     margin: auto;     display: flex;     flex-direction: row;     align-items: center;     justify-content: space-between;     position: relative;     background: #000000;     box-sizing: border-box; }  .headerRQA__bottom .container {     background: #303030; }  .headerRQA__bottom__menu {     width: 100%; }  .headerRQA__bottom__menu__list {     display: flex;     justify-content: center;     align-items: center;     list-style: none;     padding: 0;     margin: 0; }  .headerRQA__bottom__menu__list__inner {     position: relative;     display: flex;     flex-direction: row;     align-items: center;     margin: 12px 12px; }  .headerRQA__bottom__menu__list__inner__link {     font-weight: bold;     color: #ffffff;     font-size: 16px; }  .container {     padding-left: 30px;     padding-right: 30px;     width: 100%;     margin: 0 auto;     max-width: 1060px;     overflow-x: hidden; }  .main {     margin-top: 85px; }  .main__banner a {     display: block; }  .main-content, .main {     color: #eed5a9;     margin-bottom: 25px; }  .main-content h1 {     margin: 45px 0 30px;     font-size: 24px;     font-weight: 700;     line-height: .96; }  p {     margin: 25px 0; }  table {     margin: 42px 0;     font-size: 16px;     line-height: 130%;     border: 2px solid #363129; }  th, td {     border: 1px solid #363129; }  .tutorial-item-list {     background: #1E1E1E;     grid-column-gap: 36px;     border-radius: 16px; }  .tutorial__container {     display: grid;     grid-template-columns: 1fr 1fr 1fr 1fr 1fr;     padding: 24px 0; }  .tutorial-item {     text-align: center;     position: relative;     color: #fff;     display: grid;     grid-template-rows: 1fr 0.4fr 0.25fr;     cursor: auto;     -webkit-box-pack: center;     -webkit-justify-content: center;     -ms-flex-pack: center;     justify-content: center; }   .tutorial-item__img {     width: 100%;     text-align: left;     position: relative;     margin: auto;     max-width: 96px; }  .tutorial-item__img svg {     width: 100%;     height: auto; }  .f-big {     font-size: 20px; }  .tutorial-item__number {     position: absolute;     left: -16%;     top: auto;     bottom: 16%;     width: 40.8px;     height: 40.8px;     background: #555;     border-radius: 50%;     display: -webkit-box;     display: -webkit-flex;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -webkit-align-items: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-pack: center;     -webkit-justify-content: center;     -ms-flex-pack: center;     justify-content: center; }  .tutorial-item_current .tutorial-item__number {     background: #F11414 !important;     -webkit-animation: tutorial-digit-tween 1s ease-in-out infinite;     animation: tutorial-digit-tween 1s ease-in-out infinite;     -webkit-animation-timing-function: steps(10, end);     animation-timing-function: steps(10, end); }  @keyframes tutorial-digit-tween {     25% {         -webkit-transform: scale(1.1);         transform: scale(1.1);     } }  .js-button {     justify-content: center; }  .tutorial-item__button .button {     margin: 0; }  .none__link {     background: #5C5036; }  .footer {     background: #101010;     padding: 24px; }  .footer__nav {     display: flex;     justify-content: space-evenly;     gap: 25px; }  .text-6d {     color: #6D6D6D; }  .footer-links__column {     display: -webkit-box;     display: -webkit-flex;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -webkit-flex-direction: column;     -ms-flex-direction: column;     flex-direction: column;     -webkit-box-flex: 1;     -webkit-flex: 1 0 10%;     -ms-flex: 1 0 10%;     flex: 1 0 10%; }  .footer-links__column-item {     color: #fff;     font-family: "RobotoCondensed-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;     margin-top: 16px;     text-align: left;     -webkit-transition: .3s;     transition: .3s;     max-width: 240px;     font-size: 16px; } .footer-check-wrap {     background: #000;     padding: 20px; }  .age-icon svg {     width: 32px;     height: 32px; } .footer-description {     max-width: 610px;     color: #888;     margin: 0 24px;     text-align: left; }  .footer-description .link {     color: #ffffff; }  .footer-check-wrap .container {     display: flex;     align-items: center; }  .main-content a {     color: #A47E2C; }  .button_minor {     background: #6D6D6D;     color: #EDC97F;     transition: .3s; } .jump-top-content {     display: -webkit-box;     display: -webkit-flex;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: horizontal;     -webkit-box-direction: normal;     -webkit-flex-direction: row;     -ms-flex-direction: row;     flex-direction: row;     -webkit-flex-wrap: nowrap;     -ms-flex-wrap: nowrap;     flex-wrap: nowrap;     -webkit-box-pack: center;     -webkit-justify-content: center;     -ms-flex-pack: center;     justify-content: center;     -webkit-box-align: center;     -webkit-align-items: center;     -ms-flex-align: center;     align-items: center;     color: #EDC97F;     z-index: 5;     white-space: nowrap; }  .jump-top-content svg {     margin-right: 5px;     width: 25px;     height: 25px; }  .js-jump-top-button {     position: fixed;     bottom: 25px;     left: 25px; }  @media (max-width: 1439px) {     .container {         padding: 0 15px;     } }  @media (max-width: 960px) {     .footer__partners__link {         flex: 0 0 23%;     }     .headerRQA__bottom__menu__list {         background: black;         display: block;         padding: 10px;     }     .headerRQA-item:first-child {         min-width: 50px;         opacity: 1;         display: flex;     }     .headerRQA-logo img {         height: auto;         width: 130px;     }      .headerRQA__bottom__menu {         display: none;         position: absolute;         top: 60px;         left: 0;         background: rgba(0, 0, 0, 0.5);         height: 100vh;     } }  @media (max-width: 660px) {     .footer-links-wrap {         justify-content: center;     }      .footer__partners__link {         flex: 0 0 46%;     }     .f-reg {         font-size: 12px;     }     .footer-links {         flex-wrap: wrap;     }     .footer-links__column {         flex: 1 0 30%;     }     .footer-check-wrap {         justify-content: center;         flex-wrap: wrap;     }     .tutorial__container {         display: grid;         grid-template-columns: 1fr 1fr 1fr;         gap: 24px;     }     .js-jump-top-button {         position: fixed;         bottom: 25px;         right: 10px;         left: auto;     }     .button_minor {         padding: 10px;     } }  @media (max-width: 520px) {     .footer-license {         flex-wrap: wrap;     } }  @media (max-width: 422px) {     .footer-links-wrap .container-fluid {         justify-content: flex-start;     }     .footer-social {         justify-content: flex-start;     }     .footer .container {         padding: 0;     }     .footer-description {         margin: 0 0;     }     .js-login {         display: none;     }     .tutorial__container {         grid-template-columns: 1fr 1fr;     } }  @media (max-width: 360px) {     .headerRQA-logo img {         width: 115px;     } } @media (max-width:700px) {     .table {         overflow-x: scroll;     } } @media (max-width:480px) {     th,td{         font-size: 12px;         padding: 10px 5px;     } }  img {     max-width: 100%;     height: auto; }