html {     width: 100%;     height: 100%;     font-size: 10px; } body {     font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";     font-weight: 400;     font-size: 16px;     color: #ffffff;     line-height: 1.3;     border: 0;     margin: 0;     background-color: #000000;     padding: 0; } h1, h2, h3, h4, h5, h6 {     position: relative;     padding-bottom: .1rem;     color: #f9b242;     font-weight: 400; } a {     color: #f9b232; }  * {     box-sizing: border-box; }  a:hover {     text-decoration: none;     outline: 0; }  img {     max-width: 100%;     height: auto; }  p img {     margin: 15px 0; }  .container {     max-width: 1350px;     margin: 0 auto;     padding: 7px 10px 3px; }  .header {     position: fixed;     top: 0;     left: 0;     width: 100%;     background: rgba(19, 16, 14, .9);     box-shadow: 0 2px 10px #13100e;     transition: top 1s linear;     box-sizing: border-box;     z-index: 9500; }  .header__wrapper {     display: flex;     justify-content: space-between;     align-items: center; }  .logo {     width: 160px;     height: auto; }  .logo img {     width: 100%;     height: 100%; }  .button__users {     display: flex; }  .btn {     display: inline-block;     position: relative;     width: 100%;     margin: 0 -2px 0 0;     padding: 0 10px;     background-color: transparent;     border: none;     border-radius: 50px;     text-align: center;     color: #000;     font-weight: 700;     letter-spacing: 2px;     text-transform: uppercase;     text-decoration: none;     box-sizing: border-box;     overflow: hidden;     cursor: pointer;     line-height: 3.8rem; }  .header-auth, .header-register {     display: inline-block;     width: auto;     height: 48px;     line-height: 48px; }  .header-auth {     position: relative;     border-radius: 50px 0 0 50px; }  .btn-gold {     background: #f9b232;     border: 1px solid #f9b232; }  .btn-gold:hover {     background: #000;     border: 1px solid #f9b232;     color: #f9b232; }  .btn-green {     background: #3daa35;     border: 1px solid #3daa35;     border-radius: 50px; }  .header-register {     border-radius: 0 50px 50px 0; }  .btn-green:hover {     background: #000;     border: 1px solid #3daa35;     color: #3daa35; }  .nav__list {     list-style: none;     padding: 0;     margin: 0;     display: flex;     flex-wrap: wrap;     justify-content: center; } .nav__item {   position: relative; } .nav__link {     display: block;     position: relative;     padding: 14px 20px;     border-radius: 5px;     text-align: center;     color: #fff;     font-weight: 700;     letter-spacing: 1px;     text-transform: uppercase;     text-decoration: none;     box-sizing: border-box;     border: 1px solid #f9b34200; }  .nav__link:hover {     background: #13100e;     border: 1px solid #f9b242;     color: #f9b242; } .submenu {     position: absolute;     top: 100%;     width: 100%;     min-width: 200px;     padding: 10px 0 0;     transition: opacity .2s linear;     visibility: hidden;     opacity: 0;     z-index: -1;  	 background: #302d28;     border-radius: 5px;     box-shadow: 0 0 10px -3px #13100e;     text-transform: uppercase;     overflow: hidden; } .submenu__item {     line-height: 45px; } .submenu__link {     display: block;     position: relative;     padding: 0 0 0 40px;     color: #dcd9d5;     text-transform: capitalize;     text-decoration: none;     box-sizing: border-box;     font-size: 1.4rem; } .nav__item:hover .submenu {     visibility: visible;     opacity: 1;     z-index: 100; } .submenu__item:hover {     background: rgba(19, 16, 14, .7); } .submenu__item:hover .submenu__link {         color: #f9b242; } .nav-mobile-icon {     display: none; } .mobile-sidebar {     position: fixed;     top: 0;     left: -100%;     width: 80%;     height: 100%;     padding: 45px 0 65px;     background: #302d28;     box-sizing: border-box;     z-index: -1; }  @keyframes mobileMenuIn {     0% {         -webkit-transform: translate3d(-100%, 0, 0);         transform: translate3d(-100%, 0, 0);         opacity: 0;     }      100% {         -webkit-transform: translate3d(0, 0, 0);         transform: translate3d(0, 0, 0);         opacity: 1;     } } .blc-none {     width: 12%; } .mobile-bottom-bar {     display: none;     position: fixed;     right: 0;     bottom: -64px;     left: 0;     width: 100%;     min-width: 320px;     padding: 0 15px;     background: #13100e;     border-top: 1px solid #302d28;     box-sizing: border-box;     overflow: hidden;     z-index: 9500;     padding-right: 0; } .mobile-bottom-bar-grid {     display: flex;     justify-content: space-between;     align-items: center;     height: 48px; } .mobile-bottom-bar-grid__item {     font-size: 1rem; } .mobile-nav-bottom {     display: flex;     align-items: center;     height: 100%; } .mobile-nav-bottom__link {     padding: 5px 10px;     border-radius: 5px;     color: #fff;     letter-spacing: 1px;     text-transform: uppercase;     text-decoration: none; } @media only screen and (max-width: 992px) {     .nav {         display: none;     }      .nav-mobile-icon {         display: block;     }      .nav-mobile-icon {         position: relative;         width: 48px;         height: 48px;         cursor: pointer;         z-index: 210;     }      .nav-mobile-icon-line,     .nav-mobile-icon::after,     .nav-mobile-icon::before {         position: absolute;         top: 50%;         left: 50%;         width: 24px;         height: 3px;         margin: -1px 0 0 -10px;         background: #f9b242;     }      .nav-mobile-icon::after,     .nav-mobile-icon::before {         content: '';         transition: .2s ease -in-out;     }      .nav-mobile-icon::after {         margin: 5px 0 0 -10px;     }      .nav-mobile-icon::before {         margin: -7px 0 0 -10px;     }      .mobile-sidebar.active {         top: 70px;         left: 0;         padding: 0 16px;         -webkit-animation: .2s mobileMenuIn;         animation: .2s mobileMenuIn;         overflow: auto;         z-index: 9999;     }      .mobile-sidebar.active {         top: 62px;         height: 100%;     }      .nav-mobile {         margin: 15px 0 0;     }      .nav-mobile__link {         display: block;         padding: 8px 0;         color: #dcd9d5;         font-weight: 700;         letter-spacing: 2px;         text-transform: capitalize;         text-decoration: none;         font-size: 16PX;     }     .nav-mobile__link:hover {         color: #ededed;     }     .nav-mobile-icon.close {         background: #302d28;     }     .nav-mobile-icon.close::before {         margin: -1px 0 0 -10px;         -webkit-transform: rotate(-45deg);         transform: rotate(-45deg);     }     .nav-mobile-icon.close::after, .nav-mobile-icon.close::before {         transition: .2s ease-in-out;     }     .nav-mobile-icon.close .nav-mobile-icon-line, .nav-mobile-icon.close .nav-mobile-icon::after, .nav-mobile-icon.close .nav-mobile-icon::before {         display: none;     }     .nav-mobile-icon.close::after {         margin: -1px 0 0 -10px;         -webkit-transform: rotate(45deg);         transform: rotate(45deg);     }     .mobile-bottom-bar {         display: block;         bottom: 0;         transition: bottom .5s;     } } @media (max-width: 500px) {     .btn-gold {         display: none;     }     .header-register {         border-radius: 50px;     } } @media (max-width: 485px) {     .blc-none {         display: none;     } } @media (max-width: 420px) {     .header-auth, .header-register {         height: 39px;         line-height: 39px;         font-size: 12px;     }     .logo {         width: 120px;         height: auto;     }     } .main {     margin-top: 111px; } .main .container {     max-width: 1280px;     margin: 0 auto;     padding: 0 10px; } @media (max-width: 992px) {     .main {         margin-top: 63px;         padding-bottom: 63px;     } } .content {     margin: 32px 0; } .content ul {     margin: 0;     padding: 0; } .content ul li {     position: relative;     margin: 0 0 15px;     padding: 0 0 0 20px; }  .content ul li::before {     position: absolute;     top: 50%;     left: 0;     width: 5px;     height: 5px;     content: '';     background: #f9b242;     border-radius: 50%;     -webkit-transform: translateY(-50%);     transform: translateY(-50%); }  h1 {     font-size: 3.2rem;     color: #ededed;     font-weight: 700;     text-align: center;     padding: 15px 0; }  .content p {     margin: 15px 0 30px;     line-height: 1.5; }  iframe {     width: 100%; }  .content ul li {     list-style: none; } .post__author {     display: flex;     align-items: center;     gap: 14px;     padding: 12px;     border-radius: 9px;     font-size: 18px;     border: 1px solid #f9b232;     max-width: 570px;     background: #f9b34253;     margin-top: 35px; } .post__author__photo {     display: flex;     justify-content: center;     align-items: center;     width: 100px;     height: auto;     border-radius: 50%;     padding: 15px;     border: 1px solid #f9b232; } .post__author__info .name {     font-size: 28px;     color: #fffff2;     padding: 0;     margin-top: 0; } .post__author__info p {     margin: 5px 0 0; } .breadcrumbs-box {     margin: 0 0 15px;     padding: 0 0 5px;     border-bottom: 1px solid rgba(121, 121, 119, .3);     color: #797969; } .breadcrumbs-list {     list-style: none;     display: flex;     flex-wrap: wrap;     gap: 10px; } @media only screen and (max-width: 860px) {     .content {         flex-direction: column;     } }  @media only screen and (max-width: 570px) {     .content {         padding: 0 10px;     } }  .provider-list {     display: flex;     justify-content: space-between;     list-style: none;     padding: 0;     flex-wrap: wrap; } .provider-list__item {     padding: 0 15px 40px 15px; }  .pf-ainworth, .pf-amatic, .pf-belatra, .pf-betgames, .pf-betsoft, .pf-bfgames, .pf-bigtimegaming, .pf-blueprint, .pf-boominggames, .pf-booongo, .pf-elk, .pf-endorphina, .pf-evolutiongaming, .pf-eyecon_69159, .pf-gameart, .pf-gaming1x2, .pf-gaming2by2, .pf-gamshy, .pf-gamzix_76703, .pf-ganapati, .pf-genesis, .pf-habanero, .pf-hacksaw, .pf-irondog, .pf-justforwin, .pf-kalamba, .pf-liveg24, .pf-mascotgaming, .pf-netent, .pf-netgaming_99742, .pf-nextgen, .pf-nolimitcity, .pf-playngo, .pf-playson, .pf-playtech, .pf-pocketgames_93243, .pf-pragmatic, .pf-provision_61686, .pf-pushgaming, .pf-quickfire, .pf-quickspin, .pf-rabcat, .pf-realdealer_55184, .pf-realistic, .pf-redrake, .pf-redtiger, .pf-reel-play, .pf-relax, .pf-revelver, .pf-ruby, .pf-smartsoft, .pf-spinomenal, .pf-swintt, .pf-thunderkick, .pf-tomhorn, .pf-wazdan, .pf-yggdrasil {     background: url(/shared/3375/prod-fend-sprite-footer-icons.png) no-repeat; } .pf-smartsoft {     background-position: 0px -3375px;     width: 85px;     height: 30px; } .pf-quickfire {     background-position: 0px -2646px;     width: 92px;     height: 32px; } .pf-netent {     background-position: 0px -2014px;     width: 91px;     height: 32px; } .pf-yggdrasil {     background-position: 0px -3806px;     width: 132px;     height: 32px; } .pf-quickspin {     background-position: 0px -2737px;     width: 92px;     height: 32px; }  .pf-pushgaming {     background-position: 0px -2580px;     width: 124px;     height: 32px; }  .pf-betsoft {     background-position: 0px -315px;     width: 84px;     height: 32px; } .pf-relax {     background-position: 0px -3117px;     width: 103px;     height: 32px; } .pf-nolimitcity {     background-position: 0px -2148px;     width: 119px;     height: 32px; } .pf-elk {     background-position: 0px -791px;     width: 81px;     height: 32px; } .pf-thunderkick {     background-position: 0px -3561px;     width: 103px;     height: 32px; } .pf-playngo {     background-position: 0px -2244px;     width: 116px;     height: 32px; } .pf-amatic {     background-position: 0px -100px;     width: 104px;     height: 32px; } .pf-bigtimegaming {     background-position: 0px -495px;     width: 127px;     height: 32px; } .pf-endorphina {     background-position: 0px -857px;     width: 105px;     height: 48px; } .pf-blueprint {     background-position: 0px -561px;     width: 137px;     height: 32px; } .pf-habanero {     background-position: 0px -1533px;     width: 136px;     height: 28px; } .pf-booongo {     background-position: 0px -725px;     width: 132px;     height: 32px; } .pf-evolutiongaming {     background-position: 0 -940px;     width: 140px;     height: 18px; } .pf-redtiger {     background-position: 0px -2973px;     width: 132px;     height: 25px; } .pf-playtech {     background-position: 0px -2374px;     width: 132px;     height: 29px; } .pf-playson {     background-position: 0px -2311px;     width: 132px;     height: 27px; } .pf-pragmatic {     background-position: 0px -2470px;     width: 110px;     height: 48px; } .pf-gaming1x2 {     background-position: 0px -1087px;     width: 98px;     height: 40px; } .pf-gaming2by2 {     background-position: 0px -1162px;     width: 122px;     height: 33px; } .pf-ainworth {     background-position: 0px -64px;     width: 131px;     height: 35px; } .pf-boominggames {     background-position: 0px -658px;     width: 93px;     height: 32px; } .pf-genesis {     background-position: 0px -1440px;     width: 117px;     height: 27px; } .pf-irondog {     background-position: 0px -1660px;     width: 116px;     height: 22px; } .pf-justforwin {     background-position: 0px -1716px;     width: 96px;     height: 43px; } .pf-rabcat {     background-position: 0px -2772px;     width: 110px;     height: 33px; } .pf-wazdan {     background-position: 0px -3759px;     width: 161px;     height: 18px; } .pf-spinomenal {     background-position: 0px -3405px;     width: 179px;     height: 21px; } .pf-bfgames {     background-position: 0px -380px;     width: 63px;     height: 48px; } .pf-belatra {     background-position: 0px -167px;     width: 154px;     height: 47px; } .pf-ganapati {     background-position: 0px -1365px;     width: 125px;     height: 41px; } .pf-mascotgaming {     background-position: 0px -1947px;     width: 127px;     height: 33px; } .pf-betgames {     background-position: 0px -247px;     width: 152px;     height: 33px; } .pf-tomhorn {     background-position: 0px -3626px;     width: 108px;     height: 34px; } .pf-reel-play {     background-position: 0px -3036px;     width: 78px;     height: 49px; } .pf-liveg24 {     background-position: 0px -1854px;     width: 119px;     height: 28px; } .pf-gamshy {     background-position: 0px -1260px;     width: 135px;     height: 39px; } .pf-kalamba {     background-position: 0px -1792px;     width: 128px;     height: 28px; } .pf-ruby {     background-position: 0px -3279px;     width: 120px;     height: 30px; } .pf-hacksaw {     background-position: 0px -1593px;     width: 85px;     height: 30px; } .pf-gameart {     background-position: 0px -1023px;     width: 85px;     height: 30px; } .pf-swintt {     background-position: 0px -3496px;     width: 85px;     height: 30px; } .pf-revelver {     background-position: 0px -3214px;     width: 85px;     height: 30px; } .pf-redrake {     background-position: 0px -2892px;     width: 78px;     height: 49px; } .pf-provision_61686 {     background-position: 0px -2550px;     width: 105px;     height: 28px; } .pf-netgaming_99742 {     background-position: 0px -2085px;     width: 86px;     height: 23px; } .pf-pocketgames_93243 {     background-position: 0px -2435px;     width: 123px;     height: 33px; } .pf-eyecon_69159 {     background-position: 0px -995px;     width: 115px;     height: 28px; } .pf-realdealer_55184 {     background-position: 0px -2834px;     width: 109px;     height: 36px; } .pf-gamzix_76703 {     background-position: 0px -1337px;     width: 104px;     height: 27px; } .provider-list { 	display: flex; 	justify-content: space-between; 	list-style: none; 	padding: 0; 	flex-wrap: wrap; } .provider-list__item { 	padding: 0 15px 40px 15px; } .certificate-list { 	display: flex; 	justify-content: center; 	list-style: none; 	padding: 0; 	flex-wrap: wrap;     gap: 10px; } .footer {     background-color: #302d28;     padding: 50px 30px; } .footer__nav {     display: flex;     justify-content: space-around;     gap: 20px;     flex-wrap: wrap; } .footer__nav__list {     list-style: none;     padding: 0;     margin: 0; } .footer__nav__item {     margin: 5px 15px; }  .footer__nav__link {     color: #f9b242;     text-decoration: none;     transition: all .1s ease-in-out;     font-size: 1.8rem; }  .copyright-bar {     margin-top: 32px;     text-align: center;     font-size: 1.3rem; }  @media only screen and (max-width: 440px) {     .footer__nav {         display: flex;         justify-content: flex-start;     } }  .game__iframe {     margin: 0 auto 15px;   height: 500px; } .game__iframe iframe {     width: 100%;     height: 100%; }