@font-face {     font-family: 'MabryPro-Regular';     src: url(/shared/3478/MabryPro-Regular.ttf),         url(/shared/3478/MabryPro-Regular.eot),         url(/shared/3478/MabryPro-Regular.woff),         url(/shared/3478/MabryPro-Regular.woff2); }  @font-face {     font-family: 'MabryPro-Medium';     src: url(/shared/3478/MabryPro-Medium.ttf),         url(/shared/3478/MabryPro-Medium.eot),         url(/shared/3478/MabryPro-Medium.woff),         url(/shared/3478/MabryPro-Medium.woff2); }  @font-face {     font-family: 'MabryPro-Bold';     src: url(/shared/3478/MabryPro-Bold.ttf),         url(/shared/3478/MabryPro-Bold.eot),         url(/shared/3478/MabryPro-Bold.woff),         url(/shared/3478/MabryPro-Bold.woff2); }  html, body {     width: 100%;     height: 100%;     padding: 0px;     margin: 0px; }  body {     background: #3c0c14;     font-family: 'MabryPro-Regular', sans-serif;     overflow-x: hidden;   	font-size: 16px; }  *, *:after, *:before {     box-sizing: border-box; }  h1, h2, h3, h4, h5, h6 {     font-family: 'MabryPro-Bold', sans-serif; }  .head {     position: fixed;     top: 0;     left: 0;     width: 100%;     height: 71px;     z-index: 9999;     background: linear-gradient(133deg, #330A11 0%, #921127 100%);     box-shadow: 0 6px 12px 0 #12000333; }  .head::after {     content: '';     position: absolute;     bottom: 0;     left: 0;     width: 100%;     background: #4f0e0b url(/shared/3478/border-head.webp) repeat-x 50% 100%;     z-index: 9;     height: 9px; }  .wrapper {     max-width: 1500px;     margin: 0 auto;     padding: 7px 15px 15px; }  .head .wrapper {     display: flex;     justify-content: center;     position: relative; }  .head__logo__link {     position: absolute;     top: -5px;     left: 0;     z-index: 11;     display: block;     width: 190px; }  .head__logo__link img {     width: 160px; }  .head__button {     display: flex; }  .head__button__red {     background: linear-gradient(180deg, #CC203C 0%, #751323 100%);     margin-right: 15px;     border-radius: 40px; }  .head__button__inner {     display: block;     cursor: pointer;     border: none;     font-weight: 400;     text-align: center;     position: relative;     outline: 0;     transition: all .2s;     text-decoration: none;     text-shadow: 0 -1px 0 rgba(0, 0, 0, .05);     box-sizing: border-box;     mix-blend-mode: normal;     box-shadow: 0 4px 8px rgba(0, 0, 0, .2);     font-size: 16px;     line-height: 48px;     padding: 0 15px;     border-radius: 40px; }  .head__button__red:hover {     background: linear-gradient(180deg, #ff4242, #66001d); }  .head__button__red__link {     color: #ffffff; }  .head__button__yellow {     background: linear-gradient(180deg, #FFBC29 0%, #E29D10 100%);     border-radius: 40px; }  .head__button__yellow:hover {     background: linear-gradient(180deg, #ffd700, #ffb41e); }  .head__button__yellow__link {     color: #000000; }  .hamburger-menu {     display: none; }  .menu__btn {     display: flex;     align-items: center;     position: fixed;     top: 20px;     right: 20px;     width: 26px;     height: 26px;     cursor: pointer;     z-index: 10; }   @media (max-width: 990px) {     .head .wrapper {       	padding: 15px;         justify-content: space-between;         position: relative;     }      .hamburger-menu {         display: block;     }      .menu__box {         display: block;         position: fixed;         visibility: hidden;         top: 0;         left: -100%;         width: 300px;         height: 100%;         margin: 0;         padding: 100px 0;         list-style: none;         text-align: left;         background-color: rgba(0, 0, 0, .9);         box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);         transition-duration: .25s;     }      .menu__item {         display: block;         padding: 12px 24px;         color: #fff;         font-family: 'Roboto', sans-serif;         font-size: 20px;         font-weight: 600;         text-decoration: none;         transition-duration: .25s;     }      #menu__toggle {         opacity: 0;     }      .menu__btn>span,     .menu__btn>span::before,     .menu__btn>span::after {         display: block;         position: absolute;         width: 100%;         height: 2px;         background-color: #ffffff;     }      .menu__btn>span,     .menu__btn>span::before,     .menu__btn>span::after {         transition-duration: .25s;     }      .menu__btn>span::before {         content: '';         top: -8px;     }      .menu__btn>span::after {         content: '';         top: 8px;     }      .active .menu__box {         left: 0;         visibility: visible;     } }  @media (max-width: 650px) {     .head__button__yellow {         display: none;     }      .head__button__red {         margin-right: 0;     }      .head .wrapper {         justify-content: flex-end;     }      .hamburger-menu {         width: 35px;     }      .head__button {         margin-right: 15px;     } }  @media (max-width: 450px) {     .head__logo__link img {         width: 100px;     }      .head__logo__link {         width: auto;     }      .head__button__inner {         padding: 0 5px;     }      .head__button {         margin-right: 5px;     }   .banner__pos__link {     width: 90%;   } }  .banner {     margin-top: 70px;     position: relative; }  .banner {     width: 100%;     background: #4f0e0b url(/shared/3478/border-head.webp) repeat-x 50% 100%;     min-height: 125px;     position: relative; }  .banner__pos {     position: absolute;     top: 20%;     left: 15%; }  .banner__img {     position: relative;     height: 120px; }  .banner__img img {     width: 100%;     height: 100%;     object-fit: cover;     opacity: 0.7; }  h1 {     color: rgb(242, 207, 22);     font-weight: bold;     font-size: 32px;     letter-spacing: .02rem;     margin: 0 0 8px;     text-align: center; }  .banner__pos__subtitle {     color: #ffffff;     font-weight: 700;     font-size: 16px;     line-height: 16px;     margin: 0 0 30px; }  .banner__pos__link {     background: linear-gradient(180deg, #FFBC29 0%, #E29D10 100%);     height: 48px;     font-size: 18px;     line-height: 48px;     color: #000;     text-align: center;     text-decoration: none;     display: block;     border-radius: 40px;     padding: 0 30px;     position: absolute;     bottom: 10%;     left: 50%;     transform: translateX(-50%); }  .banner__pos__link:hover {     background: linear-gradient(180deg, #FFD700 0%, #FFC700 100%); }  .menu {     position: absolute;     top: 5%;     right: 0; }  .menu .wrapper {     padding: 0; }  .top_menu {     display: flex;     justify-content: flex-end; }  .top_menu, .top_menu ul, .top_menu li, .bottom_menu, .bottom_menu ul, .bottom_menu li {     list-style-type: none;     list-style-image: none;     padding: 0px;     margin: 0px; }  .top_menu__link {     position: relative;     display: inline-block;     text-align: center;     text-transform: uppercase;     text-decoration: none;     transition: color .2s ease-in-out;     margin: 0 0 20px;     padding: 0 16px;     font-weight: 700;     line-height: 18px;     color: #fff; }  .top_menu__link:hover {     color: #FFD700; }  @media (max-width: 980px) {     .menu {         display: none;     }      .banner__pos {         left: 50%;         transform: translateX(-50%);         text-shadow: 0 0 10px rgba(0, 0, 0, 1);     }      .banner__img img {         opacity: 0.5;     }      .banner__pos {         width: 100%;         text-align: center;     }      .banner__pos {         top: 20px     }      .head__button__inner {         line-height: 30px;         font-size: 14px;     }      .menu__btn {         top: 15px;         right: 5px;     } }  .container {     max-width: 1200px;     margin: 0 auto;     padding: 0 15px; }  .content {     color: rgba(255, 255, 255, 0.8);     font-weight: 400;     line-height: 1.5;     margin: 0 0 16px; } .content a {     color: #f5af42;     font-weight: 600; } .content a:hover {   color: #f5b328;   text-decoration: none; } .promoPoster {     box-sizing: border-box;     height: inherit;     padding: 24px 32px 32px;     position: relative;     border-radius: 8px;     height: 192px;     position: relative;     background: url(/shared/3478/bg.webp) no-repeat;     background-size: cover;     margin-bottom: 20px; }  .promoPoster::after {     content: '';     position: absolute;     bottom: 0;     right: 0;     background-position: 100% 100%;     background-repeat: no-repeat;     background-size: contain;     height: 100%;     object-fit: contain;     object-position: center;     transition: transform .5s;     width: 100%; }  .promoPoster_2::after {     background-image: url(/shared/3478/cashback.webp); }  .promoPoster_3::after {     background-image: url(/shared/3478/trophy.webp); }  .promoPoster_4::after {     background-image: url(/shared/3478/1000k.webp); }  .promoPoster_5::after {     background-image: url(/shared/3478/wfortune.webp); }  .promoPoster .promo_action {     align-items: normal;     display: flex;     flex-direction: column;     height: 100%;     justify-content: space-between;     position: relative;     z-index: 999; }  .h2 {     line-clamp: 2;     -webkit-line-clamp: 2;     -webkit-box-orient: vertical;     color: #fff;     display: -webkit-box;     font-family: Mabry Pro, sans-serif;     font-size: 24px;     font-weight: 500;     line-height: 1;     line-height: 32px;     max-height: 64px;     overflow: hidden; }  .button_wrapper {     display: flex;     width: 176px; }  .button_wrapper .button {     align-items: center;     border-radius: 40px;     display: flex;     flex-direction: row;     justify-content: center;     position: relative;     text-align: center;     z-index: 0; }  .button.md {     color: #fff;     font-size: 16px;     font-weight: 400;     height: 48px;     line-height: 24px;     padding: 0 16px; }  .button.primary {     background: linear-gradient(180deg, #FFBC29 0%, #E29D10 100%);     box-shadow: 0 4px 12px 0 rgba(50, 7, 15, .04);     color: #000;     text-decoration: none; }  .promotion_wrap .promoBtn {     max-width: 176px;     width: 100%; }  .flex-between {     display: flex;     justify-content: space-between;     gap: 10px;     margin-top: 40px; }  .flex-between__left {     width: 70%; }  .flex-between__right {     width: 30%; }  .col_block {     background: none repeat scroll 0% 0% rgb(126, 5, 4);     padding: 12px 15px;     position: relative;     margin-bottom: 5px;     border-radius: 5px;     box-shadow: 0px 0px 8px 0px rgb(0, 0, 0); }  .support_block {     font-size: 13px;     color: rgb(255, 255, 255); }  .col_block {     box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.5);     background: none repeat scroll 0% 0% rgba(140, 0, 0, 0.45);     padding: 8px 12px 10px; }  .support_block {     background-image: url(/shared/3478/bg_support_sidebar.webp);     background-repeat: no-repeat;     background-position: 100% 100%; }  .arial_bold_18_yellow {     font-size: 19px;     font-weight: bold;     color: rgb(247, 219, 7);     font-family: Helvetica, Arial;     text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); }  #game_day {     padding: 6px 6px 10px; }  #game_day a.button {     background: none repeat scroll 0% 0% rgb(245, 175, 66);     display: block;     margin: 10px 20px 0px;     color: rgb(255, 255, 255);     text-decoration: none;     padding: 5px 0px;     text-align: center;     border-radius: 5px;     font-weight: 600;     text-shadow: 1px 1px 1px rgb(0, 0, 0);     box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);     cursor: pointer; }  #game_day a.button {     box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.2); }  @media (max-width: 980px) {     .flex-between {         flex-direction: column;     }      .flex-between__left {         width: 100%;     }      .flex-between__right {         width: 100%;     } }  .bottom_menu {     display: flex;     justify-content: space-between;     flex-wrap: wrap;     align-items: center;     margin: 0;     padding: 0;     margin-top: 26px;     list-style-type: none;     list-style-image: none;     gap: 15px; }  .bottom_menu li {     margin-left: 0px;     margin-right: 0px; }  .bottom_menu-inner__link {     text-decoration: none;     color: #ffffff; }  .bottom_menu-inner__link:hover {     color: #FFD700; }  .footer_pay {     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap;     margin: 15px; }  .footer_pay a {     padding: 0px 10px;     display: table-cell;     vertical-align: middle;     opacity: 0.5;     transition: all 0.3s ease 0s; }  .footer_secure {     padding: 10px 16px 6px;     text-align: center; }  .footer_secure img {     margin: 0px 15px 0px 0px;     opacity: 0.5;     transition: all 0.3s ease 0s;     filter: url("data:image/svg+xml;utf8,<svg version='1.1'xmlns='http://www.w3.org/2000/svg`height='0'><filter id='greyscale'><feColorMatrix type='matrix`values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#greyscale"); }  .footer_secure a {     text-decoration: none; }  #f_thawte {     position: relative;     top: -5px; }  #f_md5 {     position: relative;     top: -6px; }  #f_18 {     position: relative;     top: -5px; }  .footer_secure p {     margin: 3px 0px 0px;     font-size: 11px;     color: rgb(255, 255, 255);     opacity: 0.35; }  .arrow-up {     background: #31060e;     border-radius: 100%;     bottom: 68px;     cursor: pointer;     height: 40px;     left: unset;     opacity: 0;     pointer-events: none;     position: fixed;     top: unset;     transition: opacity .3s linear;     width: 40px;     z-index: 11;     height: 48px;     right: 16px;     width: 48px;     border: 1px solid rgb(245, 175, 66);     display: flex;     justify-content: center;     align-items: center;     cursor: pointer; }  .arrow-up .arrow {     bottom: auto;     left: auto;     position: absolute;     right: auto;     top: auto;     z-index: 1; }  .arrow path {     stroke: #ffc546; }  .arrow-up.show {     opacity: 1;     pointer-events: auto; }  .footer_pay a:hover {     opacity: 1; }  .iframe-block {     max-width: 850px;     margin: 0 auto;     width: 100%;     position: relative;     z-index: 0; }  .iframe {     position: relative;     z-index: 100;     margin-bottom: 15px;     width: 100%;     height: 550px; }  .iframe__item {     text-align: center;     position: relative;     width: 100%;     height: 100%; }  .iframe__item::before {     content: "";     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     background: url('/uploads/3228/pages/35031/35031.jpeg') center center / cover no-repeat;     filter: blur(10px);     z-index: -1; }  #loadIframeBtn, .show-support {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     z-index: 999;     padding: 10px 20px;     border-radius: 40px;     font-size: 16px;     font-weight: 600;     text-transform: uppercase;     cursor: pointer;     transition: all 0.3s ease;   	border: none;     max-width: 260px;     width: 100%; }  .show-support {     display: inline-block;     margin: 0 auto;     position: static;     margin-bottom: 20px;     transform: translate(0, 0);     text-align: center;     text-decoration: none;     line-height: 48px !important; }  .button {     text-align: center; }  .button:hover {     background: linear-gradient(180deg, #ffd700, #ffb41e); }  .iframe__wrapper, .iframe__inner {     width: 100%;     height: 100%; }  .iframe__item iframe {     width: 100%;     height: 100%;     border-radius: 12px;     margin-bottom: 22px; }  .button__wrapp {     display: flex;     justify-content: center; }  .content img {     max-width: 100%;     height: auto;     margin-bottom: 10px; }