* {     margin: 0;     padding: 0;     box-sizing: border-box; }  body {     font-family: Arial, sans-serif;     line-height: 1.5;     background-color: #1a1a1a;     color: #fff;     font-family: Arial, Helvetica, sans-serif; }  .container {     max-width: 1370px;     margin: 0 auto;     padding: 0 15px; }  /* Header styles */ .header {     background: none repeat scroll 0% 0% rgb(0, 0, 0);     border-top: 1px solid rgb(48, 49, 51);     border-bottom: 1px solid rgb(48, 49, 51);     position: relative;     z-index: 2;     padding: 15px 0;     position: fixed;     top: 0;     left: 0;     right: 0;     z-index: 1000; }  .header__inner {     display: flex;     align-items: center;     justify-content: space-between; }  /* Logo styles */ .logo {     max-height: 30px; }  .logo img {     height: 100%;     width: auto;     margin-right: 10px; }  /* Navigation styles */ .nav__list {     display: flex;     list-style: none; }  .nav__link {     color: rgba(255, 255, 255, 0.46);     font-size: 12px;     text-decoration: none;     text-transform: uppercase;     font-weight: normal;     transition: color 0.2s ease-in 0s;     letter-spacing: -0.5px; }  .nav__link.active {     color: rgb(255, 255, 255);     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.36); }  .nav__link.green {     color: rgba(152, 210, 95, 0.55); }  .nav__link:hover {     color: rgb(255, 255, 255);     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.36); }  .nav__item {     position: relative;     margin: 0px 10px; }  .nav__item:before {     content: "";     position: absolute;     height: 10px;     border-left: 1px dotted rgb(70, 67, 67);     top: 7px;     left: -10px; }  .nav__item:first-child:before {     display: none; }  .nav__item:first-child {     margin: 0px 10px 0px 0px; }  /* Button styles */ .header__buttons {     display: flex;     gap: 10px; }  .btn--login {     position: relative;     padding: 0px 60px 0px 6px;     margin: 0;     height: 29px;     line-height: 29px;     display: inline-block;     vertical-align: top;     border-radius: 4px;     background: url(/shared/3486/buttons_sprite.webp) no-repeat scroll -322px -788px transparent;     color: rgb(255, 255, 255);      text-decoration: none;     text-transform: uppercase;     font-size: 13px;     font-weight: normal;     text-shadow: 0px 1px 0px rgb(31, 60, 0);     display: flex;     gap: 5px; }  .btn--login:hover {     background-color: rgba(255, 68, 68, 0.1); }  .btn--register {     width: 113px;     height: 28px;     text-decoration: none;     color: rgb(255, 255, 255);      line-height: 28px;     font-size: 12px;     font-weight: normal;     text-shadow: 0px 1px 0px black;     text-transform: uppercase;     display: inline-block;     vertical-align: top;     text-align: center;     background: url(/shared/3486/buttons_sprite.webp) no-repeat scroll 0px -377px transparent; }  /* Hamburger menu */ .hamburger {     display: none;     background: none;     border: none;     cursor: pointer;     padding: 10px;     margin-left: 15px; }  .hamburger span {     display: block;     width: 25px;     height: 2px;     background-color: #fff;     margin: 5px 0;     transition: 0.3s; }  @media (max-width: 1250px) {     .nav {         display: none;         position: fixed;         top: 70px;         left: 0;         right: 0;         background-color: #2a2a2a;         padding: 20px;     }      .nav.active {         display: block;     }      .nav__list {         flex-direction: column;         align-items: center;     }      .nav__item {         width: 100%;         text-align: center;     }      .nav__link {         display: block;         padding: 10px;         font-size: 16px;     }      .hamburger {         display: block;     }      .header__buttons {         margin-left: 0;     }      .btn {         font-size: 13px;     } }  @media (max-width: 580px) {     .btn--register {         display: none;     } }  @media (max-width: 450px) {     .btn--login i {         display: none;     }      .btn--login {         padding: 0px 10px 0px 6px;         background-position: 0 -340px;     } }  /* Main styles */ .main {     padding-top: 60px; }   /* Game Navigation */ .game-nav {     position: absolute;     z-index: 1;     bottom: 0;     left: 0;     right: 0; }  .game-nav__list {     display: flex;     list-style: none;     margin: 0;     padding: 0;     justify-content: center;     gap: 10px; }  .game-nav__item {     position: relative;     text-align: center;     padding: 0px;     display: inline-block;     vertical-align: top;     border-left: 1px solid rgb(49, 50, 50);     border-right: 1px solid rgb(11, 11, 11);     background: url(/shared/3486/main_game_menu_bg.webp) repeat-x scroll 0px 0px transparent; }  .game-nav__item:hover {     background: url(/shared/3486/main_game_menu_bg_hover.webp) repeat-x scroll 0px 0px transparent; }  .game-nav__link {     position: relative;     z-index: 4;     display: block;     padding: 0px 14px 0px 36px;     color: rgb(200, 200, 200);      text-decoration: none;     text-transform: uppercase;     font-size: 14px;     line-height: 42px;     height: 42px;     font-weight: 600;     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.36);     transition: color 0.2s ease-in 0s; }  .game-nav__link:hover, .game-nav__link.active {     color: rgb(232, 47, 47);     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.36); }  .game-nav__icon {     width: 20px;     height: 20px;     display: inline-block;     background: url(/shared/3486/main_menu_icons.webp) no-repeat scroll transparent;     opacity: 0.46;     transition: opacity 0.2s ease-in;     position: absolute;     top: 50%;     transform: translateY(-50%);     left: 5px; }  .game-nav__link:hover .game-nav__icon, .game-nav__link.active .game-nav__icon {     opacity: 1; }  .game-nav__icon--popular {     background-position: -4px -3px; }  .game-nav__icon--slots {     background-position: -4px -70px; }  .game-nav__icon--jackpot {     background-position: -5px -139px; }  .game-nav__icon--cards {     width: 25px;     background-position: -4px -215px; }  .game-nav__icon--roulette {     width: 23px;     height: 23px;     background-position: -5px -279px; }  .game-nav__icon--video {     width: 22px;     background-position: -5px -430px; }  .game-nav__icon--lottery {     width: 23px;     background-position: -5px -351px; }  .game-nav__icon--live {     background-position: -4px -510px; }  @media (max-width: 1250px) {     .game-nav {         overflow-x: auto;         -webkit-overflow-scrolling: touch;     }      .game-nav__list {         width: max-content;         padding: 0 15px;     }      .game-nav__item {         flex: none;     }      .game-nav__link {         padding: 0 10px;         white-space: nowrap;     }      .game-nav__link {         font-size: 13px;         padding-left: 36px;     } }  @media (max-width: 1024px) {     .game-nav__link {         font-size: 10px;     } }  @media (max-width: 980px) {     .game-nav__icon {         display: none;     }      .game-nav__link {         padding-left: 10px;     }      .game-nav__link {         line-height: 30px;         height: 30px;     }      .game-nav__list {         gap: 4px;     } }  @media (max-width: 700px) {     .game-nav {         display: none;     } }  .games .container {     max-width: 1235px; }  .games__wrapper {     padding: 0px 44px 30px;     position: relative;     margin: 0px auto;     z-index: 20;     border-left: 1px solid rgb(49, 47, 44);     border-right: 1px solid rgb(49, 47, 44);     box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.22);     background: url(/shared/3486/bg_fill_main.webp) repeat scroll center center black;     font-size: 0px;     display: flex;     gap: 30px; }  .sidebar {     margin: 20px 0px 0px;     max-width: 320px;     flex-shrink: 0; }  .sidebar__logo {     padding: 10px 0;     text-align: center;     background-color: #38363b;     border: 1px solid #000; }  .sidebar__logo img {     max-width: 200px; }  .sidebar__play-btn {     display: block;     width: 160px;     padding: 7px;     margin: 0 auto;     background-color: #299a0c;     color: #fff;     text-align: center;     text-decoration: none;     text-transform: uppercase;     font-size: 18px;     border-radius: 4px;     transition: background-color 0.3s; }  .sidebar__play-btn:hover {     background-color: #218838; }  /* Jackpot */ .jackpot {     background: #1a1a1a;     padding: 15px;     border-radius: 4px;     margin-bottom: 20px;     margin: 20px 0px 0px; }  .jackpot__title {     display: block;     color: rgb(193, 182, 156);     font-size: 17px;     text-shadow: 0px 1px 0px black;     border-bottom: 1px solid rgb(0, 0, 0);     padding: 3px 10px 6px 22px;     position: relative; }  .jackpot__title strong {     color: rgb(225, 216, 194);     text-transform: uppercase;     font-size: 20px;     font-weight: normal; }  .jackpot__amount {     padding: 4px 4px 6px 16px;     color: rgb(255 227 136);     letter-spacing: 5px;     font-size: 35px;     line-height: 1;     text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.75); }  /* Wallet */ .wallet {     margin: 20px 0px; }  .wallet__btn {     display: block;     max-width: 322px;     height: 65px;     line-height: 60px;     padding: 0px;     text-align: center;     color: rgb(255, 255, 255);      font-size: 29px;     font-weight: normal;     text-transform: uppercase;     text-decoration: none;     text-shadow: 0px 1px 0px rgb(94, 20, 0);     background: url(/shared/3486/buttons_sprite.webp) no-repeat scroll -318px -376px transparent; }  .wallet__btn:hover {     background-color: #ff2222; }  .wallet__icon {     width: 20px;     height: 20px;     background: url(/shared/empty.gif) no-repeat; }  /* News */ .news {     background: #1a1a1a;     padding: 15px;     border-radius: 4px;     border: 1px solid #000;     padding: 0; }  .news__content {     height: 276px; }  .news__title {     color: rgb(225, 216, 194);     border: 1px solid #000;     text-transform: uppercase;     font-size: 20px;     font-weight: normal;     padding: 3px 10px 6px 22px;     margin-bottom: 5px; }  .news__image {     width: 100%;     height: auto;     margin-bottom: 10px; }  .news__heading {     font-size: 14px;     color: rgb(219, 216, 209);     margin: 10px 0px 8px;     text-transform: uppercase;     padding: 0px 15px;     letter-spacing: -.5px; }  .news__text {     color: #999;     font-size: 14px;     margin-bottom: 15px; }  .news__btn {     display: block;     padding: 8px 15px;     background-color: #28a745;     color: #fff;     text-decoration: none;     text-transform: uppercase;     font-size: 12px;     border-radius: 4px;     transition: background-color 0.3s;     margin: 0 auto;     text-align: center;     max-width: 120px; }  .news__btn:hover {     background-color: #218838; }  @media (max-width: 1200px) {     .games__grid {         grid-template-columns: repeat(3, 1fr);         max-width: 100%;         gap: 10px;     }      .game-card {         margin: 10px auto;     } }  @media (max-width: 767px) {     .games__grid {         grid-template-columns: repeat(2, 1fr);     } }  @media (max-width: 992px) {     .games__wrapper {         flex-direction: column;     }      .sidebar {         width: 100%;         margin: 0 auto;     }      .games__wrapper {         padding: 0px 5px 30px;     } }  @media (max-width: 576px) {     .games__grid {         grid-template-columns: 1fr;     } }  @media (max-width: 420px) {     .wallet__btn {         width: 100%;         background: #901d00;     } }  img {     max-width: 100%;     height: auto; }  /* Winners section */ .winners {     margin: 20px 0px;     width: 313px;     border: 1px solid rgb(0, 0, 0);     border-radius: 2px;     background: none repeat scroll 0% 0% rgb(0, 0, 0);     box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.14); }  .winners__title {     color: rgb(193, 181, 155);     font-size: 16px;     font-weight: normal;     margin: 11px 0px 11px 18px;     text-align: center; }  .winners__list {     padding: 10px; }  .winner {     display: flex;     align-items: center;     justify-content: space-between;     padding: 8px 5px;     border: 1px solid rgb(32, 32, 30);     font-size: 12px; }  .winner:last-child {     border-bottom: none; }  .winner__game {     text-transform: capitalize;     word-break: break-all;     color: rgb(219, 216, 209);     font-size: 14px;     text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.75);     text-overflow: ellipsis;     overflow: hidden;     white-space: nowrap;     cursor: default;     padding: 5px;     width: 94px;     font-size: 13px; }  .winner__user, .winner__amount {     font-size: 12px;     padding: 0; }  .winner .winner__amount {     border: none !important; }  .winner__play {     background: url(/shared/3486/buttons_sprite.webp) no-repeat scroll -320px -744px transparent;     color: #fff;     text-decoration: none;     text-transform: uppercase;     font-size: 11px;     padding: 5px 15px;     border-radius: 2px;     white-space: nowrap; }  .winner__play:hover {     opacity: 0.9; }  /* Game of the month */ .game-month {     background: #1a1a1a;     border: 1px solid #000;     margin: 20px 0; }  .game-month__title {     color: rgb(225, 216, 194);      text-transform: uppercase;     font-size: 20px;     font-weight: normal;     padding: 10px 15px;     border-bottom: 1px solid #000; }  .game-month__content {     padding: 15px; }  .game-month__image {     max-width: 100%;     height: auto;     margin-bottom: 15px; }  .game-month__name {     margin: 0px;     color: rgb(199, 81, 10);     font-family: Arial;     font-size: 14px;     font-weight: bold;     text-transform: uppercase; }  .game-month__label {     color: #c1b69c;     font-size: 14px;     text-transform: uppercase;     margin-bottom: 5px; }  .game-month__subtitle {     color: rgb(200, 200, 200);     font-family: "arial_narrowbold", Arial;     text-transform: uppercase;     font-size: 16px;     font-weight: normal;     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.36); }  .game-month__play {     padding: 0px;     position: relative;     height: 28px;     width: 87px;     line-height: 28px;     color: rgb(255, 255, 255);      font-size: 13px;     font-weight: normal;     text-transform: uppercase;     text-decoration: none;     text-shadow: 0px 1px 0px rgb(65, 8, 0);     display: inline-block;     vertical-align: top;     border-radius: 2px;     box-shadow: 0px 1px 0px black, 0px 1px 0px rgb(255, 144, 116) inset; }  .game-month__play:hover {     opacity: 0.9; }  @media (max-width: 992px) {     .winner {         padding: 15px;         background: rgba(0, 0, 0, 0.2);         border-radius: 4px;     }      .winners {         width: 100%;     }      .winner>* {         margin: 5px 0;     } }  @media (max-width: 576px) {     .sidebar {         max-width: 100%;     }      .wallet__btn {         margin: 0 auto;     } }   .content {     padding: 20px;     color: #fff;     font-size: 14px;     line-height: 1.6; }  .content h1 {     font-size: 25px;     margin: 12px 12px 20px;     text-transform: none;     text-align: center; }  .content a {     color: rgb(30, 119, 175); }  .content a:hover {     color: rgb(18, 147, 228);     text-decoration: none; }  .content h2 {     font-size: 20px;     margin: 10px 0; }  .content p {     font-size: 14px;     color: rgb(169, 168, 170);     text-align: justify;     margin: 0; }  .content ul {     list-style-position: inside;     margin: 15px 0;     padding-left: 20px; }  .content ul li {     color: rgb(169, 168, 170);     margin-bottom: 8px; }  .footer {     height: 326px;     padding: 12px 0px 0px;     background: url(/shared/3486/footer_bg.webp) repeat-x scroll center 0px transparent;     position: relative; }  .footer-partners {     text-align: center; }  .footer-partners:last-child {     text-align: center;     position: relative;     margin: 34px auto 0px;     max-width: 496px }  .antifraud {     max-width: 120px;     width: 100%;     height: 60px;     top: 0px;     left: 257px;     position: absolute; }  .partner {     top: 0px;     left: 433px;     width: 26px;     height: 48px;     position: absolute; }  .playtech {     top: 0px;     left: 12px;     width: 106px;     height: 40px;     position: absolute; }  .footer_menu {     position: absolute;     left: 50%;     transform: translateX(-50%);     top: 260px;     z-index: 10; }  .footer_menu a {     display: inline-block;     vertical-align: top;     color: rgba(255, 255, 255, 0.4);     font-family: "Arial";     font-size: 11px;     text-transform: uppercase;     text-decoration: none;     margin: 0px 0px 0px 20px;     position: relative; }  .footer_menu a:before {     content: "";     position: absolute;     top: 2px;     left: -10px;     height: 80%;     border-left: 1px solid rgba(255, 255, 255, 0.4); }  .footer_menu a:first-child {     border-left: 0px none;     margin: 0px; }  .footer_menu a:first-child:before {     display: none; }  .footer_menu a:hover {     text-decoration: underline; }  @media (max-width: 620px) {     .footer_menu {         top: 145px;         width: 100%;         display: flex;         flex-wrap: wrap;         padding: 0 10px;     } }  @media (max-width: 510px) {     .footer-partners:last-child {         margin: 24px auto 0px;         max-width: 360px;     }      .playtech {         top: 0px;         left: -3px;         width: 85px;         height: 40px;         position: absolute;     }      .partner {         top: 0px;         left: 320px;         width: 23px;         height: 37px;         position: absolute;     }      .antifraud {         max-width: 93px;         width: 100%;         height: 36px;         top: 0px;         left: 187px;         position: absolute;     }      .footer {         padding-top: 20px;         height: 200px;     }      .footer_menu {         justify-content: center;     }      .footer_menu {         top: 125px;     } }  @media (max-width: 390px) {     .container {         padding: 0 5px;     }      .footer-partners:last-child {         max-width: 300px;     }      .playtech {         width: 70px;         height: 29px;     }      .partner {         left: 265px;     }      .antifraud {         left: 155px;         max-width: 77px;     } }  /* Scroll to top button */ .scroll-to-top {     position: fixed;     bottom: 20px;     right: 20px;     width: 40px;     height: 40px;     background-color: rgba(0, 0, 0, 0.7);     border: 2px solid #ffd700;     border-radius: 50%;     cursor: pointer;     display: none;     z-index: 1000;     transition: all 0.3s ease; }  .scroll-to-top:hover {     background-color: rgba(0, 0, 0, 0.9);     transform: translateY(-3px); }  .arrow-up {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     width: 0;     height: 0;     border-left: 8px solid transparent;     border-right: 8px solid transparent;     border-bottom: 12px solid #ffd700; }  @media (max-width: 768px) {     .scroll-to-top {         bottom: 10px;         right: 10px;     } }  .iframe-block {     max-width: 850px;     margin: 0 auto;     width: 100%;     position: relative;     z-index: 0;     margin-bottom: 30px; }  .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/3233/pages/35083/35083.jpeg') 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;     border: 1px solid #299a0c;     background: #00990a;     padding: 10px 20px;     border-radius: 10px;     color: #ffffff;     font-size: 16px;     font-weight: 600;     text-transform: uppercase;     cursor: pointer;     transition: all 0.3s ease;     width: 150px; }  #loadIframeBtn:hover, .show-support:hover {     background: #4dd456;     border: 1px solid #2d9734; }  .show-support {     display: inline-block;     margin: 0 auto;     position: static;     margin-bottom: 20px;     transform: translate(0, 0);     text-align: center;     text-decoration: none; }  .button {     text-align: center; }  .iframe__wrapper, .iframe__inner {     width: 100%;     height: 100%; }  .iframe__item iframe {     width: 100%;     height: 100%;     border-radius: 12px;     margin-bottom: 22px; }