body {     margin: 0;     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";     font-size: 1rem;     font-weight: 400;     line-height: 1.5;     color: #212529;     text-align: left;     background-color: #090f1e;     padding: 0 15px; }  * {     box-sizing: border-box; }  h1, h2, h3, h4, h5, h6 {     margin-top: 0;     margin-bottom: .5rem; }  a {     text-decoration: none; }  .header {     position: sticky;     top: 0;     z-index: 999; }  .nav {     position: sticky;     z-index: 100;     top: -1px;     height: 47px;     padding: 0 15px;     will-change: transform;     transform: translateZ(0);     background-image: linear-gradient(92deg, #1e283f, #141b2e);     border-radius: 0 0 10px 10px;     display: flex;     align-items: center;     justify-content: space-between; }  .nav__wrapper {     display: flex;     align-items: center;     -moz-column-gap: 20px;     column-gap: 20px;     list-style: none;     padding: 0; }  .nav__item {     cursor: pointer;     transition: all .2s; }  .nav__item__1win img {     width: 68px; }  img {     max-width: 100%;     height: auto;     vertical-align: middle;     border-style: none; }  .nav__item {     cursor: pointer;     transition: all .2s; }  .nav__item__text {     color: #fff;     font-size: 13px;     text-decoration: none; }  .nav__item:hover {     transform: scale(1.1);     font-weight: 600; }  .nav__item__img img {     height: 15px; }  .nav__item a {     text-decoration: none; }  .nav__item__login {     background-image: linear-gradient(0deg, transparent 0, transparent 100%);     background-color: #1f2841;     cursor: pointer;     transition: all .1s;     color: #fff;     font-size: 13px;     padding: 7px 15px;     font-weight: 600;     border-radius: 10px; }  .nav__item__register {     display: flex;     background-image: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%);     padding: 7px 15px;     border-radius: 10px; }  .nav__item__register a {     text-decoration: none;     color: #ffffff; }  .nav__item__register__img {     width: 20px;     height: 20px;     display: inline-flex;     align-items: center;     justify-content: center;     border-radius: 50%;     background-image: linear-gradient(210deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .06) 48%, #fff 133%);     margin-right: 12px;     margin-left: -5px; }  .nav__item__register__img img {     width: 12px; }  .promo {     display: flex;     width: 100%;     margin-top: 15px;     -moz-column-gap: 15px;     column-gap: 15px; }  .promo__swiper {     width: 63.7%;     position: relative;     height: 100%; }  .swiper {     margin-left: auto;     margin-right: auto;     position: relative;     overflow: hidden;     overflow: clip;     list-style: none;     padding: 0;     z-index: 1;     display: block; }  .promo .swiper {     border-radius: 15px;     height: 100%; }  .swiper-wrapper {     position: relative;     width: 100%;     height: 100%;     z-index: 1;     display: flex;     transition-property: transform;     box-sizing: content-box; }  .swiper-slide {     flex-shrink: 0;     width: 100%;     height: 100%;     position: relative;     transition-property: transform;     display: block; }  .swiper-backface-hidden .swiper-slide {     transform: translateZ(0);     -webkit-backface-visibility: hidden;     backface-visibility: hidden; }  .promo__swiper img {     width: 100%;     border-radius: 15px;     -o-object-fit: cover;     object-fit: cover;     cursor: pointer;     transition: all .5s; }  .promo__swiper__container {     position: absolute;     top: 50%;     left: 40px;     transform: translateY(-50%); }  .promo__swiper__container h2 {     color: #fff;     font-size: 29px;     font-weight: 900;     letter-spacing: -1px;     line-height: 32px; }  .promo__swiper__container h3 {     color: #d3d3d3;     font-size: 14px;     font-weight: 600;     line-height: 14px; }  .promo__swiper__container__btn {     background: linear-gradient(107deg, #ffca4d 0, #ff9400 100%);     font-size: 13px;     font-weight: 900;     margin-top: 29px;     text-align: center;     border-radius: 10px;     padding: 10px 20px;     color: #fff;     width: 70%;     box-shadow: 0 10px 35px rgba(255, 202, 77, .3);     cursor: pointer;     transition: all .5s; }  .promo__card {     flex: 1;     position: relative; }  .promo__card img {     border-radius: 15px;     width: 100%;     z-index: -1; }  .promo__card__wrapper {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     width: 100%;     z-index: 10;     padding: 10%;     height: 100%;     display: flex;     flex-direction: column;     justify-content: space-between;     align-items: center; }  .promo__card__wrapper__text {     font-size: 35px;     width: 100%;     color: #fff;     font-weight: 600;     line-height: 106%; }  .promo__card__wrapper__btn {     box-shadow: 0 10px 35px #0003;     border-radius: 10px;     background-clip: padding-box;     border: none;     font-style: normal;     font-weight: 600;     color: #a336ff;     font-size: 18px;     padding: 5%;     margin-top: auto;     white-space: nowrap;     mix-blend-mode: lighten;     text-align: center;     width: 100%;     transition: all .5s;     cursor: pointer; }  .promo__card__wrapper__btn a {     color: #a336ff;     text-decoration: none; }  .promo__card__wrapper .second a {     color: #6b97f8;     text-decoration: none; }  .swiper-slide {     transition: all .2s; }  .swiper-slide img:hover {     transform: scale(1.1);     font-weight: 600; }  .choice {     width: 100%;     display: flex;     -moz-column-gap: 15px;     column-gap: 15px;     margin-top: 20px; }  .choice__card {     background-image: linear-gradient(110deg, #1e283f, rgba(20, 27, 46, .6) 100%);     border-radius: 13px;     padding: 10px 25px;     display: flex;     width: 25%;     justify-content: space-between;     cursor: pointer;     transition: all .3s;     align-items: center; }  .choice__card__text-wrapper {     color: #fff;     display: flex;     flex-direction: column; }  .choice__card a {     text-decoration: none;     color: inherit; }  .choice__card img {     width: 61px; }  .choice__card:hover {     transform: scale(1.03); }  .win__text {     margin-top: 10px;     color: #fff;     padding: 20px 150px; }  .games {     display: flex;     -moz-column-gap: 15px;     column-gap: 15px;     width: 100%;     margin-top: 15px; }  .games__card {     width: 50%;     background-image: linear-gradient(110deg, #1e283f, rgba(20, 27, 46, .6) 100%);     border-radius: 12px;     padding: 14px 25px 25px 25px;     position: relative; }  .games__card__notch {     background-image: linear-gradient(90deg, #00b7ff 0, #c700ff 50%, #fb0 100%);     position: absolute;     top: 0;     left: 25px;     right: 25px;     height: 4px;     border-bottom-left-radius: 100px;     border-bottom-right-radius: 100px;     background-size: 200% auto; }  .games__card__header {     display: flex;     justify-content: space-between;     align-items: center; }  .games__card__header__title {     display: flex;     align-items: center;     -moz-column-gap: 15px;     column-gap: 15px; }  .games__card__header__title img {     width: 40px; }  .games__card__header__title__text {     font-size: 32px;     color: #fff;     font-weight: 600; }  .games__card__header__additional {     color: #1a68db; }  .games__card__wrapper {     display: flex;     -moz-column-gap: 15px;     column-gap: 15px;     margin-top: 15px; } .games__card__wrapper__item {     width: 25%;     border-radius: 13px;     cursor: pointer;     transition: all .3s; } .games__card__wrapper__item a {     display: block; } .games__card__wrapper__item img {     width: 100%;     border-radius: 13px; } .games__card__wrapper__item:hover {     transform: scale(1.05); }  .games__card__content {     margin-top: 10px;     position: relative; } .games__card__content span {     color: #fff;     font-size: 16px;     line-height: 24px;     font-weight: 600; } .games__card__content__btn {     width: 170px;     border-radius: 8px;     background-image: linear-gradient(255deg, #00b7ff, #8d53e9);     padding: 10px 10px;     cursor: pointer;     font-weight: 600;     display: flex;     align-items: center;     justify-content: center;     font-size: 15px;     margin-top: 10px;     color: #fff;     transition: all .3s; } .games__card__img img {     position: absolute;     bottom: 0;     right: 0;     width: 55%; } .casino {     display: flex;     -moz-column-gap: 15px;     column-gap: 15px;     width: 100%;     margin-top: 15px; }  .casino__card {     width: 50%;     background-image: linear-gradient(110deg, #1e283f, rgba(20, 27, 46, .6) 100%);     border-radius: 12px;     padding: 14px 25px 25px 25px;     position: relative; } .casino__card__notch {     background-image: linear-gradient(90deg, #00b7ff 0, #c700ff 50%, #fb0 100%);     position: absolute;     top: 0;     left: 25px;     right: 25px;     height: 4px;     border-bottom-left-radius: 100px;     border-bottom-right-radius: 100px;     background-size: 200% auto; } .casino__card__header {     display: flex;     justify-content: space-between;     align-items: center; } .casino__card__header__title {     display: flex;     align-items: center;     -moz-column-gap: 15px;     column-gap: 15px; } .casino__card__header__title__text {     font-size: 17px;     color: #fff;     font-weight: 600; } .casino__card__header__title__text img {     display: none; } .casino__card__header__title__text span {     font-size: 12px;     color: gray; } .casino__card__menu {     margin: 15px 0;     display: flex;     -moz-column-gap: 5px;     column-gap: 5px;     color: #fff; }  .casino__card__menu__item {     display: flex;     align-items: center;     padding: 10px 10px;     border-radius: 8px;     -moz-column-gap: 10px;     column-gap: 10px;     background-color: #94a6cd26;     cursor: pointer;     font-size: 13px;     font-weight: 600;     transition: all .3s;     color: #ffffff; } .casino__card__menu__item img {     width: 18px; }  .casino__card .games__card__wrapper {     display: grid;     grid-gap: 15px;     grid-template-columns: repeat(4, 1fr);     grid-template-rows: repeat(3, 1fr); }  .casino__card .games__card__wrapper__item {     width: auto; }  table {     border-collapse: collapse;     width: 100%; }  .win__text table {     margin: 20px 0; }  .win__text tr {     border: 1px solid #fff; } .win__text td {     padding: 10px;     border: 1px solid #fff;     text-align: center; } .win__text a { 	color: #6b97f8;     font-weight: 500;     text-decoration: underline; } .win__text a:hover {   	color: #4774d7;   	text-decoration: none; } .footer {     margin-top: 30px; } .footer__head {     display: flex;     align-items: center; } .footer__head__divider {     flex: 1;     margin-left: 20px;     margin-right: 18px;     height: 1px;     background: linear-gradient(90deg, rgba(255, 255, 255, .2) 9.92%, rgba(0, 0, 0, 0) 100%);     width: 100%;     margin-bottom: 20px; } .footer__nav {     display: flex;     align-items: center;     justify-content: space-evenly;     margin-bottom: 20px; } .footer__nav__wrapper {     display: flex;     -moz-column-gap: 15px;     column-gap: 15px; } .footer__nav__wrapper__item {     cursor: pointer;     transition: all .3s; } .footer__nav__wrapper .telegram {     background: linear-gradient(240.2deg, #0fb1d6 0, #08c 61.34%);     box-shadow: 0 5px 16px #4ca2f64d;     width: 35px;     height: 35px;     display: flex;     align-items: center;     justify-content: center;     border-radius: 10px; } .footer__nav__wrapper .youtube {     width: 35px;     height: 35px;     display: flex;     align-items: center;     justify-content: center;     background: linear-gradient(135deg, #ff4f4f 0, red 100%);     box-shadow: 0 5px 16px #f64c4c4d;     border-radius: 10px; } .footer__nav__wrapper .vk {     width: 35px;     height: 35px;     display: flex;     align-items: center;     justify-content: center;     background: linear-gradient(108.65deg, #91b8ef 2.63%, #4288ed 101.05%), linear-gradient(135deg, #ff4f4f 0, red 100%);     box-shadow: 0 5px 16px #4cb9f64d;     border-radius: 10px; } .footer__nav__wrapper .instagram {     width: 35px;     height: 35px;     display: flex;     align-items: center;     justify-content: center;     background: linear-gradient(214.99deg, #7e2bf4 7.65%, #ed146e 51.93%, #ffc90c 95.29%);     box-shadow: 0 5px 16px #ba4d654d;     border-radius: 10px; } .footer__nav__second__wrapper {     display: flex;     justify-content: space-evenly;     align-items: center;     width: 70%; } .footer__nav__second__wrapper__item img {     height: 25px; }  .hamburger {     display: none;     border: none;     background: none;     padding: 0;     margin: 0;     flex-direction: column; }  .hamburger span {     display: inline-block;     width: 30px;     height: 4px;     background: #ffffff;     margin-bottom: 5px; }  .hamburger span:last-child {     margin-bottom: 0; }  @media (max-width: 1430px) {     .hamburger {         display: flex;         align-items: end;     }     .nav__wrapper {         margin: 0;     }     div.nav__wrapper {         display: grid;         grid-template-columns: 1fr 1fr;         order: 2;     }     div.nav__wrapper {         grid-area: footer;     }     div.logo {         grid-area: header;     }     .hamburger {         grid-area: left;     }     .nav {         display: grid;         grid-template-columns: 1fr 1fr;         grid-template-areas:         'header left'         'footer footer';     }     .nav {         height: 100px;         padding-bottom: 15px;     }     .nav__item__login {         background-color: #719bf8;         text-align: center;     }     .nav__item__register {         justify-content: center;     }     ul.nav__wrapper {         display: none;         position: absolute;         top: 100%;         left: 10px;         background-image: linear-gradient(92deg, #1e283f, #141b2e);         height: 100vh;         width: 250px;         padding: 15px;     }     ul.nav__wrapper.open {         display: block;     }     .hamburger.open span:nth-child(2) {         display: none;     }     .hamburger.open span:first-child {         transform: rotate(45deg);         position: relative;         top: 9px;     }     .hamburger.open span:last-child {         transform: rotate(-45deg);     }     .nav__item__text {         display: block;         color: #fff;         font-size: 16px;         margin-bottom: 10px;         text-decoration: none;     }     ul.nav__wrapper {         z-index: 1;     }     ul.nav__wrapper:before {         content: '';         display: block;         background: rgba(0, 0, 0, .5);         width: 100vw;         height: 100vh;         position: absolute;         top: 0;         left: -25px;         z-index: -1;     } }  @media (max-width: 1280px) {     .promo__card__wrapper__text {         font-size: 28px;     }     .promo__card__wrapper__btn {         font-size: 14px;     } } @media (max-width: 1024px) {     .win__text {         padding: 20px 20px;     }     .games {         gap: 15px;         flex-direction: column;     }     .games__card:first-child {         margin-bottom: 65px;     }     .games__card {         width: 100%;     }     .casino {         display: block;     }     .casino__card {         width: 100%;         margin-bottom: 15px;     }     .cash {         display: none;     }     .promo__swiper {         width: 77.4%;     } } @media (max-width: 768px) {     .games__card:first-child {         margin-bottom: 0;     }     .choice {         flex-wrap: wrap;         justify-content: space-between;         gap: 10px;     }     .choice__card {         width: 49%;     }     .footer__nav {         flex-direction: column;         justify-content: center;         gap: 10px;     }     .footer__nav__second__wrapper {         gap: 10px;     }     .promo__swiper__container h2 {         font-size: 24px;         line-height: 24px;     }     .promo__swiper__container__btn {         font-size: 11px;         margin-top: 14px;         width: 80%;     }     .promo__swiper__container h3 {         font-size: 12px;     } }  @media (max-width: 630px) {     .promo__card {         display: none;     }     .promo__swiper {         width: 100%;     }     .casino__card .games__card__wrapper {         display: grid;         grid-gap: 15px;         grid-template-columns: repeat(3, 1fr);         grid-template-rows: repeat(4, 1fr);     } } @media (max-width: 560px) {     .games__card__wrapper {         flex-wrap: wrap;         gap: 10px;         justify-content: space-between;     }     .games__card__wrapper__item {         width: 48%;     }     .casino__card .games__card__wrapper {         grid-template-columns: repeat(2, 1fr);         grid-template-rows: repeat(5, 1fr);     }     .win__text {         font-size: 14px;         padding: 0;     }     .win__text table {         font-size: 12px;     }     .choice__card {         width: 100%;     } } @media (max-width: 460px) {     .promo__swiper__container {         width: 80%;     }     h2 br {         display: none;     }     .promo__swiper__container h3 {         display: none;     }     .promo__swiper__container h2 {         margin-bottom: 2.5rem;     }     .choice {         margin-top: 10px;     }     .nav__item__register__img {         display: none;     }     body {         padding: 0 7px;     }     .games__card__img img {         position: relative;         bottom: -25px;         right: 0;         width: 100%;     }     .entry_table {         overflow-x: scroll;     }     .promo__swiper__container h2 {         font-size: 18px;         line-height: 18px;         margin-bottom: 2rem;     }     .casino__card__menu__item {         font-size: 10px;     } }