:root {     color-scheme: light;     --c-bg: #fff;     --c-line: #d7d7d7;     --c-text: #565a60;     --c-legal: #848484;     --c-sky: #53bdf8;     --c-link: #227cd2;     --c-teal: #4db3f1;     --c-teal2: #4db4f3;     --c-rule: #dadcdd;     --c-blue-mid: #2c89db;     --c-blue-dk: #1f75cd;     --c-active: #1982db;     --c-ring: #b6d5e8;     --c-cta-bdr: #1250a6;     --c-ice: #f1fafe;     --c-navy: #003699;     --c-ft-top: #9fbfd5;     --c-ft-mid: #475d7c;     --c-ft-bot: #1f1f1f;     --c-header-bdr: #a7c6d4;     --c-overlay: rgba(0, 0, 0, .5);     --c-overlay2: rgba(0, 0, 0, .8);     --c-shadow-soft: rgba(0, 0, 0, .35);     --grad-btn: linear-gradient(to bottom, var(--c-teal) 0, var(--c-sky) 3%, var(--c-teal2) 19%, var(--c-blue-mid) 75%, var(--c-link) 97%, var(--c-blue-dk) 100%);     --grad-cta: linear-gradient(to bottom, var(--c-sky) 0, var(--c-link) 100%);     --font-open: 'Open Sans', Arial, sans-serif;     --font-ui: Verdana, Arial, sans-serif;     --font-pt: 'PT Sans', sans-serif;     --sh-header: 0 1px 1px var(--c-line); }  .scrshots, .secure-box ul, footer>.top ul, ul.styled {     list-style: none;     margin: 0;     padding: 0 }  .big-table table, .double-table table, .floatlist, .floattable, table {     border-collapse: collapse }  .big-table table, .border-box, .floatlist, table {     border-spacing: 0 }  body {     margin: 0;     font: 400 13px/15px Arial, sans-serif;     color: #6a6a6a;     background-color: var(--c-bg);     min-width: 320px }  article, footer, header {     margin: 0 auto }  article>div>p, article>p {     margin: 0;     padding: 0 0 2%;     line-height: 23px;     text-align: justify }  .clear-left {     clear: left }  .clear-right {     clear: right }  .clear-both {     clear: both }  .clearfix:after, .clearfix:before {     content: " ";     display: table }  .clearfix:after {     clear: both }  .clear-fix:after, .clear-fix:before {     content: '';     display: block;     clear: both;     height: 0;     line-height: 0;     visibility: hidden }  article, div, footer, header {     box-sizing: border-box }  .right {     float: right }  .left {     float: left }  .clear {     clear: both }  ul {     list-style-type: none }  article {     max-width: 1290px;     margin: 0 auto;     background-color: #f7f7f7;     padding: 0 30px }  article:after {     content: "";     display: table;     clear: both }  article.not-found {     text-align: center }  article.not-found img {     max-width: 100%;     height: auto }  article>strong {     display: block;     padding: 15px 0;     font: 700 16px/23px Tahoma, Verdana, Segoe, sans-serif;     color: #8a8a8a;     text-indent: 30px;     background: url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARAQMAAADuYb6HAAAAA1BMVEVvquL+HWbwAAAAC0lEQVQI12MgHQAAADMAAaCcAlEAAAAASUVORK5CYII=') left center no-repeat;     overflow: hidden }  h1, h2, h3 {     color: var(--c-text) }  h1 {     font: 700 24px/24px 'Open Sans Condensed', sans-serif;     padding: 15px 0 }  h2, h3 {     font: 700 22px/24px 'Open Sans Condensed', sans-serif;     padding-bottom: 15px }  h1.subheading, h2.subheading, h3.subheading, h4.subheading, h5.subheading, h6.subheading {     background: url(/shared/empty.gif) 0 5px no-repeat;     padding-left: 42px;     display: table }  h3.subheading, p.subheading {     background: url(/shared/empty.gif) 0 1px no-repeat;     display: table;     padding-left: 30px }  h3.subheading {     font: 700 16px tahoma, sans-serif;     color: #8a8a8a }  p {     font: 400 13px/23px Verdana, Geneva, sans-serif;     color: #575757;     padding-bottom: 20px;     text-align: justify }  p.subheading {     font: 700 16px tahoma, sans-serif;     color: #8a8a8a }  ul.rules {     background: var(--c-bg);     border: 1px solid var(--c-line);     overflow: hidden;     margin-bottom: 28px }  ul.rules.height1 li.txt {     min-height: 290px }  ul.rules li:first-child {     font: 700 19px/18px 'Open Sans Condensed';     text-align: center;     padding: 11px 0 }  ul.rules li.txt span.logo {     width: 100%;     text-indent: -9999px;     display: block;     height: 78px;     border-bottom: 1px solid var(--c-line);     border-top: 1px solid var(--c-line);     float: left }  ul.rules li span.logo:last-child {     border-right: 0;     display: block;     float: none;     width: auto;     overflow: hidden }  ul.rules li span.evolutiongam {     background: url(/shared/3836/pbox-evolutiongam.png) center center no-repeat var(--c-bg) }  ul.rules li span.playtech {     background: url(/shared/3836/pbox-playtech.png) center center no-repeat var(--c-bg) }  ul.rules li span.netent {     background: url(/shared/3836/pbox-netent.png) center center no-repeat var(--c-bg) }  ul.rules li span.microgaming {     background: url(/shared/3836/pbox-microgaming.png) center center no-repeat var(--c-bg) }  ul.rules li span.blackjack-atlantic {     background: url(/shared/3836/atlantic-city-blackjack.jpg) center center no-repeat var(--c-bg) }  ul.rules li span.blackjack-double {     background: url(/shared/3836/doublexposure-blackjack.jpg) center center no-repeat var(--c-bg) }  ul.rules li span.blackjack-multihand {     background: url(/shared/3836/multi-hand-vip-blackjack.jpg) center center no-repeat var(--c-bg) }  ul.rules li span.blackjack-super7s {     background: url(/shared/3836/super-7s-blackjack.jpg) center center no-repeat var(--c-bg) }  ul.rules li.txt {     width: 25%;     display: inline-block;     padding-bottom: 11px;     float: left;     text-align: right;     border-right: 1px solid var(--c-line);     min-height: 353px }  .check, ul.rules li.txt span {     text-align: left;     display: block }  ul.rules li.txt div {     display: inline-block;     width: 79%;     margin-left: auto;     margin-right: auto;     padding-right: 20px;     padding-top: 10px }  ul.rules li.txt:last-child {     border-right: none;     overflow: hidden;     width: auto;     float: none;     display: block }  ul.rules li.txt span:before {     content: '';     width: 5px;     height: 5px;     background: #bebebe;     margin-right: 10px;     display: inline-block }  ul.rules li.txt span {     color: var(--c-text);     font-size: 11px;     line-height: 22px;     text-indent: -13px }  img.left, img.right {     margin: 6px 0 10px;     box-shadow: 0 0 0 1px var(--c-line);     max-width: 100%;     height: auto }  img.right {     float: right;     margin-left: 20px }  img.left {     float: left;     margin-right: 20px }  img.up {     margin-top: -25px }  img.down {     box-shadow: none }  span.brand-rating-logo {     border: none !important;     background-color: transparent !important }  .check {     background: url(/shared/empty.gif) 0 center no-repeat;     padding-left: 22px;     vertical-align: middle }  .blue-btn, .btn-wrap, .logo-banking, .logo-big, .scrshots, .scrshots li:first-child, .scrshots.x3 li:first-child, footer, table.contribution>tbody>tr:first-child>td, table.contribution>thead>tr>th, ul.casino-more-info>li.align, ul.casino-more-info>li:first-child, ul.casino-more-info li:last-child {     text-align: center }  .btn {     position: relative;     background: var(--c-teal);     background: var(--grad-btn);     font: 600 18px var(--font-open);     color: var(--c-bg);     text-decoration: none;     padding: 4px 37px;     border-radius: 4px;     border: 1px solid var(--c-cta-bdr) }  .btn:before {     background: 0 0;     border: 2px solid var(--c-ring);     content: "";     display: block;     position: absolute;     top: -3px;     left: -3px;     right: -3px;     bottom: -3px;     pointer-events: none;     border-radius: 6px }  .blue-btn {     background: var(--c-sky);     background: var(--grad-cta);     border: 1px solid var(--c-cta-bdr);     color: var(--c-bg);     box-shadow: 0 0 0 2px var(--c-ring);     border-radius: 4px }  .blue-btn:hover {     background: repeat-x #59c0f9 }  .gradient {     filter: none }  .btn-wrap {     width: 100% !important;     padding: 0 !important;     margin-bottom: 22px;     margin-top: 14px }  ul.bullets {     margin-bottom: 22px;     margin-top: 3px }  ul.bullets li {     font: 400 13px/23px Verdana, Geneva, sans-serif;     color: #575757 }  ul.bullets li strong:before {     content: '';     width: 12px;     height: 12px;     display: inline-block;     background: #bbb;     margin-left: 35px;     margin-right: 15px }  .icons i {     display: inline-block;     text-indent: -9999px;     margin: 0 3%;     width: 53px;     height: 53px }  .icons.img-slots i {     background: url(/shared/3836/sloturi.png) no-repeat }  .icons.img-ruleta i {     background: url(/shared/3836/ruleta.png) no-repeat }  .icons.img-blackjack i {     background: url(/shared/3836/blackjack.png) no-repeat }  .icons.img-microgaming i {     background: url(/shared/3836/microgaming.png) no-repeat }  .icons.img-netent i {     background: url(/shared/3836/netent.png) no-repeat }  .icons.img-poker i {     background: url(/shared/3836/video-poker.png) no-repeat }  .icons.img-live i {     background: url(/shared/3836/blackjack-faces.png) no-repeat }  .icons i.a1 {     background-position: 0 0 }  .icons i.a2 {     background-position: -80px 0 }  .icons i.a3 {     background-position: -160px 0 }  .icons i.a4 {     background-position: -240px 0 }  .icons i.a5 {     background-position: 0 -70px }  .icons i.a6 {     background-position: -80px -70px }  .icons i.a7 {     background-position: -160px -70px }  .icons i.a8 {     background-position: -240px -70px }  .icons i.a9 {     background-position: 0 -140px }  .icons i.a10 {     background-position: -80px -140px }  .icons i.a11 {     background-position: -160px -140px }  .icons i.a12 {     background-position: -240px -140px }  .icons i.a13 {     background-position: 0 -210px }  .icons i.a14 {     background-position: -80px -210px }  .icons i.a15 {     background-position: -160px -210px }  .icons i.a16 {     background-position: -240px -210px }  .icons i.a17 {     background-position: 0 -280px }  .icons i.a18 {     background-position: -80px -280px }  .icons i.a19 {     background-position: -160px -280px }  .icons i.a20 {     background-position: -240px -280px }  .logo-games:before {     background: url(/shared/empty.gif) no-repeat;     width: 20px;     height: 20px }  .logo-games.slots:before {     width: 51px;     height: 53px;     background-position: 0 -122px }  .logo-games.roulette:before {     width: 65px;     height: 60px;     background-position: 0 -55px }  .logo-games.blackjack:before {     width: 64px;     height: 57px }  .logo-games.video-poker:before {     width: 60px;     height: 47px;     background-position: 0 -175px }  .logo-games.live-casino:before {     width: 60px;     height: 55px;     background-position: 0 -221px }  .logo.tick span:before {     background: url(/shared/empty.gif) no-repeat;     width: 20px;     height: 20px;     content: "" }  .logo.tick.yes span:before {     width: 24px;     height: 23px }  .logo.tick.no span:before {     width: 22px;     height: 23px;     background-position: 0 -23px }  .logo-secure-middle:before {     background: url(/shared/empty.gif) no-repeat;     width: 20px;     height: 20px;     content: "" }  .logo-secure-middle.gli:before {     width: 62px;     height: 22px;     background-position: 0 0 }  .logo-secure-middle.ecogra:before {     width: 83px;     height: 24px;     background-position: 0 -21px }  .logo-secure-middle.tst:before {     width: 64px;     height: 31px;     background-position: 0 -43px }  .logo-secure-middle.gc:before {     width: 118px;     height: 24px;     background-position: 0 -79px }  .logo-secure-middle.itech:before {     width: 33px;     height: 28px;     background-position: 0 -102px }  .logo-secure-middle.onjn:before {     width: 118px;     height: 33px;     background-position: 0 -129px }  .logo-secure-middle.gamcare:before {     width: 35px;     height: 38px;     background-position: 0 -159px }  .logo-secure-middle.ga:before {     width: 120px;     height: 15px;     background-position: 0 -195px }  .logo-device span, .logo-device:after, .logo-device:before {     display: inline-block;     vertical-align: middle;     background: url(/shared/empty.gif) no-repeat;     text-indent: -9999px }  .logo-device.android span, .logo-device.android:after, .logo-device.android:before {     width: 32px;     height: 36px }  .logo-device.ios span, .logo-device.ios:after, .logo-device.ios:before {     width: 44px;     height: 45px;     background-position: 0 -36px }  .logo-device.win span, .logo-device.win:after, .logo-device.win:before {     width: 33px;     height: 35px;     background-position: 0 -81px }  .logo-payment-big:after {     background: url(/shared/3836/logos-banking.png) no-repeat;     width: 20px;     height: 20px }  .logo-payment-big.paypal:after {     background-position: -6px -15px;     width: 109px;     height: 29px }  .logo-payment-big.skrill:after {     background-position: -25px -70px;     width: 75px;     height: 29px }  .logo-payment-big.paysafecard:after {     background-position: -10px -130px;     width: 105px;     height: 20px }  .logo-payment-big.neteller:after {     background-position: -5px -185px;     width: 110px;     height: 22px }  .logo-payment-big.wallet:after {     background-position: -160px -8px;     width: 45px;     height: 40px }  .logo-payment-big.paybyphone:after {     background-position: -25px -70px;     width: 75px;     height: 29px }  .logo-payment-big.entropay:after {     background-position: -142px -120px;     width: 78px;     height: 39px }  .logo-software-big:before {     background: url(/shared/3836/logo-software-big.png) no-repeat;     width: 60px;     height: 60px;     margin-bottom: 20px }  .logo-software-big.playtech:before {     width: 132px;     height: 30px;     background-position: 0 -157px }  .logo-software-big.dragonfish:before {     width: 165px;     height: 29px;     background-position: 0 0 }  .logo-software-big.evolution-gaming:before {     width: 112px;     height: 39px;     background-position: 0 -29px }  .logo-software-big.microgaming:before {     width: 170px;     height: 44px;     background-position: 0 -68px }  .logo-software-big.netent:before {     width: 123px;     height: 49px;     background-position: 0 -110px }  .logo-software-big.medialive:before {     width: 148px;     height: 27px;     background-position: 0 -188px }  .logo-software-big.extreme:before {     width: 112px;     height: 32px;     background-position: 0 -217px }  .logo-secure-big:before {     background: url(/shared/3836/logo-secure-big.png) no-repeat }  .logo-secure-big.gamcare:before {     width: 73px;     height: 78px;     background-position: 0 -102px }  .logo-secure-big.anonim:before {     width: 100px;     height: 72px }  .logo-secure-big.aware:before {     width: 208px;     height: 32px;     background-position: 0 -71px }  .logo-secure-big.responsible:before {     width: 178px;     height: 42px;     background-position: 0 -179px }  .logo-secure-big.therapy:before {     width: 157px;     height: 58px;     background-position: 0 -221px }  .logo-secure-big.joc:before {     width: 185px;     height: 45px;     background-position: 0 -278px }  .logo-secure span {     width: 30px;     height: 30px;     background: url(/shared/3836/logo-secure.png) no-repeat;     text-indent: -9999px;     display: inline-block;     vertical-align: middle }  .logo-secure.alderney-gambling-commission span {     background-position: -133px -138px;     width: 31px;     height: 33px }  .logo-secure.gambling-commission span {     background-position: -3px -194px;     width: 63px;     height: 17px }  .logo-secure.norton span {     background-position: -70px 0;     width: 49px;     height: 21px }  .logo-secure.iqnet span {     background-position: -133px -257px;     width: 34px;     height: 34px }  .logo-secure.joc span {     background-position: 0 -248px;     width: 68px;     height: 15px }  .logo-secure.rga span {     background-position: 0 -266px;     width: 68px;     height: 15px }  .logo-secure.skrill span {     background-position: -70px -132px;     width: 49px;     height: 17px }  .logo-secure.ungc span {     background-position: 0 -225px;     width: 68px;     height: 20px }  .logo-secure.awards-logo-egr-black span {     background-position: 0 -74px;     width: 51px;     height: 29px }  .logo-secure.gamble-aware span {     background-position: -2px -216px;     width: 66px;     height: 6px }  .logo-secure.comodo-secure span {     background-position: -72px -199px;     width: 55px;     height: 16px }  .logo-secure.ecogra span {     background-position: 0 0;     width: 57px;     height: 17px }  .logo-secure.egba span {     background-position: 0 -284px;     width: 68px;     height: 11px }  .logo-secure.essa span {     background-position: -70px -178px;     width: 47px;     height: 17px }  .logo-secure.gamble-waware span {     background-position: 0 -180px;     width: 68px;     height: 10px }  .logo-secure.gamblers-anonymous span {     background-position: -130px -66px;     width: 42px;     height: 33px }  .logo-secure.gambling-com span {     background-position: 0 -40px;     width: 55px;     height: 37px }  .logo-secure.gambling-theraphy span {     background-position: 0 -157px;     width: 57px;     height: 22px }  .logo-secure.gamcare span {     background-position: -130px 0;     width: 31px;     height: 35px }  .logo-secure.gbga span {     background-position: -70px -95px;     width: 44px;     height: 17px }  .logo-secure.gibraltar span {     background-position: -130px -36px;     width: 28px;     height: 31px }  .logo-secure.gli span {     background-position: -70px -22px;     width: 59px;     height: 16px }  .logo-secure.gt span {     background-position: -133px -294px;     width: 34px;     height: 28px }  .logo-secure.ibas span {     background-position: 0 -118px;     width: 56px;     height: 22px }  .logo-secure.int-gaming-awards span {     background-position: -70px -64px;     width: 39px;     height: 30px }  .logo-secure.itech span {     background-position: -130px -100px;     width: 37px;     height: 37px }  .logo-secure.mcafee span {     background-position: -2px -18px;     width: 60px;     height: 22px }  .logo-secure.mga span {     background-position: -70px -113px;     width: 57px;     height: 18px }  .logo-secure.microgaming span {     background-position: -70px -150px;     width: 49px;     height: 27px }  .logo-secure.nmi span {     background-position: -133px -174px;     width: 32px;     height: 16px }  .logo-secure.onjn span {     background-position: -133px -193px;     width: 34px;     height: 34px }  .logo-secure.playtech span {     background-position: -70px -39px;     width: 45px;     height: 24px }  .logo-secure.responsible888 span {     background-position: -133px -230px;     width: 38px;     height: 24px }  .logo-secure.rgt span {     background-position: 0 -104px;     width: 55px;     height: 13px }  .logo-secure.thawte span {     background-position: 0 -141px;     width: 61px;     height: 15px }  .logo-secure.verisign span {     background-position: -72px -217px;     width: 55px;     height: 23px }  .list-ticks li {     background: url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAmVBMVEUAAABGgkIMNA4VOhcPMA8bNRsSKxISJxMBAABawVty0Ws/pEpDpkxPrFAthTU8kT84okMzdjY1hj0kWikuXjEgUyIWQBoSMBIPIBAMFgwCAgGK/4N8/3lf5GlP01xw+29x2mxT+2lj6Wlo7Wdo4Gdi62VN82Fb0GFa7V9X21pK0VhS1lZD0Uo4ykIqtTgstzYmvzMdti8Vvye6JcCXAAAAG3RSTlMAqFhRTEo+OQX18u7k3MnEwa6ZgoFxYEkxHAiclI8cAAAAYElEQVQI1z2NVQ7EABBCp97duru7y/0PVx9+eCQQAGWoLDIX1zIGsY/Jj80o0j72mvznAzC6ewalLejThGymgapC4irY275YUvjn7zq5TkMZMO+YGruAwAsnSXlAsdzjB52GBZITkPPUAAAAAElFTkSuQmCC') 0 4px no-repeat }  .logo-small-afr, .logo-small-bfr {     position: relative }  .logo-small-afr:after, .logo-small-bfr:before {     display: block;     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     background: url(/shared/empty.gif) no-repeat;     content: '' }  .logo-small span {     display: inline-block;     vertical-align: middle;     background: url(/shared/empty.gif) no-repeat;     text-indent: -9999px }  .logo-small.casino888 img {     display: inline-block;     vertical-align: middle;     width: 49px;     height: 38px;     border: 0;     object-fit: none;     object-position: 0 0 }  .logo-small-afr.logo-casino888:after, .logo-small-bfr.logo-casino888:before, .logo-small.casino888 span {     background-position: 0 0;     width: 49px;     height: 38px }  .logo-small-afr.logo-leovegas:after, .logo-small-bfr.logo-leovegas:before, .logo-small.leovegas span {     background-position: 0 -38px;     width: 106px;     height: 36px }  .logo-small-afr.logo-betway:after, .logo-small-bfr.logo-betway:before, .logo-small.betway span {     background-position: 0 -74px;     width: 102px;     height: 30px }  .logo-small-afr.logo-ladbrokes:after, .logo-small-bfr.logo-ladbrokes:before, .logo-small.ladbrokes span {     background-position: 0 -104px;     width: 93px;     height: 20px }  .logo-small-afr.logo-mrgreen:after, .logo-small-bfr.logo-mrgreen:before, .logo-small.mrgreen span {     background-position: 0 -124px;     width: 52px;     height: 42px }  .logo-small-afr.logo-gala:after, .logo-small-bfr.logo-gala:before, .logo-small.gala span {     background-position: 0 -166px;     width: 60px;     height: 38px }  .logo-small-afr.logo-betvictor:after, .logo-small-bfr.logo-betvictor:before, .logo-small.betvictor span {     background-position: 0 -204px;     width: 98px;     height: 34px }  .logo-small-afr.logo-bet365:after, .logo-small-bfr.logo-bet365:before, .logo-small.bet365 span {     background-position: 0 -238px;     width: 92px;     height: 22px }  .logo-small-afr.logo-red32:after, .logo-small-bfr.logo-red32:before, .logo-small.red32 span {     background-position: 0 -260px;     width: 67px;     height: 32px }  .logo-small-afr.logo-mansion:after, .logo-small-bfr.logo-mansion:before, .logo-small.mansion span {     background-position: 0 -292px;     width: 105px;     height: 19px }  .logo-small-afr.logo-grosvenor:after, .logo-small-bfr.logo-grosvenor:before, .logo-small.grosvenor span {     background-position: 0 -312px;     width: 93px;     height: 34px }  .logo-small-afr.logo-casumo:after, .logo-small-bfr.logo-casumo:before, .logo-small.casumo span {     background-position: 0 -347px;     width: 101px;     height: 24px }  .logo-small-afr.logo-royalpanda:after, .logo-small-bfr.logo-royalpanda:before, .logo-small.royalpanda span {     background-position: 0 -372px;     width: 100px;     height: 34px }  .logo-small-afr.logo-inter:after, .logo-small-bfr.logo-inter:before, .logo-small.inter span {     background-position: 0 -407px;     width: 102px;     height: 25px }  .logo-small-afr.logo-netbet:after, .logo-small-bfr.logo-netbet:before, .logo-small.netbet span {     background-position: 0 -433px;     width: 95px;     height: 18px }  .logo-small-afr.logo-circus:after, .logo-small-bfr.logo-circus:before, .logo-small.circus span {     background-position: 0 -451px;     width: 100px;     height: 30px }  .logo-small-afr.logo-unibet:after, .logo-small-bfr.logo-unibet:before, .logo-small.unibet span {     background-position: 0 -480px;     width: 103px;     height: 18px }  .logo-small-afr.logo-fortuna:after, .logo-small-bfr.logo-fortuna:before, .logo-small.fortuna span {     background-position: 0 -497px;     width: 103px;     height: 15px }  .logo-small-afr.logo-winmasters:after, .logo-small-bfr.logo-winmasters:before, .logo-small.winmasters span {     background-position: 0 -511px;     width: 103px;     height: 25px }  .logo-game-afr {     position: relative }  .logo-game-afr:after {     display: block;     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     background: url(/shared/empty.gif) no-repeat;     content: '';     width: 120px;     height: 56px }  .logo-game-afr.logo-live-roulette:after {     background-position: 0 0 }  .logo-game-afr.logo-live-blackjack:after {     background-position: 0 -56px }  .logo-game-afr.logo-rng-roulette:after {     background-position: 0 -110px }  .logo-game-afr.logo-rms:after {     background-position: -120px 0 }  .logo-game-afr.logo-video-poker:after {     background-position: -120px -56px }  .logo-game-afr.logo-rng-blackjack:after {     background-position: -120px -110px }  .logo-banking span, .logo-banking:after, .logo-banking:before {     display: inline-block;     vertical-align: middle;     background: url(/shared/3836/logos-banking.png) no-repeat;     text-indent: -9999px }  .logo-banking.paypal span, .logo-banking.paypal:after, .logo-banking.paypal:before {     width: 104px;     height: 25px;     background-position: 0 0 }  .logo-banking.paysafecard span, .logo-banking.paysafecard:after, .logo-banking.paysafecard:before {     width: 97px;     height: 17px;     background-position: 0 -26px }  .logo-banking.neteller span, .logo-banking.neteller:after, .logo-banking.neteller:before {     width: 103px;     height: 18px;     background-position: 0 -44px }  .logo-banking.skrill span, .logo-banking.skrill:after, .logo-banking.skrill:before {     width: 68px;     height: 23px;     background-position: -110px 0 }  .logo-banking.ppphone span, .logo-banking.ppphone:after, .logo-banking.ppphone:before {     width: 78px;     height: 28px;     background-position: -110px -24px }  .logo-banking.entropay span, .logo-banking.entropay:after, .logo-banking.entropay:before {     width: 73px;     height: 36px;     background-position: -110px -54px }  .logo-banking.boku span, .logo-banking.boku:after, .logo-banking.boku:before {     width: 67px;     height: 25px;     background-position: -110px -91px }  .logo-banking.cards span, .logo-banking.cards:after, .logo-banking.cards:before {     width: 39px;     height: 35px;     background-position: -190px 0 }  .logo-more-afr:after, .logo-software-afr:after {     display: block;     top: 50%;     left: 50%;     content: '';     width: 120px;     height: 56px }  .logo-software-afr {     position: relative }  .logo-software-afr:after {     position: absolute;     transform: translate(-50%, -50%);     background: url(/shared/empty.gif) no-repeat }  .logo-software-afr.logo-playtech:after {     background-position: 0 0 }  .logo-software-afr.logo-microgaming:after {     background-position: -120px 0 }  .logo-software-afr.logo-netent:after {     background-position: 0 -56px }  .logo-more-afr {     position: relative }  .logo-more-afr:after {     position: absolute;     transform: translate(-50%, -50%);     background: url(/shared/empty.gif) no-repeat }  .logo-more-afr.logo-bonuses:after {     background-position: 0 0 }  .logo-more-afr.logo-mobile:after {     background-position: -120px 0 }  .logo-more-afr.logo-dealers:after {     background-position: 0 -56px }  .logo-more-afr.logo-rng:after {     background-position: -120px -56px }  .logo-more-afr.logo-rtp:after {     background-position: 0 -112px }  .logo-more-afr.logo-test:after {     background-position: -120px -112px }  .logo-big span, .logo-big:before {     display: inline-block;     vertical-align: middle;     background: url(/shared/3836/logo-big.png) no-repeat;     text-indent: -9999px }  .logo-big.eight span, .logo-big.eight:before {     background-position: 0 0;     width: 63px;     height: 50px }  .logo-big.lad span, .logo-big.lad:before {     background-position: -76px 0;     width: 128px;     height: 29px }  .logo-big.betway span, .logo-big.betway:before {     background-position: -76px -55px;     width: 93px;     height: 26px }  .logo-big.mrgreen span, .logo-big.mrgreen:before {     background-position: 0 -49px;     width: 72px;     height: 53px }  .logo-big.betvictor span, .logo-big.betvictor:before {     background-position: -76px -30px;     width: 105px;     height: 22px }  .logo-big.leovegas span, .logo-big.leovegas:before {     background-position: -76px -81px;     width: 95px;     height: 31px }  .logo-big.gala span, .logo-big.gala:before {     background-position: 0 -102px;     width: 70px;     height: 44px }  .logo-big.bet365 span, .logo-big.bet365:before {     background-position: 0 -148px;     width: 99px;     height: 22px }  .logo-big.red32 span, .logo-big.red32:before {     background-position: -76px -111px;     width: 76px;     height: 38px }  .logo-big.netbet img {     display: inline-block;     vertical-align: middle;     width: 95px;     height: 20px;     border: 0;     object-fit: none;     object-position: 0 -432px; }  .logo-big.unibet img {     display: inline-block;     vertical-align: middle;     width: 105px;     height: 18px;     border: 0;     object-fit: none;     object-position: 0 -480px; }  @media (width >=701px) {      .navigation>li,     header {         padding: 0;         position: relative     }      header {         margin: 6px auto;         border: 1px solid #a8c7d5;         background: url(/shared/3836/header-bg.jpg) 50% top no-repeat;         max-width: 1290px;         z-index: 99     }      header:after {         display: block;         clear: both;         content: ''     }      header:before {         float: right;         margin: 0;         background: url(/shared/3836/trust-bg.png) right center no-repeat;         width: 309px;         height: 43px;         content: ""     }      .navigation>li .nav-item:after,     .navigation>li ul li a.nav-link:before,     .navigation>li ul:before,     .navigation:after {         content: ''     }      header a.logo {         display: block;         float: left;         margin: 4px 25px;         width: 100%;         max-width: 285px;         height: 35px;     }      .logo__small {         display: none;     }      header .menu-icon {         display: none     }      .navigation {         display: inline;         float: left;         margin: 0;         padding: 0     }      .navigation:after {         display: block;         clear: both     }      .navigation>li {         float: left;         margin: 0 0 0 10px;         color: #131313;         font-family: var(--font-open);         font-size: 11px;         line-height: 13px;         text-transform: uppercase     }      .navigation>li:first-child {         margin-left: 0     }      .navigation>li .nav-item {         display: block;         position: relative;         padding: 0 25px;         height: 43px;         color: #131313;         line-height: 43px;         text-decoration: none     }      .navigation>li .nav-item:after {         display: block;         position: absolute;         bottom: 7px;         left: 50%;         transform: translateX(-50%);         transition: .2s ease-in-out;         background: #797979;         width: 0;         height: 4px     }      .navigation>li .nav-anchor {         display: block;         position: absolute;         top: 0;         right: 0;         background: url(/shared/empty.gif) center center no-repeat;         width: 20px;         height: 43px;         font-size: 0;         line-height: 0;         text-indent: -9999px     }      .navigation>li ul {         display: none;         position: absolute;         top: 100%;         left: 50%;         transform: translateX(-50%);         margin-top: 7px;         box-shadow: 0 3px 7px var(--c-shadow-soft);         border: 1px solid var(--c-header-bdr);         background: var(--c-bg);         padding: 15px;         width: 386px     }      .navigation>li ul:before {         display: block;         position: absolute;         top: -8px;         left: 0;         width: 100%;         height: 8px     }      .navigation>li ul li {         display: inline;         float: left;         margin: 10px 0 0 10px;         width: 122px;         color: #4d4d4d;         font-family: var(--font-ui);         font-size: 12px;         line-height: 22px;         text-transform: none     }      .navigation>li ul li:first-child,     .navigation>li ul li:nth-child(3n+4) {         margin-left: 0     }      .navigation>li ul li:first-child,     .navigation>li ul li:nth-child(2),     .navigation>li ul li:nth-child(3) {         margin-top: 0     }      .navigation>li ul li a {         display: block;         position: relative;         transition: .2s ease-in-out;         border: 1px solid #6ca8e1;         width: 120px;         height: 56px;         text-indent: -9999px     }      .navigation>li ul li a.logo-banking {         text-indent: 0;         line-height: 56px     }      .navigation>li ul li a:hover {         background-color: #d5effb     }      .navigation>li ul li a.nav-link {         display: block;         border: 0;         padding: 0 0 0 30px;         width: auto;         height: auto;         overflow: hidden;         color: #4d4d4d;         text-decoration: none;         text-indent: 0;         white-space: nowrap     }      .navigation>li ul li a.nav-link:before {         display: block;         position: absolute;         top: 50%;         left: 15px;         margin-top: -3px;         background: #6fa9e1;         width: 6px;         height: 6px     }      .navigation>li ul li a.nav-link:after {         display: none     }      .navigation>li ul.long {         width: 518px     }      .navigation>li ul.long li:nth-child(3n+4) {         margin-left: 10px     }      .navigation>li ul.long li:nth-child(4) {         margin-top: 0     }      .navigation>li:hover ul {         display: block     }      .navigation>li:hover .nav-item:after {         width: 100%     } }  table.contribution {     margin-bottom: 25px }  table.contribution>thead>tr>th {     font: 700 18px/26px 'Open Sans Condensed', sans-serif;     color: var(--c-text);     background-color: var(--c-bg);     border: 1px solid var(--c-line);     padding: 5px;     min-width: 490px }  table.contribution>tbody>tr:first-child>td {     width: 212px;     background-color: var(--c-ice);     border: 1px solid var(--c-line);     padding: 0 }  table.contribution>tbody>tr>td {     font: 700 18px/23px 'Open Sans Condensed', sans-serif;     background-color: var(--c-bg);     border: 1px solid var(--c-line);     padding: 8px 15px }  table.contribution>tbody>tr:first-child>td>span {     margin: 8px 0 0;     padding: 0 }  table.contribution>tbody>tr:last-child>td>span {     float: right;     color: var(--c-active);     font: 400 24px/24px 'Open Sans', sans-serif }  ul.casino-approved {     background-color: var(--c-bg);     border: 1px solid var(--c-line);     clear: both }  ul.casino-approved>li:first-child {     border-bottom: 1px solid var(--c-rule);     display: table;     height: 37px;     box-sizing: border-box;     width: 100%;     font: 11px/36px verdana, sans-serif;     color: #888d94;     text-align: center }  .grade {     font: 700 26px/13px 'Open Sans Condensed', sans-serif;     color: var(--c-text);     padding-top: 2px !important }  .rating {     font: 300 28px/16px 'Open Sans Condensed', sans-serif;     color: var(--c-text);     padding-top: 5px;     padding-bottom: 1px }  .rating>strong {     font: 700 28px/31px 'Open Sans Condensed', sans-serif;     color: var(--c-active) }  .rating-stars {     background: url(/shared/empty.gif) center no-repeat }  .rating-stars>hr {     margin-top: 6px;     height: 1px;     border: 0;     border-bottom: 1px solid var(--c-rule) }  ul.brand-rating>li>span.brand-rating-logo {     display: inline-block;     width: 100px;     height: 30px;     padding: 0 !important;     max-width: none !important;     background: url(/shared/3836/logo-sprite.png) no-repeat;     text-indent: -9999px;     vertical-align: middle }  ul.brand-rating>li>span.brand-rating-logo.casino888 {     width: 96px;     height: 27px;     background-position: 0 0 }  ul.brand-rating>li>span.brand-rating-logo.ladbrokes {     width: 103px;     height: 20px;     background-position: 0 -28px }  ul.brand-rating>li>span.brand-rating-logo.mrgreen {     width: 49px;     height: 38px;     background-position: -105px 0 }  ul.casino-more-info {     background-color: var(--c-bg);     border: 1px solid var(--c-line);     margin-bottom: 15px;     width: 268px;     min-height: 240px }  ul.brand-rating>li:first-child, ul.casino-more-info>li:first-child {     height: 50px;     line-height: 50px }  ul.casino-more-info li:last-child {     padding-top: 8px }  ul.casino-more-info li:last-child a {     font: 600 18px/32px 'Open Sans', sans-serif;     border-radius: 4px;     margin-top: 13px;     margin-bottom: 6px;     text-decoration: none;     padding: 0 36px;     display: inline-block }  ul.casino-more-info>li {     padding-top: 17px;     position: relative;     display: block }  ul.casino-more-info>li>span {     display: block;     font: 700 14px/30px 'Open Sans Condensed', sans-serif;     color: var(--c-text);     padding: 0 20px;     position: relative }  ul.casino-more-info>li:first-child {     border-bottom: 1px solid var(--c-rule);     display: table-cell;     font: 700 18px/20px 'Open Sans Condensed';     vertical-align: middle;     padding: 0 20px;     color: var(--c-text) }  .scrshots>li, .sprite, ul.casino-more-info>li.align>span {     display: inline-block }  .sprite {     background: url(/shared/3836/sprite.png) top left no-repeat;     width: 62px;     text-indent: -9999px;     margin: 0 9px;     vertical-align: middle }  .sprite.android-icon {     background-position: 0 0;     width: 30px;     height: 35px }  .sprite.blackjack {     background-position: 0 -37px;     height: 55px }  .sprite.ecogra {     background-position: 0 -94px;     height: 19px }  .sprite.egr {     background-position: 0 -115px;     width: 38px;     height: 37px }  .sprite.ga {     background-position: 0 -154px;     width: 48px;     height: 36px }  .sprite.ga_awards {     background-position: 0 -192px;     width: 67px;     height: 38px }  .sprite.gambling {     background-position: 0 -232px;     width: 58px;     height: 39px }  .sprite.gamcare {     background-position: -10px -273px;     width: 50px;     height: 31px }  .sprite.ios-icon {     background-position: 0 -306px;     width: 43px;     height: 47px }  .sprite.mc_secure {     background-position: 0 -355px;     width: 61px;     height: 21px }  .sprite.paypal {     background-position: 0 -378px;     width: 99px;     height: 26px }  .sprite.responsible {     background-position: 0 -406px;     width: 88px;     height: 22px }  .sprite.roulette {     background-position: 0 -430px;     width: 68px;     height: 64px }  .sprite.slots {     background-position: 0 -496px;     width: 49px;     height: 50px }  .sprite.video-poker {     background-position: 0 -548px;     width: 57px;     height: 46px }  .sprite.windows-icon {     background-position: 0 -596px;     width: 31px;     height: 34px }  .scrshots {     padding: 0 0 0 25px;     margin: 0 0 20px;     font: 400 12px verdana, sans-serif;     border: 1px solid var(--c-line);     background: var(--c-bg);     overflow: hidden;     width: 100%;     box-sizing: border-box; }  .scrshots.blackjack {     padding-top: 25px;     padding-bottom: 25px }  .scrshots.slot {     padding-top: 25px;     padding-bottom: 0 }  .scrshots.blackjack li:first-child {     padding: 0 }  .scrshots li:first-child, .scrshots.x3 li:first-child {     float: none;     width: auto;     font: 700 16px/20px Tahoma, sans-serif;     color: var(--c-text);     padding: 30px;     display: block }  .scrshots.slot li:first-child, .scrshots.x3 li:first-child {     padding: 0 }  .scrshots li a {     position: relative;     display: block;     max-width: 275px;     margin: 0 22px 0 auto }  .scrshots li:last-child a {     margin-right: 25px }  .scrshots li em, .scrshots li span {     display: block;     line-height: 18px;     padding: 20px 0;     color: var(--c-text) }  footer, footer>span.footer-wrapper>.left {     color: #99a3b1 }  .scrshots li img {     max-width: 100%;     height: auto }  .screen1 i, .scrshots li a i {     position: absolute;     right: 0;     bottom: 2px;     display: block;     width: 32px;     height: 32px;     background: url(/shared/empty.gif) no-repeat var(--c-bg);     text-indent: -9999px;     margin-right: 0 }  .scrshots.v2 li a i {     background: 0 0;     width: 100%;     height: 100%;     opacity: 0 }  .scrshots.v2 li:hover a i {     background: url(/shared/empty.gif) center center/contain no-repeat;     opacity: .9 }  .scrshots li:hover a i {     background: url(/shared/empty.gif) no-repeat }  ul.scrshots>li {     float: left;     width: 25%;     overflow: hidden }  ul.scrshots>li:first-child {     float: none;     display: block }  footer {     font: 400 13px/18px Verdana, Geneva, sans-serif;     border-bottom: 1px solid var(--c-bg);     background-color: var(--c-legal) }  footer>span.footer-wrapper {     max-width: 1260px;     margin: 0 auto;     display: block;     padding: 20px 0;     overflow: hidden }  footer>span.footer-wrapper a, footer>span.footer-wrapper span {     color: var(--c-bg) }  footer>span.footer-wrapper a {     text-decoration: none;     padding-left: 20px }  footer>span.footer-wrapper a:hover {     text-decoration: underline }  footer>span.footer-wrapper a.lang {     display: inline-block;     width: 22px;     height: 17px;     padding: 0;     margin: 0 5px;     background: url(/shared/3836/flags.png) 0 -17px no-repeat;     text-indent: -9999px }  footer>span.footer-wrapper a.lang.de {     background-position: -22px 0 }  footer>span.footer-wrapper a.lang.de:hover {     background-position: -22px -17px }  footer>span.footer-wrapper a.lang.es {     background-position: -44px 0 }  footer>span.footer-wrapper a.lang.es:hover {     background-position: -44px -17px }  footer>span.footer-wrapper a.lang.dk {     background-position: -66px 0 }  footer>span.footer-wrapper a.lang.dk:hover {     background-position: -66px -17px }  footer>span.footer-wrapper a.lang.ro {     background-position: -88px 0 }  footer>span.footer-wrapper a.lang.ro:hover {     background-position: -88px -17px }  footer>span.footer-wrapper a.lang.it {     background-position: -110px 0 }  footer>span.footer-wrapper a.lang.it:hover {     background-position: -110px -17px }  .legal-t {     background: url(/shared/3836/legal-t-1.png) 50% no-repeat var(--c-legal);     height: 334px;     position: relative }  .legal-t a {     font-size: 0;     line-height: 0;     text-decoration: none;     overflow: hidden;     width: 118px;     height: 14px;     position: absolute;     top: 285px;     left: 50%;     margin-left: -10px }  @media (width >=412px) {     .legal-t {         background-image: url(/shared/3836/legal-t-2.png);         height: 276px     }      .legal-t a {         top: 233px;         margin-left: 21px     } }  @media (width >=600px) {     .legal-t {         background-image: url(/shared/3836/legal-t-3.png);         height: 192px     }      .legal-t a {         top: 148px;         margin-left: 137px     } }  @media (width >=768px) {     .legal-t {         background-image: url(/shared/3836/legal-t-4.png);         height: 156px     }      .legal-t a {         top: 112px;         margin-left: 52px     } }  @media (width >=1024px) {     .legal-t {         background-image: url(/shared/3836/legal-t-5.png);         height: 132px     }      .legal-t a {         top: 90px;         margin-left: -76px     } }  @media (width >=1280px) {     .legal-t {         background-image: url(/shared/3836/legal-t-6.png);         height: 120px     }      .legal-t a {         top: 75px;         margin-left: -211px     } }  .tlogo {     background: url(/shared/3836/sprite.png) no-repeat;     width: 130px;     display: table;     margin: 0 auto }  .tlogo.eight {     background-position: 0 -25px;     height: 68px }  .tlogo.mrgreen {     background-position: 0 -133px;     height: 72px }  .tlogo.ladbrokes {     background-position: 0 0;     height: 25px }  .tlogo.betway {     background-position: 0 -94px;     height: 39px }  @media (width <=1305px) {     table.requirements.rigth {         margin: 0 auto 25px     }      table.contribution {         float: none;         margin-left: auto;         margin-right: auto;         width: 100%     } }  @media (width <=1290px) {     header:before {         display: none     }      header a.logo {         margin-right: 1%     }      .navigation {         display: table;         float: none;         margin: 0 auto     }      .navigation>li:last-child ul {         right: 0;         left: auto;         transform: translateX(0);     } }  @media (width <=1170px) {     table.contribution>tbody>tr>td {         width: 25%;         text-align: center     }      table.contribution>tbody>tr:last-child>td>span {         float: none;         width: 100%;         display: block;         text-align: center     } }  @media (width <=1152px) {     ul.rules li.txt {         min-height: 375px     } }  @media (width <=1050px) {     .scrshots li {         width: 23%     } }  @media (width <=980px) {     header:before {         width: 182px     }      ul.rules li.txt {         width: 50%;         min-height: 353px     }      ul.rules li.txt:nth-child(odd) {         border-right: none;         overflow: hidden;         width: auto;         float: none;         display: block     }      ul.rules li span.p3,     ul.rules li span.p4 {         border-top: 1px solid var(--c-line)     } }  @media (width <=960px) {     header a.logo {         display: none;     }      .logo__small {         display: block;         float: left;         margin-right: 1%;         margin-left: 1%;         width: 32px;         overflow: hidden;     }      .logo__small img {         position: relative;         left: -87px;     }      .navigation>li:first-child ul {         left: 0;         transform: translateX(0);     } }  @media (width <=840px) {     header:before {         content: none     }      article {         padding: 0 1%     }      ul.scrshots {         padding-left: 0     }      ul.scrshots>li {         float: left;         width: 50%;         overflow: hidden     }      .scrshots li a,     .scrshots li:last-child a {         margin: 0 auto     }      .scrshots.blackjack {         padding-bottom: 0     }      .scrshots.blackjack li a {         margin-bottom: 25px     }      .scrshots.slot li a {         margin-bottom: 0     } }  @media (width <=768px) {      footer>span.footer-wrapper>.left,     footer>span.footer-wrapper>.right {         width: 100%;         float: none;         display: block     }      img.right {         margin-top: 0     }      img.right.up {         margin: 6px 0 10px 20px     }      table.contribution>tbody>tr>td {         text-align: center     }      table.contribution>tbody>tr:last-child>td>span {         display: block;         padding-top: 14px;         text-align: center;         float: none     }      footer>span.footer-wrapper>.left {         padding-bottom: 20px     } }  @media (width <=700px) {      .navigation,     header {         box-sizing: border-box     }      .navigation>li ul:after,     header:after {         clear: both;         content: ''     }      .navigation,     header .menu-icon {         transition: .2s ease-in-out     }      .navigation>li .nav-item:before,     .navigation>li ul li a.logo-game-afr:before,     .navigation>li ul:after,     header .menu-icon:after,     header .menu-icon:before,     header:after {         content: ''     }      header {         position: fixed;         top: 0;         left: 0;         box-sizing: border-box;         margin: 0;         box-shadow: var(--sh-header);         border: 1px solid var(--c-header-bdr);         background: var(--c-bg);         padding: 0;         width: 100%;         min-width: 320px;         height: 42px;         z-index: 99     }      header:after {         display: block     }      header a.logo {         display: block;         margin: 6px auto;         width: 100%;         max-width: 240px;         height: 30px;     }     .logo__small {         display: none;     }     header .menu-icon {         display: block;         position: absolute;         top: -1px;         left: -1px;         transform: rotate(0);         z-index: 10;         transition: .2s ease-in-out;         cursor: pointer;         margin: 0;         width: 50px;         height: 42px     }      header .menu-icon.open,     header .menu-icon:hover {         background: var(--c-active)     }      header .menu-icon span,     header .menu-icon:after,     header .menu-icon:before {         display: block;         position: absolute;         left: 14px;         transform: rotate(0);         opacity: 1;         transition: .25s ease-in-out;         background: var(--c-navy);         width: 20px;         height: 2px;         font-size: 0;         line-height: 0;         text-indent: -9999px     }      header .menu-icon:before {         top: 14px     }      header .menu-icon span {         top: 20px     }      header .menu-icon:after {         top: 26px     }      header .menu-icon.open span,     header .menu-icon.open:after,     header .menu-icon.open:before,     header .menu-icon:hover span,     header .menu-icon:hover:after,     header .menu-icon:hover:before {         background: var(--c-bg)     }      header .menu-icon.open:before {         top: 20px;         transform: rotate(135deg)     }      header .menu-icon.open span {         left: -60px;         opacity: 0     }      header .menu-icon.open:after {         top: 20px;         transform: rotate(-135deg)     }      .navigation {         position: fixed;         top: 42px;         left: -360px;         transition: .2s ease-in-out;         box-sizing: border-box;         background: var(--c-active);         padding: 20px;         width: 100%;         max-width: 360px     }      .navigation>li,     .navigation>li .nav-item {         position: relative;         display: block     }      .navigation.open {         left: 0     }      .navigation>li {         margin: 5px 0 0;         padding: 0;         min-width: 280px;         min-height: 50px     }      .navigation>li .nav-item {         transition: .2s ease-in-out;         border-radius: 2px;         background: #d3ebf8;         padding: 0 80px 0 50px;         color: #272727;         font-family: var(--font-pt);         font-size: 16px;         line-height: 50px;         text-decoration: none     }      .navigation>li .nav-item:before {         display: block;         position: absolute;         top: 50%;         left: 7px;         margin-top: -17px;         background: url(/shared/empty.gif) no-repeat;         width: 35px;         height: 35px     }      .navigation>li .nav-item.casino-games:before {         background-position: 0 0     }      .navigation>li .nav-item.casino-reviews:before {         background-position: -35px 0     }      .navigation>li .nav-item.safe-banking:before {         background-position: 0 -35px     }      .navigation>li .nav-item.secure-software:before {         background-position: -35px -35px     }      .navigation>li .nav-item.more-topics:before {         background-position: 0 -70px     }      .navigation>li .nav-anchor {         display: block;         position: absolute;         top: 0;         right: 0;         cursor: pointer;         border-radius: 0 2px 2px 0;         background: #002a53;         width: 74px;         height: 50px;         font-size: 0;         line-height: 0;         text-indent: -9999px     }      .navigation>li .nav-anchor:after,     .navigation>li .nav-anchor:before {         display: block;         position: absolute;         top: 24px;         left: 24px;         transition: .25s ease-in-out;         background: var(--c-bg);         width: 24px;         height: 2px;         content: ''     }      .navigation>li .nav-anchor:before {         transform: rotate(-90deg)     }      .navigation>li:hover .nav-item {         background: var(--c-bg)     }      .navigation>li:first-child {         margin: 0     }      .navigation>li ul {         display: block;         transform: scale(0);         height: 0;         position: relative;         overflow: hidden     }      .navigation>li ul:after {         display: block     }      .navigation>li ul li {         display: inline;         float: left;         margin: 10px 0 0 3.5%;         width: 48.25%;         color: #4d4d4d;         font-family: var(--font-ui);         font-size: 11px;         line-height: 22px;         text-transform: none;         transform: scale(0);     }      .navigation>li ul li:first-child,     .navigation>li ul li:nth-child(odd) {         margin-left: 0     }      .navigation>li ul li a {         display: block;         position: relative;         transition: .2s ease-in-out;         border: 1px solid #6ca8e1;         width: auto;         height: 56px;         text-indent: -9999px;         padding: 0;         background: var(--c-bg)     }      .navigation>li ul li a.logo-banking {         text-indent: 0;         line-height: 56px     }      .navigation>li ul li a:after {         opacity: 0;         transition: .8s ease-in-out     }      .navigation>li ul li a.logo-game-afr {         background: var(--c-bg);         border-radius: 2px;         height: 50px;         display: block;         padding: 0 80px 0 50px;         font-family: var(--font-pt);         font-size: 16px;         line-height: 50px;         color: #272727;         margin: 5px 0 0;         border: 0;         width: 100%;         text-indent: 0;         box-sizing: border-box;         text-decoration: none     }      .navigation>li ul li a.logo-game-afr:before {         position: absolute;         top: 50%;         left: 12px;         margin-top: -11px;         width: 22px;         height: 22px;         background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuZJREFUeNqcVV1ImlEYfrQmsy0hmKlDYRODbYTtByRqI6K/iyRvYlQXQd50MQQhyO7qputgdBGDQOpijPCi6GIYOKVso61djEnajxjRTNqabM3SYu19PxRkfV9aDzyccz7Oeb7z/h4ZLoaSeJ9oIt4iKoh/iN+Ia8So1EGZxPcbRCvxgU6nU7S1tcFsNqOsrAzxeBzLy8tYWFjgfT+I74nBYoQfEm2NjY3XHQ4HOjo6UFJScm5TNBrF3NwcXC4XMpnMJn16TUxJCT8iPh8ZGcHw8DCKwc7ODrq7uxEMBr/T8hXx9//Ct4mOiYkJ9Pf347Kor69nF8Vp+jJfmG112e328snJSVwF6XQaBoMB+/v772jpzTnPUllZWbO4uHjuwPb2NiKRCPR6/YXCpaWlwh6Px3OXlj559vuTnp4e0QOcBbW1tejt7S14666uLqjVauGiLKwhGvr6+kQ3s+j8/Dymp6dRXV2NRCIhKSyTyUDu5GkNCxspV4U8lUJ7eztSqRSnFbRabS6HRdHU1MRDOQurjEZjQTOVSiXW19cxNDSE1tZWjI6Oiu6rqKjg4RoL/z09PS0q8nt7e/D7/dBoNIJbxHB2diYMLPxzY2OjoChXGbtMLpdjd3cXNptN8ueEDAtvHRwcYGlpSXTj0dEROjs7BaGxsTGuMNESz4EDTUgKNyZuShXGysoKZmdn4fV64XQ6L7Tq+PgYU1NTPP2Yy+MPMzMzQuTF0u3k5AQtLS0F3TU+Ps7iHLCv+b3iBXU0vc/nu1JJc4WaTCZQInho+SnfWeFYLPaMzWlubr6UaDKZhMVi4TFEy7e55pNDhhih4FjC4TCsVqtQ/4XATb+uro6zYYuWbuR1tXz8Yv+EQqE7brf7Jt+kqqoKKpXqnGAgEMDg4CAGBgY4Nty93hTzNDGeEh9T/esaGhrA1alQKHB4eIjV1VWsrfGThy/Ez2xpsW9ePu4Rtdl3kC1MZ1+JWPZRFcU/AQYAzbAIfrPESPIAAAAASUVORK5CYII=) no-repeat     }      .navigation>li ul li a.logo-game-afr:after {         display: none     }      .navigation>li ul li a.logo-game-afr:first-child {         margin: 0     }      .navigation>li:first-child ul li {         float: none;         display: block;         width: 100%;         margin: 10px 0 0     }      .navigation>li.open .nav-anchor:before {         transform: rotate(-225deg)     }      .navigation>li.open .nav-anchor:after {         transform: rotate(-135deg)     }      .navigation>li.open ul {         display: block;         transform: scale(1);         height: auto     }      .navigation>li.open ul li {         transform: scale(1)     }      .navigation>li.open ul li a:after {         opacity: 1     }      .navigation>li.close {         transform: scale(0);         min-height: 0;         height: 0;         margin: 0     }      article {         padding-top: 62px     } }  @media (width <=640px) {      footer,     h1,     h2,     h3 {         text-align: center     }      h1 {         padding: 10px 0     }      h1.subheading,     h2.subheading,     h3.subheading,     h4.subheading,     h5.subheading,     h6.subheading {         background-position: 0 19px;         padding-top: 15px     }      article {         padding: 62px 1% 10px     }      img.left,     img.right,     img.right.down,     img.right.up {         display: block;         float: none;         margin: 20px auto     }      ul.brand-rating.left,     ul.casino-more-info.left {         display: block;         float: left     }      ul.casino-approved {         margin: 0 auto;         display: block;         max-width: 442px     }      .scrshots li {         float: left;         width: 48%;         padding: 0 1%     }      ul.scrshots>li {         width: auto;         float: none     }      ul.rules li.txt div {         width: 87%     }      footer {         background-color: var(--c-text);         border-bottom: 1px solid var(--c-bg);         font: 400 13px/18px Verdana, Geneva, sans-serif;         color: #99a3b1;         padding: 20px 0;         max-width: 100%     }      footer span {         color: var(--c-bg)     } }  .lb-loader, .lightbox {     position: absolute;     text-align: center;     line-height: 0 }  @media (width <=517px) {      ul.rules li.txt,     ul.rules li.txt:nth-child(odd) {         width: 100%     }      ul.rules li.txt span.logo {         border-top: 1px solid var(--c-line)     }      ul.rules li.txt span.logo.p1 {         border-top: none     }      ul.rules li.txt {         min-height: auto     } }  @media (width <=480px) {      ul.brand-rating.left,     ul.casino-more-info.left {         display: block;         float: none;         margin: 0 auto 10px;         text-align: center     }      ul.casino-approved {         display: none     }      ul.rules {         margin-bottom: 15px     }      footer>span.footer-wrapper a {         padding-left: 0;         display: block;         padding-bottom: 20px     }      footer>span.footer-wrapper {         padding: 20px 0 0     } }  @media (width <=420px) {      table.top-t.roulette td.bonus,     table.top-t.slot td.bonus {         display: none     } }  @media (width <=330px) {     table.top-t td.last {         width: 15%;         min-width: 132px     } }  body:after {     content: url(/shared/3836/close.png) url(/shared/3836/loading.gif) url(/shared/3836/prev.png) url(/shared/3836/next.png);     display: none }  .floatlist td.icon:before, .lb-dataContainer:after, .lb-outerContainer:after {     content: "" }  .lightboxOverlay {     position: absolute;     top: 0;     left: 0;     z-index: 9999;     background-color: #000;     opacity: .8;     display: none }  .lightbox {     left: 0;     width: 100%;     z-index: 10000;     font-weight: 400 }  .lightbox .lb-image {     display: block;     height: auto;     max-width: inherit;     border-radius: 3px }  .lightbox a img {     border: none }  .lb-outerContainer {     position: relative;     background-color: var(--c-bg);     width: 250px;     height: 250px;     margin: 0 auto;     border-radius: 4px }  .lb-outerContainer:after {     display: table;     clear: both }  .lb-container {     padding: 4px }  .lb-loader {     top: 43%;     left: 0;     height: 25%;     width: 100% }  .fancybox-wrap, .lb-nav {     position: absolute;     top: 0;     left: 0 }  .lb-cancel {     display: block;     width: 32px;     height: 32px;     margin: 0 auto;     background: url(/shared/3836/loading.gif) no-repeat }  .lb-nav {     height: 100%;     width: 100%;     z-index: 10 }  .lb-container>.nav {     left: 0 }  .lb-nav a {     outline: 0;     background-image: url('data:image/gif; base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==') }  .lb-next, .lb-prev {     height: 100%;     cursor: pointer;     display: block }  .lb-nav a.lb-prev {     width: 34%;     left: 0;     float: left;     background: url(/shared/3836/prev.png) left 48% no-repeat;     opacity: 0;     transition: opacity .6s }  .lb-nav a.lb-prev:hover {     opacity: 1 }  .lb-nav a.lb-next {     width: 64%;     right: 0;     float: right;     background: url(/shared/3836/next.png) right 48% no-repeat;     opacity: 0;     transition: opacity .6s }  .lb-nav a.lb-next:hover {     opacity: 1 }  .lb-dataContainer {     margin: 0 auto;     padding-top: 5px;     width: 100%;     border-bottom-left-radius: 4px;     border-bottom-right-radius: 4px }  .lb-dataContainer:after {     display: table;     clear: both }  .lb-data {     padding: 0 4px;     color: #ccc }  .lb-data .lb-details {     width: 85%;     float: left;     text-align: left;     line-height: 1.1em }  .lb-data .lb-caption {     font-size: 13px;     font-weight: 700;     line-height: 1em }  .lb-data .lb-number {     display: block;     clear: left;     padding-bottom: 1em;     font-size: 12px;     color: #999 }  .lb-data .lb-close {     display: block;     float: right;     width: 30px;     height: 30px;     background: url(/shared/3836/close.png) top right no-repeat;     text-align: right;     outline: 0;     opacity: .7;     transition: opacity .2s }  .floatlist td.logo-secure-middle, .floatlist th, .floattable tr th, .sidebox .img, .sidebox div.list, ul.company-info>.heading, ul.deposit li.logo {     text-align: center }  .lb-data .lb-close:hover {     cursor: pointer;     opacity: 1 }  .fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object {     padding: 0;     margin: 0;     border: 0;     outline: 0;     vertical-align: top }  .fancybox-wrap {     z-index: 8020 }  .fancybox-inner, .fancybox-outer, .fancybox-skin {     position: relative }  .fancybox-skin {     background: #f9f9f9;     color: #444;     text-shadow: none;     border-radius: 4px }  .fancybox-opened {     z-index: 8030 }  .fancybox-opened .fancybox-skin {     box-shadow: 0 10px 25px var(--c-overlay) }  .fancybox-inner {     overflow: hidden }  .fancybox-type-iframe .fancybox-inner {     -webkit-overflow-scrolling: touch }  .fancybox-error {     color: #444;     font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;     margin: 0;     padding: 15px;     white-space: nowrap }  .fancybox-iframe, .fancybox-image {     display: block;     width: 100%;     height: 100% }  .fancybox-image {     max-width: 100%;     max-height: 100% }  #fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {     background-image: url(/shared/empty.gif) }  #fancybox-loading {     position: fixed;     top: 50%;     left: 50%;     margin-top: -22px;     margin-left: -22px;     background-position: 0 -108px;     opacity: .8;     cursor: pointer;     z-index: 8060 }  .fancybox-close, .fancybox-nav, .fancybox-nav span {     cursor: pointer;     z-index: 8040;     position: absolute }  #fancybox-loading div {     width: 44px;     height: 44px;     background: url(/shared/empty.gif) center center no-repeat }  .fancybox-close {     top: -18px;     right: -18px;     width: 36px;     height: 36px }  .fancybox-nav {     top: 0;     width: 40%;     height: 100%;     text-decoration: none;     background: url(/shared/empty.gif);     -webkit-tap-highlight-color: transparent }  .fancybox-prev {     left: 0 }  .fancybox-next {     right: 0 }  .fancybox-nav span {     top: 50%;     width: 36px;     height: 34px;     margin-top: -18px;     visibility: hidden }  .fancybox-prev span {     left: 10px;     background-position: 0 -36px }  .fancybox-next span {     right: 10px;     background-position: 0 -72px }  .fancybox-nav:hover span {     visibility: visible }  .fancybox-tmp {     position: absolute;     top: -99999px;     left: -99999px;     visibility: hidden;     max-width: 99999px;     max-height: 99999px;     overflow: visible !important }  .fancybox-lock, .fancybox-lock body {     overflow: hidden !important }  .fancybox-lock {     width: auto }  .fancybox-lock-test {     overflow-y: hidden !important }  .fancybox-overlay {     position: absolute;     top: 0;     left: 0;     overflow: hidden;     display: none;     z-index: 8010;     background: url(/shared/empty.gif) }  .fancybox-overlay-fixed {     position: fixed;     bottom: 0;     right: 0 }  .fancybox-lock .fancybox-overlay {     overflow: auto;     overflow-y: scroll }  .fancybox-title {     visibility: hidden;     font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;     position: relative;     text-shadow: none;     z-index: 8050 }  .fancybox-opened .fancybox-title {     visibility: visible }  .fancybox-title-float-wrap {     position: absolute;     bottom: 0;     right: 50%;     margin-bottom: -35px;     z-index: 8050;     text-align: center }  .fancybox-title-float-wrap .child {     display: inline-block;     margin-right: -100%;     padding: 2px 20px;     background: var(--c-overlay2);     border-radius: 15px;     text-shadow: 0 1px 2px #222;     color: var(--c-bg);     font-weight: 700;     line-height: 24px;     white-space: nowrap }  .fancybox-title-outside-wrap {     position: relative;     margin-top: 10px;     color: var(--c-bg) }  .fancybox-title-inside-wrap {     padding-top: 10px }  .fancybox-title-over-wrap {     position: absolute;     bottom: 0;     left: 0;     color: var(--c-bg);     padding: 10px;     background: var(--c-overlay2) }  @media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {      #fancybox-loading,     .fancybox-close,     .fancybox-next span,     .fancybox-prev span {         background-image: url(images/fancybox_sprite@2x.png);         background-size: 44px 152px     }      #fancybox-loading div {         background-image: url(images/fancybox_loading@2x.gif);         background-size: 24px 24px     } }  .floatlist {     float: none;     max-width: 365px;     background-color: var(--c-bg);     margin: 0 auto 10px }  .floatlist th {     height: 44px;     font: 700 19px/24px 'Open Sans Condensed', sans-serif;     color: var(--c-text);     border: 1px solid var(--c-line);     padding: 1px 20px }  .floatlist td {     font: 400 11px/14px Verdana, Geneva, sans-serif;     color: #979797;     padding: 10px 20px;     border: 1px solid var(--c-line) }  .floatlist td:first-letter {     color: #000 }  .floatlist td.icon:before {     display: block;     width: 30px;     height: 30px;     margin: auto;     background: url(/shared/3836/icons1.png) no-repeat }  ul.deposit li.logo, ul.deposit li.logo:after {     display: inline-block }  .floatlist td.icon.padlock:before {     background-position: 0 0 }  .floatlist td.icon.shield:before {     background-position: 0 -30px }  .floatlist td.icon.support:before {     background-position: 0 -60px }  .floatlist td.icon.checkmark:before {     background-position: 0 -90px }  .floatlist td.logo-device:before, .floatlist td.logo-secure-middle:before {     content: '';     display: inline-block;     vertical-align: middle }  .floattable {     float: none;     margin: 0 auto 10px;     overflow: auto }  .floattable tr {     background: var(--c-bg);     font: 400 13px/17px Verdana, Geneva, sans-serif;     color: #313131;     height: 31px }  .floattable tr:nth-child(2n) {     background-color: #fafafa }  ul.company-info, ul.deposit {     background-color: var(--c-bg);     border: 1px solid var(--c-line) }  .floattable tr th {     font: 600 13px/13px 'Open Sans', sans-serif;     height: 34px;     color: #575757;     border: 1px solid var(--c-line);     padding: 1px 20px }  .floattable tr td {     border: 1px solid var(--c-line);     padding: 1px 20px }  .floattable tr td.yes {     text-indent: -15px;     padding-left: 38px }  .floattable tr td.no {     text-indent: -19px;     padding-left: 42px }  .floattable tr td.yes:before {     content: "\2714";     color: #27ad38;     padding-right: 5px }  .floattable tr td.no:before {     content: "\26cc";     color: #e47070;     padding-right: 5px }  ul.deposit li.logo>span:before, ul.deposit li.logo:after {     content: '';     vertical-align: middle }  ul.deposit {     max-width: 280px;     margin: 6px auto 10px;     padding: 10px;     float: none }  ul.deposit li {     font: 10px Verdana, sans-serif;     color: #979797;     padding-bottom: 9px }  ul.deposit li strong {     color: #131313 }  ul.deposit li.logo {     border: 1px solid var(--c-line);     height: 46px;     padding-bottom: 0;     width: 100%;     line-height: 46px }  ul.deposit li.logo>span {     float: right;     width: 89px;     border-left: 1px solid var(--c-line);     display: block;     height: 42px;     line-height: 17px;     padding: 5px 0 0;     color: #5a4949 }  ul.deposit li.logo>span:before {     display: block;     margin: auto }  @media (width >=600px) {     .floatlist.left {         float: left;         margin: 7px 1.6% 10px 0     }      .floatlist.right {         float: right;         margin: 7px 0 10px 1.6%     }      .floattable.left {         float: left;         margin: 7px 1.6% 10px 0     }      .floattable.right {         float: right;         margin: 7px 0 10px 1.6%     }      ul.deposit.left {         margin: 6px 1.6% 10px 0;         float: left     }      ul.deposit.right {         margin: 6px 0 10px 1.6%;         float: right     } }  ul.company-info {     padding: 3px 17px;     float: none }  ul.company-info.left, ul.company-info.right {     margin: 0 auto 20px }  ul.company-info>.heading {     font: 700 18px/16px 'Open Sans Condensed', sans-serif;     text-transform: uppercase;     color: #4b4b4b;     border: 0;     padding: 12px 0;     margin: 0 16px;     border-bottom: 5px solid var(--c-rule) }  ul.company-info>.heading+li {     border: 0 }  ul.company-info>li {     font: 10px Verdana, sans-serif;     color: #979797;     border-top: 1px solid var(--c-rule);     padding: 3px 0 7px }  .border-box, .secure-box, .sidebox, .sidebox div.list {     border: 1px solid var(--c-line) }  ul.company-info li strong {     font: 700 15px/18px 'Open Sans Condensed', sans-serif;     color: var(--c-text);     display: block;     padding: 5px 0 }  @media (width >=568px) {     ul.company-info.right {         float: right;         width: 237px;         margin: 5px 0 0 1.6%     }      ul.company-info.left {         float: left;         max-width: 237px;         margin: 5px 1.6% 0 0     } }  .sidebox {     display: block;     float: none;     margin: 0 auto 25px;     max-width: 273px;     background-color: var(--c-ice);     padding: 15px }  .sidebox .logo-big {     margin-bottom: 10px }  .sidebox .img {     margin: 0 0 6px }  .sidebox .img img {     max-width: 100%;     height: auto }  .sidebox div.list {     padding: 15px 3%;     background-color: var(--c-bg) }  .sidebox div.list ul {     display: inline-block }  .sidebox div.list ul li {     color: #4f6476;     font: 700 14px 'Open Sans Condensed', sans-serif;     padding-left: 22px;     vertical-align: middle;     text-align: left;     margin-bottom: 13px }  .sidebox div.list .blue-btn {     width: 148px;     text-transform: uppercase;     text-decoration: none;     display: block;     padding: 8px 24px;     font: 600 15px 'Open Sans', sans-serif;     margin: 13px auto 7px }  @media (width >=480px) {     .sidebox.right {         margin: 6px 0 20px 1.6%;         float: right     }      .sidebox.left {         margin: 6px 1.6% 20px 0;         float: left     } }  .border-box {     background: var(--c-bg);     margin: 0 0 20px;     padding: 25px 15px }  .border-box.wlogo:before {     display: block;     content: "" }  .secure-box {     background: url(/shared/3836/org-table-bg.jpg) 50% top no-repeat var(--c-bg);     padding: 10px;     margin: 10px 0 20px;     text-align: center }  .secure-box .title, .secure-box p {     padding: 10px 0;     text-align: center }  .secure-box p {     font: 400 13px/18px Verdana, Geneva, sans-serif;     color: #99a3b1 }  .secure-box .title {     font: 600 22px/22px 'Open Sans', sans-serif;     color: #616161 }  .secure-box ul {     margin: 15px 0 0;     text-align: center }  .secure-box ul li {     display: inline-block;     margin: 0 auto 20px;     padding: 0 2% }  .secure-box ul li a {     display: block;     font: 400 12px/96px Verdana, Geneva, sans-serif;     color: #5d87d1;     text-decoration: none;     text-align: center;     vertical-align: middle }  .secure-box ul li a:before {     content: '';     display: inline-block;     vertical-align: middle }  .secure-box ul li a span {     border-top: 1px solid #ecedee;     display: block;     padding-top: 10px;     line-height: 20px }  .secure-box ul li a:hover span {     text-decoration: underline }  .double-table>table {     margin: 0 0 25px;     width: 100% }  .double-table table {     border-spacing: 0 }  .double-table table.left {     margin-right: 1% }  .double-table table.right {     margin-left: 1% }  .double-table table tr:nth-child(odd) {     background: var(--c-bg) }  .double-table table tr th {     font: 700 18px/23px 'Open Sans Condensed', sans-serif;     color: var(--c-text);     background-color: var(--c-bg);     border: 1px solid var(--c-line);     padding: 7px }  .double-table>table tr td {     font: 700 11px Verdana, sans-serif;     color: #2f2f2f;     padding: 12px 0 12px 32px;     border: 1px solid var(--c-line);     min-width: 120px }  .double-table>table tr td:last-child {     padding-left: 15px }  .double-table>table tr td:first-child {     font-weight: 400 }  .double-table>div {     overflow-x: auto;     clear: right }  .double-table>div>table {     float: none;     margin: 0 auto 25px;     width: 100% }  .double-table>div>table tr td, .double-table>div>table tr th {     text-align: center;     font: 700 18px/23px 'Open Sans Condensed', sans-serif;     border: 1px solid var(--c-line);     padding: 7px 15px }  .double-table>div>table tr td>span {     color: var(--c-active);     font: 400 24px/24px 'Open Sans', sans-serif }  .double-table>div>table .game-info td>span {     float: none;     width: 100%;     display: block;     text-align: center }  .double-table .logo-games:before {     content: '';     display: inline-block;     padding: 0;     margin: 8px 0 0 }  .double-table .logo-big {     padding: 0 10px;     height: 50px }  .double-table .logo-big:before {     content: '';     display: inline-block;     vertical-align: middle }  .double-table tr .logo-games {     min-width: initial;     background-color: var(--c-ice);     padding: 1px 15px }  @media (width >=756px) {     .double-table>div {         clear: none     }      .double-table>table {         width: 30%     } }  @media (width >=950px) {     .double-table table {         width: auto     }      .double-table>table tr td {         min-width: 156px     } }  @media (width >=1170px) {     .double-table>div>table .game-info td {         text-align: left     }      .double-table>div>table tr .logo-games {         text-align: center     }      .double-table>div>table .game-info td>span {         padding-top: 0;         float: right;         width: auto     } }  .casino-info {     text-align: center;     overflow: hidden }  .casino-info.left, .casino-info.right {     margin: 0;     float: none }  .casino-info .info {     display: inline-block;     border: 1px solid var(--c-line);     background: var(--c-ice);     margin: 0 0 10px }  .casino-info .info .logo-small {     width: 60px;     height: 50px;     line-height: 50px;     border-bottom: 1px solid var(--c-line);     margin: 0 auto; }  .casino-info .info .logo-small img {     display: inline-block;     vertical-align: middle;     width: 130px;     height: 100%;     object-fit: cover;     object-position: 0 1px; }  .casino-info .info>.rating {     background: var(--c-bg);     margin: 7px;     border: 1px solid #e1e1e1;     text-align: center;     display: block;     font: 11px verdana, sans-serif;     color: #888d94;     padding: 8px 40px 13px }  .big-table .rating {     padding: 0 5px }  .big-table .rating span, .casino-info .info .rating>span {     display: block;     padding: 13px 0 0;     font: 300 28px/22px 'Open Sans Condensed', sans-serif;     color: var(--c-text) }  .big-table .rating span {     padding: 0 }  .big-table .rating span strong, .casino-info .info .rating>span strong {     color: var(--c-active) }  .big-table .rating i, .casino-info .info .rating i {     display: inline-block;     border-bottom: 6px solid var(--c-bg);     width: 82px;     height: 14px;     background: url(/shared/empty.gif) 0 -14px no-repeat;     margin: 6px 0;     box-shadow: 0 1px 0 #ddd }  .big-table .rating i {     margin: 5px auto 0;     box-shadow: none;     border-bottom: 0;     display: block }  .big-table .rating i i, .casino-info .info .rating i i {     background: url(/shared/empty.gif) no-repeat;     display: block;     border: 0;     margin: 0;     width: 60px;     box-shadow: none;     text-indent: -9999px }  .big-table .rating.r5 i i, .casino-info .info .rating.r5 i i {     width: 82px }  .big-table .rating.r4 i i, .casino-info .info .rating.r4 i i {     width: 68px }  .big-table .rating.r3 i i, .casino-info .info .rating.r3 i i {     width: 51px }  .big-table .rating.r2 i i, .casino-info .info .rating.r2 i i {     width: 34px }  .big-table .rating.r1 i i, .casino-info .info .rating.r1 i i {     width: 17px }  .big-table .rating.r0 i i, .casino-info .info .rating.r0 i i {     width: 0 }  .big-table .rating.p0 i i, .casino-info .info .rating.p0 i i {     padding-right: 0 }  .big-table .rating.p1 i i, .casino-info .info .rating.p1 i i {     padding-right: 2px }  .big-table .rating.p2 i i, .casino-info .info .rating.p2 i i {     padding-right: 3px }  .big-table .rating.p3 i i, .casino-info .info .rating.p3 i i {     padding-right: 4px }  .big-table .rating.p4 i i, .casino-info .info .rating.p4 i i {     padding-right: 5px }  .big-table .rating.p5 i i, .casino-info .info .rating.p5 i i {     padding-right: 6px }  .big-table .rating.p6 i i, .casino-info .info .rating.p6 i i {     padding-right: 8px }  .big-table .rating.p7 i i, .casino-info .info .rating.p7 i i {     padding-right: 9px }  .big-table .rating.p8 i i, .casino-info .info .rating.p8 i i {     padding-right: 10px }  .big-table .rating.p9 i i, .casino-info .info .rating.p9 i i {     padding-right: 11px }  .casino-info .info .rating>strong {     display: block;     font: 700 26px/13px 'Open Sans Condensed', sans-serif;     color: var(--c-text);     padding: 13px 0 21px }  .casino-info .list {     display: inline-block;     width: 268px;     height: 244px;     background-color: var(--c-bg);     border: 1px solid var(--c-line);     text-align: center;     margin: 0 0 10px }  .casino-info .list>div {     color: var(--c-text);     text-align: center;     border-bottom: 1px solid var(--c-rule);     height: 50px;     line-height: 40px;     padding: 5px }  .casino-info .list>div span {     vertical-align: middle;     font: 700 18px/17px 'Open Sans Condensed', sans-serif;     display: inline-block }  .casino-info .list>ul {     font: 700 14px/30px 'Open Sans Condensed', sans-serif;     color: var(--c-text);     display: inline-block;     padding: 20px 20px 10px;     margin-bottom: 0; }  .casino-info .list>ul li {     background-position: 0 11px;     text-align: left;     line-height: 24px;     padding: 3px 0 3px 22px }  .casino-info .list>p {     text-align: center;     padding: 0;     margin-top: 0; }  .casino-info .list>p>a {     font: 600 18px/32px 'Open Sans', sans-serif;     text-decoration: none;     padding: 0 36px;     display: inline-block;     margin: 13px 0 6px;     max-width: 138px }  .casino-info .secure {     display: none }  .casino-info .list.dense>ul {     padding: 10px 20px }  .casino-info .list.dense>ul li {     line-height: 18px }  .casino-info .list.dense>p>a {     margin: 0 0 8px }  .casino-info .list .term-txt {     line-height: 1.3;     color: #cdcdcd;     top: 0;     border: 0;     height: auto }  @media (width >=480px) {     .casino-info .secure {         display: block;         margin-bottom: 10px;         background-color: var(--c-bg);         border: 1px solid var(--c-line);         clear: both;         text-align: center     }      .casino-info .secure em {         border-bottom: 1px solid var(--c-rule);         display: block;         height: 14px;         font: 11px verdana, sans-serif;         color: #888d94;         padding: 11px 0     }      .casino-info .secure>span {         display: inline-block;         margin: 0 8px;         height: 78px;         line-height: 78px     }      .casino-info .secure>span>.logo-secure {         padding: 20px 0;         text-align: center;         display: inline-block     }      .casino-info .secure>span>.logo-secure>span {         margin: 0 9px     }      .casino-info {         max-width: 438px;         margin: auto     }      .casino-info.left,     .casino-info.right {         margin: 0 auto     }      .casino-info .info,     .casino-info .list {         float: left     }      .casino-info .info {         margin: 0 0 10px     }      .casino-info>div:first-child {         margin-right: 4px     }      .casino-info .info>.rating {         max-width: 150px;         padding: 10px 20px 13px !important     } }  @media (width >=640px) {     .casino-info.right {         margin: 5px 0 0 1.6%;         float: right     }      .casino-info.left {         margin: 5px 1.6% 0 0;         float: left     }      .casino-info .info,     .casino-info .list {         display: block     } }  @media (width <=480px) {     .casino-info .info.hide {         display: none     } }  .big-table {     overflow-x: auto;     margin: 0 0 20px }  .big-table table {     width: 100%;     min-width: auto;     background-color: var(--c-bg) }  .big-table th {     border: 1px solid var(--c-line);     padding: 1px 20px }  .big-table td {     border: 1px solid var(--c-line);     height: 67px;     text-align: center;     padding: 0 5px }  .big-table.st2 td {     height: 33px }  .big-table td.logo-banking:before, .big-table td.logo-big:before {     content: '';     display: inline-block }  .big-table td:first-child span {     font: 800 20px/10px 'Open Sans', sans-serif;     color: var(--c-bg);     background-color: #676767;     padding: 0 4px 0 6px }  .big-table tr:first-child td:first-child span {     background-color: #2681d6 }  .big-table td a span {     display: inline-block;     text-indent: -9999px }  .big-table td.logo-secure-middle {     font: 300 13px/15px 'Open Sans Condensed', sans-serif;     color: var(--c-legal);     padding: 0 5px 5px }  .big-table td.logo-secure-middle:before {     content: '';     display: block;     margin: 5px auto 10px }  .big-table td.logo-secure-middle.gli:before {     width: 70px;     height: 22px;     background-position: 0 0 }  .big-table td.logo-secure-middle.ecogra:before {     width: 80px;     height: 22px;     background-position: 0 -21px }  .big-table td.logo-secure-middle.tst:before {     width: 65px;     height: 28px;     background-position: 0 -45px }  .big-table td.logo-secure-middle.gambling-commission:before {     width: 120px;     height: 22px;     background-position: 0 -80px }  .big-table td.logo-secure-middle.itech:before {     width: 33px;     height: 29px;     background-position: 0 -101px }  .big-table td.logo-secure-middle.onjn:before {     width: 30px;     height: 28px;     background-position: 0 -129px }  .big-table td.secure {     font: 600 12px/15px 'Open Sans', sans-serif;     color: #727272;     text-align: left }  .big-table.max1 td.secure {     width: 370px }  .big-table.max2 td.secure {     width: 620px }  .big-table td.secure i {     width: 70px;     float: left;     margin: 0 auto;     text-align: center;     height: 30px;     line-height: 30px }  .big-table td.secure.centered {     text-align: center }  .big-table td.secure.centered i {     display: inline-block;     float: none }  .big-table td.secure>span {     display: block;     padding-left: 13px;     overflow: hidden;     width: auto;     vertical-align: middle }  .big-table td.bonus {     font: 300 14px/15px 'Open Sans Condensed', sans-serif;     color: var(--c-legal) }  .big-table td.bonus>strong {     display: block;     font: 700 30px/30px 'Open Sans Condensed', sans-serif;     color: #666;     padding: 0 5px }  .big-table td.last {     padding: 0 20px }  .big-table td.last a {     text-align: center;     text-decoration: none;     margin: 0 auto;     padding: 4px 0;     display: block;     font: 600 18px/24px 'Open Sans', sans-serif }  .big-table td.text {     font: 600 12px/14px 'Open Sans', sans-serif;     text-align: left;     padding-left: 14px;     min-width: 180px;     max-width: 102px;     color: #727272 }  .big-table td.text.mid {     font-size: 13px;     text-align: center }  .big-table td.text.big {     font-weight: 400;     font-size: 14px;     line-height: 20px }  .big-table td.text.r {     text-align: right;     padding-right: 15px }  .big-table td.text span {     display: block }  @media (width <=1155px) {     .big-table td.icons i {         margin: 0 2%     }      .big-table.v5.max2 td.secure {         width: auto     }      .big-table.v5 td.secure i {         display: none     } }  @media (width <=1050px) {      .big-table.v2 td:first-child,     .big-table.v2 td:nth-child(4),     .big-table.v3 td:first-child {         display: none     } }  @media (width <=1024px) {     .big-table td.icons i {         margin: 2% 1%     } }  @media (width <=860px) {      .big-table.v3 td:nth-child(4),     .big-table.v4 tr:nth-child(2n) td:first-child,     .big-table.v4 tr:nth-child(2n) td:nth-child(2),     .big-table.v4 tr:nth-child(odd) td:nth-child(4),     .big-table.v4 tr:nth-child(odd) td:nth-child(5),     .big-table.v5 td:nth-child(3) {         display: none     }      .big-table.v4 td {         height: 60px     } }  @media (width <=600px) {      .big-table.v2 td:nth-child(3),     .big-table.v3 td:nth-child(3),     .big-table.v4 tr:nth-child(odd) td:first-child,     .big-table.v4 tr:nth-child(odd) td:nth-child(3),     .big-table.v5 td:first-child {         display: none     } }  @media (width <=420px) {      .big-table.v2 td:nth-child(5),     .big-table.v3 td:nth-child(5),     .big-table.v4 tr:nth-child(odd) td:nth-child(6),     .big-table.v5 td:nth-child(4) {         display: none     } }  .term-txt {     text-align: right;     font-size: .85em;     position: relative;     top: -16px;     color: #cdcdcd }  @media (width <=599px) {     .sidebox-holder {         margin-left: auto;         margin-right: auto     }      .sidebox-holder .term-txt {         text-align: center     } }  @media (width >=600px) {     .sidebox-holder {         max-width: 295px     }      .sidebox-holder.left {         float: left     }      .sidebox-holder.left .sidebox {         margin-left: 0     }      .sidebox-holder.right {         float: right     }      .sidebox-holder.right .sidebox {         margin-right: 0     } }  footer {     min-width: 320px;     max-width: 1280px;     padding: 0;     margin: 0 auto }  footer>.top {     padding-bottom: 10px;     background: var(--c-ft-top);     font: 400 14px/17px Verdana, sans-serif;     color: #353d48 }  footer>.top>strong {     display: block;     padding: 20px 10px;     font: 300 20px/20px 'roboto condensed', sans-serif;     text-align: center }  footer>.top ul {     max-width: 1200px;     padding: 0;     margin: 0 auto;     overflow: hidden }  footer>.top ul li {     width: 50% }  footer>.top ul.main {     font-size: 0;     text-align: center }  footer>.top ul.main li {     display: inline-block;     padding: 0 0 10px }  footer>.top ul.main li a {     display: block;     width: 95%;     max-width: 210px;     height: 96px;     line-height: 96px;     margin: 0 auto;     background: #b0d0e3;     border-radius: 7px }  footer>.top ul.main li a:hover {     background: #e4f4ff }  footer>.top ul.more li {     float: left }  footer>.bot>.legal, footer>.bot>.links {     float: none;     width: auto;     text-align: center }  footer>.top ul.more li a {     display: block;     max-width: 170px;     color: #353d48;     text-align: left;     padding: 9px 5px;     margin: 0 auto;     text-decoration: none }  footer>.top ul.more li a:before {     content: "";     display: inline-block;     width: 27px;     height: 27px;     margin-right: 7px;     vertical-align: middle;     border-radius: 13px }  footer>.top ul.more li a:after {     padding: 0 8px;     margin-left: 8px;     text-indent: 0;     font: 400 10px/17px 'roboto condensed', sans-serif;     color: var(--c-bg);     text-transform: uppercase;     background: #23a0c9;     border-radius: 3px }  footer>.top ul.more li a:hover {     text-decoration: underline }  footer>.top ul.more li a.word:after {     content: attr(data) }  footer>.mid {     background: var(--c-ft-mid);     text-align: center;     padding: 10px 0;     overflow: auto }  footer>.mid>div:after {     content: "";     display: block;     clear: both }  footer>.mid>div div strong {     display: block;     padding: 10px 0;     font: 400 18px/20px 'roboto slab', serif;     color: #23a0c9;     border-bottom: 1px solid #b5becb }  footer>.mid>div div a {     display: block;     padding: 10px 0;     font: 400 14px/15px Verdana, sans-serif;     color: var(--c-bg);     text-decoration: none }  footer>.mid>div div a:hover {     text-decoration: underline }  footer>.mid>div>div {     width: 230px;     margin: 0 auto;     text-align: left }  footer>.bot {     background: var(--c-ft-bot);     padding-top: 1px }  footer>.bot>.legal {     font: 400 12px/.9 'open sans', sans-serif;     color: #b5b5b5;     padding-bottom: 5px;     border-bottom: 1px dashed #6d6d6d;     display: table;     margin: 0 auto;     padding-top: 10px }  footer>.bot>.legal>span {     display: block;     margin-bottom: 5px;     margin-top: 10px; }  footer>.bot>.legal>span a {     color: #9cc8e2;     text-decoration: none }  footer>.bot>.legal>span a:hover {     text-decoration: underline }  footer>.bot>.legal>span b {     font-weight: 400;     color: #ddd }  footer>.bot>.legal>span b b {     color: #ce8888 }  footer>.bot>.links {     overflow: hidden;     border-bottom: 1px solid #535c65;     padding: 7px 0;     font: 400 13px/16px Verdana, sans-serif;     color: var(--c-bg);     display: table;     margin: 0 auto }  footer>.bot>.links a {     display: block;     padding: 7px 0;     color: var(--c-bg);     text-transform: uppercase;     text-decoration: none }  footer>.bot>.links span {     display: block;     color: #b5b5b5 }  footer>.bot>.links a:hover {     color: #23a0c9;     text-decoration: none }  footer>.bot>span {     display: block;     padding: 17px 10px;     text-align: center;     font: 400 13px/27px Verdana, sans-serif;     color: #8599b6 }  footer>.bot>span a.t {     background-color: #11c1fb;     background-position: -3px 2px }  footer>.bot>span a.f {     background-color: #0670dc;     background-position: -29px 2px }  footer>.bot>span a.g {     background-color: #ff3f3f;     background-position: -58px 1px }  footer>.bot>span a.y {     background-color: #ff3f3f;     background-position: -87px 0 }  footer>.bot>span a:hover {     background-color: #012dbd }  footer>.bot>span a.t:hover {     background-color: #048df7 }  footer>.bot>span a.f:hover {     background-color: #012dbd }  footer>.bot>span a.g:hover, footer>.bot>span a.y:hover {     background-color: #ff1212 }  footer>.terms {     position: relative;     max-width: 1280px;     width: auto;     height: 285px;     margin: 0 auto;     background: url(/shared/3836/legal-t-1.png) center no-repeat var(--c-legal);     box-shadow: -1279px 0 0 var(--c-legal), 1279px 0 0 var(--c-legal) }  footer>.bot>.legal a {     position: absolute;     overflow: hidden;     text-decoration: none;     font-size: 0;     text-indent: -100%;     display: inline-block;     margin-right: 2px;     margin-bottom: 5px }  footer>.bot>.legal a.legal-logos {     background: url(/shared/3836/licence-logos.png) no-repeat;     position: static;     display: inline-block;     vertical-align: middle;     margin-right: 5px;     margin-bottom: 12px }  footer>.bot>.legal .legal-logos.onjn {     width: 61px;     height: 24px;     background-position: -1px 0 }  footer>.bot>.legal .legal-logos.anpc {     width: 71px;     height: 27px;     background-position: -1px -27px }  footer>.bot>.legal .legal-logos.jocr {     width: 125px;     height: 27px;     background-position: -1px -56px }  footer>.bot>.legal .legal-logos.eighteen {     width: 29px;     height: 29px;     background-position: -1px -85px }  @media (width >=480px) {     footer>.top ul li {         width: 33.33%     }      footer>.mid>div {         width: 1050px     }      footer>.mid>div>div,     footer>.mid>div>div>div {         float: left;         width: 190px;         margin: 0 10px     }      footer>.mid>div>div.x2,     footer>.mid>div>div.x3 {         width: auto     }      footer>.mid>div>div>div {         margin: 0 10px 0 0     }      footer>.mid>div>div>div:last-child {         margin: 0     }      footer>.mid>div div a {         font-size: 12px     }      footer>.bot>.links {         padding-bottom: 20px     }      footer>.bot>.links a {         padding-left: 10%     }      footer>.bot>.legal {         padding: 10px;         border-bottom: none     }      footer>.terms {         height: 230px;         background: url(/shared/3836/legal-t-2.png) center no-repeat var(--c-legal)     } }  @media (width >=640px) {     footer>.top ul li {         width: 25%     }      footer>.bot:after {         content: "";         display: block;         clear: both     }      footer>.bot>.links {         border: none;         overflow: hidden     }      footer>.bot>span {         text-align: right;         padding: 23px 10px     }      footer>.bot>.links a {         padding: 2px 0 2px 5%     }      footer>.terms {         height: 180px;         background: url(/shared/3836/legal-t-3.png) center no-repeat var(--c-legal)     } }  @media (width >=768px) {     footer>.top ul li {         width: 20%     }      footer>.bot>span {         padding: 15px 5px     }      footer>.terms {         height: 150px;         background: url(/shared/3836/legal-t-4.png) center no-repeat var(--c-legal)     } }  @media (width >=1024px) {     footer>.mid {         overflow: visible     }      footer>.mid>div {         width: 1000px;         margin: 0 auto     }      footer>.mid>div>div,     footer>.mid>div>div>div {         width: 185px;         margin: 0 7px     }      footer>.mid>div>div>div {         margin: 0 8px 0 0     }      footer>.mid>div>div>div:last-child {         margin: 0     }      footer>.bot>.legal {         text-align: right;         float: right;         width: 40%;         display: block     }      footer>.bot>.links {         font-size: 0;         padding: 11px 0 11px 10px;         text-align: left;         display: block     }      footer>.bot>.links span {         font-size: 11px     }      footer>.bot>.links a {         float: none;         display: inline-block;         font-size: 12px;         border-left: 1px solid #3c3c3c;         padding: 2px 1.5%     }      footer>.bot>.links a:first-child {         border-left: none;         padding-left: 0     }      footer>.terms {         height: 130px;         background: url(/shared/3836/legal-t-5.png) center no-repeat var(--c-legal)     } }  @media (width >=1150px) {     footer>.mid>div {         width: 1100px     }      footer>.mid>div>div,     footer>.mid>div>div>div {         width: 190px;         margin: 0 12px     }      footer>.mid>div>div>div {         margin: 0 12px 0 0     }      footer>.mid>div>div>div:last-child {         margin: 0     }      footer>.top {         box-shadow: -1279px 0 0 var(--c-ft-top), 1279px 0 0 var(--c-ft-top)     }      footer>.mid {         box-shadow: -1279px 0 0 var(--c-ft-mid), 1279px 0 0 var(--c-ft-mid)     }      footer>.bot {         box-shadow: -1279px 0 0 var(--c-ft-bot), 1279px 0 0 var(--c-ft-bot)     }      footer>.terms {         height: 130px;         background: url(/shared/3836/legal-t-6.png) center no-repeat     } }  @media (width >=1280px) {     footer>.mid>div {         width: 1180px     }      footer>.mid>div>div,     footer>.mid>div>div>div {         margin: 0 23px     }      footer>.mid>div>div>div {         margin: 0 25px 0 0     }      footer>.mid>div>div>div:last-child {         margin: 0     }      footer>.bot>.legal {         position: relative;         width: auto     }      footer>.bot>.legal a.legal-logos {         margin-right: 0;         margin-bottom: 0     }      footer>.bot>.legal .legal-logos.onjn {         top: 15px;         left: -340px     }      footer>.bot>.legal .legal-logos.anpc {         top: 14px;         left: -270px     }      footer>.bot>.legal .legal-logos.jocr {         top: 14px;         left: -190px     }      footer>.bot>.legal .legal-logos.eighteen {         top: 11px;         left: -55px     } }  ul.listing {     margin: 0;     padding: 4px }  ul.listing li {     display: inline;     margin-right: 5px;     padding: 3px }  @media (prefers-reduced-motion: reduce) {      *,     *::before,     *::after {         animation-duration: .01ms !important;         animation-iteration-count: 1 !important;         transition-duration: .01ms !important;         scroll-behavior: auto !important     } }  :where(.menu-icon, .nav-anchor, .navigation a, .blue-btn, .btn):focus-visible {     outline: 2px solid var(--c-link);     outline-offset: 2px }