* {     box-sizing: border-box; }  html {     font-size: 10px;     scroll-padding-top: 0; }  body, html {     height: 100%;     width: 100%; }  body {     background: #13100e;     color: #dcd9d5;     font-size: 1.4rem;     min-width: 320px;     position: relative;     margin: 0;     outline: none;     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);     -webkit-focus-ring-color: transparent;     font-family: Noto Sans, arial, helvetica, sans-serif; }  button, input, optgroup, select, textarea {     font-family: inherit;     font-size: 100%;     line-height: 1.15;     margin: 0; }  button, input {     overflow: visible; }  button, select {     text-transform: none; }  .main-layout {     display: flex;     height: 100%;     width: 100%; }  .main-layout__menu {     height: 100vh;     position: relative;     transition: width .1s ease-out;     width: 55px;     z-index: 99991; }  .menu-wrapper {     background: #403c37;     position: fixed;     transition: width .1s ease-out;     width: 55px;     z-index: 99991; }  .menu-header {     background: #13100e;     border-bottom: 2px solid #f9b242;     box-sizing: border-box;     height: 80px;     width: 100%; }  .menu-header-grid {     align-items: center;     box-sizing: border-box;     display: flex;     gap: 10px;     height: 100%; }  .menu-header-grid__left {     align-items: center;     display: flex;     height: 80px;     justify-content: center;     min-width: 50px;     position: relative;     width: 50px; }  .btn-menu {     background: transparent;     border: none;     cursor: pointer;     height: 20px;     padding: 0;     position: relative;     width: 25px; }  .btn-menu:after, .btn-menu:before {     background: #f9b242;     content: "";     height: 3px;     left: 50%;     margin: -3px 0 0 -12px;     position: absolute;     top: 50%;     transition: all .2s ease-in-out;     width: 25px; }  .btn-menu:before {     margin: -11px 0 0 -12px; }  .icon-menu-header {     background: #f9b242;     height: 3px;     left: 50%;     margin: -3px 0 0 -12px;     position: absolute;     top: 50%;     width: 25px; }  .btn-menu:after {     margin: 5px 0 0 -12px; }  .scroll-container {     height: 100%;     overflow-y: scroll; }  .scroll-container {     height: 100%;     overflow-y: scroll; }  .scroll-container.is-scroll-hidden {     scrollbar-width: none; }   .menu-content {     height: calc(100vh - 80px);     overflow-y: auto; }  .menu {     align-items: center;     flex-direction: column;     gap: 10px;     padding: 10px 0; }  .menu, .menu__item {     box-sizing: border-box;     display: flex; }  .menu__item {     justify-content: center;     margin: 0 2px;     position: relative; }  .menu__item_border {     border-bottom: 1px solid #797979;     padding: 0 0 10px; }  .btn-search {     align-items: center;     background: #201e1a;     border: none;     border-radius: 10px;     box-sizing: border-box;     color: #797979;     cursor: pointer;     display: flex;     gap: 15px;     height: 48px;     padding: 0 20px;     position: relative;     width: 100%; }  .btn-search.is-small {     height: 48px;     justify-content: center;     padding: 0;     width: 48px; }  .icon-search {     display: block;     height: 20px;     width: 20px; }  .menu__link {     align-items: center;     border-radius: 10px;     display: flex;     height: 48px;     justify-content: center;     position: relative;     width: 48px; }  .menu__link img {     display: block;     height: 32px;     width: 32px; }  .btn {     background-color: transparent;     border: none;     border-radius: 50px;     box-sizing: border-box;     color: #000;     cursor: pointer;     display: inline-flex;     font-size: 14px;     font-size: 1.4rem;     font-weight: 700;     justify-content: center;     letter-spacing: 2px;     line-height: 38px;     line-height: 3.8rem;     margin: 0 -2px 0 0;     overflow: hidden;     padding: 0 15px;     position: relative;     text-align: center;     text-decoration: none;     text-transform: uppercase;     width: 100%; }  .btn, .btn:active {     transition: .1s ease; }  .btn-chat {     align-items: center;     background: #52767f;     border: none;     border-radius: 10px;     color: #fff;     cursor: pointer;     display: flex;     font-weight: 400;     gap: 10px;     justify-content: center;     margin: 25px 0 0;     padding: 5px 10px;     position: relative;     text-transform: capitalize;     width: auto; }  .btn-chat.is-small {     height: 48px;     margin: 0;     width: 48px; }  .menu-open {     box-sizing: border-box;     padding: 10px 15px; }  .menu__item_menu {     margin: 0 0 20px; }  .menu-wrapper.is-active {     transition: width .1s ease-out;     width: 330px; }  .btn-menu.is-active:after, .btn-menu.is-active:before {     margin: -2px 0 0 -13px;     transition: all .2s ease-in-out; }  .btn-menu.is-active:before {     transform: rotate(-45deg); }  .btn-menu.is-active .icon-menu-header {     display: none; }  .btn-menu.is-active:after {     transform: rotate(45deg); }  .menu.active-none {     display: none; }  .menu-open {     display: none; }  .menu-open.is-active {     display: block; }  .btn-search {     text-decoration: none; }  .menu-open.is-active .menu__link {     color: #dcd9d5;     cursor: pointer;     display: block;     font-size: 2rem;     font-weight: 700;     letter-spacing: 2px;     line-height: 3.3rem;     padding: 6px 0;     text-decoration: none;     text-transform: capitalize; }  .menu-sub.is-visible {     height: auto;     opacity: 1;     transition: opacity .1s linear;     z-index: 1;     position: relative; }  .menu-open .menu__item {     display: block; }  .menu-sub-inner {     background: #201e1a;     border-radius: 5px;     height: auto;     overflow: hidden;     text-transform: uppercase; }  .menu-sub__item {     line-height: 4.5rem; }  .menu-sub__link {     box-sizing: border-box;     color: #dcd9d5;     display: block;     font-size: 1.4rem;     padding: 0 0 0 40px;     position: relative;     text-decoration: none;     text-transform: capitalize; }  .menu-sub__link img {     height: 22px;     left: 10px;     margin-top: -11px;     position: absolute;     top: 50%;     width: 22px; }  .menu__link.menu__button {     width: auto;     height: auto; }  .menu-open .menu__link {     width: auto;     height: auto; }  .menu-open .icon-chat {     height: 22px;     width: 23px; }  .menu-open .btn-chat {     display: inline-flex; }  .main-layout__content {     box-sizing: border-box;     position: relative;     transition: width .1s ease-out;     width: calc(100% - 55px); }  .menu-opened .main-layout__content {     width: calc(100% - 330px); }  .header {     background: #13100ee6;     box-shadow: 0 2px 10px #13100e;     box-sizing: border-box;     left: 0;     position: absolute;     top: 0;     transition: top .3s linear;     width: 100%;     z-index: 99990; }  .header.header-fixed {     animation: header-fixed-show .5s;     box-sizing: border-box;     padding: 0 0 0 55px;     position: fixed;     transition: padding .1s ease-out;     width: 100%; }  @keyframes header-fixed-show {     0% {         top: -140px;     }      100% {         top: 0;     } }  .menu-opened .main-layout__menu {     width: 330px; }  .menu-opened .header.header-fixed {     padding: 0 0 0 330px; }  .content-width-index, .index-width {     box-sizing: border-box;     margin: 0 auto;     max-width: 1375px;     min-width: 320px;     padding: 0 10px;     width: 100%; }  .header-grid {     align-items: center;     display: flex;     height: 80px; }  .header-logo {     margin-right: auto; }  .logo {     position: relative;     display: block;     width: 255px; }  .logo-picture {     display: block;     width: 100%; }  .logo-picture img {     width: 100%;     height: auto; }  .header-user-entry {     display: flex;     gap: 4px;     white-space: nowrap; }  .header-auth-btn {     border-radius: 50px 0 0 50px;     min-width: 110px;     position: relative; }  .btn-gold {     background: #f9b242;     border: 1px solid #f9b242;     align-items: center; }  .btn-green {     background: #3daa45;     border: 1px solid #3daa45;     border-radius: 50px;     line-height: 48px;     width: auto;     border-radius: 0 50px 50px 0;     min-width: 165px; }  img {     max-width: 100%;     height: auto; }  .main-content {     padding-top: 90px; }  .content {     font-size: 1.4rem;     padding: 0 0 50px; }  .title {     color: #ededed;     font-weight: 700;     padding: 0 0 20px;   text-align: center; }  h1, h2, h3, h4, h5, h6 {     color: #f9b242;     font-weight: 400;     margin: 0;     padding-bottom: .1rem;     position: relative;     font-weight: 700;     padding: 0 0 20px; }  h1 {     font-size: 32px;     font-size: 3.2rem; }  .content p {     line-height: 1.5;     margin: 15px 0 30px; }  ul, ul li {     margin: 0;     padding: 0; }  ul li {     margin: 0 0 15px;     padding: 0 0 0 20px;     position: relative; }  ul li {     list-style: none; }  li:before {     background: #f9b242;     border-radius: 50%;     content: "";     height: 5px;     left: 0;     position: absolute;     top: 50%;     transform: translateY(-50%);     width: 5px; }  a, a:hover {     color: #f9b242; }  a:hover {     text-decoration: none; }  .content-width-large {     padding: 20px 30px 30px;     position: relative;     margin: 0 auto;     max-width: 1355px;     min-width: 320px; }  ol {     list-style: none;     counter-reset: ol-counter;     margin: 0;     padding: 0; }  ol li {     position: relative;     padding-left: 36px;     margin: 0 0 15px; }  ol li:before {     content: counter(ol-counter);     counter-increment: ol-counter;     background: #d4a017;     color: #13100e;     width: 24px;     height: 24px;     line-height: 24px;     border-radius: 50%;     display: inline-block;     text-align: center;     font-weight: 700;     font-size: 1.2rem;     position: absolute;     left: 0;     top: 50%;     transform: translateY(-50%); }  table {     width: 100%;     border-collapse: collapse;     margin: 15px 0 30px;     color: inherit; }  caption {     caption-side: top;     text-align: left;     color: #f9b242;     font-weight: 700;     margin: 0 0 10px; }  thead th {     background: #2a2622;     color: #f9b242; }  th, td {     padding: 12px 16px;     border: 1px solid #403c37;     background: #201e1a;     text-align: left;     vertical-align: top; }  tbody tr:nth-child(even) td {     background: #1a1715; }  tbody tr:hover td {     background: #26221e; }  .table-scroll {     overflow-x: auto;     -webkit-overflow-scrolling: touch; }  .btn-to-top {     position: fixed;     right: 20px;     bottom: 55px;     z-index: 100000;     background: #f9b242;     color: #13100e;     border: 1px solid #f9b242;     border-radius: 24px;     height: 48px;     min-width: 48px;     padding: 0 16px;     font-weight: 700;     letter-spacing: 1px;     text-transform: uppercase;     cursor: pointer;     opacity: 0;     pointer-events: none;     transition: opacity .2s ease, background .2s ease, color .2s ease, border-color .2s ease; }  .btn-to-top.is-visible {     opacity: 1;     pointer-events: auto; }  .btn-to-top:hover {     background: #000;     color: #f9b242;     border-color: #f9b242; }  h3 {     font-size: 14px;     font-size: 1.4rem; }  h2 {     font-size: 20px;     font-size: 2rem; }  .cookie-banner {     position: fixed;     left: 0;     right: 0;     bottom: 0;     z-index: 100000;     background: #201e1a;     border-top: 1px solid #403c37;     color: #dcd9d5;     padding: 10px 15px;     transform: translateY(100%);     opacity: 0;     transition: transform .2s ease, opacity .2s ease; }  .cookie-banner.is-visible {     transform: translateY(0);     opacity: 1; }  .cookie-banner__inner {     box-sizing: border-box;     margin: 0 auto;     max-width: 935px;     min-width: 320px;     display: flex;     align-items: center;     gap: 12px; }  .cookie-banner__text {     flex: 1 1 auto;     font-size: 1.3rem;     line-height: 1.4; }  .cookie-banner__actions {     flex: 0 0 auto;     display: flex;     gap: 8px; }  .cookie-banner__btn {     background: #f9b242;     color: #13100e;     border: 1px solid #f9b242;     border-radius: 8px;     padding: 8px 14px;     font-weight: 700;     cursor: pointer; }  .cookie-banner__btn:hover {     background: #000;     color: #f9b242; }  .footer {     padding: 0 0 20px;     position: relative; }  .payment-box {     margin: 0;     padding: 0;     clear: both;     display: flex;     flex-wrap: wrap;     gap: 10px 10px;     justify-content: center;     padding: 0; }  .payment-box__item {     padding: 0;     display: flex;     flex-direction: column;     gap: 10px;     max-width: 114px;     text-align: center; }  .payment-box__svg {     height: 56px;     width: 100%; }  .payment-box__text {     color: #605f5d;     font-size: 1rem;     margin: 0; }  .payment-box li:before {     display: none; }  ul li {     margin: 0 0 15px;     padding: 0 0 0 20px;     position: relative;     list-style: none; }  .footer__menu {     display: flex;     justify-content: space-between;     align-items: flex-start;     flex-wrap: wrap;     gap: 20px;     background: #302d28;     padding: 20px 30px 30px; }  .footer-nav {     color: #dcd9d5;     display: flex;     flex-flow: column wrap;     font-family: Noto Sans, arial, helvetica, sans-serif;     font-weight: 400;     letter-spacing: 1px;     text-transform: uppercase;     width: 20%; }  .footer-nav__link {     color: #f9b242;     display: block;     font-size: 1.4rem;     margin: 15px 15px 5px;     text-decoration: none;     transition: all .1s ease-in-out; }  .footer-nav__link:hover {     color: #dcd9d5; }  .certificate-list {     display: flex;     gap: 10px;     justify-content: center;     list-style: none;     padding: 0;     margin-top: 20px;     flex-wrap: wrap;     align-items: center; }  .certificate-list__item:before {     display: none; }  .certificate-list__item:hover img {     transform: scale(1.1); }  .certificate-list__item.SSL {     display: flex;     align-items: center;     flex-direction: column; }  .certificate-list__item.SSL a {     display: block;     color: #86bee0;     font-family: Arial, sans-serif;     font-size: 15px;     font-weight: 700;     padding: 4px 2px;     text-decoration: none; }  .footer__copyright {     font-size: 12px;     color: #dcd9d5;     text-align: center;     margin-top: 20px; }  @media (max-width: 620px) {      .logo {         width: 145px;     } }  .mobile-bar {     align-items: center;     background: #13100e;     border-top: 1px solid #302d28;     bottom: -65px;     box-sizing: border-box;     display: flex;     height: 48px;     left: 0;     min-width: 320px;     overflow: hidden;     padding: 0 15px;     position: fixed;     right: 0;     transition: bottom .3s linear;     width: 100%;     z-index: 99999; }  @media (max-width: 1120px) {     .mobile-bar {         bottom: 0;     } }  .mobile-bar-nav {     align-items: center;     display: flex;     height: 100%; }  .mobile-bar-nav__link {     border: 1px solid #13100e;     border-radius: 5px;     box-sizing: border-box;     color: #fff;     font: 1rem Noto Sans, arial, helvetica, sans-serif;     letter-spacing: 1px;     margin: 0 20px 0 0;     padding: 5px 10px;     text-decoration: none;     text-transform: uppercase; }  .mobile-bar-nav__link.is-active {     border-color: #f9b242;     color: #f9b242; }  .mobile-bar-button {     background: transparent;     border: none;     cursor: pointer;     height: 48px;     padding: 0;     position: absolute;     right: 0;     width: 48px; }  .icon-hamburger-menu, .mobile-bar-button:after, .mobile-bar-button:before {     background: #f9b242;     height: 3px;     left: 50%;     margin: -1px 0 0 -13px;     position: absolute;     top: 50%;     width: 28px; }  .mobile-bar-button:after, .mobile-bar-button:before {     content: "";     transition: all .2s ease-in-out; }  .mobile-bar-button:before {     margin: -11px 0 0 -13px; }  .mobile-bar-button:after {     margin: 8px 0 0 -13px; }  @media (max-width: 1120px) {     .main-layout__menu {         display: none;     }      .header.header-fixed,     .header {         padding: 0;     }      .menu-opened .main-layout__content {         width: 100%;     }      .main-layout__content {         width: 100%;     } }  .mobile-sidebar {     background: #403c37;     box-sizing: border-box;     height: 100%;     left: -100%;     padding: 80px 0 60px;     position: fixed;     top: 0;     width: 330px;     z-index: -1; }  .mobile-sidebar.is-active {     animation: mobile-menu-in .2s;     left: 0;     overflow: auto;     -ms-overflow-style: none;     scrollbar-width: none;     z-index: 20; }  @keyframes mobile-menu-in {     0% {         opacity: 0;         transform: translate3d(-100%, 0, 0);     }      100% {         opacity: 1;         transform: translateZ(0);     } }  .mobile-bar-button.is-active {     background: #302d28; }  .mobile-bar-button.is-active:before {     transform: rotate(-45deg); }  .mobile-bar-button.is-active:after {     transform: rotate(45deg); }  .mobile-sidebar-blank {     background: #13100eb3;     bottom: 0;     left: 0;     position: fixed;     right: 0;     top: 0;     z-index: -1; }  .mobile-sidebar-blank.is-active {     z-index: 19; }  .mobile-bar-button.is-active .icon-hamburger-menu, .mobile-bar-button.is-active .mobile-bar-button:after, .mobile-bar-button.is-active .mobile-bar-button:before {     display: none; }  .mobile-bar-button.is-active:after, .mobile-bar-button.is-active:before {     margin: -2px 0 0 -14px;     transition: all .2s ease-in-out; }  @media (max-width: 992px) {     .logo {         width: 155px;     }      .footer-nav {         width: 48%;     } }  @media (max-width: 768px) {     .header-auth-btn {         font-size: 1rem;         letter-spacing: 0;         line-height: 32px;         min-width: auto;         overflow: visible;     }      .header-register-btn {         font-size: 1rem;         letter-spacing: 0;         line-height: 32px;         min-width: auto;         overflow: visible;     }      .logo {         width: 105px;     }      .header-grid {         height: 100%;     }      .header,     .header.header-fixed {         box-shadow: none;         padding: 10px 0;     }      .payment-box__item {         max-width: 90px;     } }  @media (max-width: 560px) {     .footer-nav {         width: 100%;     }      .payment-box {         gap: 10px 10px;     }      .content {         padding: 0 0 0;     }      .btn-provider {         width: 100%;     } }  @media (max-width: 420px) {     .logo {         width: 61px;     }      .payment-box {         padding: 0 0 40px;     } }  @media (max-width: 375px) {     .logo {         width: 31px;     } }  p img {     margin: 15px 0; }  .breadcrumbs-box {     margin: 0 0 15px 0;     padding: 0 0 5px 0;     color: #797979;     border-bottom: 1px solid #3d3d3d; } .breadcrumbs-box .breadcrumbs-list__item {   padding-left: 5px;    margin:0; } .breadcrumbs-list__item::before {     display: none; }  .breadcrumbs-list__item::after {     padding: 0 0 0 5px;     vertical-align: middle;     content: ">"; }  .breadcrumbs-list__item:last-child::after {     content: ""; }  .breadcrumbs-list__link {     color: #f9b242; }  .breadcrumbs-list {   display: flex;     list-style: none;     padding: 0;     margin: 0; }  .content figure {     margin: 30px 0;     padding: 24px 28px;     background: #201e1a;     border: 1px solid #403c37;     border-radius: 14px;     box-shadow: inset 0 0 0 1px rgba(249, 178, 66, 0.08); }  .content figure blockquote {     margin: 0;     padding: 0 0 0 20px;     border-left: 4px solid #f9b242;     color: #ededed;     font-size: 1.6rem;     line-height: 1.6;     font-style: italic; }  .content figure p {     margin: 0 0 16px; }  .content figure figcaption {     margin: 12px 0 0;     color: #f9b242;     font-size: 1.3rem;     font-weight: 600;     text-transform: uppercase;     letter-spacing: 0.1em; }  .content blockquote {     margin: 30px 0;     padding: 24px 28px;     background: #1a1715;     border-left: 4px solid #f9b242;     border-radius: 10px;     font-size: 1.6rem;     line-height: 1.6;     color: #ededed; }  @media (max-width: 560px) {     .content figure,     .content blockquote {         padding: 20px 18px;     }      .content figure blockquote,     .content blockquote {         font-size: 1.5rem;     } }  .iframe {     position: relative;     z-index: 100;     margin-bottom: 15px;     width: 100%;     height: 550px; }  .iframe__item {     text-align: center;     position: relative;     width: 100%;     height: 100%; }  .iframe__item::before {     content: "";     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     background: url('/uploads/3452/pages/37043/37043.png') center center / cover no-repeat;     filter: blur(10px);     z-index: -1; }  #loadIframeBtn {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     z-index: 999;     padding: 10px 20px;     text-transform: uppercase;     cursor: pointer;     transition: all 0.3s ease;     width: 150px;     z-index: 9;     height: 45px;     line-height: 0;     border: none;     border-radius: 3px;  }  #loadIframeBtn:after {     content: '';     top: 10px;     z-index: -1;     right: 0;     bottom: 0;     left: 0;     position: absolute;     box-shadow: 0 6px 5px #645c5c00; }  .show-support {     display: inline-block;     margin: 0 auto;     position: static;     margin-bottom: 20px;     transform: translate(0, 0);     text-align: center;     text-decoration: none; }  .iframe__wrapper, .iframe__inner {     width: 100%;     height: 100%; }  .iframe__item iframe {     width: 100%;     height: 100%;     border-radius: 12px;     margin-bottom: 22px; }