: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);     --bc-bg-card: #fff;     --bc-text-body: #333;     --bc-text-title: #111;     --bc-font-serif: Georgia, "Times New Roman", serif;     --bc-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;     --bc-radius: 2px;     --bc-gap: 24px;     --bc-max: 1200px; } body {   margin: 0;   font: 400 13px/15px Arial, sans-serif;   color: #6a6a6a;   background-color: var(--c-bg);   min-width: 320px } .scrshots, .secure-box ul, footer>.top ul, ul.styled {     list-style: none;     margin: 0;     padding: 0 }  article, footer, header {     margin: 0 auto } article, div, footer, header {     box-sizing: border-box } 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 } .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/3841/logo-small.png) no-repeat;     content: '' }  .logo-small span {     display: inline-block;     vertical-align: middle;     background: url(/shared/3841/logo-small.png) 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/3841/logos-games.png) 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/3841/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/3841/logos-software.png) 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/3841/logos-more.png) 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/3841/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/3841/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/3841/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/3841/nav_anchor.png) 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%     } } @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 <=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);     } }     article {         padding: 0 1%     } @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/3841/menu-icons.png) 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) {     article {         padding: 62px 1% 10px     } } 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/3841/legal-t-1.png) center no-repeat var(--c-legal);     box-shadow: -1279px 0 0 var(--c-legal), 1279px 0 0 var(--c-legal);     background-color: #848484 !important; }  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/3841/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/3841/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/3841/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/3841/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/3841/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/3841/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     } }  @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 }   .bc-main {   font-family: var(--bc-font-sans);   color: var(--bc-text-body);   line-height: 1.5;   padding: clamp(28px, 5vw, 56px) 0 clamp(48px, 8vw, 80px); }  .bc-main *, .bc-main *::before, .bc-main *::after {   box-sizing: border-box; }  .bc-main img {   max-width: 100%;   height: auto;   vertical-align: middle; }  .bc-main__inner {   max-width: var(--bc-max);   margin: 0 auto; }  .bc-grid {   display: grid;   gap: var(--bc-gap);   grid-template-columns: 1fr; }  @media (width >= 600px) {   .bc-grid {     grid-template-columns: repeat(2, minmax(0, 1fr));   } }  @media (width >= 900px) {   .bc-grid {     grid-template-columns: repeat(3, minmax(0, 1fr));   } }  @media (width >= 1200px) {   .bc-grid {     grid-template-columns: repeat(4, minmax(0, 1fr));   } }  .bc-card {   background: var(--bc-bg-card);   border-radius: var(--bc-radius);   overflow: hidden;   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);   display: flex;   flex-direction: column;   min-height: 100%;   transition: box-shadow 0.2s ease, transform 0.2s ease;   padding-top: 5px; }  .bc-card:hover {   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);   transform: translateY(-2px); }  .bc-card__link {   display: flex;   flex-direction: column;   height: 100%;   color: inherit;   text-decoration: none; }  .bc-card__thumb {   aspect-ratio: 16 / 10;   background: #e5e5e5;   overflow: hidden; }  .bc-card__thumb img {   width: 100%;   height: 100%;   object-fit: cover;   display: block; }  .bc-card__body {   padding: 18px 18px 22px;   flex: 1;   display: flex;   flex-direction: column; }  .bc-card__date {   font-size: 11px;   text-transform: uppercase;   letter-spacing: 0.06em;   color: #888;   margin-bottom: 8px; }  .bc-card__title {   font-family: var(--bc-font-serif);   font-size: 1.15rem;   font-weight: 700;   line-height: 1.3;   margin: 0 0 10px;   color: var(--bc-text-title); }  .bc-card__excerpt {   font-size: 14px;   line-height: 1.55;   color: #555;   margin: 0;   flex: 1; }  .bc-card--quote {   background: var(--bc-bg-card);   padding: 28px 22px 32px;   justify-content: center;   text-align: center; }  .bc-card--quote .bc-card__body {   padding: 0; }  .bc-card__quote-mark {   font-family: var(--bc-font-serif);   font-size: 3rem;   line-height: 0.5;   color: #ddd;   margin-bottom: 12px; }  .bc-card__quote-text {   font-family: var(--bc-font-serif);   font-size: 1.2rem;   font-style: italic;   line-height: 1.45;   color: var(--bc-text-title);   margin: 0 0 16px; }  .bc-card__quote-author {   font-size: 12px;   color: #888;   margin: 0; }  .bc-slot {   margin-top: auto;   padding-top: 12px; } ul.listing {   margin: 0;   padding: 4px }  ul.listing li {   display: inline;   margin-right: 5px;   padding: 3px }