.bread * {     color: #fff;     margin: 0 3px; } body, html {     overflow-x: hidden;     font-size: 10px; }  body {     margin: 0;     padding: 0; 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;     background: linear-gradient(93.69deg,#101726 -1.43%,#301414 100.67%,#281010 100.67%);   	font-weight: 400;   	line-height: 23px; }  * {     box-sizing: border-box; } section {     padding: 0 15px; }  .btn {     height: auto;     display: grid;     grid-column-gap: 5px;     grid-template-columns: auto 1fr auto;     align-items: center;     justify-content: center;     min-width: 110px;     padding: 5px 20px;     background: linear-gradient(253.67deg, #adff00 2.27%, #00ea25 94.48%);     box-shadow: none;     border: 2px solid transparent;     border-radius: 6px;     text-decoration: none; } .btn .btn__sing {     background: transparent;     border: 2px solid #df2dbd;     box-shadow: none;     color: #ffffff; } .header .nav__btn .btn__reg {     position: relative;     display: block;     overflow: hidden;     text-align: center; } .btn__footer {     background: linear-gradient(217deg,#8108e0 0%,#ff39b0 100%,#ff39b0 100%);     width: 234px;     height: 50px;     border: none;     color: #ffffff; } .burger-panel .btn {     width: 200px; } .btn__reg span {     color: #111111; }  .btn__sing {     background: transparent;     border: 2px solid #df2dbd;     box-shadow: none;     color: #ffffff; }  .btn span {     font-style: normal;     font-weight: bold;     font-size: 1.4rem;     line-height: 1.45;     grid-column: 2;     text-transform: initial;     text-align: center; }  .nav__content__menu {     margin: 20px 0 0; }  .block_main-nav-panel {     display: flex;     align-items: center; }  .block_main-nav-panel__link {     color: #fff;     font-style: normal;     font-weight: normal;     font-size: 1.2rem;     line-height: 1.45;     display: flex;     align-items: center;     justify-content: initial;     min-height: 40px;     padding: 5px 10px;     text-decoration: none; }  .block_main-nav-panel__link:hover {     background: #37233a; }  .block_main-nav-panel__svg {     display: flex;     align-items: center;     justify-content: center;     margin: 0 15px 0 0;     width: 25px; }  .block_main-nav-panel__svg__icon svg {     display: block;     width: 25px;     height: auto;     fill: #fff; } .banner {     width: 70%; } .banner .btn {     padding: 20px 46px 20px 46px;     background: linear-gradient(#03EB25, #A9FE01);     font-size: 20px;     color: #000;     font-weight: 700; } .banner .green {     position: absolute;     top: 100px;     right: 300px;     font-size: 58px;     z-index: 2;     font-weight: 800;     text-align: end;     transform: rotate(-25deg); } .gif { width: 30%; margin: 8px; } .gif__link { display: block; width: 100%; height: 100%; } .gif__link img { width: 100%; height: 100%; border-radius: 16px; }  .main { position: relative; }  .header { background: linear-gradient(93.69deg,#101726 -1.43%,#301414 100.67%,#281010 100.67%); padding: 0 15px; display: flex; align-items: center; justify-content: space-between; height: 100px; }  .logo__link { display: flex; align-items: center; justify-content: flex-start; }  .logo__link svg { max-width: 144px; height: 48px; }  .nav-menu__list { list-style: none; padding: 0; display: flex; justify-content: space-between; }  .nav-menu__list__item__link { color: #ffffff; text-decoration: none; }  .header__left { display: flex; }  .logo { margin: 0 10px 8px 0; }  .nav-menu__list__item { margin-right: 40px; }  .nav-menu__list__item:last-child { margin-right: 0; }  .header .nav__btn { display: flex;   gap: 10px; }  .header .nav__btn .btn__reg { position: relative; display: block; overflow: hidden; text-align: center; }   .header .nav__btn .btn__reg:before { content: ""; background-color: rgba(255, 255, 255, 0.5); height: 100%; width: 3em; display: block; position: absolute; top: 0; left: -4.5em; transition: none; animation: buttonPulse 2.5s infinite; } @keyframes buttonPulse { 0% { transform: skewY(-45deg) translateX(0); }  50%, 100% { transform: skewX(-45deg) translateX(13.5em); transition: all 0.5s ease-in-out; } }  .container { max-width: 1600px; margin-right: auto; margin-left: auto; padding: 0; }  .banners { display: flex; margin: 8px; }  .banner__link { padding: 30px 40px; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; text-align: left; text-decoration: none; background: #2a1b2c no-repeat; background-size: cover; overflow: hidden; border-radius: 16px; cursor: pointer; min-height: 300px; height: 100%; }  .banner__link:before { transition: opacity 0.3s linear; content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); opacity: 0; }  .banner__link:hover:before { opacity: 1; }  .banner__title { font-style: normal; font-weight: bold; font-size: 38px; line-height: 1.45; max-width: 70%; margin: 0 0 20px; color: #fff; display: -webkit-box; box-orient: vertical; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; z-index: 2; } .banner__description-bottom { color: #A1FA07; font-style: normal; font-weight: bold; font-size: 28px; line-height: 1.45; z-index: 2; } .banner__description { font-style: normal; font-weight: bold; font-size: 2.4rem; line-height: 1.45; max-width: 70%; color: #fff; box-orient: vertical; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; z-index: 2; } .banner__decor { position: absolute; z-index: 0; display: flex; align-items: end; object-position: initial; height: 100%; right: 0; bottom: 0; } .four-elements { margin-bottom: 40px; margin-top: 40px; }  .four-elements__wrap { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr) 25%; overflow: hidden; }  .four-elements__card__wrap { display: grid; height: 100%; background: #2c3243; grid-template-rows: 1fr; grid-template-columns: 100px auto; gap: 20px; transition: all 0.3s linear; min-height: 100px; padding: 10px; border-radius: 20px; }  .four-elements__card:nth-child(2) .four-elements__card__wrap { background: #502c47; } .four-elements__card:nth-child(3) .four-elements__card__wrap { background: #422b55; } .four-elements__card:nth-child(4) .four-elements__card__wrap { background: #3a2961; }  .four-elements__card__img { height: 70px; width: 100px; position: relative; display: flex; align-items: center; }  .four-elements__card__img img { margin: 0 auto; width: 100%; max-height: 100%; display: block; object-fit: contain; }  .four-elements__card__content { display: flex; flex-direction: column; text-align: start; justify-content: center; }  .four-elements__card__content__top { font-style: normal; font-weight: bold; font-size: 24px; line-height: 1.45; color: #ffffff; margin: 0; padding-bottom: 10px; }  .four-elements__card__content__text { font-style: normal; font-weight: normal; font-size: 14px; line-height: 1.45; color: #ffffff; margin: 0; }  .content__nav__list { list-style: none; padding: 0; display: flex; }  .content__nav__item { margin-right: 15px; }  .content__nav__link { display: flex; align-items: center; padding: 13px 20px 12px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 1; color: white; text-decoration: none; border-bottom: 3px solid rgba(115, 92, 252, 0); }  .content__nav__link:hover { border-bottom: 3px solid rgba(115, 92, 252, 1); transition: all 0.5s cubic-bezier(0.6, 0.1, 0.05, 1.5); border-radius: 4px; }  .content__nav__link svg { fill: #735cfc; width: 20px; height: 20px; margin: 0 5px 0 0; color: inherit; }  .game { margin-bottom: 40px; }  .game__cards { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }  .game__header { display: flex; justify-content: space-between; align-items: center; }  .game__header__more { display: flex; align-items: center; color: #735cfc; text-decoration: none; }  .game__header__more span { margin-right: 5px; }  .game__header__more svg { transform: rotate(-90deg); fill: #735cfc; }  .game__header__title { display: flex; align-items: center; text-decoration: none; margin-bottom: 15px; }  .game__header__title svg { margin: 0 10px 0 0; fill: #ffffff; width: 24px; height: 24px; }  .game__header__title span { font-style: normal; font-weight: bold; font-size: 24px; line-height: 1.45; transition: color 0.3s linear; color: #ffffff; }  .game__cards__item { position: relative; border-radius: 20px; overflow: hidden; width: 11%; }  .game__cards__item img { width: 100%; height: auto; }  .game__cards__item__wrapper { position: relative; overflow: hidden; border-radius: 20px; background-position: center; background-color: #182732; background-image: url(/shared/empty.gif); background-size: 50%; background-repeat: no-repeat; cursor: unset; }  .game__cards__item__desc { opacity: 1; background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0) 47%); display: grid; transition: opacity 0.3s linear; grid-template-rows: 1fr auto; padding: 10px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }  .game__cards__item__title { position: absolute; bottom: 0; left: 0; align-items: start; opacity: 1; z-index: 3; display: flex; justify-content: center; text-align: center; width: 100%; padding: 10px; background: linear-gradient(249.54deg, #8108e0 31.57%, #ff39b0 104.55%); }  .game__cards__item__name { display: inline-block; color: #ffffff; font-style: normal; font-weight: bold; font-size: 16px; line-height: 1.45; overflow: hidden; text-overflow: ellipsis; word-break: break-word; }  .game__cards__item__hover { display: flex; flex-direction: column; align-items: center; justify-content: space-around; transition: all 0.25s linear; z-index: 100; background: rgba(19, 33, 45, .8); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .btn__game { background: rgba(0, 0, 0, 0.5); padding: 10px; border-radius: 50%; } .game__cards__item__hover__link { color: #fff; font-weight: 700; text-decoration: none; }  .game__cards__item__hover__link:hover { color: #00ea25; }  .img__hover { display: none; }  .game__cards__item:hover .game__cards__item__hover { opacity: 1; }  .game__cards__item__hover__link:hover  img { display: none; }  .game__cards__item__hover__link:hover .img__hover { display: block; }  .game__cards__item__provider { position: absolute; top: 0; right: 0; z-index: 10; display: flex; align-items: center; justify-content: center; padding: 5px; background: rgba(27, 43, 56, .8); border-radius: 0 10px; pointer-events: none; width: 85px; height: 45px; }  .game__cards__item__provider img { max-width: 75px; max-height: 35px; }  .game__cards__item__limits { color: #ffffff; font-style: normal; font-weight: normal; font-size: 12px; line-height: 1.45; padding: 5px 10px; background: rgba(0, 0, 0, .8); border-radius: 4px; position: absolute; top: 5px; left: 5px; z-index: 10; }  .game__cards__item__bt { top: 35px; }  .game__cards__item__bt svg * { fill: rgb(255, 122, 0); }  .vip { margin-bottom: 40px; }  .vip__program { background: linear-gradient(111.84deg, #2e2147 0%, #36212a 102.14%); border-radius: 20px; padding: 40px 0; position: relative; width: 100%; overflow: hidden; }  .vip__program__wrap { max-width: 1170px; margin: 0 auto; position: relative; z-index: 5; display: grid; grid-template-columns: repeat(5, 1fr); gap: 40px; justify-content: space-evenly; }  .vip__program__level { width: unset; height: auto; display: flex; flex-direction: column; align-items: center; }  .vip__program__level__img { position: relative; display: flex; align-items: center; justify-content: center; width: auto; height: 190px; }  .vip__program__level__img img { width: unset; max-width: 100%; height: unset; max-height: 100%; object-fit: contain; }  .vip__program__level__title { padding: 15px 0; color: #ffffff; font-style: normal; font-weight: bold; font-size: 20px; line-height: 1.4; }  .vip__program__level__points { color: #ffffff; font-style: normal; font-weight: normal; font-size: 14px; line-height: 1.45; display: flex; align-items: center; }  .vip__program__more { margin: 20px 0 0 0; position: relative; z-index: 1; display: flex; justify-content: center; }  .vip__program__more__link { background: transparent; border: 2px solid #df2dbd; box-shadow: none; height: 40px; display: grid; grid-column-gap: 5px; grid-template-columns: auto; align-items: center; justify-content: center; min-width: 110px; padding: 5px 20px; border-radius: 6px; outline: none; cursor: pointer; transition: all 0.3s; box-sizing: border-box; overflow: hidden; color: #ffffff; text-decoration: none; }  .game__help { margin-bottom: 40px; }  .game__help__wrapper__title { font-size: 24px; line-height: 28px; font-weight: 400; text-align: center; text-transform: uppercase; color: #fff; margin: 0 0 25px; }  .game__help__wrapper__text { font-size: 14px; line-height: 21px; text-align: center; color: #d5dee7; margin: 0 0 25px; }  .game__help__wrapper__lucky { position: relative; width: 100%; overflow: hidden; padding: 60px 35px 70px; margin: 0 auto; }  .game__help__wrapper__lucky__container { margin: 0 auto; width: 235px; height: 164px; position: relative; perspective: 2000px; }  .game__help__wrapper__lucky__carousel { height: 100%; width: 100%; position: absolute; transition: transform 3s; }  .game__help__wrapper__lucky__carousel__perspective, .game__help__wrapper__lucky__carousel { transform-style: preserve-3d; }  .c-feeling-lucky__item { display: block; position: absolute; width: 235px; height: 164px; min-height: 164px; line-height: 16px; font-size: 12px; transition: transform 3s; }  .c-feeling-lucky__item-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 10px; filter: drop-shadow(0 0 12px rgba(0, 0, 0, .15)); }  .c-feeling-lucky__item-image.is-animated { animation: pop-infinite 1s ease-in infinite; }  .c-feeling-lucky__item.is-not-active .c-feeling-lucky__item-image { filter: brightness(.6) drop-shadow(0 0 12px rgba(0, 0, 0, .15)); transform: scale(.88); }  @keyframes pop-infinite { 0% { transform: scale(1); }  50% { transform: scale(1.02); } 100% { transform: scale(1); } }  .game__help__wrapper__button { display: flex; justify-content: center; }  .jackpot { margin-bottom: 40px; }  .jackpot__wrapper { position: relative; background: url(/shared/empty.gif) center no-repeat; background-size: cover; padding: 0 0 40px; }  .jackpot__content { padding: 30px 75px 40px; }  .jackpot__content__title { position: relative; display: flex; align-items: center; justify-content: center; color: #fff; font-style: normal; font-weight: bold; font-size: 36px; line-height: 1.45; margin: -30px 0 45px; }  .jackpot__content__title__inner { padding: 0 55px 10px; background: #735cfc; border-radius: 0 0 100px 100px; display: flex; align-items: center; }  .jackpot__content__amount { position: relative; color: #fff; margin: 25px 0 5px; }  .jackpot__content__amount__body svg { height: 95px; }  .wlc-total-jackpot__counter, .wlc-total-jackpot__currency { letter-spacing: 10px; font-size: 75px; font-family: TotalJackpot, Roboto, sans-serif; line-height: 1; font-weight: 700; fill: currentColor; }  .slider { width: 80%; overflow: hidden; margin: 0 auto;  }  .slides { display: flex; transition: transform 0.3s ease-in-out; }  .slide { flex: 0 0 20%; box-sizing: border-box; padding: 10px; }  .slide .game__cards__item { width: 100%; }  .prevBtn, .nextBtn { transition: background 0.3s linear; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: #fff; background: #ff7a00; outline: none; border-radius: 20px; border: none; box-shadow: none; cursor: pointer; }  .prevBtn:focus, .nextBtn:focus { outline: none; }  .prevBtn { position: absolute; top: 62%; left: 7%; }  .default { color: #fff; background: rgba(212, 225, 245, .2); cursor: default; margin-right: 10px; }   .nextBtn { position: absolute; top: 62%; right: 7%; }  .provider__cards__item { position: relative; background: linear-gradient(111.84deg, #2e2147 0%, #36212a 102.14%); border-radius: 20px; transition: transform 0.2s, box-shadow 2s; }  .provider__cards__link { padding: 8px 15px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-decoration: none; }  .provider__cards__link img { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 80%; height: 90%; max-height: 100%; object-fit: contain; object-position: center; }  .provider__cards { margin: 10px 0 0; grid-area: icons; min-width: 0; max-width: 100%; }  .provider__cards__wrapper { margin: -12px; padding: 12px; position: relative; overflow: hidden; list-style: none; max-height: 100%; }  .provider__cards__wrapper__inner { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; flex-wrap: wrap; justify-content: center; transition-property: transform; box-sizing: content-box; overflow-x: hidden; }  .provider__cards__item { width: 213px; margin-right: 15px; height: 80px; flex-shrink: 0; position: relative; transition-property: transform; }  .provider__cards__item:last-child { margin-right: 0; }  .provider__cards__wrapper__inner::-webkit-scrollbar { height: 5px; }  .provider__cards__wrapper__inner::-webkit-scrollbar-track { background-color: #f1f1f1; }  .provider__cards__wrapper__inner::-webkit-scrollbar-thumb { background-color: #888; border-radius: 6px; }  .provider__cards__wrapper__inner::-webkit-scrollbar-button { background-color: #ccc; }  .provider__cards__wrapper__inner::-webkit-scrollbar-thumb:hover { background-color: #555; }  .content { color: #ffffff; padding: 20px 10px; }  .content__title { font-size: 42px; text-align: center; margin: 0; }  .content__info { font-size: 16px; }  .content a {     color: #9e2880;     font-weight: 500; } .content a:hover {     color: #9631cb;     text-decoration: none; } .content img { max-width: 100%; height: auto; }  .footer { padding: 20px 10px; }  .footer__wrapper { display: flex; justify-content: space-between; }  .footer__wrapper .logo__link, .footer__wrapper .nav__btn{ margin-bottom: 15px; }  .footer__menu { display: flex; padding: 0; list-style: none; margin:0; }  .footer__menu__item:first-child { color: #ff7a00; font-style: normal; font-weight: bold; font-size: 16px; line-height: 1.45; padding: 0 0 20px 0; }  .footer__menu__link { transition: color 0.3s linear; text-decoration: none; color: #ffffff; font-style: normal; font-weight: bold; font-size: 14px; line-height: 1.45; }  .footer__menu__link img { width: 125px; height: 50px; } .footer__menu__link { display: flex; } .footer__menu__link .svg { display: block; width: 45px; margin-right: 15px; }  .footer__menu__link .svg path { fill: #ff7a00; } .footer__menu__item { margin-bottom: 10px; } .footer__menu__link .guru { display: block; width: 128px; height: 50px; }  .footer__disclaimer__text { font-style: normal; font-weight: normal; font-size: 12px; line-height: 1.45; color: #ffffff; margin: 0; } .footer__disclaimer__link { margin: 0; } .footer__disclaimer__link a { color: #735cfc; text-decoration: underline; font-size: 12px; }  .footer__disclaimer__copy { color: #ffffff; font-size: 12px; }  .footer__disclaimer { width: 100%; }   .hover { display: none; }  .size { width: 80px; }  .pay__list { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; padding: 0; }  .pay__list__item { margin: 10px 10px 20px; }  .pay__list__item svg { max-width: 105px; max-height: 54px; } .pay__list__item svg path { fill: #606b74; } @media (max-width: 1400px) { .banners { grid-template-columns: 1fr; } .banners { display: block; } .banner { width: 100%; } .gif { width: 40%; margin: 8px auto; } .four-elements__wrap { grid-template-columns: repeat(1, 1fr) 50%; } .footer__wrapper { flex-wrap: wrap; } .prevBtn { top: 63%; left: 6%; } .nextBtn { top: 63%; right: 6%; } .game__cards__item { width: 23%; } .slide { flex: 0 0 33%; } .jackpot__content { padding: 30px 30px 0; } .game__cards { justify-content: space-around; } .nav-menu__list__item { margin-right: 20px; } } .btm-menu {     display: none; } @media (max-width: 1320px) {     .header {         position: relative;         z-index: 999;     }     .block_main-nav-panel {         flex-direction: column;         position: absolute;         top: 100%;         left: 0;         background: #0b041b;         width: 100%;         align-items: flex-start;         padding: 30px 15px;         display: none;     }     .block_main-nav-panel.active {         display: flex;     }     .btm-menu {         display: block;         background: none;         border: none;     }     .btm-menu div {         width: 30px;         height: 4px;         background: #ffffff;         margin-bottom: 5px;     }     .btm-menu div:last-child {         margin-bottom: 0;     }      .btm-menu.active div:first-child {         transform: rotate(45deg);         position: relative;         top: 8px;     }     .btm-menu.active div:nth-child(2) {         transform: rotate(-45deg);     }     .btm-menu.active div:last-child {         display: none;     } } @media (max-width: 1250px) { .header .nav-menu { display: none; } .content__nav__list { flex-wrap: wrap; }  .banner__decor img { height: 100%; } .banner .green { position: absolute; top: 115px; right: 240px; font-size: 58px; z-index: 2; font-weight: 800; text-align: end; transform: rotate(-25deg); } } .provider__cards__item { margin-bottom: 10px; } @media (max-width: 1060px) {  .banner__title { font-size: 32px; } .banner__description-bottom { font-size: 25px; } .banner .btn { margin-top: 15px; padding: 10px 20px 10px 20px; } .banner .green { top: 124px; right: 270px; font-size: 48px; } .game__cards__item { width: 32%; } .vip__program__level__img { height: 130px; } .vip__program__level__title { padding: 5px 0; font-size: 17px; } .vip__program__wrap { grid-template-columns: repeat(3, 1fr); gap: 5px; } .slide { flex: 0 0 50%; } .prevBtn { top: 55%; left: 5%; } .nextBtn { top: 55%; right: 5%; } .jackpot__content__title { font-size: 18px; } .wlc-total-jackpot__counter, .wlc-total-jackpot__currency { font-size: 48px; } .jackpot__content__amount__body svg { height: 60px; } }  @media (max-width: 900px) { .banner__link { justify-content: flex-start; } .banners { grid-template-columns: 1fr; } .banner:nth-child(2) { display: none; } /*.banner:first-child .banner__title { display: none; }*/ .banner__description { max-width: 100%; } .burger-panel__text { display: none; } .gif { width: 70%; } .burger-panel.size { width: 250px; } .burger-panel__text.hover { display: inline-block; } .block_main-nav-panel__link__text__inner.hover, .nav__btn--click.hover { display: grid; } .block_main-nav-panel__link__text__inner, .nav__btn--click { display: none; } .burger-panel { width: 80px; } .prevBtn { top: 50%; left: 3%; } .nextBtn { top: 50%; right: 3%; } .jackpot__diamante { width: 90px; height: 90px; right: 0; } .two { left: 0; } .burger-panel { z-index: 150; } } .min {display: none;} @media (max-width: 768px) { .banner__decor { position: static; order: -1; width: 100%; display: block; } .banner__decor img { display: none; } .banner__decor .min { display: block; width: 100%; height: auto; } .banner__link { padding-top: 0; align-items: center; } .banner .green { top: 160px; right: auto; left: 0; } .banner__title { font-size: 22px; } .banner__description-bottom { font-size: 18px; } .banner .btn { font-size: 14px; margin-top: 15px; padding: 10px 26px 10px 26px; } .gif { width: 100%; } } @media (max-width: 678px) { .four-elements__wrap { grid-template-columns: auto; } .footer__wrapper .logo { margin: 0 0 40px; } .footer__wrapper { justify-content: center; } } .turner__btn__link.btn__sing { background: transparent; border: 2px solid #df2dbd; }  @media (max-width: 580px) { .banner .green { font-size: 28px; top: 120px; left: 25px; } .game__cards { gap: 5px; } .game__cards__item { width: 45%; } .btn__sing { display: none; } .logo { margin: 0 25px 8px 0; } section { padding: 0 5px; } .footer__wrapper { justify-content: flex-start; } .jackpot__content__amount { z-index: 1; } .content__title { font-size: 36px; } .turner__btn__link.btn { display: grid; } .turner__btn__link.btn__sing { background:  #df2dbd; border: 2px solid #df2dbd; } }  @media (max-width: 468px) { .logo__link svg { max-width: 100px; height: 40px; } .banner .green { font-size: 22px; top: 80px; left: 20px; transform: rotate(-20deg); } .btn span { font-size: 12px; } .four-elements__card__content__top { font-size: 18px; } .four-elements__card__content__text { font-size: 12px; } .slide { flex: 0 0 100%; } .prevBtn { left: 0; } .nextBtn { right: 0; } .content__nav { display: none; } .vip__program__wrap { grid-template-columns: repeat(2, 1fr); } }  @media (max-width: 430px) { .banner__title { max-width: 100%; } .banner__link { padding: 0 10px 20px; } .banner .green { top: 115px; left: 0; } .game__cards__item { width: 100%; } .vip__program__wrap { grid-template-columns: repeat(1, 1fr); } .wlc-total-jackpot__counter, .wlc-total-jackpot__currency { font-size: 30px; letter-spacing: 0; } .content__title { font-size: 28px; }  .content__info { font-size: 14px; } .footer__disclaimer__text { display: none; } } @media (max-width: 380px) { .prevBtn, .nextBtn { width: 25px; height: 25px; top: 57%; } .provider__cards__item { margin-right: 0; } }  @media (max-width: 360px) { .four-elements__card__img { height: 70px; width: 65px; } .four-elements__card__wrap { grid-template-columns: 70px auto; gap: 0; } .c-feeling-lucky__item { width: 190px; height: 164px; } .game__header { flex-direction: column; align-items: flex-start; } .header { padding: 0 5px } .btn { min-width: 95px; padding: 5px 10px; max-width: 150px; } .pay__list__item svg { max-width: 55px; } .btn__footer { width: 100%; } .footer__menu { flex-wrap: wrap; } .block_main-nav-panel__link { padding: 5px 10px; } .burger-panel__header { display: block; padding: 15px 10px; } .burger-panel { width: 50px; } } @media (max-width: 330px) { .c-feeling-lucky__item { width: 170px; height: 164px; } } .green { color: #00ea25; }  .inserted {     display: flex;     gap: 20px; } .winners {     width: 33.3333333333%;    min-width: 0;     padding: calc(20px / 2);     height: 100%;     background: linear-gradient(111.84deg, #2e2147 0%, #36212a 102.14%);     border-radius: 16px;     overflow: hidden;     display: flex;     flex-direction: column;     position: relative; }  .winners__title {     position: absolute;     top: 0;     left: 0;     z-index: 2;     background: #57425f;     border-radius: 16px 0 16px 0;     padding: 10px 22px;     color: #fff;     font-style: normal;     font-weight: bold;     font-size: 1.4rem;     line-height: 1.45;     display: flex;     align-items: center;     margin: 0; }  .winners__title:before {     content: "";     position: relative;     top: -2px;     display: inline-block;     width: 16px;     height: 16px;     margin-right: 10px;     vertical-align: sub;     background: url(/shared/empty.gif);     background-repeat: no-repeat;     background-size: contain; }  .winners__inner {     height: calc((70px + 10px)* 4);     margin: 65px 0 25px; }  .winners__inner__wrapper {     max-height: 100%;     overflow-x: visible;     height: calc(100% + 10px);     margin-bottom: -10px;     margin-left: -10px;     padding-bottom: 10px;     padding-left: 10px; }  .winners__inner__wrapper__users {     position: relative;     width: 100%;     height: 100%;     z-index: 1;     display: flex;     transition-property: transform;     box-sizing: content-box;     flex-direction: column; }  .winners__inner__user {     flex-shrink: 0;     width: 100%;     position: relative;     transition-property: transform;     height: 70px;     padding-bottom: 10px;     display: flex;     justify-content: space-between;     border-bottom: 1px solid rgba(255, 255, 255, .5); }  .winners__inner__user__img {     position: relative;     width: 55px;     border: none;     box-shadow: none;     border-radius: 16px;     overflow: hidden; }  .winners__inner__user__img:before {     content: "";     display: block;     padding-top: 100%; }  .winners__inner__user__img img {     position: absolute;     top: 0;     left: 0;     display: block;     width: 100%;     height: 100%;     object-fit: cover;     object-position: center; } .winners__inner__user__title {     color: #fff;     font-style: normal;     font-weight: bold;     font-size: 1.6rem;     line-height: 1.45;     display: flex;     grid-area: game;     align-items: flex-start;     justify-content: flex-start;     max-width: 100%;     padding: 0;     text-align: left;     text-decoration: none;     background: transparent;     border: none;     flex-direction: column; } .winners__inner__user__title__name {     transition: border-color 0.3s linear;     min-width: 0;     max-width: 100%;     white-space: nowrap;     overflow: hidden;     text-overflow: ellipsis;     border-bottom: 1px solid transparent;     margin: 0;     width: 100px; } .winners__inner__user__title__country {     margin: 0;     font-size: 1rem;     display: flex;     align-items: center; } .winners__inner__user__title__country img {     width: 20px;     height: auto;     margin-right: 10px; }  .winners__inner__user__jackpot {     color: #ffffff;     display: flex;     align-items: center;       justify-content: flex-end;     font-size: 21px;     width: 155px;     white-space: nowrap;     gap: 10PX; } .winners__inner__user__jackpot span {     margin-left: 15px;     display: flex;     align-items: center; }  .winners__inner__user__left {     display: flex;     align-items: center; } .winners__inner__user__img {     margin-right: 15px; }  .turner {     width: 65%;     position: relative;     background: linear-gradient(90deg, #422d66, #422d40);     border-radius: 16px; }  .turner__wrapper {     max-width: 100%;     height: 100%;     border-radius: 16px;     background-repeat: no-repeat;     background-size: cover;     overflow: hidden;     padding: 55px 40px 40px; }  .turner__wrapper:after {     content: '';     display: block;     position: absolute;     right: 0;     bottom: 0;     width: 425px;     height: 370px;     background: url(/shared/empty.gif) no-repeat;     background-size: contain; }  .turner__tag {     color: #fff;     font-style: normal;     font-weight: bold;     line-height: 1.45;     position: absolute;     top: 0;     left: 0;     z-index: 10;     min-width: 140px;     text-align: center;     background: #57425f;     padding: 10px 22px;     font-size: 1.4rem;     display: flex;     align-items: center;     border-radius: 10px 0 0 0; }  .turner__tag:before {     content: "";     position: relative;     top: -2px;     display: inline-block;     width: 16px;     height: 16px;     margin-right: 10px;     vertical-align: sub;     background: url(/shared/empty.gif);     background-repeat: no-repeat;     background-size: contain; }  .turner__winner-by {     color: #fff;     font-style: normal;     font-weight: bold;     font-size: 1.4rem;     line-height: 1.45;     padding: 10px 6px;     position: absolute;     top: 0;     z-index: 10;     display: flex;     align-items: center;     min-width: 140px;     max-width: max-content;     background: #735cfc;     width: max-content;     left: 100%;     right: initial;     border-radius: 0 0 16px 0;     padding: 10px 22px; } .turner__title {     -webkit-box-orient: vertical;     overflow: hidden;     text-overflow: ellipsis;     word-break: break-word;     -webkit-line-clamp: 2;     margin: 0 0 15px;     color: #ffffff;     font-style: normal;     font-weight: bold;     font-size: 3.6rem;     line-height: 1.45;     position: relative;     z-index: 2; }  .turner__body__winner-block {     max-width: 335px;     display: flex;     align-items: center;     border-radius: 16px;     background: linear-gradient(135deg, #101726 0%, #301414 100%, #281010 100%);     padding: 24px 30px;     width: auto; }  .turner__body__winner-block__p {     color: #fff;     width: min-content;     font-weight: 400;     line-height: 1;     font-size: 1.7rem;     margin: 0 10px 0 0; }  .turner__body__winner-block__prize {     color: #00ea25;     font-weight: 700;     font-size: 4.6rem;     margin: 0; } .turner__btn {     display: flex;     gap: 20px;     justify-content: flex-start;     min-height: 40px;     margin: 60px 0 0; } .turner__btn__link {     height: 40px;     display: grid;     grid-template-columns: auto 1fr auto;     align-items: center;     justify-content: center;     box-shadow: none;     border: none;     border-radius: 6px;     background: linear-gradient(217deg, #8108e0 0%, #ff39b0 100%, #ff39b0 100%);     grid-column-gap: 0;     min-width: 110px;     padding: 5px 15px;     overflow: hidden;     appearance: none;     outline: none;     cursor: pointer;     transition: all 0.3s;     box-sizing: border-box;     text-decoration: none;     color: #ffffff; }  .footer_menu {     display: flex;     justify-content: center;   flex-wrap: wrap;     background-color: #333; } .footer_menu a {     display: block;     padding: 14px 20px;     text-align: center;     text-decoration: none;     color: white;   font-size: 14px; } @media (max-width: 1620px) {     .winners {         width: 33%;     }     .winners__inner__user__title {         font-size: 1.2rem;     } }  @media (max-width: 1430px) {     .winners__inner__user__title__name {         width: 130px;     } }  @media (max-width: 1270px) {     .turner {         width: 60%;     }     .winners {         width: 37%;     }     .turner__title {         font-size: 2rem;     }     .turner__body__winner-block__p {         font-size: 1rem;     }     .turner__body__winner-block__prize {         font-size: 3.6rem;     }     .turner__body__winner-block {         max-width: 225px;     }     .turner__body {         position: relative;         z-index: 1;     }     .turner__wrapper:after {         z-index: 0;     } } @media (max-width: 1125px) {     .winners,     .turner {         width: 50%;     } }  @media (max-width: 1035px) {     .inserted {         display: block;     }     .winners,     .turner {         width: 100%;     }     .winners {         border-radius: 16px;         box-sizing: border-box;     }      .turner {         margin-top: 20px;     } }  @media (max-width: 510px) {     .turner__tag,     .turner__winner-by,     .winners__title{         font-size: 1rem;     } }  @media (max-width: 435px) {     .turner__tag, .turner__winner-by, .winners__title {         font-size: .7rem;         padding: 10px;     }     .turner__body__winner-block {         max-width: 270px;         justify-content: space-between;     }     .winners__inner__user__jackpot {         font-size: 14px;     }     .winners__inner__user__title__name {         width: 100px;     }     .winners__inner__user__title {         font-size: 1rem;     }     .winners__inner__user__title__country {         font-size: .7rem;     }     .turner__body__winner-block__prize {         font-size: 2.6rem;     }     .turner__btn {         justify-content: center;     }     .turner__btn__link {         text-align: center;         justify-content: center;         grid-template-columns: auto;     }   .gif {     display: none;   } }  @media (max-width: 370px) {     .winners__inner__user__title__country {         white-space: nowrap;         width: 70px;         overflow: hidden;         text-overflow: ellipsis;     }     .winners__inner {         margin: 65px 0 25px;     }     .turner__wrapper {         padding: 55px 10px 40px;     }     .turner__winner-by {         display: none;     } } .content p img {   max-width: 100%;   height: auto;   margin: 15px 0; } table {   border-collapse: collapse;   width: 100%; }  th {   background-color: #808080;   color: white;   padding: 8px;   text-align: left;   border: 1px solid #9d9d9d; }  td {   padding: 8px;   text-align: left; }  tr:nth-child(even) {   background-color: rgba(128, 128, 128, 0.5); }  tr:first-child {   background-color: #808080;   color: white; }