html, body {     overflow-x: hidden; } body {     margin: 0;     padding: 0;     background: #05060a;     font-family: sans-serif;     overflow-x: hidden; } * {     box-sizing: border-box; } .wrapper {     padding: 0;     width: 81.3333333333rem;     margin: 0 auto;     position: relative; }  .header {     background: rgba(5,6,10,.8);     position: fixed;     top: 0;     left: 0;     width: 100%;     height: 4.6666666667rem;     display: flex;     align-items: center;     z-index: 10; }  .logo__link {     display: block; } .header .wrapper, .header__button {     display: flex;     justify-content: space-between;     align-items: center;     text-transform: uppercase; }  .header__button__link {     padding-left: 1.6rem;     display: flex;     align-items: center;     justify-content: flex-end;     height: 100%;     padding-right: 0.8888888889rem; } svg {     display: inline-block;     vertical-align: baseline;     transition: fill .3s,stroke .3s;     pointer-events: none; } .header__button__link svg {     width: 1.6666666667rem;     height: 1.6666666667rem; }  .header__button__link--red {     color: #fff;     height: 2.4444444444rem;     font-size: .7777777778rem;     border-radius: 0.2222222222rem;     padding: 0 1.3333333333rem;     background-color: #e92139;     font-weight: 600;     transition: .3s;     text-decoration: none; } .logo__link {     text-align: right; } .logo, .header__button {     width: 50%;     justify-content: flex-end; }  .main {     margin-top:  4.6666666667rem;; }  .banner {     display: flex;     flex-direction: column;     align-items: center;     justify-content: space-between;     background-image: url(/shared/3074/start-banner-background-dest.webp); background-size: cover; background-repeat: no-repeat; min-height: 33.3333333333rem; margin-top: 0; margin-bottom: 2.8888888889rem; border-radius: 0.3333333333rem; padding-top: 3.3333333333rem; }  .banner__card {     position: relative;     background: #222630 linear-gradient(180deg, rgba(12, 19, 38, 0) -.36%, #0f1116 101%) no-repeat;     background-size: cover;     border-radius: 0.2777777778rem;     width: 18.2777777778rem;     min-height: 22.8333333333rem;     padding: 3.7777777778rem 1.8333333333rem 2.1666666667rem 1.8333333333rem;     -webkit-filter: drop-shadow(0 0.4444444444rem 0.9444444444rem rgba(0,0,0,.25));     filter: drop-shadow(0 0.4444444444rem 0.9444444444rem rgba(0,0,0,.25)); }  .banner__card:before {     content: "";     position: absolute;     background-image: url(/shared/3074/circle.webp); background-size: cover; background-repeat: no-repeat; z-index: 1; right: -3.7777777778rem; top: -0.4444444444rem; width: 12.8333333333rem; height: 13.1111111111rem; }  .banner__card__inner {     position: relative;     display: flex;     flex-direction: column;     justify-content: space-between;     height: 100%;     z-index: 3; }  .banner__card__inner__play {     letter-spacing: .0172222222rem;     color: #ffffff;     font-weight: 600;     text-transform: uppercase;     font-size: 1.4444444444rem;     line-height: 1.5555555556rem;     margin-bottom: 4.1666666667rem; }  .banner__card__spin {     text-transform: uppercase;     margin-bottom: 0;     font-weight: 700;     letter-spacing: -.05rem;     font-size: 1.3333333333rem;     line-height: 1.5555555556rem;     color: #fff; }  .banner__card__spin-plus {     color: #e92139; }  .banner .header__button__link {     font-size: 1rem;     line-height: 1.1111111111rem;     padding: 0.7777777778rem;     height: 3rem;     margin-top: 4.4444444444rem;     display: flex;     align-items: center;     justify-content: center;     width: 100%;     text-transform: uppercase;     position: relative;     z-index: 1000; }  .banner__card:after {     content: "";     position: absolute;     right: 0;     top: 0;     width: 100%;     background-image: url(/shared/3074/dots.png); background-size: cover; background-repeat: no-repeat; height: 22.8333333333rem; } .popular__payment {     background-image: linear-gradient(180deg,rgba(5,6,10,0),rgba(5,6,10,.82) 78.71%);     width: 100%; } .popular__payment__list {     display: flex;     flex-wrap: wrap;     align-items: center;     justify-content: center;     padding: 2.5rem 0 2rem 0;     gap: 2.6666666667rem;     list-style: none;     padding: 0; }  .popular__payment__item {     filter: grayscale(1);     opacity: .7; }  .popular__payment__item img {     display: block;     object-fit: contain;     height: 2.6666666667rem;     width: 5rem; }  .game__header {     display: flex;     align-items: center;     justify-content: space-between; }  .game__header__title {     font-size: 1.1111111111rem;     line-height: 1.5555555556rem;     text-transform: uppercase;     font-weight: 700;     color: #ffffff; } .game__header__more__link {     display: flex;     align-items: center;     font-weight: 700;     font-size: 12px;     line-height: 20px;     text-transform: uppercase;     color: #ffffff;     white-space: nowrap;     margin-left: auto;     margin-right: 0;     cursor: pointer;     transition: color .2s ease-out;     text-decoration: none; }  .game__header__more__link svg {     transform: rotate(180deg);     width: 13px;     height: 13px;     margin-left: 5px;     color: #e92139; }  .game__inner__item {     flex-shrink: 0;     height: 100%;     position: relative;     transition-property: transform;     width: 12.4444444444rem;     margin: 0 1.3333333333rem 1.3333333333rem 0; }  .game__inner__item:last-child {     margin-right: 0; }  .game__inner__card {     position: relative;     cursor: default;     min-width: 0; }  .game__inner__card__preview {     position: relative;     overflow: hidden;     height: 15.3333333333rem;     border-radius: 0.2222222222rem; }  .game__inner__card__preview__header {     display: flex;     justify-content: space-between;     position: absolute;     top: 0;     left: 0;     right: 0;     padding: 0.4444444444rem;     z-index: 1; }  .game__inner__card__preview__badges {     display: grid;     grid-template-columns: repeat(2,1fr);     grid-gap: 0.1111111111rem; }  .game__inner__card__preview__badge {     font-weight: 600;     background-color: #222630;     display: flex;     justify-content: center;     align-items: center;     padding: 0 0.4444444444rem;     font-size: .7777777778rem;     border-radius: 0.2222222222rem;     height: 1.5555555556rem;     color: #00c193;     text-transform: uppercase; }  .game__inner__card__preview__badge svg {     flex-shrink: 0;     width: 1rem;     height: 0.8888888889rem; }  .game__inner__card__preview img {     width: 100%;     height: 100%;     -o-object-fit: cover;     object-fit: cover; }  .game__inner__card__hover {     position: absolute;     left: 50%;     transform: translate(-50%) scale(.9);     display: flex;     flex-direction: column;     align-items: center;     z-index: 1;     background-color: #05060a;     opacity: 0;     transition: all .2s;     visibility: hidden;     cursor: pointer;     top: -0.5555555556rem;     bottom: -0.7222222222rem;     width: calc(100% + 2.22222rem);     padding: 1.1111111111rem 0;     border-radius: 0.2222222222rem; }  .game__inner__item:hover .game__inner__card__hover {     opacity: 1;     -webkit-transform: translate(-50%) scale(1);     transform: translate(-50%) scale(1);     visibility: visible; }  .game__inner__card__hover__image {     display: block;     width: 100%;     height: 100%;     position: absolute;     top: 0;     left: 0;     z-index: -1;     background-size: cover;     background-position: 50% 50%;     overflow: hidden;     border-radius: 0.2222222222rem; }  .game__inner__card__hover-provider {     color: #e92139;     line-height: 1.43;     font-size: .7777777778rem;     margin-bottom: 0.1111111111rem; }  .game__inner__card__hover-name {     font-weight: 600;     overflow: hidden;     text-overflow: ellipsis;     display: -webkit-box;     -webkit-line-clamp: 2;     -webkit-box-orient: vertical;     padding: 0 10px;     text-align: center;     line-height: 1.43;     font-size: .7777777778rem;     color: #ffffff; }  .game__inner__card__hover__rm {     position: relative;     width: 100%;     text-align: center;     color: #ffffff99;     margin-top: 0.2222222222rem;     font-size: .6666666667rem;     line-height: 1.33; }  .game__inner__card__hover__play-wp {     position: absolute;     top: 50%;     left: 50%;     -webkit-transform: translate(-50%,-50%);     transform: translate(-50%,-50%);     cursor: pointer;     margin-top: -0.5555555556rem;     height: auto; }  .game__inner__card__hover__play {     display: block; } .game__inner__card__hover__play svg {     color: #ffffff;     transition: width .2s linear;     display: block;     width: 2rem; }  .card-list-item-hover__bottom {     margin-top: auto;     width: 100%;     display: flex;     align-items: center;     flex-direction: column; }  .card-list-item-hover__demo {     line-height: 1.43;     color: #e92139;     cursor: pointer;     font-size: .7777777778rem; }  .game__inner {     display: flex;     flex-wrap: wrap; }  .card-list-item-description {     display: flex;     justify-content: space-between;     align-items: center;     padding-top: 0.6666666667rem; } .card-list-item-description__about-game {     min-width: 0;     display: flex;     flex-direction: column; }  .card-list-item-descripiton__game-provider {     line-height: 1.32;     color: #ffffff99;     display: block;     white-space: nowrap;     text-overflow: ellipsis;     overflow: hidden;     text-underline-position: under;     width: 100%;     font-size: .6666666667rem;     margin-bottom: 0.1111111111rem; }  .card-list-item-descripiton__game-name {     font-size: .8888888889rem;     display: block;     white-space: nowrap;     text-overflow: ellipsis;     overflow: hidden;     line-height: 1.5;     color: #ffffff; }  .games-jackpot {     /*min-height: 39rem;*/     padding-top: 2.7777777778rem;     padding-bottom: 1.1111111111rem;     width: 100vw;     margin: 4.0555555556rem -50vw 2.7777777778rem;     left: 50%;     right: 50%;     position: relative;     background-image: url(/shared/3074/jackpot-bg-wb.webp);     background-repeat: no-repeat;     background-size: cover;     box-sizing: border-box; } .games-jackpot__title {     font-weight: 700;     color: #f01a34;     font-size: 2rem;     line-height: 1;     margin-bottom: 0.2777777778rem; }  .games-jackpot:after {     content: "";     display: block;     position: absolute;     pointer-events: none;     bottom: 0;     background: url(/shared/3074/jackpot-image.png) no-repeat 50%; background-size: contain; width: 34.7777777778rem; height: 34.7777777778rem; right: 25.1666666667rem; top: -10.8333333333rem; }  .games-jackpot__sum {     color: #fff;     font-size: 4.4444444444rem;     line-height: 5.3888888889rem;     letter-spacing: -.1111111111rem; }  .tournament__wr {     display: flex;     justify-content: space-between; }  .tournament__item {     flex-shrink: 0;     height: 100%;     position: relative;     transition-property: transform;     width: 19.3333333333rem;     margin-right: 1.3333333333rem; }  .tournament__item__wr {     display: flex;     width: 100%;     margin: 0;     padding: 0; }  .tournament__item__link {     position: relative;     display: flex;     flex-direction: column;     width: 100%;     background: url(/shared/3074/promo-item_bg.png) no-repeat 50% 50%; background-size: cover; color: #ffffff; cursor: pointer; min-height: 26.3333333333rem; border-radius: 0.3333333333rem; padding-bottom: 2.9444444444rem; text-decoration: none; }  .tournament__item__content {     position: relative;     display: flex;     align-items: center;     flex-direction: column;     text-align: center;     padding: 1.1111111111rem 1.1111111111rem 0;     flex: 1 1 auto; }  .tournament__item__content__type {     font-size: .6666666667rem;     line-height: .6666666667rem;     text-transform: uppercase;     border: 1px solid #e92139;     background-color: #05060acc;     display: flex;     align-items: center;     font-weight: 600;     padding: 0 1.1111111111rem 0;     border-radius: 1.2222222222rem;     border-width: 0.0555555556rem;     height: 1.3333333333rem;     margin-bottom: 0.6111111111rem;     letter-spacing: .0888888889rem; }  .tournament__item__content__strategy {     color: #ffffff99;     font-size: .6666666667rem;     line-height: .8888888889rem;     margin-bottom: 0.6111111111rem; } .tournament__item__content__strategy span {     color: #ffffff;     font-weight: 600;     letter-spacing: .1333333333rem;     text-transform: uppercase; }  .tournament__item__content__title {     text-transform: uppercase;     font-weight: 700;     overflow: hidden;     text-overflow: ellipsis;     display: -webkit-box;     -webkit-line-clamp: 2;     -webkit-box-orient: vertical;     width: 100%;     letter-spacing: .0277777778rem;     line-height: 1.7777777778rem;     font-size: 1.3333333333rem;     margin-bottom: 0.1666666667rem; } .promo .wrapper, .games-jackpot .wrapper{     padding: 0; } .promotions-list__item-prize {     font-weight: 600;     font-size: .8888888889rem;     line-height: 1.3333333333rem;     margin-bottom: 0.7222222222rem; }  .promotions-list__item-prize span {     color: #e92139; }  .promotions-list__item-image-wr {     position: relative;     display: flex;     align-items: center;     justify-content: center;     width: 100%;     transition: .3s; }  .promotions-list__item-image-wr {     flex: 1 1 auto; }  .promotions-list__item-image:not(.promotions-list__item-image--lock) {     max-width: 100%;     width: auto;     margin: 0 auto;     -o-object-fit: contain;     object-fit: contain;     height: auto;     max-height: 8.7222222222rem; }  .promo-prizes-table {     margin-top: 0.5555555556rem;     width: 100%; }  .promo-prizes-table__row {     display: flex;     align-items: center;     justify-content: space-between;     border-bottom: 1px solid #000;     min-height: 2rem;     padding-top: 0.1111111111rem;     padding-bottom: 0.1111111111rem; }  .promo-prizes-table__cell {     display: flex;     align-items: center;     line-height: 1;     color: #ffffff;     width: 45%;     font-size: .8888888889rem;     font-weight: 700; }  .promo-prizes-table__cell svg {     height: 0.9444444444rem;     width: 0.9444444444rem;     margin-right: 0.6666666667rem; }  .promo-prizes-table__nickname {     overflow: hidden;     display: block;     text-overflow: ellipsis;     white-space: nowrap;     line-height: 1.3333333333rem; }  .promo-prizes-table__cell:nth-child(2) {     line-height: .6666666667rem; }  .promo-prizes-table__cell:last-child {     flex-direction: column;     align-items: flex-end;     justify-content: flex-end;     text-align: right;     width: 40%;     font-weight: 600;     color: #ffffff;     font-size: .7333333333rem;     line-height: 1.1111111111rem; }  .promotions-list__item-timer {     position: absolute;     bottom: -1.1666666667rem;     display: flex;     flex-direction: column;     align-items: center;     width: 100%; }  .promotions-list__item-timer-title {     font-size: .6666666667rem;     margin-bottom: 0.2222222222rem;     line-height: .8888888889rem;     font-weight: 600; }  .timer-block {     display: flex;     background: linear-gradient(180deg,rgba(12,19,38,0) -83.33%,#0f1116 91.26%),#222630;     overflow: hidden;     border-radius: 0.4rem; }  .timer-block__item {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     border-right: 1px solid rgba(49,52,62,.4);     border-left: 1px solid #0c0c0d;     height: 2.3333333333rem;     width: 2.5555555556rem;     border-left: 0; }  .timer-block__count {     display: flex;     font-weight: 700;     font-size: .9333333333rem;     line-height: 1;     color: #fff;     text-align: center; }  .timer-block__count {     font-size: 1rem; }  .timer-block__label {     overflow: hidden;     font-size: .5333333333rem;     line-height: 1.2;     color: #ffffff80;     text-align: center;     font-weight: 600; } .timer-block__label {     font-size: .5rem; }  .promotions-list__item--lottery .promotions-list__item-image:not(.promotions-list__item-image--lock) {     max-height: 16rem;     height: 15.4444444444rem; }  .promo-prizes-table__cell-yellow .linesandangles_een {     fill: #e5c250; }  .promo-prizes-table__cell-white .linesandangles_een {     fill: #ffffff; } .promo {     position: relative; } .promo .wrapper:before {     content: "";     display: block;     width: 10.8888888889rem;     height: 11.3888888889rem;     position: absolute;     top: 6.1666666667rem;     right: 100%;     margin-right: -1.3888888889rem;     background: url(/shared/3074/promo-slider-bg.png) no-repeat 100% 50%; background-size: contain; }  .content {     color: #b58e8e;   line-height: 23px; }  .content__title {   text-align: center;   line-height: 1; } .content a {     color: #e92139; } .content a:hover {   color: #992735;   text-decoration: none; } .content img {     max-width: 100%;     height: auto; }  .footer {     overflow: hidden;     position: relative;     display: flex;     flex-wrap: wrap;     justify-content: center;     align-items: flex-start;     background-color: #121212;     padding: 2.6666666667rem 0; }  .footer__providers__list {     display: flex;     flex-wrap: wrap;     justify-content: center;     list-style: none;     padding: 0; }  .footer__providers__item {     height: 36px;     margin: 0 22px 36px 22px; } .footer__providers__item img {     height: 100%; }  .footer .popular__payment {     background-color: #181a20;     background-image: none; }  .main-footer__animate-element {     margin-top: 40px;     display: flex;     flex-wrap: wrap;     justify-content: center;     align-items: center;     list-style: none;     padding: 0; }  .footer-menu__item {     margin: 0 1.1111111111rem 1.3888888889rem; }  .footer-menu__item-link {     -webkit-transform: translateZ(0);     transform: translateZ(0);     display: block;     font-weight: 500;     color: #ffffffb3;     text-align: center;     font-size: .8888888889rem;     line-height: 1;     letter-spacing: .0277777778rem;     text-decoration: none; }  @media (max-width: 1320px) {     .wrapper {         width: 68rem;     }     .wrapper {         padding: 0 10px;     }     .games-jackpot:after {         right: 0;     }     .game__inner {         display: grid;         grid-template-columns: 1fr 1fr 1fr;     }     .tournament__wr {         display: grid;         grid-template-columns: 1fr 1fr;     }     .game__inner__item,     .tournament__item {         margin: 0 auto;     }     .game__inner__item:last-child {         margin-right: auto;     }     .tournament__item {         margin-bottom: 25px;     } }  @media (max-width: 1090px) {     .wrapper {         width: 50rem;     }     .banner { 		min-height: 0;       margin-top: 0;       margin-bottom: 0;       border-radius: 0;       padding: 3.3333333333rem 0;     }     .popular__payment {         display: none;     }     .games-jackpot:after {         width: 20.777778rem;         height: 26.777778rem;     } }  @media (max-width: 790px) {     .wrapper {         width: 40rem;     }     .game__inner {         grid-template-columns: 1fr 1fr;     } }  @media (max-width: 650px) {     .wrapper {         width: 30rem;     }     .tournament__wr {         grid-template-columns: 1fr;     }     .games-jackpot:after {         display: none;     }     .games-jackpot__sum {         font-size: 3rem;     }     .games-jackpot__title {         font-size: 1.5rem;     }     .game__header__title {         font-size: 1rem;     } }  @media (max-width: 475px) {     .wrapper {         width: 100%;     }     .tournament__item {         width: 100%;     }     .game__inner {         grid-template-columns: 1fr;     }     .header__button__link:first-child {         display: none;     }     .header__button__link.header__button__link--red {         display: flex;     }     .logo {         width: 40%;     }      .logo img {         width: 100%;     } } table{   border: 1px solid #fff;   width: 100%; } th,td{   border: 1px solid #fff;   padding: 10px; } @media (max-width:480px){   th,td{     font-size: 12px;     padding: 10px 5px;   }   .banner {     background-image: url(/shared/3074/start-banner-background-mob.webp);   }   .games-jackpot {       background-image: url(/shared/3074/jackpot-bg-mob.webp);       width: auto;       margin: 0;       left: 0;       right: 0;       background-position: bottom;       padding: 5px 10px;   } } .content ul{   list-style: none;   padding-left: 1em; }  .content ul li::before {   content: "■";   color: #e92139;   font-size: 0.8em;   margin-right: 0.5em; }  .content ol {   list-style: none;   counter-reset: item;   padding-left: 0; }  .content ol li {   counter-increment: item;   position: relative;   padding-left: 2.5em;   margin-bottom: 0.5em; }  .content ol li::before {   content: counter(item);   position: absolute;   left: 0;   top: 0;   width: 1.8em;   height: 1.8em;   background-color: #e92139;   color: white;   border-radius: 50%;   text-align: center;   line-height: 1.8em;   font-weight: bold; }