html, body  {   overflow-x: hidden; } body {     margin: 0;     padding: 0;     font-family: sans-serif;     font-size: 16px; }  * {     box-sizing: border-box; }  .container {     max-width: 1160px;     margin: 0 auto; }  .header {     position: fixed;     top: 0;     left: 0;     width: 100%;     height: 95px;     background: #000;     display: flex;     justify-content: space-between;     align-items: center;     padding: 0 20px;     z-index: 10; }  .header__button__inner {     display: flex;     justify-content: space-between;     align-items: center; }  .header__button__item.avatar {     width: 34px;     height: 34px;     margin: 8px;     padding: 0; }  .header__button__item.avatar .header__button__link {     display: block;     width: 100%;     height: auto;     padding: 0; }  .header__button__link img {     display: block;     width: 100%;     height: auto; }  .header__button__item {     border: 1px solid #999;     border-radius: 20px;     margin-right: 15px; }  .header__button__link {     display: block;     padding: 11px 25px 9px;     color: #999;     text-decoration: none;     text-transform: uppercase;     font-weight: 700; }  .header__button__item.green {     background: #2ecc71;     border: 1px solid #2ecc71; }  .header__button__item.green .header__button__link {     color: #ffffff; }  .header__button__item:last-child {     margin-right: 0; }  .main {     margin-top: 100px; }  .banners {     display: grid;     grid-template-columns: 1fr;     gap: 10px; } .banner {     display: flex;     gap: 5px; } .banner__link.banner__link-gif {          width: 30%; } .banner__link-gif .banner__link-gif--right {       width: 100%; } .banner__link-gif .banner__link-gif--right img {       width: 100%;       height: 100% } .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: #091932 no-repeat;     background-size: cover;     overflow: hidden;     border-radius: 16px;     cursor: pointer;     min-height: 300px; }  .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__title {     background: rgba(0, 0, 0, .7);     padding: 10px;     border-radius: 10px;     font-style: normal;     font-weight: bold;     font-size: 24px;     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; }  .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;     font-family: 'Sora-Regular', sans-serif;     text-decoration: none; }  .banner .btn {     padding: 20px 46px 20px 46px;     background: #2DCC70;     font-size: 20px;     color: #ffffff;     font-weight: 700;     border-radius: 40px;     z-index: 1;     grid-template-columns: auto; }  .min {     display: none; }  .banner__decor {     position: absolute;     z-index: 0;     display: flex;     align-items: end;     object-position: initial;     height: 100%;     right: 0;     bottom: 0; }  .banner__decor img {     height: 100%; }  .advantages {     display: flex;     align-items: normal;     width: 100%;     padding: 30px 0 30px; }  .advantages__item {     width: 25%;     display: flex;     align-items: center;     margin: 0 10px 0 0;     text-align: left; }  .advantages__img {     width: 70px;     height: 70px;     margin-bottom: 20px;     margin-right: 20px; }  .advantages__text {     font-size: 14px;     text-transform: uppercase; }  .game {     position: relative; }  .game__inner {     display: grid;     grid-auto-flow: dense;     margin: 0 auto;     grid-template-columns: repeat(auto-fill, minmax(278px, 1fr));     grid-gap: 16px; }  .game__inner img {     width: 100%;     height: auto; }  .game__big {     width: 100%;     height: 100%;     display: block;     grid-row-end: span 2;     grid-column-end: span 2;     margin: 0; }  .game__big__inner {     width: 572px;     height: 368px;     padding: 50px;     position: relative;     border-radius: 15px; }  .game__big__inner img {     width: 100%;     height: 100%;     display: block;     object-fit: cover;     position: absolute;     top: 0;     left: 0;     border-radius: 15px; }  .game__big__title {     position: relative;     text-transform: uppercase;     line-height: 36px;     width: 225px;     height: auto;     color: #ffffff;     font-weight: 700;     font-size: 30px; }  .game__big__description {     position: relative;     width: 200px;     height: auto;     color: #ffffff;     font-weight: 400;     font-size: 16px;     line-height: 24px;     margin: 15px 0 30px; }  .game .btn__reg {     position: relative;     line-height: 36px;     width: 150px;     justify-content: center;     color: #ffffff;     grid-template-columns: auto;     background: #2DCC70;     border-radius: 40px;     font-weight: 700;     font-size: 18px; }  .game__overlay {     width: 100%;     height: 100%;     display: flex;     justify-content: center;     align-items: center;     flex-direction: column;     background-color: rgba(0, 0, 0, .7);     position: absolute;     left: 0;     top: 0;     opacity: 0;     transition: opacity .3s;     border-radius: 15px; }  .game__item {     position: relative;     overflow: hidden;     border-radius: 15px;     background: #eee;     width: 278px;     height: 176px; }  .game__item:hover .game__overlay {     opacity: 1; }  .game__title {     color: #ffffff;     font-weight: 400;     font-size: 14px;     line-height: 1.4;     margin-bottom: 12px;     display: block;     text-align: center; }  .game__demo {     color: #999;     font-weight: 400;     font-size: 12px;     line-height: 1.4;     text-transform: uppercase;     line-break: normal;     border-bottom: 1px solid #999;     margin-top: 15px; }  .content__title {     text-align: center; }  .footer {     background-color: #000;     position: relative;     padding: 70px 0; }  .pay__title {     color: #ffffff;     font-weight: 400;     font-size: 14px;     line-height: 1.4;     text-transform: uppercase;     margin-bottom: 15px; }  .pay__inner {     width: auto;     margin-left: 0;     margin-bottom: 40px;     position: relative;     border-radius: 15px; }  .pay__swiper {     width: 100%;     display: flex;     transition: transform 0.5s ease-in-out;   	overflow-x: scroll; } .pay__swiper--center {       justify-content: center; } .pay__item {     background: #141414;     margin-right: 2px;     width: 146px;     height: 80px;     display: flex;     justify-content: center;     align-items: center;     flex-shrink: 0;     position: relative;     transition-property: transform; }  .pay__item__link {     display: flex;     width: 100%;     height: 100%;     align-items: center;     justify-content: center;     cursor: pointer; }  .pay__item__link img {     height: auto;     opacity: .6; }  .pay__inner {     overflow: hidden; }  .pay__inner {     position: relative; }  .pay__item {     flex: 0 0 auto; }  @media (max-width: 1160px) {     .container {         max-width: 866px;         margin: 0 auto;     }      .pay__inner {         border-radius: unset;     }      .pay__swiper {         margin-left: 0;         width: 100%;     }     .pay__swiper--center {         justify-content: flex-start;     }     .game__inner {         grid-template-columns: repeat(auto-fill, minmax(232px, 1fr));     }     .banner__title {         max-width: 100%;     } }  @media (max-width: 860px) {     .container {         max-width: 728px;     }      .game__big__inner {         width: 480px;         height: 306px;         padding: 40px;     }      .game__item {         width: 232px;         height: 145px;     }        .banner {         display: block;     }      .banner__decor {         position: static;         order: -1;         width: 100%;         justify-content: center;     }   .banner__decor picture {     width: 100%;     text-align: center;   }     .banner__link {       margin-bottom: 10px;         width: 100% !important;         padding: 0;         align-items: center;     }      .banner__title {         position: absolute;         bottom: 95px;         padding: 10px;         text-align: center;     }      .banner .btn {         margin: 10px;         position: absolute;         bottom: 10px;     }   .banner__link-gif .banner__link-gif--right img {     display: block;   }     .advantages__item {         width: 50%;     }      .advantages {         flex-wrap: wrap;         justify-content: space-between;     }      .advantages__item {         width: 48%;     }      .advantages__item:nth-child(2),     .advantages__item:last-child {         margin-right: 0;     } }  @media (max-width: 728px) {     .container {         max-width: 628px;     }      .game__big__inner {         height: 247px;         width: 383px;         padding: 20px;     }      .game__big__title {         width: 150px;         font-size: 16px;         line-height: 1.4;     }      .game__big__description {         width: 150px;         font-size: 12px;         line-height: 1.4;     }     .game .btn__reg {         line-height: 25px;         width: 125px;     }      .game__inner {         grid-template-columns: repeat(auto-fill,minmax(186px,1fr));         grid-gap: 11px;         max-width: 580px;     }     .game__item {         width: 186px;         height: 118px;     } }  @media (max-width: 580px) {     .container {         max-width: 480px;     }     .game__inner {         grid-template-columns: repeat(auto-fill,minmax(236px,1fr));         max-width: 480px;     }     .game__big__inner {         width: auto;     }     .game__item {         width: 236px;         height: 149px;     }     .pay__item__link img {         width: 70%;     }     .footer .container {         max-width: 500px;         padding: 0 10px;     }     .banner__title {         bottom: 60px;     }     .banner__title,     .banner .btn {         /*position: static;*/         font-size: 16px;         padding: 10px;     }     .header__button__item:nth-child(2) {         display: none;     } }  @media (max-width: 480px) {     .container {         max-width: none;         padding: 0 10px;     }     .game__big__inner {         height: 182px;         border-radius: 15px;         padding: 20px 0 20px 27px;         box-sizing: border-box;         position: relative;         overflow: hidden;     }     .game__inner {         grid-template-columns: repeat(auto-fill,minmax(180px,1fr));         max-width: 380px;     }     .game__item {         width: 180px;         height: 118px;     }     .logo {         width: 150px;     }     .logo__link {         display: block;         width: 100%;     }     .logo__link img {         width: 100%;     }     .header__button__link {         padding: 11px;         font-size: 14px;     }     .game__big__description {         margin: 10px 0;     }     .advantages__item {         display: block;         text-align: center;     }     .advantages__img {         margin-bottom: 10px;         margin-top: 15px;         margin-right: 0;     }     .advantages {         padding: 10px 0 10px;     }     .game__overlay .btn__reg {         line-height: 1.4;         font-size: 16px;     }     .game__title {         margin-top: 10px;         margin-bottom: 5px;     }     .banner__link-gif {       display: none;     }   .banner__decor img  {     width: 100%;   } }  @media (max-width: 380px) {     .game__inner {         grid-template-columns: repeat(auto-fill,minmax(100px,1fr));         max-width: 320px;     }     .game__item {         width: 100%;         height: auto;     }     .header__button__item.avatar {         display: none;     }     .footer {         padding: 25px 0;     }     .banner__link {         justify-content: flex-start;         background: #000f1e !important;     }     .game__inner img {         width: 100%;         height: 100%;     }     .header {         padding: 0 10px;     }     .logo {         width: 140px;     }     .banner__link {         min-height: 295px;     } }  .main-footer__animate-element {     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: #ffffff;     text-align: center;     font-size: .8888888889rem;     line-height: 1;     letter-spacing: .0277777778rem; } table{   border: 1px solid #000000;   width: 100%; } th,td{   border: 1px solid #000000;   padding: 10px; } @media (max-width:480px){   th,td{     font-size: 12px;     padding: 10px 5px;   } } .content a {     color: #17c85d;   	font-weight: 600; } .content a:hover {     color: #12ad4f;     text-decoration: none; } .content img {   max-width: 100%;   height: auto; }  .content p a {   color: #23e467; } .content p a:hover {   color: #0a9145;   text-decoration: none; }  :root{   --green: #2ecc71;   --square-size: 10px;   --circle-size: 28px; }  .content ul, .content ol {   margin: 0 0 1rem 0;   padding: 0; }  .content ul li {   list-style: none;   position: relative;   padding-left: calc(var(--square-size) + 12px);   margin: 8px 0;   line-height: 1.4; }  .content ul li::before{   content: "";   position: absolute;   left: 0;   top: 50%;   transform: translateY(-50%);   width: var(--square-size);   height: var(--square-size);   background: var(--green);   display: block;   border-radius: 2px; }  .content ol {   counter-reset: item; }  .content ol li {   list-style: none;   counter-increment: item;   position: relative;   padding-left: calc(var(--circle-size) + 12px);   margin: 8px 0;   line-height: 1.6; }  .content ol li::before {   content: counter(item);   position: absolute;   left: 0;   top: 50%;   transform: translateY(-50%);   width: var(--circle-size);   height: var(--circle-size);   border-radius: 50%;   background: var(--green);   color: white;   display: flex;   align-items: center;   justify-content: center;   font-weight: 600;   font-size: 14px;   box-sizing: border-box; }