@font-face {     font-family: 'Candara';     src: url(/shared/3472/Candara.ttf),         url(/shared/3472/Candara.eot),         url(/shared/3472/Candara.woff),         url(/shared/3472/Candara.woff2); }  @font-face {     font-family: 'ComicSans';     src: url(/shared/3472/ComicSansMS.ttf),         url(/shared/3472/ComicSansMS.eot),         url(/shared/3472/ComicSansMS.woff),         url(/shared/3472/ComicSansMS.woff2); }  * {     box-sizing: border-box; }  body, html {     overflow-x: hidden; }  body {     background: transparent url(/shared/3472/zadniyfon1.webp) repeat fixed 0% 0%;     font-size: 16px;     font-family: 'Candara', sans-serif;     font-style: swap;     position: relative;     margin: 0; }  .container {     max-width: 1000px;     margin: 0 auto;     padding: 0 10px; }  .header-border {     border-bottom: 1px solid #2e2e2e; }  .flex-between {     display: flex;     justify-content: space-between;     align-items: center; }  .header {     padding: 10px 0;     position: relative; }  .header-logo {     width: 250px; }  .header-logo img {     width: 100%; }  .header-menu ul {     padding: 0;     margin: 0;     gap: 20px; }  .header-menu__item {     list-style: none; }  .header-menu__item::before {     display: none; }  .header-menu__item a {     font-family: 'ComicSans';     font-size: 18px;     color: #bf86f0;     text-decoration: none; }  .header-menu__item a:hover {     text-decoration: underline; }  .header-hamburger {     opacity: 0; }  .header-hamburger span {     display: block;     width: 20px;     height: 2px;     background-color: #bf86f0;     margin: 5px 0; }  @media (max-width: 768px) {     .header-menu {         display: none;         position: absolute;         top: 100%;         left: 0;         width: 100%;         height: auto;         z-index: 100;         background-color: #2e2e2e;     }      .header-menu ul {         flex-direction: column;         align-items: center;         justify-content: center;         height: 100%;     }      .header-hamburger {         opacity: 1;     }      .header-menu.active {         display: block;         padding: 20px 0;     }      .header-menu.active a {         padding: 10px 0;     } }  @media (max-width: 480px) {     .header-logo {         width: 150px;     } }  .content .container {     max-width: 870px; }  .content .container a {     font-family: 'ComicSans';     color: #bf86f0; }  .content .container a:hover {     text-decoration: none;     color: #d09aff; }  .content h1 {     font-family: 'ComicSans';     font-size: 26px;     color: #ffff00;     padding: 0;     text-align: center;     margin-bottom: 30px; }  .content h2 {     font-family: 'ComicSans';     font-size: 24px;     color: #ffff00;     padding: 0;     text-align: center;     margin: 0; }  .content h3 {     font-family: 'ComicSans';     font-size: 20px;     color: #ffff00;     padding: 0;     text-align: center;     margin: 0; } table {     border-collapse: collapse;     width: 100%; } p, li, th, td {     line-height: 1.7;     color: #00FFFF;     text-align: left; }  ul, ol {     padding-left: 2.5em;     margin: 1em 0; }  ul {     list-style: none; }  ul li {     position: relative;     margin-bottom: 0.8em; }  ul li::before {     content: '★';     position: absolute;     left: -1.5em;     color: #bf86f0;     font-size: 1em; }  ol {     list-style: none;     counter-reset: custom-counter; }  ol li {     position: relative;     margin-bottom: 0.8em;     counter-increment: custom-counter; }  ol li::before {     content: counter(custom-counter);     position: absolute;     left: -2em;     color: #ffff00;     font-weight: bold;     background-color: rgba(191, 134, 240, 0.2);     width: 1.5em;     height: 1.5em;     border-radius: 50%;     display: flex;     align-items: center;     justify-content: center;     font-size: 0.9em; }  ul ul, ol ol, ul ol, ol ul {     margin: 0.5em 0; }  ul ul li::before {     content: '◆';     font-size: 0.8em; }  .best-casino__list {     justify-content: center;     flex-wrap: wrap;     gap: 20px; }  .game {     border: 1px solid #2b2b2b;     border-radius: 3px;     display: block;     position: relative;     padding: 12px 10px 4px;     width: 176px;     height: 208px; }  .game__image {     padding: 0 10px; }  .game__image img {     text-align: center;     box-sizing: content-box;     height: auto;     padding: 10px 0 0;     width: 136px; }  .game__name {     font-family: 'ComicSans';     display: flex;     flex-direction: column;     justify-content: center;     min-height: 3rem;     text-align: center;     color: #eee; }  .hover {     background-color: #191919;     border: 1px solid #a0a0a0;     border-radius: 3px;     bottom: 0;     display: none;     left: 0;     padding: 12px 16px;     position: absolute;     right: 0;     top: 0; }  .game:hover .hover {     display: flex;     flex-direction: column;     justify-content: center; }  .hover__name {     text-decoration: none;     position: absolute;     top: 0;     left: 50%;     transform: translateX(-50%);     width: 100%; }  .hover__button {     background-color: #409040;     border: none;     border-radius: 3px;     display: block;     line-height: 1.5;     margin: 0;     padding: 7px 10px;     text-align: center;     text-decoration: none;     color: #fff;     font-weight: 700;     margin: .8rem 0;     padding: 8px 10px; }  .hover__button:hover {     background-color: #5abb5a; }  .games__list {     flex-wrap: wrap;     gap: 10px;     max-width: 980px;     margin: 0 auto;     padding: 0 10px; }  @media (max-width: 768px) {     .game {         width: 165px;     } }  @media (max-width: 359px) {     .games__list {         justify-content: center;     } }  .scrollerTop {     background: url(/shared/3472/ufo.webp) no-repeat center 60px;     background-size: 56px 50px;     border: 0;     bottom: 30px;     display: none;     height: 140px;     margin: 0;     opacity: .5;     outline: 0;     padding: 0;     position: fixed;     right: 30px;     width: 64px;     z-index: 1000;     cursor: pointer; }  .scrollerTop {     left: 50%;     margin-left: 680px;     right: auto; }  .scrollerTop:before {     background: url(/shared/3472/up.webp) bottom;     background-size: 18px 43px;     bottom: 90px;     content: "";     height: 14px;     left: 50%;     margin-left: -9px;     position: absolute;     width: 18px; }  .scrollerTop.phase_1:before {     height: 28px; }  .scrollerTop.phase_2:before {     height: 43px; }  .scrollerTop:hover {     opacity: 1; }  .scrollerTop:after {     bottom: 10px;     content: attr(data-text);     left: 0;     line-height: 1.5rem;     position: absolute;     text-align: center;     width: 100%; }  .scrollerTop:hover:after {     color: #ffef87; }  img {     height: auto;     max-width: 100%;     margin-bottom: 5px }  .footer {     background-color: #151515;     border-top: 1px solid #2b2b2b;     margin-top: 70px;     padding: 40px 0 30px; }  .footer .container {     max-width: 860px; }  .footer__inner {     display: flex;     flex-direction: column;     gap: 20px; }  .footer-nav ul {     display: flex;     flex-wrap: wrap;     margin: 0;     padding: 0;     list-style: none; }  .footer-nav ul li {     padding: 0 10px;     border-right: 1px solid #a0a0a0; }  .footer-nav ul li:last-child {     border-right: none; }  .footer-nav ul li::before {     display: none; }  .footer-nav a {     color: #fff;     text-decoration: none;     opacity: 0.7;     transition: opacity 0.3s; }  .footer-nav a:hover {     opacity: 1; }  .footer-copy {     text-align: center; }  .footer-copy p {     color: #fff;     font-size: 12px;     opacity: 0.7;     margin: 0; }  .footer-logos {     display: flex;     align-items: center;     gap: 15px;     justify-content: flex-end; }  .footer-logos img {     display: block;     height: auto; }  @media (max-width: 768px) {     .footer-nav ul {         gap: 10px;     }      .best-casino__list-providers a {         max-width: 31%;     }      .best-casino__list {         gap: 5px;     } }  .breadcrumbs__list { 	margin: 0;     padding: 0;     list-style: none;     display: flex;     gap: 5px; }  .breadcrumbs__list * {     color: #9e9e9e;     font-family: 'Candara';     font-size: 14px; }  .breadcrumbs__list .breadcrumbs__item a {     color: #9e9e9e;     text-decoration: none; }  .breadcrumbs__list .breadcrumbs__item a:hover {     color: #9e9e9e;     text-decoration: none; }  .breadcrumbs__item:before {     display: none; }  .iframe {     position: relative;     z-index: 100;     margin-bottom: 15px; }  .iframe__item {     height: 500px;     text-align: center;     position: relative; }  .iframe__item::before {     content: "";     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     background: url('/uploads/3264/pages/35263/35263.jpeg') center center / cover no-repeat;     filter: blur(10px);     z-index: -1; }  #loadIframeBtn {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     z-index: 999; }  .iframe__wrapper, .iframe__inner {     width: 100%;     height: 100%; }  .iframe__item iframe {     width: 100%;     height: 100%;     border-radius: 12px;     margin-bottom: 22px; }  .btn {     display: flex;     align-items: center;     gap: 10px;     background: #00a8ca;     border: none;     border-radius: 3px;     color: #fff;     font-size: 18px;     font-weight: 700;     line-height: 25px;     padding: 12px 17px 12px 20px;     cursor: pointer; }  .btn:hover {     background-color: #14caed; }  .btn img {     margin: 0; }  .iframe-block .button .btn {     max-width: max-content;     margin: 0 auto;     background: #00a8ca;     border: none;     border-radius: 3px;     color: #fff;     font-size: 18px;     text-decoration: none; }  .iframe-block .button .btn:hover {     background-color: #14caed;     color: #fff; }