html {     font-size: 10px;     overflow-x: hidden; } body {     margin: 0;     position: relative;     overflow-x: hidden;     font-family: Arial, Helvetica, sans-serif;     color: #B79665;     background: url(/shared/3424/bg-game.webp) center top no-repeat fixed #110f0b;     font-size: 14px;     font-size: 1.4rem; } * {     box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {     display: block; } .container {     max-width: 1140px;     margin: 0 auto 50px;     background: #110f0b; } .container, .row {     position: relative; } .container, .row .cols-12 {     width: 100%; } .container:after, .container:before, .footer:after {     bottom: 0;     content: ""; }  .container:after, .container:before {     position: absolute;     top: 0;     width: 10px;     z-index: 10; }  .container:before {     left: 0;     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAIAAABol6gpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACBJREFUeNpilBbl+/r9FwMMfP/5R4CPA8L+9uMPQIABAIMDCSICrp6KAAAAAElFTkSuQmCC');     background-repeat: repeat-y; } .container:after {     right: 0;     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAIAAABol6gpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpi5OXm4OJgYQCDD59+cLJD2UDAzckGEGAAN+0DQGhZGtkAAAAASUVORK5CYII=');     background-repeat: repeat-y; } .header {     position: relative;     padding: 15px 0; } .header .header-top-border {     padding: 0 0 5px;     border-bottom: 1px solid #010100; }  .header-top-block {     display: flex;     justify-content: space-between;     align-items: center;     padding: 0 25px; } .logo {     z-index: 5;     width: 283px;     height: 43px;     background-position: 0 -136px;     background-image: url(/shared/3424/image-list.webp);     background-repeat: no-repeat;     display: block;     position: relative; }  .logo-box:after {     background-image: url(/shared/3424/image-list.webp);     background-repeat: no-repeat; }  .logo-box:after {     position: absolute;     top: -15px;     left: 50%;     content: "";     width: 405px;     height: 85px;     margin-left: -202.5px;     background-position: 0 -331px; } .header-btn-box {     display: flex; } .btn, table td {     text-align: center; } .btn, h1, h2, h3, h4, h5, h6 {     text-transform: uppercase; } .btn, .btn:hover {     color: #f6c769; } .btn {     font-family: "Times New Roman", Times, serif;     text-decoration: none;     cursor: pointer;     text-shadow: 0 0 2px #000;     overflow: hidden;     box-sizing: border-box;     font-size: 1.4rem;     line-height: 3.8rem;     color: #000;     letter-spacing: 2px;     padding: 0 15px;     display: inline-block; } .btn-green {     border: 1px solid #3daa45;     background: #3daa45;     border-radius: 50px; } .header-register-btn {     width: 165px;     margin: 0 1.764705882352941% 0 0;     border-radius: 0 50px 50px 0;     order: 1; } .btn-gold, .btn-gold:hover, .header-exit-link {     border: 1px solid #fdc061; } .btn-gold {     background: #fdc061; } .header-auth-btn {     position: relative; } .header-auth-btn {     width: 110px;     margin: 0 2px 0 0;     border-radius: 50px 0 0 50px; } .genera-nav ul {     list-style: none;     display: flex;     justify-content: space-between;     align-items: flex-start;     gap: 15px;     padding: 0; }  .genera-nav a {     letter-spacing: 1px;     font-family: "Times New Roman", Times, serif;     text-transform: uppercase;     position: relative;     color: #ffc060;     text-decoration: none;     line-height: 55px;     font-size: 16px;     font-size: 1.6rem;     line-height: 20px; }  .genera-nav ul li {     width: calc(100% / 7);     display: table-cell;     text-align: center;     margin: 0; }  .burger {     display: none; }  @media screen and (max-width: 1024px) {     .general-nav-block {         display: flex;         flex-direction: column;     }     .genera-nav ul {         display: none;         flex-direction: column;         justify-content:flex-start     }     .genera-nav ul li {         width: 100%;         text-align: left;     }     .genera-nav ul {         padding: 0 25px;     }     .burger {         display: flex;         flex-direction: column;         align-items: center;         justify-content: center;         padding-top: 15px;         order: -1;      }     .burger span {         display: inline-block;         background-color: #ffc060;         height: 3px;         width: 25px;         margin-bottom: 5px;     }     .burger span:last-child {         margin-bottom: 0;     }     .genera-nav.show ul {         display: flex;     } } @media screen and (max-width: 630px) {     .header-btn-box {         position: relative;         z-index: 5;     }     .logo {         width: 134px;         height: 21px;         background-position: 0px -65px;         background-size: 209px;     }     .header-auth-btn {         width: 85px;     }     .btn {         font-size: 1.1rem;         line-height: 0;     } } @media screen and (max-width: 440px) {     .banner {         position: relative;         left: -50px;     }     .header-top-block {         padding: 0 10px;     }     .header-auth-btn {         width: 70px;     }     .header-register-btn {         width: 125px;     } } .content {     padding: 0 15px 20px; } .content h1 {     text-align: center; }  .contact img {     max-width: 100%;     height: auto;     margin: 15px 0; }  .footer:after {     position: absolute;     left: 1px;     right: 1px;     height: 10px;     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAJCAIAAAB8JNGzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACNJREFUeNpiEhfmYWJgYABh5j9//jFxsrPA+CDMws3JBhBgAEurA3DtZJUqAAAAAElFTkSuQmCC');     background-repeat: repeat-x;     z-index: 15; }  .footer {     position: relative;     margin: 1px 0 0;     padding: 10px 25px 50px;     border-top: 1px solid #18130b;     box-shadow: inset 0 0 1px #000;     background: #0d0c09;     color: #6e5a3b; } .footer img {     width: 100%; } .payment-list {     overflow: hidden;     padding: 25px 0 0; }  .payment-list img {     width: 100%; }  .sertificate-icon {     padding: 20px 0 0; }  .sertificate-icon ul {     padding: 0;     margin: 0;     text-align: center;     list-style: none; } .sertificate-icon ul li {     display: inline-block; }  .icon-1, .icon-2, .icon-3, .icon-4 {     display: block;     background-image: url(/shared/3424/icons.webp);     background-repeat: no-repeat; } .sertificate-icon ul li .icon-1 {     width: 140px;     height: 54px;     background-position: 0 -1817px; } .sertificate-icon ul li .icon-2 {     width: 50px;     height: 54px;     background-position: -55px -1763px; } .sertificate-icon ul li .icon-3 {     width: 55px;     height: 54px;     background-position: 0 -1763px; } .sertificate-icon ul li .icon-4 {     width: 126px;     height: 54px;     background-position: 0 -1871px; } .footer .copyrights {     max-width: 375px;     margin: 15px auto 0;     line-height: 20px;     font-size: 12px;     font-size: 1.2rem; } a, a:hover {     color: #fec917; } a:hover {     text-decoration: none; } table {     border-collapse: collapse;     border-spacing: 0;     width: 100%; } table th, table tr:nth-child(odd) {     background: #0d0c09; } table td {     margin: 0 1px;     padding: 10px 5px;     color: #6e5a3b;     font-size: 14px;     font-size: 1.4rem; } form {   max-width: 500px;   margin: 50px auto;   padding: 30px;   background-color: #1e1e1e;   border-radius: 12px;   box-shadow: 0 0 15px rgba(255, 215, 0, 0.2); }  .form-line {   margin-bottom: 20px; }  label {   display: block;   margin-bottom: 8px;   font-weight: bold;   color: #ffd700; /* золотий */ }  .inpt, .custom-select {   width: 100%;   padding: 12px 15px;   background-color: #2c2c2c;   border: 1px solid #444;   border-radius: 8px;   color: #fff;   transition: border-color 0.3s ease; }  .inpt:focus, .custom-select:focus {   border-color: #ffd700;   outline: none; }  .error {   margin-top: 5px;   color: #ff4d4d;   font-size: 13px; }  form .btn {   width: 100%;   background-color: #ffd700;   border: none;   color: #1e1e1e;   font-weight: bold;   padding: 14px;   border-radius: 8px;   cursor: pointer;   transition: background-color 0.3s ease, box-shadow 0.3s ease; }  form .btn:hover {   background-color: #ffcc00;   box-shadow: 0 0 10px rgba(255, 215, 0, 0.4); }