@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@400;500&display=swap');  html, body {     overflow-x: hidden; }  body {     font-family: 'Montserrat', sans-serif;     color: #654483;     background: #ffffff;     text-rendering: optimizeLegibility;     -moz-osx-font-smoothing: grayscale;     -webkit-font-smoothing: antialiased;     -webkit-overflow-scrolling: touch; }  a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {     margin: 0;     padding: 0;     border: 0; }  * {     box-sizing: border-box; }  .burger {     box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15);     border-radius: 30px;     min-width: 51px;     max-width: 51px;     height: 51px;     border: none;     margin-right: 22px;     background: #ffffff;     display: none;     justify-content: center;     align-items: center; }  .mob__menu {     color: #fffff6;     display: none;     position: fixed;     list-style: none;     margin: 0;     top: 0;     text-align: left;     z-index: 120;     background-color: #ffffff;     width: 50px;     height: 100%;     -webkit-transition: left .22s ease;     -o-transition: left .22s ease;     transition: left .22s ease;     -webkit-transform: translateZ(0);     -webkit-backface-visibility: hidden; }  .mob__menu.active {     display: block;     z-index: 125;     width: 79.77vw;     overflow: visible;     top: 0;     left: 0;     bottom: 0; }  .close {     width: 41px;     height: 41px;     background-color: #ffffff;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     border-radius: 21px;     position: fixed;     right: -20.5px;     top: 20.5px;     margin-top: 3px;     -webkit-box-shadow: 0 4px 13px 0 rgba(0, 0, 0, .29);     box-shadow: 0 4px 13px 0 rgba(0, 0, 0, .29);     z-index: 2000; }  .close svg {     margin: auto;     overflow: visible; }  .mob__menu-wrap {     text-align: left;     height: 100%;     overflow: hidden; }  .top-menu {     height: 100%;     width: 100%;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column;     min-height: 400px;     display: flex;     background: url(/shared/3239/logged-out-background-tablet.png) bottom left / cover no-repeat;     overflow: hidden;     position: fixed; }  .hidden-wrap {     margin-bottom: 20px;     border-bottom: 1px solid rgba(255, 255, 255, .5);     padding: 18px 12px 25px 12px; }  .menu__links {     padding-left: 15px;     padding-bottom: 0;     padding-top: 0;     border-bottom: 1px solid rgba(255, 255, 255, .5); }  .menu__links a {     margin-bottom: 20px;     display: block;     font-family: 'Montserrat', sans-serif;     font-size: 19px;     font-weight: 700;     font-stretch: normal;     font-style: normal;     letter-spacing: normal;     text-align: left;     color: #ffffff;     text-decoration: none; }  .menu__promo {     display: flex;     flex-direction: column;     justify-content: space-between;     align-items: center;     height: 100%; }  .menu__promo--top {     flex: 0 1 35%;     max-width: 287px;     display: flex;     justify-content: flex-end;     flex-direction: column;     align-items: center; }  .menu__promo__text, .menu__promo__title, .login-button {     text-align: center;     font-size: 15px;     font-weight: 500;     color: #ffffff;     text-shadow: 0 2px 2px #004263;     text-decoration: none; }  .menu__promo__title {     line-height: 28px;     font-size: 20px;     text-align: center;     font-weight: 700;     margin-top: 14px; }  .btn__block {     flex: 0 1 50%;     max-width: 287px;     display: flex;     align-items: center;     flex-direction: column;     justify-content: flex-end; }  .btn {     -webkit-appearance: none;     display: inline-block;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     font-family: Montserrat, Arial, sans-serif;     background-color: #e6e6e6;     cursor: pointer;     text-align: center;     -webkit-touch-callout: none;     -webkit-user-select: none;     -moz-user-select: none;     -ms-user-select: none;     user-select: none;     outline: 0;     -webkit-box-align: center;     -ms-flex-align: center;     font-size: 16px;     font-weight: 600;     color: #ffffff;     background: -o-linear-gradient(281deg, #5d92f4, #965cf7);     background: linear-gradient(169deg, #5d92f4, #965cf7);     border: 0;     text-decoration: none;     border-radius: 25px;     padding: 0 3%;     width: 191px;     height: 50px;     line-height: 50px; }  .btn:hover {     background: linear-gradient(-169deg, #5d92f4, #965cf7); }  .login-button {     margin: 18px 0 20px; }  .login-button:hover {     text-decoration: underline; }  .alpha__block {     display: none; }  .alpha__block.active {     display: block;     position: fixed;     top: 0;     z-index: 115;     height: 100%;     width: 100%;     background: rgba(0, 0, 0, .5);     opacity: 1; }  .btn__sign {     border-radius: 25px;     border: solid 2px #654485;     background: #ffffff;     color: #654485;     width: 181px;     height: 50px;     line-height: 46px;     cursor: pointer;     text-align: center;     font-weight: 700; }  .btn__sign:hover {     background: #654485;     color: #ffffff; }  .btn__register {     width: 181px;     height: 50px;     line-height: 50px;     border-radius: 25px;     animation: 1.5s ease 0s infinite normal none running invite;     margin-left: 10px; }  @keyframes invite {     0% {         -webkit-box-shadow: #965cf7 0 0 0 0;         box-shadow: #965cf7 0 0 0 0;     }      100% {         -webkit-box-shadow: rgba(150, 92, 245, 0) 0 0 0 15px;         box-shadow: rgba(150, 92, 245, 0) 0 0 0 15px;     } }  .header {     background: #ffffff;     height: 72px;     width: 100%;     max-width: 100vw;     padding: 9px 0 9px 12px;     position: fixed;     top: 0;     left: 0;     right: 0;     z-index: 110;     -webkit-transition: top .75s;     -o-transition: top .75s;     transition: top .75s; }  .container {     max-width: 1280px;     margin: 0 auto;     padding: 0 10px; }  .flex, .header__left {     display: flex;     justify-content: space-between;     align-items: center; }  .nav {     font-family: "Montserrat Alternates", sans-serif;     font-weight: 400;     margin: 2px 30px 0;      list-style: none;     padding: 0; }  .nav__list, .nav__list * {     display: flex;     margin: 0;     padding: 0;     list-style: none; }  .nav__item {     padding: 0 12px;      display: block;     position: relative; }  .nav__link {     padding: 15px 0;     color: #654483;     position: relative;     font-size: 18px;     display: block;     line-height: 20px;     font-weight: 500;     outline: 0;     text-decoration: none; }  .nav__link:after, .nav__link:before {     content: '';     position: absolute;     bottom: 10px;     height: 2px;     background-color: #654483;     width: calc(100% - 0px);     margin: 0 auto;     display: table; }  .nav__link:before {     opacity: 0;     -webkit-transform: translateY(-20px);     -ms-transform: translateY(-20px);     transform: translateY(-20px);     -webkit-transition: opacity 10ms, -webkit-transform 10ms cubic-bezier(.175, .885, .32, 1.275);     transition: transform 10ms cubic-bezier(.175, .885, .32, 1.275), opacity 10ms, -webkit-transform 10ms cubic-bezier(.175, .885, .32, 1.275); }  .nav__link:after {     opacity: 0;     transform: translateY(10px);     transition: transform .2s cubic-bezier(.175, .885, .32, 1.275), opacity .2s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275); }  .nav__link:hover:after {     opacity: 1;     -webkit-transition: opacity 10ms .2s, -webkit-transform 10ms cubic-bezier(.175, .885, .32, 1.275) .2s;     transition: transform 10ms cubic-bezier(.175, .885, .32, 1.275) .2s, opacity 10ms .2s, -webkit-transform 10ms cubic-bezier(.175, .885, .32, 1.275) .2s;     transform: translateY(0); }  .nav__link:hover:before {     opacity: 1;     transition: transform .2s cubic-bezier(.175, .885, .32, 1.275), opacity .2s, -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275);     transform: translateY(0); }  .main {     margin-top: 90px; } .main .nav__list {     justify-content: center; }  .games {     margin-top: 0; } .title {     color: #654485;     font-size: 38px;     line-height: 1.18;     font-weight: 700;     font-stretch: normal;     font-style: normal;     letter-spacing: normal;     text-align: left;     margin: 35px 0 15px; } .games__wrapper {     display: grid;     grid-template-columns: repeat(6, 1fr);     gap: 20px; }  .game {     position: relative;     border-radius: 10px;     max-width: 200px;     max-height: none;     overflow: hidden; }  .game__hover {     background: url(/shared/3239/thumbnail_hover.png) center center / cover no-repeat;     border-radius: 10px;     height: 100%;     opacity: 0;     position: absolute;     top: 0;     left: 0;     -webkit-transition: opacity .3s;     -o-transition: opacity .3s;     transition: opacity .3s;     width: 100%;     z-index: 10;     cursor: pointer; }  .game:hover .game__hover {     opacity: 1; }  .game img {     border-radius: 10px;     display: block;     width: 100%;     height: 100%;     max-width: 100%;     transition: transform .5s;     transform: translateZ(0);     filter: none;     animation-name: showGameImg;     animation-duration: .55s; }  @keyframes showGameImg {     0% {         opacity: 0;         -webkit-transform: scale3d(.5, .5, .5);         transform: scale3d(.5, .5, .5);     }     50% {         opacity: 1;     } }  .game:hover img {     -webkit-backface-visibility: hidden;     -moz-backface-visibility: hidden;     -webkit-transform: translate3d(0, 0, 0);     -ms-transform: scale(1.1);     transform: scale(1.1); }  .game__hover-title {     padding: 30px 20px 0;     text-align: center;     width: 100%;     white-space: normal;     text-shadow: 0 2px 2px rgba(53, 79, 134, .75);     font-family: 'Montserrat', sans-serif;     font-size: 17px;     font-weight: 700;     font-stretch: normal;     font-style: normal;     color: #ffffff; }  .game__hover__play {     position: absolute;     transform: translate3d(0, 0, 1px);     cursor: pointer;     width: 60px;     height: 70px;     top: calc(50% - 40px);     left: calc(50% - 30px);     display: block; }  .game__hover__play::before {     background: url(/shared/3239/play_thumbnail.svg) center center / contain no-repeat;     content: '';     -ms-flex-line-pack: center;     align-content: center;     position: absolute;     width: 100%;     height: 100%;     top: 0;     left: 0; }  .game__hover__demo {     bottom: 20px;     color: #ffffff;     left: 0;     position: absolute;     width: 100%;     display: flex;     align-items: center;     align-content: center;     justify-content: center;     flex-direction: column;     pointer-events: auto;     font-family: 'Montserrat', sans-serif;     font-size: 11px;     font-weight: 700;     font-stretch: normal;     font-style: normal;     letter-spacing: .28px;     text-align: center;     text-decoration: underline;     -webkit-transition: font-size .35s;     -o-transition: font-size .35s;     transition: font-size .35s;     margin-top: 3px; }  .content {     font-size: 15px;     font-weight: 600;     font-stretch: normal;     font-style: normal;     line-height: 1.6;     letter-spacing: normal;     text-align: left;     color: #3e3e3e; } .content button {     display: block;     width: 100%;     background: none;     border: none;     margin-top: 10px;     margin-bottom: 10px; } .content button a {     display: block;     background: linear-gradient(169deg, #5d92f4, #965cf7);     border: 0;     text-decoration: none;     border-radius: 25px;     padding: 0 3%;     width: 100%;     height: 50px;     line-height: 50px;     color: #ffffff;     font-weight: 600;     font-size: 18px; } .content h2 {     font-size: 25px;     font-weight: 700;     font-style: normal;     font-stretch: normal;     line-height: 2.08;     letter-spacing: normal;     text-align: left;     color: #654485;     margin-top: 58px;     margin-bottom: 30px; } .content h3 { 	margin: 30px 0; } .content a {     color: #a67bd3;     text-decoration: underline; }  .content a:hover {     color: #835ca5;     text-decoration: none; }  .content p {     margin-top: 30px; }  .content ul, .content ol {     margin-top: 30px;     padding-left: 15px;     list-style: none;     position: relative; }  .content li {     line-height: 1.6; }  .content ul li:before {     content: '';     width: 8px;     height: 8px;     background-color: #654485;     border-radius: 8px;     display: inline-block;     margin-right: 12px; }  .content ol li {     counter-increment: list-counter;     position: relative; }  .content ol li:before {     content: counter(list-counter);     width: 20px;     height: 20px;     background-color: #654485;     border-radius: 50%;     display: inline-block;     margin-right: 12px;     text-align: center;     line-height: 20px;     color: white;     font-weight: bold; }  p img {     max-width: 100%;     height: auto;     margin: 10px 0; }  table {     width: 100%;     border-collapse: collapse;     border-spacing: 0; }  thead tr {     background: none !important;     height: 77px; }  th {     padding: 0 0 0 26px;     font-size: 15px;     font-weight: 700; }  tr:nth-child(odd) {     background-color: #eee;     border-radius: 10px;     font-weight: 700;     font-size: 12px; }  tbody tr {     color: rgba(62, 62, 62, .5); }  th, td {     height: 77px;     padding: 0 26px; }  td:first-child {     border-bottom-left-radius: 10px;     border-top-left-radius: 10px; }  td:last-child {     border-bottom-right-radius: 10px;     border-top-right-radius: 10px; }  .border {     border-bottom: 1px solid #555;     border-top: 1px solid #555; }  .footer {     background: #fff;     color: #654483;     font-size: 12px;     line-height: 2;     flex-shrink: 1;     justify-content: space-between;     align-items: flex-start;     padding: 0;     left: 0;     z-index: 150;     margin-top: 120px; }  .footer__affiliates__wrapper {     margin-bottom: 6px;     display: flex;     align-items: center;     flex-wrap: wrap;     width: 100%;     justify-content: initial;     padding-top: 32px; }  .provider {     min-width: 140px;     display: flex;     justify-content: center;     margin: 0 0 25px 10px;     height: 42px;     background: url(/shared/3239/provider_logos.png) center center no-repeat; }  .yggdrasil {     background-position-y: -1385px; }  .lucky-streak {     background-position-y: -605px; }  .microgaming {     background-position-y: -665px; }  .mrslotty {     background-position-y: -725px; }  .netent {     background-position-y: -785px; }  .pariplay {     background-position-y: -845px; }  .pragmatic {     background-position-y: -965px;     height: 50px; }  .spinomenal {     background-position-y: -1145px; }  .tomhorn {     background-position-y: -1205px; }  .wazdan {     background-position-y: -1265px; }  .worldmatch {     background-position-y: -1320px;     height: 50px; }  .redtiger {     background-position-y: -1085px;     height: 52px; }  .habanero {     background-position-y: -490px; }  .quickspin {     background-position-y: -1025px; }  .betsoft {     background-position-y: -5px; }  .booming {     background-position-y: -65px; }  .egt {     background-position-y: -125px; }  .evolution {     background-position-y: -305px;     height: 50px; }  .endorphina {     background-position-y: -185px; }  .evoplay {     background-position-y: -247px; }  .ezugi {     background-position-y: -365px; }  .isoftbet {     background-position-y: -545px; }  .gameart {     background-position-y: -425px; }  .playngo {     background-position-y: -905px; }  .payment {     height: 42px;     background: url(/shared/3239/payment_logos.png) center center no-repeat;     min-width: 140px;     margin-left: 10px;     margin-bottom: 25px; }  .paysafe {     background-position-y: -655px;     width: 168px; }  .visa {     background-position-y: -805px; }  .mastercard {     background-position-y: -454px; }  .bank_transfer {     background-position-y: -5px; }  .interac {     background-position-y: -255px; }  .klarna {     background-position-y: -355px; }  .instadebit {     background-position-y: -205px;     width: 150px; }  .bitcoin {     background-position-y: -55px; }  .ecopayz {     background-position-y: -105px; }  .neteller {     background-position-y: -605px; }  .jeton {     background-position-y: -305px; }  .litecoin {     background-position-y: -405px; }  .ethereum {     background-position-y: -155px; }  .skrill {     background-position-y: -755px; }  .footer__nav {     display: flex;     flex-wrap: wrap; }  .footer__nav__list {     font-size: 15px;     letter-spacing: .38px;     text-align: left;     color: #654485;     line-height: 44px;     flex: 1 1 5%;     padding: 30px 12px;     list-style: none; }  .footer__nav__title {     display: inline-block;     font-weight: 800;     font-size: 15px;     margin-bottom: 10px;     color: #654485; }  .footer__nav__link, .footer__nav__item {     color: #654485;     display: block;     margin-bottom: 5px;     text-decoration: none;     transition: transform .1s linear;     font-size: 12px;     font-weight: 600;     line-height: 35px; }  .footer__nav__link:hover {     -webkit-transform: scale(1.03);     -ms-transform: scale(1.03);     transform: scale(1.03); }  .footer__nav__list:last-child {     flex: 1 1 50%; }  .copy {     border-bottom: 1px solid #555; }  .copy div {     padding: 29px 12px 27px 12px;     font-size: 13px;     font-weight: 700;     font-style: normal;     font-stretch: normal;     line-height: 18px;     letter-spacing: normal;     text-align: left;     color: #555; }  .copy div:last-child {     padding: 0 12px 21px 12px; }  .footer__link__inner {     display: block;     width: 120px;     height: auto; }  .footer__link__inner img {     width: 100%;     height: auto; }  .footer__link {     display: flex;     justify-content: flex-end;     align-items: center;     gap: 20px;     padding: 29px 12px 27px 12px; }  .age {     width: 50px;     height: auto; }  .scroll-to-top-btn {     display: none;     position: fixed;     bottom: 20px;     right: 20px;     cursor: pointer;     background-color: #ffffff;     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: 485px;     width: 100%;     z-index: 900;     justify-content: center;     padding-bottom: 16px;     display: none;     position: fixed;     bottom: 0;     left: 50%;     transform: translate(-50%); }  .cookie-banner__wrap {     box-sizing: border-box;     background-color: #fff;     border: 2px solid #654485;     align-items: center;     padding: 6px 10px;     display: flex;     box-shadow: 0 0 15px #0000001a; }  .cookie-banner__text {     color: #000;     flex: auto;     padding-inline-end: 12px;     font-size: 12px;     line-height: 16px; }  .cookie-banner__wrap .btn {     width: 150px;     flex-shrink: 0; }  @media (max-width: 1024px) {     .burger {         display: flex;     }      .nav {         display: none;     }      .games__wrapper {         grid-template-columns: repeat(4, 1fr);     }      .game {         margin: 0 auto;     }     .main .nav {         display: block;     }     .main .nav__list {         flex-wrap: wrap;     } }  @media (max-width: 768px) {     .games__wrapper {         grid-template-columns: repeat(3, 1fr);     }      .footer__nav__list {         flex: 1 1 50%;     }      .footer__affiliates__wrapper {         justify-content: center;     }      .games {         margin-top: 10px;     } }  @media (max-width: 646px) {     .btn__sign {         display: none;     } }  @media (max-width: 550px) {     .games__wrapper {         grid-template-columns: repeat(2, 1fr);     }      th, td {         height: 77px;         padding: 0 10px;     }      .content img {         float: none !important;         margin: 0 auto !important;         display: block !important;     } }  @media (max-width: 470px) {     .logo__link {         display: block;         max-width: 120px;     }      .logo__link img {         width: 100%;         height: auto;     }      .btn__register {         width: 160px;         height: 40px;         line-height: 40px;         font-size: 14px;     }      .content h2 {         font-size: 22px;         line-height: 1.6;         margin-top: 15px;         margin-bottom: 15px;     }      .content ul, .content ol {         margin-top: 15px;      }     .content p {         margin-top: 15px;     }     .footer__link {         flex-wrap: wrap;     }     .content {         font-size: 14px;     } }  @media (max-width: 390px) {     .btn__register {         width: 120px;         font-size: 12px;     }     .game__hover-title {         padding: 20px 2px 0;     }     th, td {         font-size: 12px;     }     .menu__promo__title {         font-size: 17px;     }     .header {         padding: 9px 0;     }     .games__wrapper {         gap: 5px;     } }