html, body {   overflow-x: hidden; } body {     margin: 0;     padding: 0;     font-family: "Inter", sans-serif;     font-optical-sizing: auto;     font-weight: 400;     font-style: normal;     background-color: #232323;     font-size: 14px;     color: #FFFFFF; }  * {     box-sizing: border-box; }  .container {     max-width: 1170px;     width: 100%;     margin: 0 auto;     padding-left: 15px;     padding-right: 15px; }  .header {     background-color: #134D38;     padding: 20px 16px; }  .header__wrapper {     display: flex;     justify-content: space-between;     align-items: center; }  .btn__block {     display: flex;     gap: 15px; }  .btn {     display: inline-block;     border: none;     border-radius: 5px;     font-weight: 700;     text-align: center;     line-height: 14px;     cursor: pointer;     outline: none;     transition: opacity .4s;     font-size: 15px;     -webkit-margin-end: 8px;     margin-inline-end: 8px;     height: 40px;     min-width: 128px;     padding: 12px;     text-decoration: none; }  #loadIframeBtn.green, .green {     color: #ffffff;     background: #1a674b; } #loadIframeBtn.green {   width: 50%; } .green:hover {     opacity: 1;     color: #ffffff;     background: #21815f; }  .yellow {     color: #222222;     background: #ffc804; }  .yellow:hover {     color: #222222;     background: rgba(255, 200, 4, 0.8);     box-shadow: 0px 8px 16px 0px #FF880529;     transition: all .3s ease; }  .content {     text-align: left;     color: rgb(255, 255, 255);     font-weight: normal;     font-size: 14px; }  .banner__title {       font-size: 2em;     text-align: center; }  .content {     line-height: 1.5; }  .content ul {     list-style: none;     padding: 0; }  .content ul li {     padding: 10px 0 0 40px;     position: relative; }  .content ul li:before {     content: '';     display: block;     width: 25px;     height: 25px;     background: url(/shared/3182/svgrepo-com.svg);     background-size: contain;     position: absolute;     left: 10px;     top: 10px; }  table {     width: 100%;     border-collapse: collapse;     box-shadow: 0 0 24px #00000080; }  th, td {     padding: 8px;     text-align: left; }  tr:nth-child(even) {     background-color: #134D38; }  .content a {     text-decoration: none;     color: #ffc804;     font-weight: bold;     font-style: italic; }  .content a:hover {     text-decoration: underline; }  .content button {     background: none;     border: none;     display: block;     width: 100%; }  .content button a {     display: inline-block;     border: none;     border-radius: 5px;     font-weight: 700;     text-align: center;     line-height: 14px;     cursor: pointer;     outline: none;     transition: opacity .4s;     font-size: 15px;     -webkit-margin-end: 8px;     margin-inline-end: 8px;     height: 40px;     min-width: 128px;     padding: 12px;     text-decoration: none;     color: #222222;     background: #ffc804;     width: 100%; }  .content button a:hover {     color: #ffffff;     background: rgba(255, 200, 4, 0.8);     box-shadow: 0px 8px 16px 0px #FF880529;     transition: all .3s ease; } .author {     display: inline-block;     max-width: 500px;     text-decoration: none !important;     width: 100%; }  .author a {     color: #ffffff;     text-decoration: none; }  .author a:hover {     color: #ffc804; }  .postAuthorBottom {     border-radius: 0.7rem;     color: inherit;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     margin: 0 auto;     padding: 1rem;     align-items: center; }  .author__img {     display: inline-block;     width: 30%;     height: 100px; }  .author__img img {     margin: 0;     width: 100px;     height: 100px;     border-radius: 50%; }  .postAuthorBottom__info {     margin-left: 1rem; }  .postAuthorBottom__info__name {     font-size: 28px;     margin: 0; } .postAuthorBottom__info p {     margin: 0; } .iframe {     height: 575px; } .iframe__item {     height: 100%;     background: #000;     text-align: center;     position: relative; } iframe {     width: 100%;   	height: 100%; } .content #loadIframeBtn {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     z-index: 999; } .iframe__wrapper, .iframe__inner {   width: 100%;   height: 100%; } .game__pannel {     width: 100%;     height: 60px;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     text-align: center;     padding: 0 20px;     background-color: #134D38;     justify-content: center; } .game__pannel a {     color: #171717; } .game__pannel a:hover {     text-decoration: none;     color: #FFFFFF; } .footer {     background-color: #171717;     font-family: "Poppins", sans-serif;     font-weight: 400;     padding-block: 32px;     text-align: center;     margin-top: 40px; }  .footer__menu {     display: grid;     grid-template-columns: repeat(auto-fit, minmax(18%, auto));     grid-column-gap: 16px;     padding: 0 16px;     margin-bottom: 12px; }  .footer__menu__block {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column;     -webkit-box-align: start;     -ms-flex-align: start;     align-items: flex-start;     text-align: left;     margin: 10px 0; }  .footer__menu__block h4 {     font-weight: 700;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-pack: justify;     -ms-flex-pack: justify;     justify-content: space-between;     width: 100%;     cursor: pointer;     margin-bottom: 24px;     font-size: 14px;     color: #FFFFFF; }  .footer__menu__list {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column; }  .footer__menu__item {     margin-bottom: 12px;     line-height: 17px;     display: inline-block;     cursor: pointer;     color: #FFFFFF;     font-size: 14px;     text-decoration: none; }  .footer__menu__item:hover {     text-decoration: underline; }  .footerDevider {     background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.16) 50%, rgba(255, 255, 255, 0.00) 100%);     height: 2px;     max-width: 1200px;     margin: 0 auto; }  .footer__pay {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     max-width: 1170px;     padding: 0 16px;     margin: 24px auto;     gap: 20px 60px; }  .footer__pay svg {     opacity: .38;     fill: #FFFFFF; }  .footer__payments {     margin: 24px auto;     max-width: 1170px;     padding: 0 16px;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     gap: 32px; }  .footer .logo {     margin: 24px auto 24px;     font-size: 13px;     overflow: hidden; }  .respon {     position: relative;     padding: 0 48px 0 0;     font-size: 14px;     line-height: 32px;     font-weight: 600;     text-align: center;     margin-bottom: 24px; }  .respon:after {     content: "";     display: inline-block;     position: absolute;     top: 0;     margin: 0 0 0 10px;     width: 32px;     height: 32px;     background: url(/shared/3182/18.svg) no-repeat center;     background-size: contain; }  .footer p {     color: #D8D8D8;     font-weight: 400;     line-height: 20px;     padding: 0 15px;     margin: 0 auto 8px; }  .cookieWrap {     position: fixed;     bottom: 60px;     left: 50%;     -webkit-transform: translateX(-50%);     transform: translate(-50%);     display: -webkit-box;     display: -ms-flexbox;     display: none;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     gap: 16px;     width: 85%;     max-width: 512px;     min-height: 72px;     padding: 16px;     -webkit-backdrop-filter: blur(27.1828174591px);     backdrop-filter: blur(27.1828174591px);     border-radius: 6px;     z-index: 1000;     background: rgba(0, 0, 0, 0.60);     box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.45);     border: 1px solid #2a2a2a; }  .mainBtn {     display: inline-block;     padding: 12px 26px;     border: none;     border-radius: 5px;     font-weight: 700;     text-align: center;     font-size: 14px;     line-height: 14px;     cursor: pointer;     outline: none;     background: #FFFFFF;     color: #414141;     margin-left: auto;     margin-top: 0; }  .dmc {     margin: 24px auto; }  img {     max-width: 100%;     height: auto; }  @media (max-width: 1024px) {     .footer__menu {         grid-template-columns: repeat(auto-fit, minmax(32%, auto));     } }  @media (max-width: 570px) {     .block {         display: none;     }   img {      	float: none !important;         margin: 0 auto !important;         display: block !important;     }   th, td {       padding: 8px;       text-align: left;       font-size: 10px;   } }  @media (max-width: 490px) {     .green {         display: none;     }      .cookieWrap {         flex-direction: column;         align-items: center;     }      .mainBtn {         margin-left: 0;         margin-top: 0;         width: 100%;     }      .footer__menu {         display: block;     } }  .breadcrumbs-box {     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-pack: start;     -ms-flex-pack: start;     justify-content: flex-start;     -webkit-box-flex: unset;     -ms-flex: unset;     flex: unset;     margin-top: 20px; }  .breadcrumbs-box .allBtn {     width: 65px;     height: 50px;     border-radius: 3px;     -ms-flex-negative: 0;     flex-shrink: 0;     background-color: #283732;     color: #fff;   display: flex;     align-items: center;     justify-content: center; }  .allBtn svg {     position: relative;     top: 1px;     -webkit-transform: rotate(90deg) scale(.8);     transform: rotate(90deg) scale(.8);     fill: #fff; }  .breadcrumbs-box .breadcrumbs-list {     height: 50px;     -webkit-margin-start: 10px;     margin-left: 10px;     padding: 15px 25px;     font-size: 15px;     font-weight: 700;     border-radius: 3px;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     overflow: hidden;     background-color: #283732;  } .breadcrumbs-list a {     color: #D8D8D8;     unicode-bidi: embed;     font-size: 15px;     font-weight: 700;     white-space: nowrap; } .navDelimeter {     width: 2px;     border-radius: 5px;     height: 34px;     display: inline-block;     background-color: #d8d8d8;     margin: 0 20px; } .breadcrumbs-list .breadcrumbs-list__item {     padding: 0;       display: flex !important; }  .breadcrumbs-list .breadcrumbs-list__item:before {     display: none; } @media (max-width: 415px) {   .navDelimeter {     margin: 0 10px;   } }