@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital@0;1&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,700;1,700&display=swap'); html, body {   overflow-x: hidden; } body {     margin: 0;     padding: 0;     font-family: "Montserrat", sans-serif;     font-optical-sizing: auto;     font-weight: 400;     font-style: normal;     background-color: #1c1c1c; }  *, ::after, ::before {     box-sizing: border-box; }  .header {     width: 100%;     z-index: 99;     position: fixed;     top: 0;     left: 0;     background: #212121; }  .container {     max-width: 1320px;     margin: 0 auto;     padding: 0 12px; }  .header__wrapper {     display: flex;     flex-wrap: wrap;     align-items: center;     justify-content: space-between;     transition: all 0.9s;     padding: 21px 0 21px; }  .header__bar {     display: none; }  .logo {     max-width: 160px;     height: auto; }  .logo__link {     display: block; }  .menu {     position: relative;     display: flex;     align-items: center;     padding: 0;     margin: 0;     list-style: none; }  .menu__item {     transition: all 0.6s;     position: relative;     text-transform: capitalize;     border-radius: initial; }  .menu__item:not(:last-child) {     margin-right: 35px; }  .menu__link {     color: #fff;     font-weight: 600;     font-size: 18px;     transition: all 0.3s;     text-decoration: none; } .menu__link:hover {     color: #fb3c3c; } .menu__link.btn:hover {     color: #ffffff; } .menu__item.gap {     display: flex;     gap: 13px; }  .btn {     text-decoration: none;     padding: 8px 20px;     font-size: 14px;     font-family: "Montserrat", sans-serif;     font-optical-sizing: auto;     font-weight: 700;     font-style: normal;     display: inline-block;     text-transform: capitalize;     transition: all 0.3s;     text-align: center;     position: relative;     overflow: hidden;     z-index: 1;     color: #fff;     background-color: transparent;     border: 1px solid #fb3c3c; }  .btn:before {     content: "";     position: absolute;     bottom: 100%;     left: 100%;     width: 100%;     height: 100%;     background-color: #fb3c3c;     transition: all 0.6s;     z-index: -1; }  .btn:after {     content: "";     position: absolute;     bottom: 0;     left: 0;     width: 100%;     height: 100%;     z-index: -2; }  .btn:hover::before {     width: 100%; }  .btn:hover:before {     bottom: 0;     left: 0; } .banner-button .btn {     display: block;   width: 80%; } .banner {     overflow: hidden;     padding: 200px 0px;     position: relative;     background-image: url(/shared/3176/bg.jpg);     background-position: center center;     background-repeat: no-repeat;     background-size: cover;     margin-top: 85px; } .banner::before {     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     width: 100%;     height: 100%;     content: "";     background-color: rgba(17, 20, 34, 0.8); } h1 {     font-size: 56px;     margin-top: -7px;     font-family: "Montserrat", sans-serif;     font-optical-sizing: auto;     font-weight: 700;     font-style: normal;     text-transform: uppercase;     line-height: 80px;     color: #ffffff;     margin-bottom: .5rem;     position: relative;     z-index: 1; }  .game {     position: relative; } .game img {     width: 100%;     height: 100%; } .games__grid {     display: grid;     grid-template-columns: repeat(4, 1fr);     grid-template-rows: repeat(2, 1fr);     gap: 24px;     margin-bottom: 24px; }  .game:first-child {     grid-column: 1;     grid-row: 1 / span 2; } .game__overlay {     position: absolute;     inset: 100% 0 0 100%;     width: 0;     display: flex;     align-items: center;     justify-content: center;     background: rgba(49, 49, 49, 0.7);     content: "";     transition: all 0.6s ease-in-out; } .game .btn {     opacity: 0; } .game:hover .game__overlay {     inset: 0 0 0 0%;     width: 100%; } .game:hover .btn {     opacity: 1; } .none-big-img .game:first-child {     grid-row: 1 / span 1;     grid-column: 1; } .main {     color: #ffffff;     padding: 20px 0 50px; }  .main ul {     padding: 0;     margin: 15px 0;     list-style: none; }  .main ul li {     margin-bottom: 20px;     padding-left: 35px;   position: relative; } .main ol li  {   margin-bottom: 20px; } .main ul li:before {     content: '';     display: block;     width: 30px;     height: 30px;     background: url(/shared/3176/list.svg) no-repeat;     background-size: contain;     position: absolute;     left: 0; } .main ul li span {     display: inline-block;     width: 30px;     height: 30px; } .main a {     text-decoration: none;     margin: 0;     color: #fb3c3c;     font-family: "Montserrat", sans-serif; } .main a:hover {     text-decoration: underline; } .game .btn {     color: #ffffff; } .footer {     background-color: #1c1c1c;     padding: 80px 0 0; }  .footer__wrapper {    display: flex;     flex-wrap: wrap;     justify-content: space-between; }  .footer__description {     flex: 0 0 auto;     width: 33.33333333%;     padding: 0 24px; }  .footer__description__title {     color: #fff;     text-transform: uppercase;     margin: 0 0 20px; }  .footer__description__text {     color: #fff;     margin-bottom: 5px;     font-size: 16px;     line-height: 30px;     font-family: "Montserrat", sans-serif;     font-weight: 400; }  .footer__menu {     flex: 0 0 auto;     width: 16.66666667%;     padding: 0 24px; }  .footer__menu__list {     padding: 0;     margin: 0;     list-style: none; }  .footer__menu__item {     font-size: 16px;     text-transform: uppercase;     padding: 5px 0; }  .footer__menu__link {     color: #fff;     transition: all 0.4s ease-in-out;     font-family: "Montserrat", sans-serif;     text-decoration: none;     margin: 0; }  h1 span, h2 span {     color: #fb3c3c; }  @media (max-width: 1380px) {     .container {         max-width: 1140px;     } } @media (max-width: 1200px) {     .container {         max-width: 980px;     }     .footer__menu {         flex: 0 0 auto;         width: 24%;         padding: 0 24px;     }     .footer__wrapper {         justify-content: space-between;     } }  @media (max-width: 992px) {   h2 {     font-size: 24px;     margin-top: 0; }     .container {         max-width: 720px;     }     .header__bar {         display: block;         position: relative;         width: 40px;         height: 20px;     }     .header__bar span {         position: absolute;         width: 100%;         height: 2px;         display: inline-block;         transition: all 0.3s;         left: 0;         background: #fb3c3c;     }     .header__bar span:first-child {         top: 0;         background: #fb3c3c;     }     .header__bar span:nth-child(2) {         top: 44%;         width: 30px;         background: #fb3c3c;     }     .header__bar span:last-child {         bottom: 0;         width: 25px;         background: #fb3c3c;     }     .header__bar.active span:first-child {         transform: rotate(45deg) translate(3px, 9px);     }     .header__bar.active span:nth-child(2) {         opacity: 0;     }     .header__bar.active span:last-child {         transform: rotate(-45deg) translate(3px, -9px);         width: 40px;     }     .menu {         display: none;     }     .menu.active {         position: relative;         top: 100%;         width: 100%;         display: inline !important;         left: 0;         margin-top: 20px;         z-index: 999;         padding: 0px 0px;         transition: all 2s !important;         transform-origin: top;         max-height: calc(100vh - 130px);         overflow-y: auto;         border-radius: 10px;     }     .menu li a {         display: block;         padding: 10px 10px 14px;     }     .menu li:not(:last-child) {         margin-right: 0;         margin-bottom: 15px;     }     .footer__description {         flex: 0 0 auto;         width: 100%;         padding: 0 24px;     }     .footer__menu {         flex: 0 0 auto;         width: 50%;         padding: 0 24px;     }     .games__grid {         grid-template-columns: repeat(2, 1fr);         grid-template-rows: repeat(4, 1fr);     } }  @media screen and (max-width: 575px) {     h1 {         font-size: 32px;         line-height: 45px;     }     .main p {         font-size: 14px;         line-height: 26px;     }   td, th {     font-size: 12px;     border: 1px solid #fb3c3c;     padding: 10px; } } @media screen and (max-width: 414px) {     .footer__wrapper {         flex-direction: column;     }     .footer__menu {         width: 100%;     }     .games__grid {         grid-template-columns: repeat(1, 1fr);         grid-template-rows: auto;     } }  p img {     margin: 10px 0;   	max-width: 100%;   height: auto; }  p, .main li {   color: #ffffff;   line-height: 1.5; } table {     border: 1px solid #fb3c3c;     width: 100%;       border-collapse: collapse; }  td, th {     border: 1px solid #fb3c3c;     padding: 10px; } .footer__menu__link:hover {     text-decoration: underline; } .toc_title {     font-weight: 700;     letter-spacing: 1px;     cursor: pointer;   margin: 0; }  .no_bullets .toc_list {     display: none; }  .no_bullets.open .toc_list {     display: block; }  .no_bullets {     position: relative;     padding: 15px 0;     margin-bottom: 15px;     background: #393939; }  .no_bullets svg {     width: 20px;     height: 20px;     position: absolute;     top: 13px;     left: 108px; } .footer__images { 	display: flex;     gap: 20px;     flex-wrap: wrap;     justify-content: flex-end;     margin-top: 70px; } .footer__images__link {     display: block;     width: 100px;     height: 100px; } .footer__images__link img {     width: 100%;     height: auto; }  .scroll-to-top-btn {     display: none;     position: fixed;     bottom: 20px;     right: 20px;     cursor: pointer;     background-color: #fb3c3c;     color: #fff;     padding: 15px 10px;     border-radius: 10%;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .main .breadcrumbs-list {   margin: 0; } .main .breadcrumbs-list__item {     position: relative;     color: #fb3c3c;   padding: 0; } .breadcrumbs-list .breadcrumbs-list__item:before {     display: none; } .breadcrumbs-list__item:not(:first-child)::before {     position: absolute;     right: 100%;     content: "";     top: 0;     width: 6px;     height: 6px;     margin-top: 7px;     background-color: #fff;     border-radius: 100%;     left: -15px; } .breadcrumbs-list__item a {     color: #ffffff; } .button .btn {     display: block;     color: #fff;     background: #a11212; } @media screen and (max-width: 575px) {   td, th {     font-size: 12px;     border: 1px solid #fb3c3c;     padding: 10px; } } .footer-bet__wrapper {     display: flex;     justify-content: space-between;     gap: 40px; } .payments {     display: flex;     justify-content: flex-end;     align-items: center;     flex-wrap: wrap;     list-style: none;     padding: 0; } .img__link {     display: inline-block;     height: 40px;     max-width: 80px; } .img__link img {     height: 100%;     object-fit: contain;     width: 100%; } .footer-bet__bottom {     align-items: center;     flex-wrap: wrap;     padding: 32px 0; } .support__email {     display: flex;     gap: 8px;     align-items: center;     color: #fffc; } .support__email svg {     display: block;     height: 12px;     width: 12px; } .copy p {     margin: 0;     color: #fffc;     font-size: 14px;     line-height: 18px;     text-decoration: none; } @media (max-width: 992px) {     .pay__block {         margin-top: 44px;         width: 100%;     } } @media (max-width: 685px) {     .footer-bet__wrapper {         flex-direction: column;     }     .payments {         justify-content: flex-start;     }     .img__link {         margin-right: 15px;     } } .footer__bottom {     background: #171717;     margin-top: 50px; }