@font-face {     font-family: "faster-regular";     src: url(/shared/3231/Fester-Regular.ttf); }  @font-face {     font-family: "faster-bold";     src: url(/shared/3231/Fester-Bold.ttf); }  @font-face {     font-family: "faster-semiBold";     src: url(/shared/3231/Fester-SemiBold.ttf); }  body {     background: #131313;     margin: 0;     font-family: "faster-regular", sans-serif; }  * {     box-sizing: border-box; }  a {     color: #00d9ff;     text-decoration: none; }  .container {     max-width: 1360px;     margin: 0 auto;     padding: 0 10px;     width: 100%; }  .header-b {     background: #212121;     box-shadow: 0 2px 4px 0 #2626264d;     padding: 5px 0;     z-index: 999;     position: fixed;     width: 100%;     top: 0;     left: 0; }  .header-b__wrapper {     align-items: center;     display: flex;     justify-content: space-between; }  .nav__list {     display: flex;     align-items: center;     list-style: none;     padding: 0;     gap: 20px;     margin: 0; }  .nav__link {     text-decoration: none;     color: #ffffff;     font-family: "faster-bold", sans-serif; }  .nav__link:hover {     color: #fb3c3c; }  .button-b {     border-radius: 44px;     font-size: 14px;     font-family: "faster-bold", sans-serif;     letter-spacing: 0.5px;     line-height: 16px;     min-height: 48px;     padding: 6px 16px;     text-decoration: none;     min-width: 144px;     margin: 0 5px 0 0;     text-transform: uppercase;     background: linear-gradient(177deg, #bfbfbf 2%, #c1c1c1);     box-shadow: 0 2px 8px 0 #27272733;     color: #000;     text-shadow: 0 0 0 #000;     cursor: pointer;     display: inline-flex;     justify-content: center;     mix-blend-mode: normal;     text-align: center;     align-items: center; }  .button-b.red {     background: linear-gradient(177deg, #fb3c3c 1.96%, #880303 98.23%);     color: #ffffff; } .button-b:hover {       background: linear-gradient(177deg, #fff 2%, #ebebeb); }  .button-b.red {     background: linear-gradient(177deg, #fb3c3c 1.96%, #880303 98.23%);     color: #ffffff; } .button-b.red:hover {     background: linear-gradient(160deg, #ff6a6a, #b20101);     color: #ffffff; } .burger {     background: none;     border: none;     display: none; }  .burger div {     background: #ffffff;     width: 30px;     height: 4px;     border-radius: 5px;     margin-bottom: 5px; }  .main {     padding-top: 60px; }  .banner-b .container {     position: relative; }  .banner-b {     height: 328px;     --imagas: url('/shared/3122/basari3.webp');     background: var(--imagas);     background-size: contain;   background-position: 48%;       background-repeat: no-repeat; }  .banner-b__button {     position: absolute;     top: 250px;     left: 0; }  .banner-b__button .button-b {     font-size: 24px;     min-width: 244px; }  @media (max-width: 1565px) {     .banner-b {         background-size: cover;     } }  .breadcrumbs-list a, .breadcrumbs-list {     color: rgba(255, 255, 255, 0.5); }  .main__content {     color: #fffc; } .main__content a:hover {   color: #90b0dd;   text-decoration: underline; } .main__content .button-b {   width: 100%;   text-decoration: none; } .main__content .button-b:hover {    text-decoration: none; } .games {   padding-top: 25px;     display: grid;     grid-template-columns: repeat(4, 1fr);     gap: 8px; }  .game {     display: block;     min-height: 146px;     position: relative;     width: 176px;     z-index: 9;     margin: 0 auto; }  .game__img {     border-radius: 10px;     box-shadow: 0 8px 16px 0 #0009;     min-height: 112px;     position: relative;     width: 100%;     overflow: hidden; }  .game__img img {     border-radius: 10px; }  img {     max-width: 100%;     height: auto; }  .game__title {     color: #fff;     font-size: 14px;     font-weight: 400;     height: 32px;     line-height: 18px;     overflow: hidden;     padding: 8px 0;     text-align: center;     text-overflow: ellipsis;     white-space: nowrap;     width: 100%;     margin: 0; }  .game__hover {     align-items: normal;     background-color: #000c;     border: none;     border-radius: 10px;     bottom: 0;     display: flex;     flex-direction: column;     height: 112px;     justify-content: center;     left: 0;     opacity: 0;     position: absolute;     right: 0;     text-align: center;     top: 0;     transition: opacity .2s ease-in-out;     transition: transform .2s ease-out;     z-index: 9; }  .game__hover__button {     bottom: 0;     left: 0;     position: absolute;     right: 0;     top: 0;     z-index: 0; }  .game__hover__button .button-b {     bottom: 16px;     left: 16px;     overflow: hidden;     position: absolute;     right: unset;     top: unset;     transform: translate(0);     width: calc(100% - 32px);     z-index: 0; }  .game__hover__button__demo {     border: none;     bottom: unset;     color: #ffffff;     font-size: 16px;     font-weight: 400;     left: 16px;     line-height: 22px;     min-height: unset;     padding: 0;     position: absolute;     right: unset;     text-decoration: underline;     top: 14px;     transform: translateY(0);     transition: .2s ease-out;     z-index: 0; }  .game__hover:hover {     opacity: 1; }  .no_bullets .toc_list {     display: none; }  .no_bullets.open .toc_list {     display: block; }  .toc_title {     text-decoration: underline;     font-weight: 700;     letter-spacing: 1px;     cursor: pointer; }  .toc_title:after {     content: "﹀";     position: relative;     top: 4px;     margin-left: 12px;     font-size: 16px;     color: #ffffff;     text-decoration: none; }  .no_bullets.open .toc_title:after {     content: "︿";     top: -4px; }  .footer {     align-items: center;     background: #151515;     display: flex;     flex-direction: column;     justify-content: center;     padding-top: 40px;     margin-top: 45px; }  .footer__wrap {     align-items: center;     display: flex;     flex-direction: row;     height: 105px;     justify-content: space-between;     margin: 0 auto;     order: 3;     padding: 32px 44px;     position: relative;     width: 100%;     color: #fffc; }  .footer__icons {     display: flex;     align-items: center;     gap: 10px; }  .footer__icons__logo {     display: block;     height: auto;     margin-right: 24px;     width: 80px; }  .logo18plus {     --webkit-mask-image: url(/shared/3231/logo_18plus.png);     background: #fff;     height: 32px;     -webkit-mask-image: url(/shared/3231/logo_18plus.png);     mask-image: url(/shared/3231/logo_18plus.png);     width: 32px; }  .footer__wrap a {     display: flex;     align-items: center;     gap: 5px;     color: #ffffff; }  .scroll-to-top-btn {     position: fixed;     bottom: 40px;     right: 30px;     z-index: 999;     background: #757575;     padding: 10px;     border-radius: 10px;     display: flex;     align-items: center; }  .nav__link svg {     display: none; }  @media (max-width: 1210px) {     .burger {         display: block;     }      .button-b {         display: none;     }      .button-b.red {         display: flex;     }     .nav {         position: absolute;         top: 100%;         left: 0;         width: 256px;         height: 100vh;         z-index: 999;         display: none;         box-shadow: -6px 0 20px #0009;         background: #fff;         padding-top: 25px;     }     .logo__link {         display: block;     }     .burger.open div:first-child {         transform: rotate(45deg);         position: relative;         top: 9px;     }     .burger.open div:nth-child(2) {         transform: rotate(-45deg);     }     .burger.open div:last-child {         display: none;     }     .nav:before {         content: '';         display: block;         width: 100vw;         height: 100vh;         background: rgba(255, 255, 255, .5);         position: absolute;         top: 0;         left: 0;         z-index: -1;     }     .nav__list {         flex-direction: column;         align-items: flex-start;         gap: 0;     }     .nav__item {         border-bottom: 1px solid #bcbcbc;         width: 95%;         margin: 0 5px;         overflow: hidden;     }     .nav__link {         padding: 15px 15px 15px 35px;         color: #000000;         display: flex;         align-items: center;     }      .nav__link svg {         display: block;     }      .banner-b__button .button-b {         display: flex;     }   .banner-b {     height: 328px;     --imagas: url('/shared/3140/book-of-magic1.webp');     background: var(--imagas);     background-position: 100% 40%;       background-repeat: no-repeat;     margin-bottom: 50px;     background-size: contain; }   .banner-b__button {     position: absolute;     top: 295px;   } }  @media (max-width: 768px) {     .games {         grid-template-columns: repeat(3, 1fr);     }     .banner-b__button {         left: 25px;     }     .footer__wrap {         flex-direction: column;         height: auto;         text-align: center;         gap: 20px;     }     .footer__wrap a,     .footer__icons {         justify-content: center;     } }  @media (max-width: 580px) {     .games {         grid-template-columns: repeat(2, 1fr);     }     .footer__icons {         flex-wrap: wrap;     } }  @media (max-width: 390px) {     .banner-b {         background-position-x: 70%;     }     .logo__link {         width: 130px;     }     .button-b {         min-height: 35px;         min-width: 120px;     }     .games {         grid-template-columns: repeat(1, 1fr);     } }  table {     border-collapse: collapse;     border-spacing: 0;     margin: 32px 0;     width: 100%; }  table thead {     background-color: #ffffff1a;     border-radius: 8px; }  table tr {     height: 48px; }  table th {     color: #ffffff;     font-size: 14px;     line-height: 18px;     text-align: left; }  table th:first-child {     padding-left: 24px;     border-radius: 44px 0 0 44px; }  table th:last-child {     border-radius: 0 44px 44px 0;     padding-left: 16px; }  td, th {     padding: 0; }  table tbody > tr {     position: relative; }  table td, table td {     border-bottom: 1px solid #ffffff1a;     color: #fffc;     font-size: 14px;     line-height: 18px; } .main__content ul {     color: #ffffff;     margin: 16px 0;     list-style: none;     padding: 0; }  .main__content ul li {     list-style: none;     margin-bottom: 8px;     padding-left: 44px;     position: relative; }  .main__content ul li:before {     background: #ffffff26;     border-radius: 4px;     bottom: auto;     content: "";     height: 16px;     left: 16px;     position: absolute;     right: auto;     top: 4px;     width: 16px;     z-index: 0; }  .main__content ul li:after {     background-color: #fff;     border-radius: 50%;     bottom: auto;     content: "";     height: 4px;     left: 22px;     position: absolute;     right: auto;     top: 10px;     width: 4px;     z-index: 0; }  /* add start */  ul.footer-menu {     margin: 0;      padding: 4px;    }    ul.footer-menu li {     display: inline;      margin-right: 5px;      padding: 3px;     } /* add finish */