html {     scroll-behavior: smooth; }  body {     margin: 0px;     padding: 0px;     background: #0e171e;     height: 100%;     font-family: "Myriad Pro", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; }  * {     box-sizing: border-box; }  .container {     max-width: 1000px;     margin-left: auto;     margin-right: auto;     padding: 10px; }  a {     color: rgb(255, 241, 162); }  header {     background: radial-gradient(circle at top left, rgba(0, 85, 140, 0.4), #000b1d);     background-color: #000b1d;     background-image:         radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.05) 0%, transparent 70%),         radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.04) 0%, transparent 70%),         radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.02) 0%, transparent 80%);     background-repeat: no-repeat;     background-size: cover;     color: white; }  .head:first-child {     display: flex;     justify-content: space-between;     align-items: center; }  .head a.logo {     display: inline-block;     margin-top: 10px; }  .blue-gradient {     background: linear-gradient(to bottom, rgb(2, 209, 255) 0%, rgb(0, 107, 164) 100%) repeat scroll 0% 0% transparent;     text-shadow: 0px 1px 0px rgb(0, 56, 88);     display: inline-block;     padding-left: 20px;     padding-right: 20px;     color: rgb(255, 255, 255);     text-decoration: none;     height: 35px;     border-radius: 1px;     font-size: 14px;     line-height: 38px;     vertical-align: top;     margin-top: 20px;     margin-left: 64px; }  .green-gradient {     background: linear-gradient(to bottom, rgb(146, 229, 0) 0%, rgb(44, 81, 0) 100%) repeat scroll 0% 0% transparent;     text-shadow: 0px 1px 0px rgb(41, 41, 41);     display: inline-block;     padding-left: 20px;     padding-right: 20px;     color: rgb(255, 255, 255);     text-decoration: none;     height: 35px;     border-radius: 1px;     font-size: 14px;     line-height: 38px;     vertical-align: top;     margin-top: 20px; }  a.menu-lines {     display: none; }  .top-nav-bar {     display: flex;     justify-content: center;     gap: 15px;     margin: 7px 0px 0px;     padding: 0px; }  .top-nav-bar li {     list-style: outside none none;     text-align: center; }  .top-nav-bar li a {     text-decoration: none;     font-size: 13px;     color: rgb(204, 204, 204);     text-shadow: none;     height: 28px;     line-height: 30px;     display: block;     padding: 0 15px;     font-weight: 500; }  .top-nav-bar li a:hover {     color: rgb(148, 216, 255);     background: linear-gradient(to bottom, rgb(7, 18, 28) 0%, rgb(5, 31, 54) 100%) repeat scroll 0% 0% transparent; }  .head a.d-visible {     display: none; }  .border {     background-color: #f1f1f171;     height: 1px;     width: 100%; }  @media (max-width: 992px) {     .container {         max-width: 740px;     }      .blue-gradient,     .green-gradient {         display: none;     }      a.menu-lines {         display: block;     }      .line {         background-color: #ffffff;         width: 25px;         height: 2px;         margin-bottom: 5px;     }      .line:last-child {         margin-bottom: 0;     }      a.menu-lines.show .line:first-child {         transform: rotate(45deg);         margin: -1px;     }      a.menu-lines.show .line:nth-child(2) {         display: none;     }      a.menu-lines.show .line:last-child {         transform: rotate(-45deg);     }      .top-nav-bar {         display: none;         flex-direction: column;     }      .top-nav-bar.show {         display: flex;     }      header {         height: auto;     }      .head a.d-visible {         display: flex;         align-items: center;         justify-content: center;     }      .top-nav-bar .blue-gradient,     .top-nav-bar .green-gradient {         max-width: 200px;         margin: 0 auto;         height: 45px;     }      .logo img {         max-width: 200px;         height: auto;     } }  @media (max-width: 767px) {     .container {         max-width: 560px;     } }  .banner-main {     width: 100%;     height: 237px;     background-color: rgb(0, 0, 0);     background: url(/shared/3462/starburst.webp) no-repeat;     background-position: center center;     background-size: cover; }  .button {     display: flex;     justify-content: space-between; }  .orange-gradient {     display: flex;     justify-content: center;     align-items: center;     background: linear-gradient(to bottom, rgb(255, 190, 0) 0%, rgb(186, 47, 0) 100%) repeat scroll 0% 0% transparent;     text-shadow: 0px 1px 0px rgb(123, 30, 0); }  .know-more {     text-align: center;     height: 60px;     color: rgb(255, 255, 255);     font-size: 24px;     font-weight: 700;     text-decoration: none;     border-radius: 2px;     line-height: 12px;     margin-top: 118px;     position: relative;     z-index: 9990;     padding: 9px 20px; }  .button .quick-reg {     width: 240px;     height: 60px;     display: block;     border-radius: 2px;     margin-top: 119px;     color: rgb(255, 255, 255);     text-decoration: none;     padding-left: 40px;     padding-right: 40px;     line-height: 18px;     position: relative;     z-index: 9990; }  .quick-reg div {     display: inline-block;     margin-top: 13px;     height: 40px;     font-weight: 700;     width: 120px; }  .quick-reg span {     font-size: 24px; }  .container.nav {     position: relative;     z-index: 9990; }  .main-nav-menu {     margin: -41px 0px 0px;     padding: 0px;     line-height: 1em;     border-bottom: 1px solid rgb(12, 13, 13);     height: 39px;     border-top: 1px solid rgb(38, 112, 173);     font-size: 0px;     list-style: none; }  .main-nav-menu li {     border-width: medium 1px medium medium;     border-style: none solid none none;     border-color: -moz-use-text-color rgb(38, 112, 173) -moz-use-text-color -moz-use-text-color;     -moz-border-top-colors: none;     -moz-border-right-colors: none;     -moz-border-bottom-colors: none;     -moz-border-left-colors: none;     border-image: none;     display: table-cell;     list-style: outside none none;     text-align: center;     white-space: nowrap;     height: 39px;     vertical-align: top;     text-transform: uppercase;     font-weight: 500; }  .main-nav-menu li:first-child {     width: 20px;     height: 39px;     border: medium none;     background-image: url(/shared/3462/nav-fch-bg.webp); }  .main-nav-menu li:last-child {     width: 20px;     height: 39px;     background-image: url(/shared/3462/nav-lch-bg.webp);     border: medium none; }  .main-nav-menu li a.active {     font-size: 14px;     color: rgb(255, 255, 255);     text-decoration: none;     height: 39px;     border-left: 1px solid rgb(12, 13, 13);     width: 238px;     display: block;     line-height: 40px;     background: linear-gradient(to bottom, rgb(146, 229, 0) 0%, rgb(44, 81, 0) 100%) repeat scroll 0% 0% transparent; }  .main-nav-menu li a.default {     font-size: 14px;     color: rgb(255, 255, 255);     text-decoration: none;     height: 39px;     border-left: 1px solid rgb(12, 13, 13);     width: 238px;     background-image: url(/shared/3462/nav-menu-bg.webp);     display: block;     line-height: 40px; }  .icon {     background-image: url(/shared/3462/icon-sprite-ad.webp);     display: block; }  .main-nav-menu li a i {     display: inline-block;     margin-right: 8px;     vertical-align: middle;     margin-top: -5px; }  .icon.card-games {     width: 18px;     height: 16px;     background-position: -401px -1px; }  .icon.roulette {     width: 18px;     height: 18px;     background-position: -381px 0px; }  .icon.sloty {     width: 18px;     height: 16px;     background-position: -361px -1px; }  .icon.popular.active {     width: 19px;     height: 18px;     background-position: -341px -20px; }  .icon.reg-big {     width: 29px;     height: 33px;     background-position: -310px 0px; }  .quick-reg i {     display: inline-block;     vertical-align: middle;     margin-right: 10px;     float: left;     margin-top: 12px; }  .icon.plus {     width: 32px;     height: 32px;     background-position: -276px 0px; }  .know-more i {     display: inline-block;     vertical-align: middle;     margin-right: 10px;     margin-top: -3px; }  .icon.reg {     width: 20px;     height: 22px;     background-position: -177px 0px; }  a.reg i {     display: inline-block;     margin-right: 6px;     vertical-align: middle;     margin-top: -2px; }  .icon.enter {     width: 23px;     height: 21px;     background-position: -152px -1px; }  a.enter i {     display: inline-block;     margin-right: 6px;     vertical-align: middle;     margin-top: -2px; }  .main-nav-menu li a:hover {     background-image: url(/shared/3462/nav-menu-bg-hover.webp); }  @media (max-width: 992px) {      .main-nav-menu li:first-child,     .main-nav-menu li:last-child {         display: none;     }      .main-nav-menu li a.active,     .main-nav-menu li a.default {         width: 100%;     }      .main-nav-menu {         display: flex;     }      .main-nav-menu li {         width: 25%;     } }  @media (max-width: 767px) {     .container.nav {         display: none;     } }  @media (max-width: 545px) {     .know-more {         display: none;     }      .button .quick-reg {         margin-left: auto;         margin-right: auto;         margin-top: 155px;     } }  @media (max-width: 415px) {     .banner-main {         background: url(/shared/3462/starburst-mob.webp) no-repeat;         background-position: center center;         background-size: cover;     } }  .content-and-up {     width: 100%;     border: 1px solid rgb(0, 0, 0);     background: #171b1e;     position: relative;     margin-top: 10px; }  .content {     color: rgb(153, 153, 153);     padding: 0px 65px 15px 25px;     max-width: 844px;     font-size: 12px;     line-height: 18px; }  .text p+p {     margin-top: 0.5em; }  p {     font-family: arial;     font-size: 15px;     color: rgb(153, 153, 153);     line-height: 22px;     margin: 0px;     padding-bottom: 12px; }  .content h1, .content h2, .content h3, .content h4, .content h5 {     font-weight: normal;     margin-top: 1em;     margin-bottom: 0.4em;     color: rgb(233, 219, 145);     line-height: 1em; }  .content h1 {     font-size: 20px; }  .up {     width: 61px;     background: #0e0e0e;     background-position: center center;     cursor: pointer;     padding: 0px;     border: 1px solid rgb(57, 60, 63);     position: absolute;     top: 0px;     right: 0px;     height: 100%;     display: flex;     align-items: center; }  .icon.drop-arrow {     width: 26px;     height: 18px;     background-position: -429px -49px; }  .up.active i {     transform: rotate(180deg);     margin: 0 auto; }  footer {     background: linear-gradient(to bottom, #051320, #080d13);     padding: 25px 0; }  .guest {     display: flex;     justify-content: space-between;     flex-wrap: wrap; }  .footer-logo {     display: inline-block;     vertical-align: top;     background-image: url(/shared/3462/footer-logo.webp);     width: 133px;     height: 130px;     margin-left: 60px;     margin-right: 80px; }  .footer-list-bl {     padding-left: 70px;     display: inline-block;     vertical-align: top;     padding-left: 30px; }  .footer-list-bl h4 {     font-family: arial;     font-size: 12px;     color: rgb(255, 255, 255);     margin: 0px 0px 4px; }  .footer-list-bl ul {     margin: 0px;     padding: 0px;     font-size: 0px;     list-style: none; }  .footer-list-bl ul li a {     font-family: arial;     font-size: 12px;     color: rgb(110, 121, 129);     text-decoration: none;     line-height: 18px; }  footer hr {     background-color: rgb(18, 39, 59);     height: 1px;     border: medium none;     width: 100%;     margin: 0px; }  @media (max-width: 767px) {     .guest {         flex-direction: column;         gap: 20px;     }      .footer-logo {         margin: 0 auto;     }      .content {         padding: 0px 60px 15px 10px;     }      .up {         width: 50px;     } } .contact p img {   max-width: 100%;   margin: 10px 0; }