html, body {   overflow-x: hidden; } body {     -webkit-font-smoothing: antialiased;     background-color: #212132;     background-image: url(/shared/3384/back_games_wided.svg);     background-repeat: repeat;     color: #fff; 	font-family: "Montserrat", "Helvetica", "Arial", "Roboto", sans-serif;     font-size: 16px;     font-weight: normal;     margin: 0;     padding: 0;     min-height: 100vh;     background-size: contain; }  * {     box-sizing: border-box; } .content img {   max-width: 100%;   height: auto; } .wrapper {     max-width: 1200px;     padding: 0 15px;     margin: 0 auto;     width: 100%; } .main {     padding: 10px 40px 30px; } .header {     align-items: center;     box-sizing: border-box;     display: flex;     flex-direction: column;     height: 50px;     justify-content: center;     padding-bottom: 10px;     width: 100%;     margin-top: 10px; }  .logo__link {     display: flex;     justify-content: center; }  .logo__link img {     height: 100%;     width: 200px; }  .iframe__wrapper {     border: 1px solid #313047;     box-shadow: 0 8px 10px #000;     box-sizing: border-box;     max-width: 100%;     padding: 0;     position: relative;     width: auto;     display: flex;     justify-content: space-between;     z-index: 1;     min-height: 580px; }  .iframe__box {     align-items: center;     background-color: #161626;     display: flex;     flex-direction: column;     justify-content: center;     width: 100%; }  .iframe__box iframe {     display: block;     margin: 0 auto auto;     height: 100%;     width: 100%; }  .box_menu_profile {     width: 100%; }  .game_menu {     background: #1c2240;     box-sizing: border-box;     max-width: 300px;     position: relative;     width: 100%; }  .game_menu_profile {     align-items: center;     display: flex;     flex-direction: column;     justify-content: space-between; }  .game_menu .game_menu_profile {     box-sizing: border-box;     height: calc(100% - 80px);     overflow-x: hidden;     overflow-y: auto;     padding: 20px 10px 10px;     width: 100%; }  .game_menu_profile {     align-items: center;     display: flex;     flex-direction: column;     height: 100%;     margin-bottom: 10px;     overflow-x: hidden;     overflow-y: auto;     width: 100%; }  .game_menu_profile .game_menu_non_authorized {     width: 100%; }  .bonus-card_picture {     align-items: center;     display: flex;     height: 160px;     justify-content: center;     position: relative;     width: 100%; }  .game_menu_non_authorized .bonus-card_picture {     margin-bottom: 15px; }  .bonus-card_picture .bonus-card_image {     display: block;     height: 100%;     z-index: 1; }  .bonus-card_info {     align-items: center;     display: flex;     flex-direction: column;     text-align: center; }  .game_menu_non_authorized .bonus-card_info {     align-items: center;     box-sizing: border-box;     display: flex;     flex-direction: column;     justify-content: space-between;     margin-bottom: 30px;     padding: 0 10px;     width: 100%; }  .bonus-card_info > * {     flex: none;     margin: 0 auto 10px; }  .game_menu_non_authorized .bonus-card_info h2, .game_menu_non_authorized .bonus-card_info p {     max-width: 100%;     overflow: hidden;     text-align: center;     text-overflow: ellipsis; }  .game_menu_non_authorized .bonus-card_info h2 {     font-size: 20px;     font-weight: 800;     line-height: 24px;     margin-bottom: 10px; }  .game_menu_non_authorized .bonus-card_info p {     font-size: 14px;     line-height: 18px; }  .bonus-card_info > :last-child {     margin-bottom: 0; }  .box_btn {     align-items: flex-start;     display: flex;     flex-direction: column;     width: 100%; }  .game_menu_non_authorized .box_btn {     align-items: center;     flex-direction: column-reverse; }  .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; }  .show_more {     align-items: center;     background-color: #4d5a85;     border: none;     border-radius: 50px;     box-sizing: border-box;     color: #fff;     cursor: pointer;     display: flex;     font-weight: 800;     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;     height: 30px;     padding: 0 30px;     box-shadow: 0 3px 0 0 #2c3552, 0 4px 4px 0 #000;     margin: 15px auto 0;     position: relative;     z-index: 9999;     max-width: 134px; }  .show_more:hover {     box-shadow: 0 3px 0 0 #2c3552, 0 4px 4px 0 #000, inset 0 15px 15px -3px #fff6; }  .register {     background-color: #d50023;     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; }  .change_demo_on_money {     align-items: baseline;     display: flex;     justify-content: center;     padding-top: 10px;     width: 100%;     margin-top: 10px; }  .change_demo_on_money span {     color: #646a87;     margin-right: 15px; }  .content {     border: 1px solid transparent;     border-radius: 10px;     box-shadow: 0 8px 10px #000;     background: url(/shared/3384/noise.png) repeat, linear-gradient(#1c2240, #1c2240) padding-box, linear-gradient(180deg, #4d5a85, rgba(70, 82, 121, 0)) border-box;     align-items: flex-start;     justify-content: flex-start;     margin: 15px 0;     margin-bottom: 30px;     padding: 30px; }  .content .container {     align-items: flex-start;     background: linear-gradient(180deg, #4d5a85, #46527900) border-box;     border: 1px solid #0000;     border-radius: 10px;     box-shadow: 0 8px 10px #000;     justify-content: flex-start;     margin: 0 auto 30px;     padding: 30px; }  .content a {     color: #46afff;     transition: transform .25s ease; }  .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__menu {     width: 100%;     position: relative;     overflow: hidden;     padding: 70px 0;     background-color: #161626;     -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .75);     -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .75);     box-shadow: 0 0 10px 5px rgba(0, 0, 0, .75); } .footer__menu:after, .footer__menu:before {     content: "";     position: absolute;     left: 0;     width: 100%;     height: 14px;     background: url(/shared/3384/star.svg) repeat-x;     background-size: contain; } .footer__menu:before {     top: 3px; } .footer__menu:after {     bottom: 3px; } .footer_main {     align-items: center;     display: flex;     justify-content: space-between;     padding-bottom: 30px;     padding-top: 30px;     flex-wrap: wrap; }  .footer_help {     display: flex;     align-items: center;     flex-wrap: wrap;     list-style: none;     padding: 0;     margin: 0;   gap: 10px; }  .footer_help > li {     margin-right: 8px; }  .footer_help a {     align-items: center;     border-radius: 5px;     box-sizing: border-box;     font-size: 16px;     color: #cbc9c9;     display: flex;     padding: 10px 8px;     text-decoration: none;     transition: background-color .15s linear, transform .15s linear;     width: 100%; }  .footer_help a:focus, .footer_help a:hover {     text-decoration: underline;     display: block;     color: #fff; }  .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 #f8f8f867; }  .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 #f8f8f867; }  .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 #f8f8f867; }  .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 #f8f8f867; }  .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: 200px;     width: 100%; }  .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: #f8f8f8;     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: #f8f8f8;     -moz-columns: 2;     column-count: 2;     left: -40px;     max-height: 300px;     max-height: -webkit-fit-content;     max-height: -moz-fit-content;     max-height: fit-content;     overflow-y: auto;     padding: 6px 4px;     position: absolute;     width: auto;     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: -1;     position: relative;     left: 160px; } .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: #f8f8f808;     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; } .choose_lang_list li {     display: flex;     align-items: center;     margin-bottom: 10px; } @media (max-width: 1024px) {     .iframe__wrapper {         flex-direction: column;         min-height: auto;     }     .game_menu {         order: -1;         max-width: 100%;         width: 100%;     }     .iframe__box {         height: 570px;     } }  @media (max-width: 768px) {     .change_demo_on_money {         flex-direction: column;         align-items: center;     } }  @media (max-width: 600px) {     .footer_second .copyright_age_warning {         flex-wrap: wrap;     }     .content {         padding: 30px 15px;     }   .main {       padding: 10px 10px 30px;   }   .main .wrapper {     padding: 0;   }   .bonus-card_picture {     display: none;   } } .title {     text-align: center;     margin-top: 10px; } .breadcrumbs-list__item::before {   display: none; }