@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');  body {     margin: 0;     padding: 0;     color: #fff;     background: #000;     font-family: "Roboto", sans-serif;     font-size: 14px;     font-weight: 400;     line-height: 1.5; }  * {     box-sizing: border-box; }  p img {     max-width: 100%;     height: auto;     margin: 10px 0; }  h1, h2, h3, h4, h5, h6 {     color: #fed22a;     transition: color .15s; }  h2 {     font-size: 32px; }  h3 {     font-size: 28px; }  h4 {     font-size: 24px; }  ul {     line-height: 1.8; }  p {     text-align: left;     color: #c4c4c4;     font-size: 16px;     line-height: 1.76;     overflow: hidden;     margin: 0 0 20px;     transition: max-height .15s; }  .sidebar {     box-sizing: border-box;     height: 100vh;     width: 250px;     z-index: 200;     background: #0e0e0e;     border-right: 3px solid #333;     display: block;     position: fixed;     top: 0;     left: 0;     overflow-x: hidden;     overflow-y: auto; }  .sidebar__wrapper {     flex-direction: column;     display: flex;     position: relative; }  .sidebar__top {     width: 150px;     margin: 0 auto;     padding: 20px 0; }  .logo__link {     display: block; }  .logo__link img {     width: 100%;     height: auto; }  .sidebar__button {     margin-top: 20px; }  .btn {     height: 35px;     max-width: 100%;     box-sizing: border-box;     text-align: center;     color: #000;     cursor: pointer;     border: none;     border-radius: 2px;     padding: 0 16px;     font-size: 13px;     font-weight: 700;     line-height: 35px;     display: block;     overflow: hidden;     background: #fed22a;     text-decoration: none; }  .btn:hover {     box-shadow: 0 0 5px 3px #fed22a4d; }  .btn.--no_color {     margin-top: 10px;     color: #fff;     border: 1px solid #fff;     background: none; }  .btn.--no_color:hover {     color: #fed22a;     border: 1px solid #fed22a; }  .sidebar__nav {     background-color: #3333334d; }  .sidebar__nav__list {     padding: 0;     list-style: none;     margin: 0; }  .sidebar__nav__link {     height: 50px;     color: #fff;     white-space: nowrap;     text-overflow: ellipsis;     padding: 0 30px;     font-size: 16px;     font-weight: 700;     line-height: 50px;     display: block;     overflow: hidden;     text-decoration: none; }  .sidebar__nav__link span {     width: 100%;     box-sizing: border-box;     padding-left: 20px;     display: inline-block; }  .sidebar__nav__item:not(:first-child) span {     border-top: 1px solid #333; }  .mobile {     display: none; }  .mobile .sidebar__nav__item span {     border-top: 1px solid #333; }  .sidebar__nav__link:hover {     background: #333; }  .burger {     width: 50px;     height: 50px;     cursor: pointer;     z-index: 220;     padding: 13px 12px;     position: absolute;     top: 0;     left: 255px;     display: none; }  .burger svg {     width: 100%;     height: 100%;     stroke: #666 !important;     filter: drop-shadow(0 0 5px #333); }  .burger:hover svg {     stroke: #8a8a8a !important;     filter: drop-shadow(0 0 5px #666); }  .burger__close {     display: none; }  .page {     margin-left: 250px; }  .page .sidebar__top {     width: 90%;     display: none;     justify-content: space-between;     align-items: center;     padding: 10px 0; }  .page .sidebar__button {     display: flex;     gap: 15px;     margin: 0; }  .page .btn.--no_color {     margin: 0; }  .game .btn.--no_color {     margin-top: 10px; }  .container {     max-width: 1190px;     margin: 0 auto;     position: relative; }  .header {     display: flex;     width: calc(100% - 60px);     margin: 0 0 0 60px;     overflow-x: auto;     overflow-y: hidden;     justify-content: center; }  .menu__list {     list-style: none;     align-items: center;     padding: 0 50px;     display: flex;     margin: 0; }  .menu__link {     align-items: center;     margin: 0 40px;     line-height: 50px;     display: flex;     color: #fff;     background-color: #0000;     text-decoration: none;     white-space: nowrap;     padding-left: 10px;     font-size: 16px;     font-weight: 700; }  .menu__link:hover {     color: #fed22a;     text-shadow: 0 0 20px #fed22a; }  .banner__wrapper {     display: flex;     justify-content: space-between;     align-items: center;     gap: 20px; }  .banner__images {     width: 100%;     position: relative;     height: 100%;     background: url(/shared/3228/new.jpeg);     height: 160px;     justify-content: center;     align-items: center;     display: flex;     background-position: 50% !important;     background-size: auto 100% !important; }  .banner__images__text__inner p {     margin: 0;     font-weight: 500;     font-size: 28px;     line-height: 42px; }  .white {     color: #fff;     margin-bottom: 10px; }  p.yellow {     color: #fed22a;     font-weight: 900;     overflow: hidden; }  .banner__btn {     display: flex; }  .content button {     width: 100%;     display: block;     background: none;     border: none; }  .content button a {     height: 35px;     width: 100%;     box-sizing: border-box;     text-align: center;     color: #000;     cursor: pointer;     border: none;     border-radius: 2px;     padding: 0 16px;     font-size: 13px;     font-weight: 700;     line-height: 35px;     display: block;     overflow: hidden;     background: #fed22a;     text-decoration: none; }  .content button a:hover {     box-shadow: 0 0 5px 3px #fed22a4d;     color: #000; }  .content__btn__link {     font-size: 16px;     line-height: 50px;     color: #fff;     background: #ff4b32;     justify-content: center;     align-items: center;     display: flex;     text-decoration: none;     height: auto; }  .title {     letter-spacing: 2.2px;     color: #fed22a;     font-size: 36px;     font-weight: 900;     line-height: 1.41;     transition: color .15s;     position: relative;     padding: 0 10px; }  .games__menu__list {     display: flex;     justify-content: space-between;     align-items: center;     list-style: none;     padding: 0;     margin: 0; }  .games__menu__link {     display: flex;     align-items: center;     gap: 5px;     margin: 0 auto;     padding: 0 10px;     color: #fff;     background-color: #0000;     font-size: 100%;     text-decoration: none;     font-weight: 700; }  .games__menu__link:hover {     color: #fed22a;     text-shadow: 0 0 10px #fed22a; }  .games__menu__link:hover svg path:not(:nth-of-type(-n+2)) {     fill: #fed22a !important; }  .games__menu__link:hover svg .clr {     fill: #fed22a !important; }  .games__wrapper {     display: grid;     grid-template-columns: repeat(6, 1fr);     gap: 10px;     margin-top: 20px; }  .game {     position: relative; }  .game img {     width: 100%;     height: 100%; }  .game__hover {     background-color: #0e0e0ecc;     display: flex;     position: absolute;     top: 0;     bottom: 0;     left: 0;     right: 0;     z-index: 21;     transition: all .3s;     opacity: 0; }  .game__hover__btn {     width: 150px;     max-width: calc(100% - 10px);     max-height: calc(100% - 10px);     margin: auto; }  .game:hover .game__hover {     opacity: 1; }  .content a {     color: #fecb29; }  .content a:hover {     color: #ffe454;     text-decoration: none; }  table {     border-collapse: collapse;     border-spacing: 0;     margin: 32px 0;     width: 100%; }  table th, table td {     color: #ffffff;     font-size: 14px;     line-height: 18px;     text-align: left;     border: 1px solid #fecb29;     padding: 10px; }  table td {     color: #fffc;     font-size: 14px;     line-height: 18px; }  .footer {     background: #333;     padding: 20px 0 40px;     display: block;     overflow: hidden;     margin-top: 50px; }  .footer__nav__list {     list-style: none;     padding: 0;     flex-wrap: wrap;     justify-content: center;     display: flex; }  .footer__nav__link {     white-space: nowrap;     margin: 0 22px 10px;     padding-bottom: 13px;     font-size: 14px;     font-weight: 700;     line-height: 16px;     display: block;     color: #fff;     text-decoration: none; }  .footer__nav__link:hover {     color: #fed22a;     text-shadow: 0 0 20px #fed22a; }  .footer__img {     display: flex;     align-items: center;     flex-wrap: wrap;     gap: 22px;     max-width: 33%;     margin-top: 44px; }  .footer__img__link {     display: flex;     align-items: center;     width: 120px;     height: 80px; }  .footer__img__link img {     width: 100%;     height: auto; }  .footer__content {     grid-column-gap: 35px;     grid-template-columns: 1fr 330px;     grid-template-areas: "top_left right" "center_left right" "bottom_left right";     padding-top: 15px;     display: grid; }  .footer__content__text {     grid-area: top_left; }  .footer__content__text p {     font-size: 12px;     font-weight: 400;     line-height: 1.6em;     letter-spacing: .7px;     margin-top: 0;     margin-bottom: 10px; }  .footer__icons__pay {     width: 100%;     flex-wrap: wrap;     justify-content: flex-start;     display: flex; }  .footer__icons__pay img {     width: 33.3332%;     justify-content: center;     margin-bottom: 20px;     display: flex; }  .age {     text-align: center; }  .age img {     width: 40px;     height: 40px; }  .sidebar__bg-menu {     display: none; }  @media (max-width: 1450px) {     .container {         max-width: 1100px;     }      .page {         margin-left: 220px;     }      .footer__img {         max-width: 50%;     }      .sidebar {         width: 220px;     }      .header {         width: auto;         margin: 0;     } }  @media (max-width: 1330px) {     .header {         justify-content: center;     }      .sidebar {         position: fixed;         left: -100%;         top: 0;     }      .sidebar.open {         width: 255px;         left: 0;     }      .sidebar__bg-menu.open {         content: '';         display: block;         position: fixed;         top: 0;         left: 0;         background: rgba(51, 51, 51, 0.8);         width: 100vw;         height: 100vh;         z-index: 5;     }      .burger.open {         position: fixed;         left: 255px;     }      .burger.open .burger__open {         display: none;     }      .burger.open .burger__close {         display: block;         stroke: #fff !important;         fill: #fff !important;         width: 40px;         height: 40px;     }      .burger.open .burger__close path {         fill: #fff !important;     }      .burger {         display: block;         left: 0;     }      .page {         margin-left: 0;     }      .container {         max-width: 1300px;         margin: 0 20px;     } }  @media (max-width: 1024px) {     .sidebar__nav.mobile {         display: block;     }      .header {         display: none;     }      .page .sidebar__top {         display: flex;     }      .banner__wrapper {         flex-direction: column;     }      .banner__content,     .banner__images {         width: 100%;     }      .banner__images {         order: -1;     }      .title {         margin-top: 0;     } }  @media (max-width: 768px) {     .games__wrapper {         display: grid;         grid-template-columns: repeat(4, 1fr);         gap: 10px;         margin-top: 20px;     }      .games__menu__list {         gap: 10px;         flex-wrap: wrap;     }      .footer__content {         grid-column-gap: 0;         grid-template-columns: 1fr;         grid-template-areas: "top_left top_left" "center_left center_left" "bottom_left bottom_left";         padding-top: 15px;         display: grid;         grid-row-gap: 35px;     }      .footer__icons__pay img {         width: 16.3332%;     }      .footer__img {         max-width: 100%;     }      .footer {         padding: 20px 0 0;     } }  @media (max-width: 570px) {     .content img {         float: none !important;         margin: 0 auto !important;         display: block !important;     }      .page .btn.--no_color {         display: none;     }      .banner__images {         position: relative;     }      .banner__images img {         height: 250px;     }      .banner__images:after {         content: '';         position: absolute;         top: 0;         left: 0;         width: 100%;         height: 100%;         background: rgba(14, 14, 14, 0.7);     }      .banner__images__text {         z-index: 2;     }      .games__wrapper {         grid-template-columns: repeat(2, 1fr);     }      .container {         margin: 0 10px;     }      .footer__icons__pay img {         width: 25%;     }      .footer__nav__item {         width: 50%;     }      .page .sidebar__top {         margin-left: 45px;     }      .logo__link {         max-width: 130px;     }      .page .sidebar__top {         margin-left: 35px;     } }  @media (max-width: 530px) {     .footer__nav__item {         width: 100%;     } }  @media (max-width: 360px) {     .footer__icons__pay img {         width: 50%;     } }  .scroll-to-top-btn {     display: none;     position: fixed;     bottom: 20px;     right: 20px;     cursor: pointer;     background-color: #191919;     padding: 10px;     border-radius: 50%;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);     width: 50px;     height: 50px;     justify-content: center;     align-items: center; }  .cookie-banner {     max-width: 440px;     width: 100%;     z-index: 900;     justify-content: center;     padding-bottom: 16px;     display: none;     position: fixed;     bottom: 0;     left: 50%;     transform: translate(-20%); } .cookie-banner__wrap {     box-sizing: border-box;     background-color: #fff;     border: 2px solid #fed22a;     align-items: center;     padding: 6px 10px;     display: flex;     box-shadow: 0 0 15px #0000001a; } .cookie-banner__text {     color: #111114;     flex: auto;     padding-inline-end: 12px;     font-size: 12px;     line-height: 16px; }  .cookie-banner__wrap .btn {     flex-shrink: 0; }