html, body {   overflow-x: hidden; } body {     -webkit-font-smoothing: antialiased;     background-color: #212132;     background-image: url(/shared/3268/bg.svg);     background-repeat: repeat;     color: #fff;     font-family: "Poppins", sans-serif;     font-size: 16px;     font-weight: normal;     margin: 0;     padding: 0;     min-height: 100vh; } .main img {   max-width: 100%;   height: auto;   margin: 15px 0; } * {     box-sizing: border-box; }  .container {     max-width: 1200px;     padding: 0 15px;     margin: 0 auto;     width: 100%; }  .header {     align-items: center;     background-color: #252536f2;     box-sizing: border-box;     display: flex;     height: 50px;     left: 0;     position: fixed;     top: 0;     z-index: 90;     width: 100%; }  .header .container {     display: flex;     justify-content: space-between;     align-items: center;     height: inherit;     width: 100%; }  .logo {     width: 200px; }  .logo__link {     display: block; }  .logo__link img {     width: 100%;     height: 100%; }  .btn {     align-items: center;     border: none;     box-sizing: border-box;     color: #fff;     cursor: pointer;     display: flex;     font-weight: 800;     height: 40px;     justify-content: center;     letter-spacing: 1px;     line-height: 22px;     outline: none;     overflow: hidden;     text-align: center;     text-decoration: none;     text-transform: uppercase;     white-space: nowrap;     font-size: 12px; }  .button {     display: flex;     align-items: center;     gap: 20px; }  .login {     align-items: center;     background-color: #0000;     border-bottom: 1px solid #fff;     color: inherit;     cursor: pointer;     display: flex;     height: 20px;     text-decoration: none;     text-transform: uppercase;     padding: 0;     font-weight: normal; }  .login:hover {     border-bottom: 1px solid rgba(255, 255, 255, 0); }  .register {     background-color: #d50022;     box-shadow: 0 3px 0 0 #871628, 0 4px 4px 0 #000;     height: 30px;     padding: 0 30px;     border-radius: 50px; }  .register:hover {     box-shadow: 0 3px 0 0 #871628, 0 4px 4px 0 #000, inset 0 15px 15px -3px #fff6; }  .help {     font-weight: normal;     align-items: center;     box-sizing: border-box;     cursor: pointer;     display: flex;     height: 30px;     color: #e8ce3a; }  .help svg {     align-items: center;     display: flex;     justify-content: center;     height: 24px;     width: 24px;     margin-right: 5px; }  .help:focus, .help:hover {     color: #f5ea1a; }  .main {     margin-top: 60px; }  .banner {     display: flex;     gap: 50px; }  .banner__content, .banner__images {     width: 50%;     overflow: hidden; }  .banner__content {     margin-left: 50px;     display: flex;     flex-direction: column;     justify-content: space-between; }  .banner__images {     display: flex;     justify-content: center;     align-items: center;     height: 350px; } .banner__images img {       object-fit: cover;     height: 100%;     object-position: center; } .bnr__title {     text-align: center;     margin-bottom: 10px; }  .banner__content .button {     margin: 30px;     justify-content: center; }  .nav {     box-shadow: inset 0 5px 25px 0 #000c;     box-sizing: border-box;     padding: 10px 5px;     width: 100%; }  .nav__list {     display: flex;     align-items: center;     list-style: none;     padding: 0;     margin: 0;     height: 55px; }  .nav__item {     width: 25%;     position: relative; }  .nav__link {     text-decoration: none;     text-transform: uppercase;     font-weight: 800;     display: flex;     align-items: center;     gap: 15px;     justify-content: center; }  .slots {     color: #17eada; }  .nav__item:after, .nav__item:before {     background-color: #313047;     content: "";     display: block;     height: 30px;     position: absolute;     top: 5px;     width: 1px; }  .nav__item:first-child:before, .nav__item:first-child:after, .nav__item:last-child:after {     display: none; }  .nav__item img {     width: 50px;     height: auto; }  .live {     color: #de593e; }  .table {     color: #6ef770; }  .tour {     color: #e8ce3a; }  .nav__item:hover .nav__link {     text-shadow: 0 0 10px rgb(255 255 255); }  .games {     align-items: center;     background: url(/shared/3268/gamesBG.png) repeat, #101226;     box-shadow: 0 0 30px 0 #00000080;     box-sizing: border-box;     display: flex;     flex-direction: column;     flex-grow: 1;     min-height: 415px;     padding: 40px 0;     position: relative;     width: 100%; }  .games:after, .games:before {     content: "";     position: absolute;     width: 100%;     z-index: 0; }  .games:before {     background-image: url(/shared/3268/point_with.svg);     background-repeat: repeat-x;     background-size: contain;     height: 5px;     top: 2px; }  .games:after {     background: url(/shared/3268/back_games_wided.svg) repeat-y;     background-size: 100%;     height: 100%;     left: 0;     top: 0; }  .games__menu {     position: relative;     z-index: 101;     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap;     gap: 20px;     margin-bottom: 30px; }  .games__filter {     min-width: 190px; }  .sort__and__filter {     display: flex;     gap: 20px; }  .select {     position: relative;     display: inline-block;     cursor: pointer;     user-select: none;     width: 200px;     height: 35px; }  .select__trigger {     border: 2px solid #ffde26;     align-items: center;     -webkit-appearance: none;     -moz-appearance: none;     appearance: none;     background: linear-gradient(#191929, #191929) padding-box, linear-gradient(180deg, #0000 40%, #80808066) border-box;     border-radius: 5px;     box-sizing: border-box;     color: #fff;     cursor: pointer;     display: flex;     justify-content: space-between;     font-size: 16px;     font-weight: 500;     height: 35px;     overflow: hidden;     padding: 10px 25px 9px 10px;     text-overflow: ellipsis;     transition: border .25s ease;     white-space: nowrap;     width: 100%; }  .arrow {     display: flex; }  .select__dropdown {     background: linear-gradient(#191929, #191929) padding-box, linear-gradient(180deg, #0000 40%, #80808066) border-box;     border: 1px solid #0000;     border-radius: 5px;     box-sizing: border-box;     max-height: none;     padding: 10px;     position: absolute;     top: 0;     transition: visibility .5s, opacity .25s ease;     visibility: hidden;     color: #fff;     margin-top: 5px;     opacity: 0; }  .select.open .select__dropdown {     opacity: 1;     visibility: visible;     -moz-column-gap: 0;     column-gap: 0;     -moz-columns: 170px 3;     columns: 170px 3;     overflow-y: initial;     width: 534px;     z-index: 99;     top: 100%; }  .select.open .arrow {     transform: rotate(180deg); }  .select__option {     padding: 10px;     cursor: pointer; }  .select__option:hover {     background-color: #f0f0f0; }  .select__dropdown > div {     background: none;     box-sizing: border-box;     font-size: 14px;     font-weight: 500;     height: 35px;     line-height: 35px;     padding: 0 0 0 5px;     position: relative;     width: 170px; }  .select__group {     text-transform: uppercase;     color: #646a87; }  .game_sort {     list-style: none;     padding: 0;     align-items: center;     display: flex;     flex: 1 2;     position: relative;     margin: 0; }  .game_sort > li {     box-sizing: border-box;     height: 100%;     margin-right: 10px; }  .sort_link {     align-items: center;     color: inherit;     display: flex;     overflow: hidden;     padding: 6px 5px 11px;     text-decoration: none; }  .game_sort_flag_hit svg {     height: 27px;     width: 25px; }  .game_sort > li:last-child {     margin-right: 0; }  .game_sort_flag_new svg {     height: 27px;     width: 25px; }  .game_sort_flag_new svg .svg_color {     fill: #302e40; }  .form_search {     align-items: flex-start;     display: flex;     flex-direction: column;     width: 430px; }  .box_input_text {     align-items: center;     box-sizing: border-box;     display: flex;     flex-direction: column;     position: relative; }  .box_input_text.search {     width: 100%; }  .box_input_text input {     background: linear-gradient(#191929, #191929) padding-box, linear-gradient(180deg, #0000 40%, #80808066) border-box;     border: 1px solid #0000;     border-radius: 5px;     box-sizing: border-box;     color: #fff;     font-weight: 500;     transition: box-shadow .25s ease;     width: 100%; }  .box_input_text input {     font-size: 16px;     height: 35px;     padding: 0 10px; }  .box_input_text.search [type=text] {     border-radius: 25px;     padding-left: 15px;     padding-right: 50px; }  .box_input_text.search .search_submit {     background: #0000 url(/shared/3268/icon_search.svg) no-repeat 50%;     background-size: 18px;     cursor: pointer;     height: 35px;     position: absolute;     right: 10px;     top: 0;     width: 35px;     border: 0;     border-radius: 0;     margin: 0;     padding: 0; }  .games__wrapper {     display: flex;     flex-wrap: wrap;     justify-content: space-between;     position: relative;     z-index: 9;     gap: 15px; }  .game {     border-radius: 10px;     box-shadow: 0 4px 10px 0 #000;     box-sizing: border-box;     color: #fff;     display: flex;     flex-direction: column;     position: relative;     transition: transform .15s linear;     width: 222px;     height: 222px; }  .game:hover {     transform: scale(1.1);     z-index: 4; }  .game__image img {     border-radius: 10px 10px 0 0;   	margin: 0; }  .game__w {     border: 1px solid #393a51;     border-bottom: none;     height: 75%;     position: relative;     border-radius: 10px 10px 0 0; }  .game__image {     border-radius: 10px 10px 0 0; }  .game__hov {     align-items: center;     background-color: #000c;     border-radius: 10px 10px 0 0;     box-sizing: border-box;     display: flex;     flex-direction: column;     justify-content: space-around;     opacity: 0;     padding: 20px 0;     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;     transition: opacity .15s linear;     transition-delay: 20ms;     z-index: 100; }  .game__play, .game__demo {     border-radius: 50px;     background-color: #62c23c;     box-shadow: 0 3px 0 0 #3c7028, 0 4px 4px 0 #000;     font-size: 12px;     height: 30px;     padding: 0 30px;     margin-bottom: 10px;     display: flex;     align-items: center;     color: inherit;     justify-content: center;     text-decoration: none; }  .game__demo {     background-color: #313047;     box-sizing: border-box;     font-size: 11px;     font-weight: 700;     height: 23px;     padding: 0 20px;     text-transform: uppercase;     box-shadow: none; }  .game:hover .game__hov {     opacity: 1; }  .game__title {     word-wrap: break-word;     background-color: #161626;     border: 1px solid #393a51;     border-bottom-left-radius: 10px;     border-bottom-right-radius: 10px;     border-top: none;     box-sizing: border-box;     display: flex;     flex: none;     flex-direction: column;     font-size: 14px;     font-weight: 500;     height: 25%;     justify-content: center;     overflow: hidden;     overflow-wrap: break-word;     padding: 0 5px;     text-align: center;     text-overflow: ellipsis; }  .game__play:hover {     box-shadow: 0 3px 0 0 #3c7028, 0 4px 4px 0 #000, inset 0 15px 15px -3px #fff6; }  .game__demo:hover {     background-color: #504f70; }  .banner__content__inner a, .content a {     color: #46afff;     transition: transform .25s ease; }  .banner__content__inner a:hover, .content a:hover {     color: #fe284a; }  .content ul {     padding-left: 15px; }  .content ol {     padding-left: 30px; }  .content ul {     color: #fff;     font-size: 16px;     font-weight: 300;     line-height: 23px;     margin-bottom: 45px;     text-align: left;     list-style: none; }  .content ul > li:before {     content: "- "; }  .content table {     background-color: #161626;     border-radius: 5px;     box-shadow: 0 0 5px 0 #00000080;     color: #fff;     font-size: 16px;     margin-bottom: 20px;     width: 100%; }  .content table td, .content table th {     overflow: hidden;     padding: 10px 20px;     text-align: center;     text-overflow: ellipsis; }  .content table thead th {     font-weight: 700;     text-transform: uppercase;     border-bottom: 1px solid #8b8b94; }  .content table tbody td {     border-bottom: 1px solid #252536;     font-weight: 300; }  .scroll-to-top-btn {     display: flex;     justify-content: center;     align-items: center;     position: fixed;     width: 2.5em;     height: 2.5em;     line-height: 2.5em;     text-align: center;     -webkit-border-radius: 50%;     -ms-border-radius: 50%;     border-radius: 50%;     color: #1c1919;     border-color: #f8f8f8;     background-color: #313047;     cursor: pointer;     opacity: 1;     bottom: 2em;     right: 2em;     transition: transform 0.3s ease, bottom 0.3s ease, color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;     z-index: 999; }  .scroll-to-top-btn svg {     height: 1.5em;     stroke: #e8ce3a;     fill: #e8ce3a; }  .scroll-to-top-btn svg line, .scroll-to-top-btn svg polyline {     stroke: #e8ce3a !important; }  .scroll-to-top-btn:hover {     color: #ffffff;     border-color: #ea011d;     background-color: #ea011d; }  .footer {     background: #0a0a14;     flex-direction: column;     width: 100%;     align-items: center;     display: flex; }  .footer_main {     align-items: center;     display: flex;     justify-content: space-between;     padding-bottom: 30px;     padding-top: 30px;     flex-wrap: wrap; }  .footer_help {     display: flex;     flex-wrap: wrap;     list-style: none;     padding: 0; }  .footer_help > li {     margin-right: 8px;     margin-bottom: 15px; }  .footer_help a {     align-items: center;     border-radius: 5px;     box-sizing: border-box;     color: #fff;     display: flex;     font-size: 16px;     height: 36px;     padding: 0 8px;     text-decoration: none;     transition: background-color .15s linear, transform .15s linear;     width: 100%; }  .footer_help a:focus, .footer_help a:hover {     background-color: #252536; }  .navigation_social {     align-items: center;     display: flex;     list-style: none;     padding: 0; }  .navigation_social li {     margin-right: 10px; }  .social_instagram {     background-color: #264484;     box-shadow: 0 3px 0 1px #16284d; }  .social_instagram:focus, .social_instagram:hover {     box-shadow: 0 3px 0 1px #16284d, inset 0 10px 10px 5px #fff6; }  .social_telegram {     background-color: #2ca3df;     box-shadow: 0 3px 0 1px #1a6b84; }  .social_telegram:focus, .social_telegram:hover {     box-shadow: 0 3px 0 1px #1a6b84, inset 0 10px 10px 5px #fff6; }  .social_vkontakte {     background-color: #3a6aa3;     box-shadow: 0 3px 0 1px #223f61; }  .social_vkontakte:focus, .social_vkontakte:hover {     box-shadow: 0 3px 0 1px #223f61, inset 0 10px 10px 5px #fff6; }  .social_youtube {     background-color: red;     box-shadow: 0 3px 0 1px #781712; }  .social_youtube:focus, .social_youtube:hover {     box-shadow: 0 3px 0 1px #781712, inset 0 10px 10px 5px #fff6; }  .navigation_social a {     align-items: center;     border-radius: 50%;     display: flex;     height: 35px;     justify-content: center;     width: 35px; }  .navigation_social a img {     height: 20px;     width: 20px; }  .footer_second {     border-top: 1px dashed #303036;     box-sizing: border-box;     display: flex;     justify-content: space-between;     max-width: 1200px;     padding: 0 15px;     width: 100%; }  .footer_inner_container {     align-items: center;     display: flex;     justify-content: space-between;     padding-bottom: 30px;     padding-top: 30px;     flex-wrap: wrap; }  .footer_second .copyright_age_warning {     align-items: center;     display: flex;     justify-content: flex-start;     max-width: 950px; }  .footer_second .warning_item {     align-items: center;     display: flex;     margin-right: 35px; }  .footer_second .license_wrapper {     min-width: 40px; }  .footer_second .p_copyright {     word-wrap: normal;     line-height: 16px;     min-width: 230px;     word-break: normal; }  .footer_second .p_copyright, .footer_second .p_warning {     color: #646a87;     font-size: 12px;     margin-left: 20px; }  .footer_second .copyright_age_warning_item {     max-width: 380px; }  .footer_second .age_18 {     height: 40px;     width: 40px; }  .footer_second .p_warning {     line-height: 14px; }  .footer_lang_desktop {     display: flex;     justify-content: flex-start;     min-width: 175px;     width: 175px; }  .choose_lang {     align-items: center;     cursor: pointer;     display: flex;     justify-content: flex-end;     position: relative; }  .choose_lang .choose_lang_button {     align-items: center;     box-sizing: initial;     cursor: pointer;     display: flex;     height: 30px;     justify-content: center;     padding: 5px; }  .flag_lang {     border-radius: 50%;     width: 30px; }  .choose_lang span {     color: #fff;     font-size: 16px;     font-weight: 700;     padding: 0 10px;     text-transform: uppercase; }  .choose_lang .arrow_down {     width: 12px; }  .choose_lang_list {     background-color: #4a5372;     border-radius: 5px;     bottom: -12px;     box-sizing: border-box;     color: #fff;     -moz-columns: 2;     column-count: 2;     left: 0;     width: 350px;     max-height: fit-content;     max-height: -webkit-fit-content;     max-height: -moz-fit-content;     overflow-y: auto;     padding: 6px 4px;     position: absolute;     width: 390px;     z-index: 90;     list-style: none; }  .choose_lang .choose_lang_list {     opacity: 0;     transition: visibility .5s, opacity .25s ease;     visibility: hidden; }  .choose_lang .choose_lang_button:focus {     outline: none;     pointer-events: none; }  .open .choose_lang_list {     opacity: 1;     visibility: visible; } .open .choose_lang_button {     opacity: 0;     z-index: 99999; } .choose_lang_box {     text-decoration: none; }  .footer_payments ul {     background: #0a0a14;     display: flex;     flex-wrap: wrap;     list-style: none;     padding: 0; }  .footer_payments li {     align-items: center;     background-color: #ffffff08;     border-radius: 5px;     display: flex;     flex-grow: 1;     height: 40px;     justify-content: center;     margin: 0 10px 10px 0;     min-width: 80px;     padding: 10px;     width: auto; }  .footer_payments img {     height: 100%;     max-height: 40px;     object-fit: contain;     width: 60px; }  @media (max-width: 768px) {     .banner {         flex-direction: column;     }     .banner__content, .banner__images {         width: 100%;     }     .banner__images {         order: -1;     }     .banner__content {         margin: 0 0;         padding: 0 40px;     }     .nav__list {         flex-wrap: wrap;     }     .nav__item {         width: 50%;     }     .nav__list {         height: auto;     }     .nav__item:nth-child(3):before,     .nav__item:nth-child(3):after {         display: none;     }   .choose_lang_list {     left: -30px;   }   .choose_lang span {     font-size: 15px;     padding: 0 5px;   } }  @media (max-width: 600px) {     .login,     .help {         display: none;     }     .footer_second .copyright_age_warning {         flex-wrap: wrap;     } }  @media (max-width: 488px) {     .games__wrapper {         justify-content: center;     }     .banner__content {         padding: 0 15px;     }     .logo {         width: 130px;     }     .register {         padding: 0 15px;     }     .banner {         gap: 0;     } } @media (max-width: 450px) {   .content table thead th {       font-size: 14px;   }   .content table td, .content table th {     padding: 10px 10px;   }   .content table tbody td {     font-size: 14px;   }   .content img {    	float: none !important;     display: block;     margin: 15px auto;   } } @media (max-width: 390px) {     .nav__item {         width: 100%;         margin: 25px 0;     }     .nav__item:before,     .nav__item:after {         display: none;     } }.svg_question .svg_color {                                 fill: none;                                 stroke: #e8ce3a;                                 stroke-linecap: round;                                 stroke-linejoin: round;                                 stroke-width: 1.5px;                             }.svg_flag_hit .svg_color {                                                     fill: #A91FFF                                                 }.svg_flag_new .svg_color {                                                     fill: #4DD433                                                 }