body {     margin: 0;     color: #505458;     opacity: 1;     scroll-behavior: smooth;     font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;     height: 100%;     font-size: 14px;     line-height: 1.25;     text-shadow: none;     font-weight: 400;     background-color: #ffffff; }  * {     font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;     box-sizing: border-box; }  .side-menu {     width: 0;     height: 100%;     transition: all .3s ease-in-out;     opacity: 0;     overflow: hidden;     position: fixed;     top: 0;     right: 0;     transform: translateX(100%);     z-index: 999998; }  .side-menu__overlay {     opacity: .8;     position: fixed;     top: 0;     left: 0;     width: 100%;     height: 100%;     background-color: #00000099; }  .side-menu__aside {     position: fixed;     top: 0;     right: 0;     width: 272px; }  .side-menu__aside, .side-menu__bottom {     bottom: 0;     background-color: #0b1010; }  .side-menu__content {     padding: 0 8px 77px;     height: 100%;     box-sizing: border-box;     max-height: 100vh;     display: flex;     flex-direction: column;     position: relative; }  .side-menu__close {     display: flex;     justify-content: flex-end;     padding: 6px 0; }  .icon-box_kind-transparent, .icon-box_kind-transparent:hover {     color: #ffffff; }  .icon-box_size-l {     width: 40px;     height: 40px; }  .icon {     display: inline-block; }  svg:not(:root) {     overflow: hidden; }  .side-menu__bottom {     display: grid;     grid-auto-flow: column;     justify-content: center;     align-items: center;     grid-gap: 40px;     padding: 15px 0 30px;     position: absolute;     width: 100%;     z-index: 30; }  .button {     display: inline-flex;     align-items: center;     justify-content: center;     gap: 8px;     cursor: pointer;     border: 0;     padding: 0;     outline: 0;     box-shadow: none;     appearance: none;     text-decoration: none;     background: 0 0;     color: #ffffff;     font-weight: 700;     font-size: 18px;     border-radius: 2em; }  .banner {     display: flex;     gap: 10px; }  .gif {     margin: 20px auto;     width: 30%; }  .gif__link {     display: block;     width: 100%; }  .gif__link img {     width: 100%; }  .swiper.mySwiperBanner {     width: 70%; }  .button_size-s {     padding: 8px 16px;     min-height: 16px;     font-size: 14px;     line-height: 16px; }  .button_kind-primary2 {     background: #02a528; }  .side-menu__link {     color: #ffffff;     text-decoration: underline;     cursor: pointer;     opacity: .8;     text-transform: capitalize; }  .side-menu_opened {     width: 100%;     transform: translateX(0);     opacity: 1; }  .partial-content p, .side-menu-sections {     margin: 0 0 16px; }  .typography {     font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;     line-height: 1.2;     font-weight: inherit;     color: inherit; }  .typography_size_sm {     font-size: 12px; }  .typography_kind_secondary-17 {     color: #ffffff; }  .side-menu__title {     opacity: .3; }  .side-menu-sections__link {     padding: 8px;     display: flex;     align-items: center;     text-decoration: none;     font-weight: 700;     position: relative; }  .side-menu-sections__link-casino {     color: #02a528; }  .side-menu-promotions__link:before, .side-menu-sections__link:before {     content: "";     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%;     border-radius: 4px;     z-index: -1;     transform: scaleX(0);     transform-origin: left;     transition: transform .3s ease-in-out;     will-change: transform; }  .side-menu-sections__link:before {     background-color: currentColor;     opacity: .15; }  .side-menu-sections__icon {     background-color: currentColor;     display: flex;     align-items: center;     justify-content: center;     border-radius: 50%;     width: 32px;     height: 32px;     margin-right: 8px; }  .side-menu-sections__link-livedealers {     color: #fe6613; }  .side-menu-sections__link-sport {     color: #0183c1; }  .side-menu-promotions__wrapper {     margin-bottom: 10px; }  .side-menu-promotions__link {     padding: 16px 18px 16px 8px;     display: flex;     align-items: center;     justify-content: space-between;     text-decoration: none;     position: relative; }  .side-menu-promotions__link:before {     background-color: #232020; }  .side-menu-promotions__text {     display: flex;     align-items: center;     color: #ffffff;     opacity: .8; }  .side-menu-promotions__icon {     margin-right: 8px; }  .badge {     position: relative;     display: inline-block; }  .badge__count {     position: absolute;     top: -8px;     right: -8px;     z-index: 20;     display: flex;     justify-content: center;     align-items: center;     height: 16px;     min-width: 16px;     border-radius: 20px;     padding-right: 4px;     padding-left: 4px;     font-size: 12px;     line-height: 16px;     font-weight: 400;     color: #ffffff;     background-color: #ca483f; }  .side-menu-promotions__link:not(:last-child):after {     content: "";     position: absolute;     left: 0;     bottom: 0;     width: 100%;     height: 1px;     background-color: #ffffff;     opacity: .2; }  .side-menu-promotions__img {     margin-right: 8px;     width: 14px;     height: 14px; }  .header__main {     position: fixed;     top: 0;     left: 0;     z-index: 1060;     width: 100%;     background-color: #202021; }  .header__main__wrapper {     display: flex;     align-items: center;     justify-content: space-between;     height: 56px;     padding: 0 10px; }  .header__main__container {     display: flex;     align-items: center; }  .header__main__logo__container {     height: 40px;     overflow: visible;     width: auto;     padding: 4px 0;     display: flex;     align-items: center; }  .logo {     display: inline-block;     width: 98px;     height: 24px; }  img {     border: 0;     vertical-align: middle;     max-width: 100%;   	height: auto; }  .logo__inner {     max-width: 100%;     max-height: 100%; }  .header__menu {     display: flex;     align-items: center;     padding: 0; }  .header__item {     display: flex;     align-items: center;     margin-left: 30px; }  .header__item a {     color: #FFFFFF; }  .header__item > * {     margin-right: 5px; }  .typography_size_m {     font-size: 14px; }  .button_kind-primary1 {     background: #fe6613; }  .header__button .icon {     color: #ffffff; }  .head__tabs__menu {     box-sizing: border-box;     position: absolute;     top: 100%;     left: 0;     width: 100%;     margin: 0;     padding: 0;     text-align: center;     background-color: #2c2c2c;     height: 32px; }  .head__tabs {     display: inline-flex;     align-items: flex-end;     flex-direction: row;     height: 100%; }  .head__tabs__item {     text-decoration: none;     text-align: center;     border-bottom: 4px solid;     padding: 0 16px; }  .head__tabs__item_type_sports {     color: #549fdd; }  .head__tabs__item_type_livedealers {     color: #d86927; }  .head__tabs__item_type_casino {     color: #298049; }  .head__tabs__title {     margin: 0;     color: #9f9288;     transition: color .3s linear; }  .banner {     padding: 85px 0 0; }  .main-banner {     display: flex;     flex-direction: column;     align-items: center;     justify-content: space-between;     padding: 8px;     height: 290px;     border-radius: 6px; }  .main-banner {     min-width: 344px; }  .main-banner {     width: 98%;     height: 376px; }  .main-banner_color_gradient-2 {     background: linear-gradient(180deg, #FFECEC 0%, #FFFFFF 100%); }  .main-banner_color_gradient-5 {     background: linear-gradient(180deg, #FFE8DB 0%, #FFFFFF 100%); }  .main-banner_color_gradient-3 {     background: linear-gradient(180deg, #ECFFEC 0%, #FFFFFF 100%); }  div.swiper-pagination-new {     position: absolute !important;     bottom: 0; !important width: 100 % !important;     display: grid !important;     grid-auto-flow: column !important;     grid-gap: 1px !important;     z-index: 1 !important; }  div.swiper-pagination-new .swiper-pagination-bullet {     position: relative !important;     display: flex !important;     height: 4px !important;     width: 100% !important;     border-radius: 4px !important;     background-color: #c7c8c9; }  div.swiper-pagination-new .swiper-pagination-bullet-prev {     background-color: #fe6613 !important; }  div.swiper-pagination-new .swiper-pagination-bullet-active::after {     content: "";     position: absolute;     width: 0%;     height: 4px;     border-radius: 4px;     background-color: #FE6613;     animation: progress 7000ms ease-in-out forwards; }  @keyframes progress {     100% {         width: 100%;     } }  .main-banner__inner {     width: 100%;     flex: 1;     display: flex;     flex-direction: column;     align-items: center;     justify-content: center; } .main-banner__inner {     max-width: 1280px;     flex-direction: row;     justify-content: space-between;     padding: 0 16px;     width: 100%; } .main-banner__inner-description {     display: flex;     flex-direction: column;     align-items: center;     order: 1; } .main-banner__inner-description {     align-items: flex-start;     width: 592px;     order: -1; } .main-banner__title {     display: flex;     align-items: center;     text-align: center;     max-height: 56px; } .main-banner__title {     max-height: 72px;     margin: 16px 0 0; } .main-banner__title {     text-align: left;     max-height: 96px; } .main-banner__title .typography {     display: -webkit-box;     -webkit-box-orient: vertical;     -webkit-line-clamp: 2;     overflow: hidden;     margin: 0;     font-size: 20px;     word-break: break-word; } .main-banner__title .typography {     font-size: 30px;     -webkit-line-clamp: 3; } .main-banner-action {     margin: 8px 0; } .main-banner-action {     margin-top: 32px; } .button_size-l {     padding: 14px 32px;     min-height: 48px;     line-height: 20px; } .typography_kind_secondary-13 {     color: #000000; } .main-banner__inner-media {     width: 100%;     max-width: 344px;     height: 112px;     margin: 0 auto;     position: relative; } .main-banner__inner-media {     width: 614px;     height: 200px;     max-width: 100%; } audio, canvas, progress, video {     display: inline-block;     vertical-align: baseline; } .main-banner__inner-media video {     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%; }  .tiles {     display: flex;     flex-wrap: wrap;     justify-content: center;     margin: 32px auto 48px;     max-width: 1248px;     padding: 0; }  .tiles>* {     flex: 23%;     margin: 13px; } .tiles>:first-child {     margin-left: 0; }  .tiles__item {     min-width: 288px;     height: 176px;     color: #000000;     text-decoration: none;     filter: drop-shadow(0 -4px 10px rgba(0,0,0,.05)) drop-shadow(0 14px 20px rgba(0,0,0,.2));     position: relative;     box-sizing: border-box;     display: flex;     align-items: center; }  .tiles__item::before {     content: "";     position: absolute;     top: 16px;     right: 16px;     bottom: 0;     left: 0;     z-index: -1;     border-radius: 6px; } .tiles__item_type_sport::before {     background: linear-gradient(180deg, #9194B5 0%, #2F2B2A 100%);; }  .typography_size_2xl {     font-size: 24px; } .typography_line_height_xl {     line-height: 1.4; }  .typography_promo_card {     font-family: "Arial Black", Helvetica, sans-serif;     font-weight: 900; } .tiles__title {     margin: 32px 16px 16px;     width: 132px; }  .image-loader-wrapper {     position: relative;     height: 100%;     min-height: 1px;     display: flex;     justify-content: center;     align-items: center; } .tiles__image {     width: 203px;     height: 176px;     position: absolute;     object-fit: contain;     top: 0;     right: 0;     z-index: -1; } .image-loader-wrapper__image {     display: block;     width: 100%;     height: 100%;     object-fit: cover;     object-position: center;     background-size: min(100%,72px) min(100%,72px);     background-repeat: no-repeat;     background-position: center; } .tiles__item_type_livedealers::before {     background: linear-gradient(180deg, #A96565 0%, #2F2B2A 100%);; } .tiles__item_type_casino::before {     background: linear-gradient(180deg, #6D8E7D 0%, #2F2B2A 100%);; } .tiles__item_type_bonuses::before {     background: linear-gradient(180deg, #B58DB9 0%, #2F2B2A 100%);; } .swiper {     width: 100%;     height: 100%;     margin: 20px auto;     overflow: hidden;     list-style: none;     padding: 0; }  .swiper-slide {     text-align: center;     font-size: 18px;     display: flex;     justify-content: center;     align-items: center; }  .swiper-slide img {     display: block;     width: 100%;     height: 100%;     object-fit: cover; } .swiper-wrapper {     height: auto; } .home-page-tournament-slider .swiper-wrapper {     display: flex;   justify-content: space-around; } .card-media__wrapper {     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     z-index: 2;     display: flex;     flex-direction: column;     justify-content: space-between; } .card-media-overlay {     display: flex;     justify-content: space-between;     padding: 8px;     position: relative;     z-index: 1; } .card-media-overlay__item {     display: flex;     flex-direction: column;     align-items: flex-end; } .card-media-overlay__item:first-child {     align-items: flex-start; } .card-media-overlay__item {     display: flex;     flex-direction: column;     align-items: flex-end; }   .card-media_show_shadow::before {     content: "";     position: absolute;     top: 0;     right: 0;     bottom: 0;     left: 0;     z-index: 1;     background: linear-gradient(0deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%); }  .chip {     display: inline-flex;     justify-content: center;     align-items: center;     border-radius: 4px;     line-height: 1; } .chip_kind_success {     background: #298049; } .chip_size_s {     padding: 4px 8px; }  .card-media-overlay__item img {     width: auto;     height: auto; } .typography_size_xs {     font-size: 10px;     margin: 0; } .typography_line_height_s {     line-height: 1; } .typography_transforms_uppercase {     text-transform: uppercase; } .typography_strong {     font-weight: 700; }  .home-page-tournament-slider {     margin: 0 96px 30px; } .home-page-tournament-slider .swiper-container {     padding: 24px 15px 32px;     box-sizing: border-box; } .home-page-tournament-slider .games-slider-item {     display: flex;     justify-content: center;     width: 384px;     margin-bottom: 15px; } .card_effect_shadow {     box-shadow:  0 -4px 10px rgba(0, 0, 0, 0.05), 0 14px 20px rgba(0, 0, 0, 0.2);     transition: .5s; } .home-page-tournament-slider .games-slider-item>.card {     max-width: 384px;     width: 100%;     height: 100%; } .card-header {     display: flex;     justify-content: space-between;     align-items: center;     width: 100%;     height: 48px;     padding: 8px; } .card-header_kind_light {     background-color: #ffffff; } .card-title {     display: inline-flex;     justify-content: center;     align-items: center; } .card-title_kind_dark {     color: #505458; } .card-title__icon {     margin-right: 8px; } .card-header__label {     height: 36px;     display: inline-flex;     align-items: center; } .card-badge, .card-badge__label {     display: inline-flex;     align-items: center; } .card-badge {     justify-content: center;     gap: 8px; } .card-badge__icon {     background: 0 0;     display: inline-flex;     color: #0183c1; } .card-badge__label {     height: 100%;     color: #080e14; } .card-badge__label_text_bold {     font-weight: 700; }  .card-body {     display: flex;     flex-direction: column;     overflow: hidden;     border-radius: 6px;     margin: 0; } .card-body_has_indent {     margin: 0 8px; } .card-action {     height: 100%;     cursor: pointer;     text-decoration: none; }  .card-media {     display: flex;     justify-content: center;     align-items: center;     position: relative;     height: 100%;     overflow: hidden;     background-color: transparent; } .lottery-card__daily-max {     display: flex;     flex-direction: column; }  .card-media_color_gradient-4 {     background-image: linear-gradient(180deg, #FDF3FE 0%, #FFFFFF 100%); } .card-media_color_gradient-6 {     background-image: linear-gradient(180deg, #F2EEFF 0%, #FFFFFF 100%); } .card-media_color_gradient-7 {     background-image: linear-gradient(180deg, #FFFEED 0%, #FFFFFF 100%); } .promo-card__card-media {     padding: 8px; } .card-media__image {     width: 100%;     height: 100%; } .card-media__image_auto {     height: auto; }  .image-loader-wrapper img, .typography_kind_primary-1-400 {     color: #505458; } .card-badge_inversed .card-badge__icon {     background: #549fdd;     border-radius: 50%;     color: #ffffff; } .amount {     white-space: nowrap;     text-overflow: ellipsis;     overflow: hidden; } .chip_kind_primary {     background: #549fdd; }  .card-media-prize {     min-height: 88px;     background: rgba(255, 255, 255, .8);     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     margin-top: auto;     position: absolute;     width: 100%;     bottom: 0;     left: 0; } .card-media-prize__title {     margin-bottom: 8px;     color: #505458; } .card-media_color_gradient-3 {     background-image: linear-gradient(180deg, #ECFFEC 0%, #FFFFFF 100%);; } .card-media-prize__subtitle {     overflow: hidden;     color: #080e14; } .card-media-prize__subtitle * {     text-transform: uppercase;     margin: 0; } .odometr {     height: 1em;     line-height: 1em;     min-height: 1em;     overflow: hidden; } .odometr_center {     justify-content: center; } .odometr__wrapper {     display: flex;     justify-content: center; }  .odometr__coll {     height: 100%;     text-align: center;     transform: translate3d(0,0,0); }  .countdown-row {     display: inline-flex;     flex-direction: row;     justify-content: center;     align-items: center;     flex-wrap: wrap; } .countdown-row__title {     font-size: 12px;     line-height: 14px;     white-space: nowrap;     color: #9f9288;     margin: 0 8px 0 0; } .countdown-row__list {     display: flex; } .countdown-row__list-item {     display: flex;     flex-direction: row;     position: relative; } .countdown-row__list-item:first-child {     margin-right: 8px; } .countdown-row__label, .countdown-row__numbers {     font-size: 12px;     line-height: 14px;     color: #080e14; } .card-footer {     display: flex;     justify-content: space-between;     align-items: center;     width: 100%;     height: 56px;     padding: 8px; }  .game-of-month-card {     padding: 8px;     display: flex;     flex-direction: column;     height: 100%;     justify-content: space-between; } .typography_size_3xl {     font-size: 30px; } .typography_align_center {     text-align: center; } .game-of-month-card__header {     margin: 6px 0 10px; } .game-of-month-card__games-wrapper {     display: flex;     justify-content: center; } .game-of-month-card__games-wrapper .game-of-month-card__game-card {     max-height: 181px;     min-height: 147px;     height: 100%;     width: 100%; } .game-of-month-card__games-wrapper .game-of-month-card__game-card-casino {     max-width: 155px; } .game-of-month-card__games-wrapper .game-of-month-card__game-card:first-of-type {     margin-right: 8px; } .game-of-month-card__games-wrapper .game-of-month-card__game-card_is-casino:first-of-type {     margin-right: 16px; } .game-of-month-card__link {     display: block;     height: 100%; } .image-loader-wrapper_show_background {     background-color: #433e3d; }  .icon-box {     position: relative;     display: inline-flex;     align-items: center;     justify-content: center;     gap: 8px;     cursor: pointer;     padding: 0;     border: 0;     outline: 0;     box-shadow: none;     appearance: none;     text-decoration: none;     background: 0 0;     border-radius: 2px;     color: #ffffff; } .icon-box_kind-info {     background: #549fdd; } .icon-box_size-s {     width: 24px;     height: 24px; } .icon-box_radial {     border-radius: 100%; } .card-footer_type_action .card-footer__item:first-child, .card-footer_type_action .card-footer__item:last-child {     flex: 1; } .list {     margin: 0;     display: flex; } .ul_list_markers_false {     list-style-type: none;     padding: 0; } .list.list_dir_column {     flex-direction: column; } .list.list_dir_column.list_align_center, .list_dir_row {     align-items: center; } .list-item-text {     display: inline-flex;     flex-wrap: wrap;     justify-content: center;     align-items: center; } .typography_kind_error-500 {     color: #ad7041; } .content {   	max-width: 1100px;     margin: 0 auto 30px;   padding: 0 10px; } .content__title {     text-align: center; } .content a {     color: #ca483f; } .content a:hover {   text-decoration: none;   color: #259737; } .footer {     margin: 0 96px; } .footer-operators-slider, .footer-payment-slider {     border-bottom: 1px solid #7b7169;     margin-bottom: 24px;     position: relative; }  .footer-payment-slider {     border-top: 1px solid #7b7169;     padding: 16px 0 24px;     margin-bottom: 30px; } .footer .footer__pay {     width: auto;     margin: 30px; }  .layout__mb-20 {     margin-bottom: 20px; } .list.list_dir_column.list_align_center, .list_dir_row {     align-items: center; } .list_dir_row {     flex-direction: row;     padding: 0; } .ul_list_markers_false {     list-style-type: none;     padding: 0; } .partners-list {     display: flex;     flex-wrap: wrap;     justify-content: center;     align-content: center; } .partners-list__icon {     margin: 0 0 30px; } .partners-list__icon:not(:last-child) {     margin-right: 30px; } .partners-list__link {     display: block; } .pseudo-link {     color: #549fdd;     line-height: 1;     text-shadow: none;     font-weight: 400;     user-select: none;     cursor: pointer;     word-wrap: break-word; } .pseudo-link, .pseudo-link:hover {     text-decoration: none; } @media (max-width: 1430px) {     .home-page-tournament-slider {         margin: 0 0px 30px;     } } @media (max-width: 1200px) {     .content {         margin: 0 20px 30px;     }     .home-page-tournament-slider .swiper-wrapper {         justify-content: space-around;     }     .tiles>:first-child {         margin-left: 13px;     }      .home-page-tournament-slider {         margin: 0 20px 30px;     }     .banner__inner__link .bonus {         left: 50px;     }     .registration-banner__item {         right: 50px;     } }  @media (max-width: 940px) {     .footer {         margin: 0 20px 100px;     } }  @media (max-width: 835px) {     .banner__inner__link .bonus {         position: static;     }     .registration-banner__item {         top: auto;         bottom: 0;     } } @media (max-width: 768px) {     .head__tabs__menu {         display: none;     }     .registration-banner__item {         right: 0;     }     .home-page-tournament-slider {         margin: 0 10px 0;     }     .header__menu {         display: none;     }     .banner {         padding: 55px 0 0;         display: block;     }     .swiper.mySwiperBanner {         width: 100%;     }     .gif {         margin: 20px auto;         width: 50%;     } } @media (max-width: 660px) {     .home-page-tournament-slider .swiper-wrapper {         justify-content: center;     }     .main-banner__inner {         flex-direction: column;     }     .swiper {         padding-bottom: 10px;     }     .main-banner__inner-description {         width: auto;     }     .home-page-tournament-slider .swiper-wrapper {         flex-wrap: wrap;     }  } @media (max-width: 480px) {     .registration-banner__item {         position: static;     }     .banner__inner__link {         text-align: center;     }     .registration-banner__item {         text-align: center;     }     .registration-banner__description {         justify-content: center;     }     .tiles {         margin: 0 auto 48px;     }     .gif {         display: none;     }     .slider-btn-next {         right: -10px;     }     .home-page-tournament-slider .games-slider-item>.card {         max-width: 320px;     }     .typography_size_3xl {         font-size: 22px;     } } @media (max-width: 360px) {     .home-page-tournament-slider .games-slider-item>.card {         max-width: 300px;     } } .bottom-menu {     margin: 0;     padding: 0;     font-size: 0;     text-align: center;     justify-content: center;     flex-wrap: wrap; }  .bottom-menu__item {     vertical-align: middle;     display: inline-block;     margin: 0 20px 20px; }  .bottom-menu__item:first-child {     margin-left: 0; }  .bottom-menu__link {     display: inline-block;     color: #0183c1;     font-size: 14px;     line-height: 1.25;     vertical-align: middle;     cursor: pointer; } .bottom-menu__link, .bottom-menu__link:hover {     text-decoration: none; } .social-list {     display: flex;     justify-content: center;     align-items: center;     flex-wrap: wrap;     padding: 0;     margin: 0 0 30px; } .social-list__icon {     display: inline-block;     vertical-align: middle;     font-size: 32px;     width: 1em;     height: 1em;     line-height: 1; } .social-list__icon:not(:last-child) {     margin-right: 32px; }  .pay-item {     display: flex;     justify-content: space-around;     align-items: center;     flex-wrap: wrap; }  .card-content {     height: 160px;     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     padding: 10px 0; } .pay img {   width: 100%;   height: auto; } table{   border: 1px solid #505458;   width: 100%; } th,td{   border: 1px solid #505458;   padding: 10px; } @media (max-width:480px) {   th,td{     font-size: 12px;     padding: 10px 5px;   } }