@font-face {     font-family: "faster-regular";     src: url(/shared/empty.gif); }  @font-face {     font-family: "faster-bold";     src: url(/shared/empty.gif); }  @font-face {     font-family: "faster-semiBold";     src: url(/shared/empty.gif); }  body {     background: #131313;     margin: 0;     font-family: "faster-regular", sans-serif; }  * {     box-sizing: border-box; }  a {     color: #4272b7;     text-decoration: none; } a:hover {   color: #8cb5eb;     text-decoration: underline; } .container {     max-width: 1360px;     margin: 0 auto;     padding: 0 10px; }  .header-bet {     background: #212121;     box-shadow: 0 2px 4px 0 #2626264d;     padding: 5px 0;     z-index: 12;     position: relative; }  .header-bet__wrapper {     align-items: center;     display: flex;     justify-content: space-between; }  .nav__list {     display: flex;     align-items: center;     list-style: none;     padding: 0;     gap: 20px; }  .nav__item {     margin: 0; }  .nav__link {     text-decoration: none;     color: #ffffff;     font-family: "faster-bold", sans-serif; }  .nav__link:hover {     color: #fb3c3c; }  .button-bet {     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-bet:hover {       background: linear-gradient(177deg, #fff 2%, #ebebeb);   color: #000;   text-decoration: none; }  .button-bet.red {     background: linear-gradient(177deg, #fb3c3c 1.96%, #880303 98.23%);     color: #ffffff;   	width: 100%; } .button-bet.red:hover {     background: linear-gradient(160deg, #ff6a6a, #b20101);     color: #ffffff;   	width: 100%; }  .burger {     background: none;     border: none;     display: none; }  .burger div {     background: #ffffff;     width: 30px;     height: 4px;     border-radius: 5px;     margin-bottom: 5px; }  .burger div:last-child {     margin-bottom: 0; }  .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; }  .banner-bet {     height: 328px;     --imagas: url('/shared/3122/basari4.webp');     background: var(--imagas);     background-size: contain;   background-position: 48%;       background-repeat: no-repeat; }  .banner-bet .container {     position: relative; }  .banner-bet__button {     position: absolute;     top: 250px;     left: 0; }  .banner-bet__button .button-bet {     font-size: 24px;     min-width: 244px; }  .main {     color: #ffffff;     position: relative; }  .breadcrumb a, .breadcrumb span {     color: rgba(255, 255, 255, 0.5); }  .main__content {     font-size: 16px;     line-height: 22px;     position: relative; }  .title {       line-height: 1.1; } .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; }  .main__content table {     border-collapse: collapse;     border-spacing: 0;     margin: 32px 0;     width: 100%; }  .main__content table thead {     background-color: #ffffff1a;     border-radius: 8px; }  .main__content table tr {     height: 48px; }  .main__content table th {     color: #ffffff;     font-size: 14px;     line-height: 18px;     text-align: left; }  .main__content table th:first-child {     padding-left: 24px;     border-radius: 44px 0 0 44px; }  .main__content table th:last-child {     border-radius: 0 44px 44px 0;     padding-left: 16px; }  .main__content td, th {     padding: 0; }  .main__content table tbody > tr {     position: relative; }  .main__content table td, .main__content table td {     border-bottom: 1px solid #ffffff1a;     color: #fffc;     font-size: 14px;     line-height: 18px; }  .main__content img {     max-width: 100%;     height: auto; }  .footer-bet {     background: #151515;     padding-top: 40px; }  .payments, .crypto {     display: flex;     justify-content: center;     align-items: center;     flex-wrap: wrap;     list-style: none;     padding: 0; }  .payments__item {     height: 32px;     margin: 0 8px 16px;     opacity: .7; }  .payments__item img {     height: inherit;     object-fit: contain;     width: inherit; }  .crypto__item {     border-radius: 44px;     height: 40px;     margin: 0 25px 4px 0;     position: relative;     width: 98px; }  .crypto__item:nth-child(odd) {     background: linear-gradient(180deg, #d752354d, #9d9d9d14); }  .crypto__item:nth-child(2n) {     background: linear-gradient(180deg, #8b8b8b4d, #9d9d9d14); }  .crypto__icon {     bottom: auto;     height: 24px;     left: -12px;     position: absolute;     right: auto;     top: 8px;     width: 24px;     z-index: 0; }  .crypto__icon img {     width: 100%;     height: 100%; }  .crypto__text {     display: flex;     flex-direction: column;     padding: 4px 8px 4px 20px; }  .crypto__name {     color: #ffffff;     font-size: 12px;     font-weight: 600;     line-height: 14px; }  .crypto__rate {     color: #fff9;     font-size: 14px;     font-weight: 600;     line-height: 18px; }  .footer__menu {     display: flex;       flex-wrap: wrap;     gap: 16px; }  .footer__menu__list {     display: block;     padding: 0 8px 0 0;     list-style: none;     width: 176px; }  .footer__menu__item {     line-height: 1;     margin-bottom: 8px; }  .footer__menu__link {     color: #fffc;     display: inline-block;     font-size: 14px;     line-height: 18px;     text-decoration: none; } .footer__menu__link:hover {   text-decoration: underline;   color: #fff; }  @media (max-width: 1250px) {     .banner-bet__button {         left: 10px;     }   .banner-bet {     height: 328px;     --imagas: url('/shared/3122/book-of-magic.webp');     background: var(--imagas);     background-position: 100% 40%;       background-repeat: no-repeat;     margin-bottom: 50px;     background-size: contain; }   .banner-bet__button {         top: 315px;   }   .button-bet {     min-height: 30px;   } }  @media (max-width: 1210px) {     .banner-bet__button {         left: 10px;     }      .header-bet {         position: fixed;         width: 100%;     }      .nav {         position: absolute;         background: #212121;         top: 100%;         left: 0;         width: 70%;         height: 100vh;         z-index: 999;         display: none;     }      .nav:before {         content: '';         display: block;         width: 100vw;         height: 100vh;         background: rgba(0, 0, 0, .5);         position: absolute;         top: 0;         left: 0;         z-index: -1;     }      .nav__list {         flex-direction: column;     }      .sidebar__button {         z-index: 1;     }      .burger {         display: block;     }      .main {         padding-top: 60px;     } }  @media (max-width: 1024px) {     .content .container {         flex-direction: column;     }      .main__content {         width: 100%;     }      .sidebar {         margin: 0 auto;     } }  @media (max-width: 590px) {     .button .button-bet:last-child {         display: none;     }      .crypto__item {         margin: 0;     }      .crypto {         gap: 20px;     } }  @media (max-width: 390px) {     .button-bet {         min-width: 110px;     }      .logo__link img {         width: 130px;     }     .nav {         width: 85%;     } } .content .button-bet.red {     width: 100%; } .footer__menu__list {     margin-bottom: 0; } .footer-bet__wrapper {     display: flex;     justify-content: space-between;     align-items: flex-end;     gap: 30px;   	flex-wrap: wrap; } .footer__social {     display: flex;     flex-direction: row;     align-items: center;     justify-content: center;     gap: 8px;     max-width: 280px; } .footer__social a {     display: flex;     flex-direction: row;     align-items: center;     justify-content: center;     background: #ffffff1f;     border-radius: 50%;     height: 40px;     width: 40px; }  .footer__social a img {     height: 24px;     object-fit: contain;     object-position: center;     width: 24px; } .footer-bet__bottom {     align-items: center;     flex-wrap: wrap;     padding: 32px 44px; } .support__email {     display: flex;     gap: 8px;     align-items: center;     color: #fffc; } .support__email svg {     display: block;     height: 12px;     width: 12px; } .copy p {     margin: 0;     color: #fffc;     font-size: 14px;     line-height: 18px;     text-decoration: none; } .img__link {     display: inline-block;     height: 40px;     margin-right: 24px;     width: 80px; } .img__link img {     height: 100%;     object-fit: contain;     width: 100%; } @media (max-width: 685px) {   .footer-bet__wrapper {       flex-direction: column;   }   .footer-bet__wrapper {     align-items: flex-start;   } }